input[type="checkbox"] {
  webkit-appearance: auto !important; 
  -moz-appearance: auto !important;
  appearance: auto ;  
}
input[type="text"], input[type="tel"], [type="password"]{
  height:unset !important;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
 box-sizing:border-box;
}
img{
	margin-top:0;margin-left:0;margin-right:0;margin-bottom:0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing:border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
 display: block;
}
body {
 font-family: 'Noto Sans KR', sans-serif;
 line-height: 1.5;
 font-size:13.5px; color:#333;
}
a{
 font-size:13.5px;color:#333;
 line-height: 1.5;
 font-family: 'Noto Sans KR', sans-serif;
 text-decoration: none;
 cursor: pointer;
}
ol, ul,li {
 list-style: none;
}
blockquote, q {
 quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
 content: '';
 content: none;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
}
textarea:focus {
  outline: none;
}
button:focus {
  outline: none;
}
input:focus {
  outline: none;
}

#common_right_quickMenu_box {
  display: none;
}
#common_wrap{
  background: #F8F8FA;padding-top: 100px;
}
.section_inner {
  width:100%;max-width:1200px;margin:0 auto;
}
#common_wrap .page_title{
  background-image: url(https://img.megastudyacademy.co.kr/campus/game_html_img/page_title_img.png);
  background-size: 100% 100%;
  padding:48px 0 49px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#common_wrap .page_title p{
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.5em;
  color: #FFFFFF;
}

#common_wrap .page_title h2{
  font-weight: 700;
  font-size: 30px;
  line-height: 43px;
  text-align: center;
  color: #FFFFFF;
}



#section01 {
  width:100%;
}
#section01 .section_inner .sec_title{
  text-align: center;padding:25px 0;
}
#section01 .section_inner .sec_title h3{
  font-weight: 700;
  font-size: 26px;
  line-height: 38px;
  text-align: center;
  color: #333333;
}

#section02 {
  width:100%;padding-bottom:100px;
}
#section02 .section_inner {display: flex;flex-direction: column;}
#section02 .section_inner .sec_title {
  text-align: center;
  padding: 75px 0 20px;
}
#section02 .section_inner .sec_title h3 {
  font-weight: 700;
  font-size: 26px;
  line-height: 38px;
  text-align: center;
  color: #333333;
}
#section02 .section_inner .tab_btn_box{
  width:100%; border: 1px solid #E4E4E4;
  box-shadow: 2px 2px 5px rgba(0, 129, 255, 0.1);
  border-radius: 5px;
}
#section02 .section_inner .tab_btn_box ul{
  width:100%;display: flex;flex-direction: column;gap:0;justify-content: flex-start;
}
#section02 .section_inner .tab_btn_box ul li{
  width:100%;
  background: #F7F7F7;
}
#section02 .section_inner .tab_btn_box ul li .li_tab_title{
  display: flex;justify-content: space-between;align-items: center;padding:23px 40px 23px 23px;border-bottom: 1px solid #E4E4E4;background: #ffffff;
}
#section02 .section_inner .tab_btn_box ul li .li_tab_title .li_title{
  display: flex;flex-direction: column;gap:6px;
}
#section02 .section_inner .tab_btn_box ul li .li_tab_title .li_title h2{
  font-weight: 500;
  font-size: 20px;
  line-height: 29px;
  color: #333333;
}
#section02 .section_inner .tab_btn_box ul li .li_tab_title .li_title p{
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  
  color: #333333;
}
#section02 .section_inner .tab_btn_box ul li a{
  padding:9px 19px 10px 18px;
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  text-align: center;
  color:#333333;
  display: flex;
  align-items: center;
  gap:5px;
  position: relative;
  background: #FFFFFF;
  border: 1px solid #E4E4E4;
  border-radius: 3px;
}

#section02 .section_inner .tab_btn_box ul li:last-child a::after{
  display: none;
}

#section02 .section_inner .tab_btn_box ul li.active{
  width:100%;border-bottom: 1px solid #e4e4e4;
}

#section02 .section_inner .tab_btn_box ul li.active a{
  border: 1px solid #0081FF;
  color: #0081FF;  
  display: flex;
}

#section02 .section_inner .tab_btn_box .tab_content_box{
  background: #ffffff;
}
#section02 .section_inner .tab_btn_box .tab_content.active{
  display: block;
}
#section02 .section_inner .tab_btn_box .tab_content {
  display: none;padding: 50px 31px;
}


#section03 {
  width:100%;
}
#section03 .section_inner .sec_title{
  text-align: center;padding:75px 0 20px;
}
#section03 .section_inner .sec_title h3{
  font-weight: 700;
  font-size: 26px;
  line-height: 38px;
  text-align: center;
  color: #333333;
}
#section03 .section_inner .sec_content{
  display: flex;flex-direction: column;gap:50px;
}
#section03 .section_inner .sec_content .sec_btn_box{
  display: flex;flex-direction: column;gap:10px;
}

#section03 .section_inner .sec_content .sec_btn_box .sec_category_box {
  display: flex;gap:50px;width:100%;background: #FFFFFF;
  border: 1px solid #E4E4E4;
  box-shadow: 1px 1px 5px rgba(0, 129, 255, 0.1);
  border-radius: 10px;
  padding: 18px 35px 17px;
  align-items: center;
}
#section03 .section_inner .sec_content .sec_btn_box .sec_category_box .categoty_text{
  min-width: 66.25px;
}
#section03 .section_inner .sec_content .sec_btn_box .sec_category_box .categoty_text p{
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  color: #333333;
  white-space: nowrap;
  text-align: left;
}
#section03 .section_inner .sec_content .sec_btn_box .sec_category_box .category_btn{
  width:100%;
}
#section03 .section_inner .sec_content .sec_btn_box .sec_category_box .category_btn ul{
  display: flex;gap:30px;
}
#section03 .section_inner .sec_content .sec_btn_box .sec_category_box .category_btn ul li a{
  border: 1px solid #E4E4E4;
  border-radius: 60px;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #999999;
  padding:7px 30px;
  display: flex;
}
#section03 .section_inner .sec_content .sec_btn_box .sec_category_box .category_btn ul li a.active{
  background: #E3EFFF;
  border: 1px solid #0081FF;
  border-radius: 60px;
  color: #0081FF;
}

#section03 .section_inner .sec_content .sec_btn_box .sec_all_two{
  display: flex;gap:10px;
}#section03 .section_inner .sec_content .sec_btn_box .sec_campus_box {
  display: flex;gap:50px;width:50%;background: #FFFFFF;
  border: 1px solid #E4E4E4;
  box-shadow: 1px 1px 5px rgba(0, 129, 255, 0.1);
  border-radius: 10px;
  padding: 18px 10px 17px 34px;
  align-items: center;
  justify-content: space-between;
}
#section03 .section_inner .sec_content .sec_btn_box .sec_campus_box .campus_text{
  min-width:66.25px;
}
#section03 .section_inner .sec_content .sec_btn_box .sec_campus_box .campus_text p{
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  color: #333333;
  white-space: nowrap;
  text-align: left;
}
#section03 .section_inner .sec_content .sec_btn_box .sec_campus_box .campus_btn{
  width:100%;
}
#section03 .section_inner .sec_content .sec_btn_box .sec_campus_box .campus_btn ul{
  display: flex;gap:20px;justify-content: flex-start;
}
#section03 .section_inner .sec_content .sec_btn_box .sec_campus_box .campus_btn ul li a{
  border: 1px solid #E4E4E4;
  border-radius: 60px;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #999999;
  padding:7px 30px;
  display: flex;
}
#section03 .section_inner .sec_content .sec_btn_box .sec_campus_box .campus_btn ul li a.active{
  background: #E3EFFF;
  border: 1px solid #0081FF;
  border-radius: 60px;
  color: #0081FF;
}
#section03 .section_inner .sec_content .sec_btn_box .sec_fee_box {
  display: flex;gap:50px;width:50%;background: #FFFFFF;max-width: 590px;
  border: 1px solid #E4E4E4;
  box-shadow: 1px 1px 5px rgba(0, 129, 255, 0.1);
  border-radius: 10px;
  padding: 18px 12px 17px 34px;
  align-items: center;
}
#section03 .section_inner .sec_content .sec_btn_box .sec_fee_box .fee_text{
  min-width:66.25px;
}
#section03 .section_inner .sec_content .sec_btn_box .sec_fee_box .fee_text p{
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  color: #333333;
  white-space: nowrap;
  text-align: left;
}
#section03 .section_inner .sec_content .sec_btn_box .sec_fee_box .fee_btn{
  width:100%;
}
#section03 .section_inner .sec_content .sec_btn_box .sec_fee_box .fee_btn ul{
  display: flex;gap:20px;
}
#section03 .section_inner .sec_content .sec_btn_box .sec_fee_box .fee_btn ul li a{
  border: 1px solid #E4E4E4;
  border-radius: 60px;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #999999;
  padding:7px 30px;
  display: flex;
}
#section03 .section_inner .sec_content .sec_btn_box .sec_fee_box .fee_btn ul li a.active{
  background: #E3EFFF;
  border: 1px solid #0081FF;
  border-radius: 60px;
  color: #0081FF;
}
#section03 .section_inner .sec_content .sec_lecture_list{
  display: flex;flex-direction: column;gap:27px;
}
#section03 .section_inner .sec_content .sec_lecture_list ul{
  display: flex;gap:27px;width:100%;
}
#section03 .section_inner .sec_content .sec_lecture_list ul li{
  display: flex;gap:15px;width:33.3333%;flex-direction: column;background: #FFFFFF;
  border: 1px solid #E4E4E4;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  max-width: 382px;
  min-width: 382px;
}
#section03 .section_inner .sec_content .sec_lecture_list ul li .Thumbnail_box{
  position: relative;
}
#section03 .section_inner .sec_content .sec_lecture_list ul li .Thumbnail_box  label {
  border-radius: 50px;width:50px;height:50px;border: 2px solid #ffd911;position: absolute;z-index: 3;top:10px;right:21px;display: flex;align-items: center;justify-content: center;font-weight: 700;
  font-size: 16px;
  line-height: 23px;color: #FFD911;
}

#section03 .section_inner .sec_content .sec_lecture_list ul li .Thumbnail_box > label.fin_label {
  background: #FFD911;font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #333333; 
  word-break: keep-all; 
  text-align: center;
}
#section03 .section_inner .sec_content .sec_lecture_list ul li .Thumbnail_box .img_box {
  width: 100%;height: 200px;overflow: hidden;
}
#section03 .section_inner .sec_content .sec_lecture_list ul li .Thumbnail_box .img_box img{
  width:100%;position: relative;
}
#section03 .section_inner .sec_content .sec_lecture_list ul li .Thumbnail_box .img_box::after{
  display: block;content: '';background: rgba(0,0,0,.5);width:100%;height:100%;position: absolute;top:0;left:0;
}

#section03 .section_inner .sec_content .sec_lecture_list ul li .Thumbnail_box .img_box img{
  width:100%;height: 100%;
}
#section03 .section_inner .sec_content .sec_lecture_list ul li .Thumbnail_box p{
  position: absolute;bottom:10px;left:20px;display: flex;gap:10px;font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  color: #FFFFFF;  
  display: none;
}
#section03 .section_inner .sec_content .sec_lecture_list ul li .lecture_info_box {
  display: flex;flex-direction: column;gap:20px;padding:0 21px 21px;
}
#section03 .section_inner .sec_content .sec_lecture_list ul li .lecture_info_box .lecture_info_title {
  display: flex;flex-direction: column;gap:10px;
}
#section03 .section_inner .sec_content .sec_lecture_list ul li .lecture_info_box .lecture_info_title h2{
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #999999;
}
#section03 .section_inner .sec_content .sec_lecture_list ul li .lecture_info_box .lecture_info_title h2 span{
  color: #0081ff;
}
#section03 .section_inner .sec_content .sec_lecture_list ul li .lecture_info_box .lecture_info_title p{
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #333333;
  min-height:78px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}
#section03 .section_inner .sec_content .sec_lecture_list ul li .lecture_info_box .lecture_apply_btn_box {
  display: flex;flex-direction: column;gap:20px;
}
#section03 .section_inner .sec_content .sec_lecture_list ul li .lecture_info_box .lecture_apply_btn_box .price_date_box {
  display: flex;justify-content: space-between;width:100%;
}
#section03 .section_inner .sec_content .sec_lecture_list ul li .lecture_info_box .lecture_apply_btn_box .price_date_box span{
  width:50%;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #999999;
}
#section03 .section_inner .sec_content .sec_lecture_list ul li .lecture_info_box .lecture_apply_btn_box .price_date_box span:last-child{
  text-align: right;
}

#section03 .section_inner .sec_content .sec_lecture_list ul li .lecture_info_box .lecture_apply_btn_box .aplly_btn {
  display: flex;
  gap:10px;width:100%;
}
#section03 .section_inner .sec_content .sec_lecture_list ul li .lecture_info_box .lecture_apply_btn_box .aplly_btn a{
  background: #F7F7F7;
  border: 1px solid #E4E4E4;
  border-radius: 50px;
  width:50%;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 23px;
  color: #333333;
  padding:8px 0; 
  justify-content: center;
  display: flex;align-items: center;gap:6px;
}
#section03 .section_inner .sec_content .sec_lecture_list ul li .lecture_info_box .lecture_apply_btn_box .aplly_btn a img{
  margin-bottom:0;
}
#section03 .section_inner .sec_content .sec_lecture_list ul li .lecture_info_box .lecture_apply_btn_box .aplly_btn a:last-child{
  color: #0081FF;
}





.paging {
  padding: 43px 0 25px;    
  display: flex;
  justify-content: center;
}
.paging ul {
  display: flex;justify-content: center;border-top: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;
}
.paging ul li{
  display: flex;justify-content: center;flex-direction: row;align-items: center;
}
.paging ul li a{
  border-right:1px solid #e4e4e4;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #222222;
  width:42px;
  height:42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.paging ul li a:first-child{
  border-left: 1px solid #e4e4e4;
}
.paging ul li a.active{
  background: #fff;
  border-radius: 0;
  border-bottom: 2px solid #0081ff;
}

.fixed_popup_btn {
  position: fixed;
  top:30%;
  right:3%;
  padding-top:21px;
  z-index: 998;
  display: flex;flex-direction: column;gap:20px;
  opacity: 1;
  transition: opacity .5s ease-in-out;
}
.fixed_popup_btn.on{
  opacity: 0;
}
.fixed_popup_btn .popup_ak_box {
  background: #FFFFFF;
  border-radius: 20px;
  overflow: hidden;
}

.fixed_popup_btn .popup_ak_box .popup_btn_title{
  padding:14px 45px;text-align: center;background: #0081FF;
}
.fixed_popup_btn .popup_ak_box .popup_btn_title h2{
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  color: #FFFFFF;
}
.fixed_popup_btn .popup_ak_box ul{
  border: 1px solid #E3EFFF;border-radius: 0px 0px 20px 20px;
}
.fixed_popup_btn .popup_ak_box ul li {
  border-bottom:1px solid #E3EFFF;
}
.fixed_popup_btn .popup_ak_box ul li a{
  display: flex;align-items: center;justify-content: flex-start;padding:9px 17px;gap:10px;
}
.fixed_popup_btn .popup_ak_box ul li a p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
}
.fixed_popup_btn .popup_ak_box ul li a.active p {
  font-weight: 700;
}
.fixed_popup_btn .popup_bn_box{
  background: #0081ff;
  border-radius: 20px;
  overflow: hidden;
}

.fixed_popup_btn .popup_bn_box a{
  padding:14px 30px;
  display: flex;flex-direction: column;gap:5px;
}
.fixed_popup_btn .popup_bn_box a p {
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  text-align: center;
  color: #E3EFFF;
}
.fixed_popup_btn .popup_bn_box a span{
  font-weight: 700;
  font-size: 20px;
  line-height: 29px;
  /* identical to box height */
  text-align: center;
  color: #FFFFFF;
  display: flex;
  gap:6px;align-items: center;justify-content: center;
}
#back_popup_box input[type='text'], input[type='tel'] {
  height:unset !important;
}
#back_popup_box label {
    margin-right: 0 !important;
}
#back_popup_box select::-ms-expand  {display:none; }
#back_popup_box select{
	appearance: auto;
  -webkit-appearance: auto;
  font-family: 'Noto Sans KR', sans-serif;
	width:130px; height:unset;
	line-height:38px;
	padding-left:15px;
	background:url('https://img.megastudyacademy.co.kr/campus/game_html_img/selarr.png') right 50% no-repeat,#fff;
	border:1px solid #ddd;
}
#back_popup_bg {
  position: fixed;top:0;width:100%;height:100%;background: rgba(0,0,0, .4);display: none;z-index: 998;
}
#back_popup_box {
  position: fixed;top:50%;left:50%;background: #FFFFFF;
  border: 1px solid #E3EFFF;
  border-radius: 10px;z-index: 999;display: flex;flex-direction: column;padding:41px 0 0;gap:42px;display: none;width:420px;transform: translate(-50%,-50%);overflow: hidden;
}
#back_popup_box .back_popup_title  {
  padding:0 0 30px;border-bottom: 1px solid #E4E4E4;margin:0 30px;
}
#back_popup_box .back_popup_title h2{
  font-weight: 700;
  font-size: 22px;
  line-height: 32px;
  text-align: center;
  color: #333333;
}
#back_popup_box .back_popup_title h2 span{
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  letter-spacing: 0.04em;
  color: #333333;
}
#back_popup_box .back_popup_form  {
  padding:0 30px;
}
#back_popup_box .back_popup_form form {
  display: flex;flex-direction: column;gap:20px;
}
#back_popup_box .back_popup_form form .radio_form {
  display: flex;
  flex-direction: row;
  gap:40px;align-items: center;
}
#back_popup_box .back_popup_form form .lec_title_form {
  display: flex;
  flex-direction: row;
  gap: 40px;
  align-items: center;
}
#back_popup_box .back_popup_form form .lec_title_form label{
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #333333;
  min-width:45px;
}
#back_popup_box .back_popup_form form .lec_title_form span{
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #999999;
  min-width:45px;
}
#back_popup_box .back_popup_form form .radio_form label{
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #333333;
  min-width:45px;
}
#back_popup_box .back_popup_form form .radio_form .select_radio_box {
  display: flex;gap:20px;align-items: center;
}
#back_popup_box .back_popup_form form .radio_form .select_radio_box > label{
  display: flex;gap:5px;align-items: center;    line-height: 1;
}
#back_popup_box .back_popup_form form .radio_form .select_radio_box > label > input{
  margin:0;
}
#back_popup_box .back_popup_form form .name_form{
  display: flex;  flex-direction: row;align-items: center;
  gap:40px;
}
#back_popup_box .back_popup_form form .name_form label{
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #333333;
  min-width:45px;
}
#back_popup_box .back_popup_form form .name_form input{
  border-radius: 3px;width:100%;padding:9px 13px 8px;outline: 0;border:1px solid #e4e4e4;font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  
  color: #333333;
  
}
#back_popup_box .back_popup_form form .tel_form{
  display: flex;  flex-direction: row;
  gap:40px;align-items: center;
}
#back_popup_box .back_popup_form form .tel_form label{
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #333333;
  min-width:45px;
}
#back_popup_box .back_popup_form form .tel_form .tel_form_input{
  display: flex;flex-direction: row;gap:7px;align-items: center;
}
#back_popup_box .back_popup_form form .tel_form .tel_form_input select{
  border-radius: 3px;width: 76px;padding:7px 13px;outline: 0;border:1px solid #e4e4e4;font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #333333;
  
}
#back_popup_box .back_popup_form form .tel_form .tel_form_input input{
  border-radius: 3px;width: 76px;outline: 0;border:1px solid #e4e4e4;padding:9px 13px 8px;box-sizing: border-box;    width:100%;
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #333333;
}
#back_popup_box .back_popup_form form .agree_form{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 40px;
}
#back_popup_box .back_popup_form form .agree_form .agree_label{
  min-width: 45px;
}
#back_popup_box .back_popup_form form .agree_form label{
  font-weight: 400;
font-size: 12px;
line-height: 17px;
color: #333333;
display: flex;gap:0; align-items: center;
}
#back_popup_box .back_popup_form form .agree_form label input[type='checkbox']{
  width:14px;height:14px;margin:0;    vertical-align: bottom;margin-right: 5px;
}
#back_popup_box .back_popup_form form .agree_form label a{
  font-weight: 500;
  font-size: 12px;
  line-height: 17px;
  color: #333333;
  border-bottom: 1px solid #333333;
}


#back_popup_box .apply_btn_box {
  width:100%;margin-top:auto;
}
#back_popup_box .apply_btn_box a{
  width:100%;background: #0081ff;display: block;text-align: center;padding:17px 0;font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  color: #FFFFFF;
  
}



#back_popup_box2 {
  position: fixed;top:50%;left:50%;background: #FFFFFF;
  border: 1px solid #E3EFFF;
  border-radius: 10px;z-index: 999;display: flex;flex-direction: column;padding:41px 0 0;gap:50px;display: none;width:420px;height:484px;transform: translate(-50%,-50%);overflow: hidden;
}
#back_popup_box2 .back_popup_title  {
  padding:0 30px;
}
#back_popup_box2 .back_popup_title h2{
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  color: #333333;
  text-align: center;
}

#back_popup_box2 .back_popup_form  {
  padding:0 30px;
}
#back_popup_box2 .back_popup_form form {
  display: flex;flex-direction: column;gap:20px;
}

#back_popup_box2 .back_popup_form form .lec_title_form{
  display: flex;
  flex-direction: row;
  gap:40px;align-items: center;
}
#back_popup_box2 .back_popup_form form .lec_title_form label{
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #333333;
  min-width:45px;
}
#back_popup_box2 .back_popup_form form .lec_title_form span{
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #999999;
  min-width:45px;
}

#back_popup_box2 .back_popup_form form .radio_form {
  display: flex;
  flex-direction: row;
  gap:40px;align-items: center;
}
#back_popup_box2 .back_popup_form form .radio_form label{
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #333333;
  min-width:45px;
}
#back_popup_box2 .back_popup_form form .radio_form .select_radio_box {
  display: flex;gap:20px;align-items: center;
}
#back_popup_box2 .back_popup_form form .radio_form .select_radio_box > label{
  display: flex;gap:5px;align-items: center;    line-height: 1;
}
#back_popup_box2 .back_popup_form form .radio_form .select_radio_box > label > input{
  margin:0;
}
#back_popup_box2 .back_popup_form form .name_form{
  display: flex;  flex-direction: row;align-items: center;
  gap:40px;
}
#back_popup_box2 .back_popup_form form .name_form label{
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #333333;
  min-width:45px;
}
#back_popup_box2 .back_popup_form form .name_form input{
  border-radius: 3px;width:100%;padding:9px 13px 8px;outline: 0;border:1px solid #e4e4e4;font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  
  color: #333333;
  
}
#back_popup_box2 .back_popup_form form .tel_form{
  display: flex;  flex-direction: row;
  gap:40px;align-items: center;
}
#back_popup_box2 .back_popup_form form .tel_form label{
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #333333;
  min-width:45px;
}
#back_popup_box2 .back_popup_form form .tel_form .tel_form_input{
  display: flex;flex-direction: row;gap:7px;align-items: center;
}
#back_popup_box2 .back_popup_form form .tel_form .tel_form_input select{
  border-radius: 3px;width: 76px;padding:11px 13px 10px;outline: 0;border:1px solid #e4e4e4;font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  
  color: #333333;
  
}
#back_popup_box2 .back_popup_form form .tel_form .tel_form_input input{
  border-radius: 3px;width: 76px;outline: 0;border:1px solid #e4e4e4;padding:9px 13px 8px;box-sizing: border-box;    width:100%;
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  color: #333333;
}
#back_popup_box2 .back_popup_form form .agree_form{
  display: flex;justify-content: space-between;align-items: center;
}
#back_popup_box2 .back_popup_form form .agree_form label{
  font-weight: 400;
font-size: 12px;
line-height: 17px;
color: #333333;
display: flex;gap:5px; align-items: center;
}
#back_popup_box2 .back_popup_form form .agree_form label input[type='checkbox']{
  width:14px;height:14px;margin:0;    vertical-align: bottom;
}
#back_popup_box2 .back_popup_form form .agree_form a{
  font-weight: 500;
  font-size: 12px;
  line-height: 17px;
  color: #999999;
  border-bottom: 1px solid #bcbcbc;
}


#back_popup_box2 .apply_btn_box {
  width:100%;margin-top:auto;
}
#back_popup_box2 .apply_btn_box a{
  width:100%;background: #0081ff;display: block;text-align: center;padding:17px 0;font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  color: #FFFFFF;
  
}
.popup_sessak_banner {
  position: relative;text-align: center;
}
.popup_sessak_banner a.right_sessak_banner_close{
  position: absolute;top:6px;right:10px;
}
.popup_sessak_banner a.right_sessak_banner {
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.popup_sessak_banner a.right_sessak_banner img{
  vertical-align: top;
}

.lecture_list_none {
  display: flex;flex-direction: column;gap:10px;justify-content: center;align-items: center;
}
.lecture_list_none span{
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  color: #333333;
  white-space: nowrap;
  text-align: center;
}
.lecture_list_none a{
  display: flex;align-items: center;justify-content: center;padding:10px;width: fit-content;
  margin-top: 10px;border: 1px solid #0081ff;color: #0081ff;  font-size: 16px;font-weight:700;
  line-height: 26px;
}