.sub_hd_area {float:left; width:100%;  background:url('/img/new/my_titbg_img_cc2.png') no-repeat center top #cdd1d4;text-align:center;}

.sub_hd_tit {display:inline-block; width:1200px;height:202px; }

.route {float:left; width:1200px; text-align:right; margin-top:25px;}
.route li {float:right; text-align:right; font-weight:400; height:17px; line-height:17px; padding-right:13px; background:url('/img/lot_s.png') no-repeat right 50% ;margin-left:5px; font-size:14px; color:#fff; font-family:'NanumGothic', sans-serif; }
.route li a{ display:inline-block; width:14px; height:13px; padding:2px;}
.route li:first-child {font-weight:600; padding-right:0px; background:none;}

.sub_hd_tit p {float:left; width:1200px; text-align:left; margin-top:40px; color:#fff; font-size:45px; font-weight:800;}

.cos_sub_nav {float:left; width:100%; height:56px; border-bottom:1px solid #d7dfe8;text-align:center; background:#fff; }
.cos_sub_nav ul {display:inline-block; width:1200px; text-align:center; height:56px;}
.cos_sub_nav ul li {display:inline-block; height:52px; margin:0px 40px;}
.cos_sub_nav ul li a {display:inline-block; height:52px; line-height:63px; padding:0px 7px; font-size:20px; border-bottom:4px solid #fff; color:#454a53; font-weight:400; letter-spacing:0px;}
.cos_sub_nav ul li a:hover { line-height:62px; border-bottom:4px solid #3378ff; color:#1f1f22; font-weight:600; font-size:21px; letter-spacing:0px;  padding:0px 7px;letter-spacing:-0.8px;}
.cos_sub_nav ul li a.csn_on {line-height:62px; border-bottom:4px solid #3378ff; color:#1f1f22; font-weight:600; font-size:21px;   padding:0px 7px;letter-spacing:-1px;}



.myp_wrap { float:left; width:100%; }
.myp_cont01 {float:left; width:100%; background:#fff; text-align:center; padding:70px 0px;}
.myp_cont01_area {display:inline-block; width:1200px;}
.myp_cont_tit {float:left; width:1190px; font-weight:800; padding:0px 0px 23px 10px;}
.myp_cont_tit span {float:left; color:#1f1f22; font-size:32px; font-weight:800;  text-align:left;}
a.btn_class_chg {float:right; display:inline-block;color:#fff; font-size:20px; font-weight:600; padding: 13px 21px; background:#ff7800; border-radius:6px; box-shadow: 0px 2px 4px rgba(73,75,79,0.2); }



.myp_cont_cal {float:left; border-radius:15px; width:466px; padding:31px 31px 25px 31px; background-color:#edf0f3;}
.myp_cal_month{float:left; text-align:center; margin-bottom:20px; width:466px; height:30px;  }
.chk_moth {display:inline-block;width:216px; height:30px;}
.cal_date_text {float:left;  width:170px; height:30px; line-height:31px; text-align:center; color:#1f1f22; font-size:25px; font-weight:600; }
a.btn_cal_al{float:left;  width:23px; height:30px; background:url('/img/new/my_calbtn_prev.png') no-repeat center 0px;}
a.btn_cal_al:hover{background:url('/img/new/my_calbtn_prev.png') no-repeat center -30px;}
a.btn_cal_ar{float:left;  width:23px; height:30px;  background:url('/img/new/my_calbtn_next.png') no-repeat center 0px;}
a.btn_cal_ar:hover{background:url('/img/new/my_calbtn_next.png') no-repeat center -30px;}

.myp_cal_box {float:left; width:428px; /*height:430px;*/ padding:27px 19px; background-color:#fff; border-radius:10px;}
.myp_cal_box p {float:left; margin-bottom:23px; width:100%; text-align:center; }

 #myp_cal_content{float:left;  width:428px; border:1px solid #e8eaee;border-collapse:collapse; text-align:center; }
 #myp_cal_content th{border-left:1px solid #e8eaee; width:60px;height:40px; border-bottom:1px solid #e8eaee; background-color:#f7fafd; font-weight:600; font-size:15.5px;font-family: 'NanumGothic', '나눔고딕', sans-serif;color:#555555;}
 #myp_cal_content td{ border-left:1px solid #e8eaee; border-bottom:1px solid #e8eaee; height:56px;background-color:#fff; font-weight:500; font-size:15.5px;font-family: 'NanumGothic', '나눔고딕', sans-serif;color:#555555;}

 #myp_cal_content .sat {color:#0caaeb;}
 #myp_cal_content .sun {color:#f74185;}

 #myp_cal_content td a{display:block;width:34px; height:34px;}

/*출석*/
.check_end { display:inline-block; border-radius:30px; width:34px; height:34px; line-height:34px; background-color:#7d55ff; color:#fff; font-weight:500;cursor:pointer}
/*결석*/
.check_pp { display:inline-block; border-radius:30px; width:34px; height:34px; line-height:34px; background-color:#8c9cb6; color:#fff; font-weight:500;cursor:pointer}
/*예정*/
.check_bdue { display:inline-block; border-radius:30px; width:34px; height:34px; line-height:34px; background-color:#ff9c00; color:#fff; font-weight:500;cursor:pointer}
/*오늘*/
.check_tday { display:inline-block; border-radius:30px; width:34px; height:34px; line-height:34px; background-color:#0090ff; color:#fff; font-weight:600;cursor:pointer;}
.check_tday a{font-size:17px;}
/*취소*/
.check_cday { display:inline-block; border-radius:30px; width:34px; height:34px; line-height:34px; background-color:#000000; color:#fff; font-weight:500;cursor:pointer}
/*수업연기*/
.check_es{ display:inline-block; border-radius:30px; width:34px; height:34px; line-height:34px; background-color:#00c176; color:#fff; font-weight:500;cursor:pointer}

/*공휴일,국경일*/
.check_hday { display:inline-block; border-radius:30px; width:34px; height:34px; line-height:34px;font-weight:500; font-size:15.5px;font-family: 'NanumGothic', '나눔고딕', sans-serif;cursor:pointer}
.check_hday .hd_txt { display:none; top:-5px; left:-8px; position:absolute; color:#f74185;width:76px; font-size:12px;font-weight:400; text-align:center;}
.check_hday:hover .hd_txt {display:block; z-index:5;}


/*복수수업표시*/

 #myp_cal_content td{position:relative;}
 #myp_cal_content td .plural{top:-5px; right:0px; position:absolute; display:inline-block;color:#000000; font-size:13px;font-weight:800; }




.myp_class_area {float:right;  width:632px;background-color:#fff; position:relative;}

.myp_class_slide {float:left; width:540px; margin-left:46px; margin-top:15px;}
.myp_class_cont {float:left; width:540px;text-align:left; }
.myp_class_date{float:left; width:540px; height:30px; margin-bottom:24px;}
.myp_class_date .td_cinfo_icon {float:left; margin-left:14px; border-radius:30px; font-size:18.5px;font-weight:600; letter-spacing:1px; padding:0px 20px; height:30px; line-height:31px; background:#4585ff; color:#fff;}
.myp_class_date .td_cinfo_date{float:left; color:#1f1f22; margin-left:10px; font-size:25px;font-weight:600; height:30px; line-height:31px;}
.myp_class_date .td_cinfo_date span{ font-size:27px; font-weight:800;}
.myp_class_name{float:left; width:540px; height:34px; margin-bottom:16px;color:#1f1f22;}
.myp_class_name .cinfo_name {float:left;margin-left:14px; width:540px; font-size:33px;font-weight:800; height:34px; line-height:34px; letter-spacing:-1.5px; }
.myp_class_name a.cinfo_print {float:right;display:inline-block;  width:98px; text-align: center; height:31px; border-radius:6px; line-height:31px; background:#687fa4; font-size:15px;font-family: 'NanumGothic', '나눔고딕', sans-serif;color:#fff;box-shadow: 0px 2px 4px rgba(73,75,79,0.2); }
.myp_class_info{float:left; width:540px;  letter-spacing:0px;}
.myp_class_info li{float:left;padding:10px 14px 7px 14px; width:512px;  height:24px; border-bottom:1px solid #dee5f1;}
.myp_class_info li span{float:left; height:24px; line-height:24px; color:#1f1f22; font-size:18px;}
.myp_class_info li span.cinfoc_line{float:left; width:28px;text-align: center; color:#98a0ad;}
.myp_class_info li .cl_gp_area{float:left; margin-left:5px;}
.myp_class_info li .cl_gp{float:left; background-color:#b9cce2; margin-right:5px; margin-top:3px;  width:330px; height:17px; border-radius:17px; }
.myp_class_info li .cl_gp_bar{float:left; background: linear-gradient(-45deg, #3795ff, #5b38f2) ; height:17px; border-radius:17px;}
.myp_class_info li .cl_gp_num{float:right;color:#3c90ee; line-height:24px; height:24px; font-weight:800;font-size:20px;width:80px;text-align:left;}
.myp_class_info li .skip{display:inline-block; text-indent:-99999999999px;}


.btn_area {float:left; width:480px; padding:30px; }
.btn_area01 {float:left; width:480px; height:85px; margin-bottom:10px;}
.btn_area02 {float:left; width:480px; height:85px; margin-bottom:18px;}
.btn_area03 {float:left; width:480px; height:20px;  text-align:left;}
.btn_area .btn_area03 a.btn_cl_if {float:left; font-size:17px; height:17px; padding:0px; display:inline-block; margin-right:15px; border-radius:0px; box-shadow:none; text-align:left;font-weight:400; color:#1f1f22; border-bottom:1px solid #1f1f22}
.btn_area .btn_area03 a.btn_cl_if:hover { color:#425dd7; border-bottom:1px solid #425dd7}

.btn_area a {display:inline-block; border-radius:10px; box-shadow: 0px 3px 5px rgba(73,75,79,0.2); height:53px; padding:16px 0px; text-align:center;font-weight:600; }
.btn_area a span{display:inline-block; border-radius:10px; height:53px; line-height:53px;   background:url('/img/new/my_btn_arbg.png') no-repeat right 50%;color:#fff; font-size:25px; padding-right:30px; text-align:center;}

.btn_veiw_txt {float:left; display:inline-block;  width:480px; background-color:#edf0f3; border-radius:10px; text-align:center;  padding:16px 0px; color:#1f1f22; height:53px; line-height:53px; font-weight:600;  font-size:21px;text-align:center;}

.btn_cl_bdue {float:left; display:inline-block; background-color:#4b576b;  width:480px; border-radius:10px; height:53px;  padding:16px 0px; text-align:center;}
.btn_cl_bdue span.btn1j01{display:inline-block; padding-right:0px;  background:none; font-weight:600;  color:#fff; font-size:24px; height:32px; line-height:32px;}
.btn_cl_bdue span.btn1j02{display:inline-block;  width:480px; letter-spacing:-1px;color:#fff25b; font-size:15px; height:21px; line-height:27px; background:none; font-weight:400;padding-right:0px;}




a.btn_cl_bdue2 {float:left; background-color:#ff8c40;  width:100%; padding:16px 0px;  height:53px; line-height:53px;} 
a.btn_cl_bdue3 {float:left; background-color:#4b576b;  width:100%; padding:16px 0px;  height:53px; line-height:53px; } 
.btn_cl_bdue3 span.btn1j01{display:inline-block; padding-right:0px;  background:none; font-weight:600;  height:53px; line-height:53px;  color:#fff; font-size:24px;}

.m_zinfo {float:left; width:480px; background:#f4faff; color:#333; font-size:17px; padding:13px 0px 12px 0px;  text-align:center;  border-radius:10px; margin-bottom:10px}


a.btn_cl_rd {float:left; background-color:#0090ff;  width:480px; padding:16px 0px;  height:53px; line-height:53px;} 
a.btn_cl_rd:hover { background-color:#007ddd; }

a.btn_cl_rl {float:left; background-color:#00ad82;  width:235px; margin-right:10px; padding:16px 0px; height:53px; line-height:53px;} 
a.btn_cl_rl:hover { background-color:#029973;} 

a.btn_cl_noc {float:right; background-color:#8c9cb6; width:235px; }
a.btn_cl_noc:hover { background-color:#74849d;  }
a.btn_cl_noc span.btn2j01 {display:inline-block; background:url('/img/new/my_btn_arbg.png') no-repeat right 50%;  color:#fff; font-size:24px;height:32px; line-height:32px;}
a.btn_cl_noc span.btn2j02 {display:inline-block; letter-spacing:-1px; color:#fff; font-size:15px; height:21px; line-height:27px; background:none; font-weight:400;  padding-right:0px; }

a.btn_cl_cc {float:right; width:235px;  background-color:#8c9cb6; color:#fff; font-size:24px;padding:16px 0px;  height:53px; line-height:53px;}
a.btn_cl_cc:hover {background-color:#74849d; }

a.btn_cl_fb {float:right;  width:235px; background-color:#37ba44; color:#fff; font-size:25px;padding:16px 0px;  height:53px; line-height:53px;}
a.btn_cl_fb:hover {background-color:#24a131; }





a.btnSlidePrev {position:absolute; left:0px; top:230px; display:inline-block; width:46px; height:86px; background:url('/img/new/my_clasbtn_prev.png') no-repeat center 0px;}
a.btnSlidePrev:hover {background:url('/img/new/my_clasbtn_prev.png') no-repeat center -86px;}
a.btnSlideNext {position:absolute; right:0px; top:230px; display:inline-block; width:46px; height:86px; background:url('/img/new/my_clasbtn_next.png') no-repeat center 0px;}
a.btnSlideNext:hover {background:url('/img/new/my_clasbtn_next.png') no-repeat center -86px;}
a.btnSlidePrev span{display:inline-block; text-indent:-99999999999px;}
a.btnSlideNext span{display:inline-block; text-indent:-99999999999px;}












.myp_cont02 {float:left; width:100%; background:#f2f4f6; text-align:center; padding:70px 0px;}
.myp_cont02_area {display:inline-block; width:1200px;}
.myp_cont_er {float:left; width:1200px;}
.er_graph_area {float:left; width:528px;}
.er_table_area {float:right; width:526px; border-radius:15px; overflow:hidden; margin-right:70px;}

#er_table {float:left; width:526px; }
#er_table th{background:#66748d;  color:#fff; width:78px;height:32px; line-height:32px; padding:8px 0px; font-size:18px;font-weight:600;text-align:center;}
#er_table th.er_tableth_w2{ width:120px;}
#er_table th.er_tableth_w3{ width:130px;}
#er_table tr{border-bottom:1px solid #d3dcec; }
#er_table tr:last-child{border-bottom:0px }
#er_table td{background:#fff;  color:#1f1f22; height:32px; line-height:32px; padding:10px 0px; font-size:18px;font-weight:500;text-align:center; }
a.btn_rr{display:inline-block; width:100px;background:#4585ff;  color:#fff; height:32px; font-weight:500; line-height:32px;text-align:center; border-radius:6px; }


.myp_cont03 {float:left; width:100%; background:#fff; text-align:center; padding:70px 0px;}
.myp_cont03_area {display:inline-block; width:1200px;}

.myp_cont_tc {float:left; width:571px; padding:36px 38px; height:209px; background:url('/img/new/my_thb_bg.jpg') no-repeat center 0px; text-align:left; border-radius:15px; overflow:hidden; position:relative;}
.tc_name {float:left;width:571px; }
.tc_name .tc_nname {float:left; height:33px; margin-bottom:10px; width:379px; font-size:33px; color:#fff; font-weight:800;}
.tc_name .tc_fname{float:left; height:22px; margin-bottom:20px;  width:379px; font-size:22px; color:#fff; font-weight:500;}
.tc_cmt {float:left; font-style: italic; height:42px; line-height:20px; margin-bottom:15px;  width:329px; font-size:20px; color:#1f1f22; background:#fff;  border-radius:12px;  overflow-y:auto; padding:15px 25px; }
a.btn_tcf {display:inline-block; clear:both; float:left; width:185px; height:45px; line-height:45px; background:#fe7843; color:#ffff; font-weight:600; font-size:20px; box-shadow: 0px 5px 6px rgba(93,75,209,0.70); text-align:center;border-radius:45px; }

.tc_pic {position:absolute; right:5px; bottom:0px;}



.myp_cont_rv {float:right; width:454px; padding:36px 38px;height:209px; background:url('/img/new/my_rvb_bg.jpg') no-repeat right #4198f0;text-align:left; border-radius:15px; overflow:hidden;}

.rv_tit {float:left; height:33px; margin-bottom:30px; width:100%; font-size:33px; color:#fff; font-weight:800;}
.rv_text01 {float:left; height:20px; margin-bottom:15px; width:100%; font-size:20px; color:#fff; font-weight:500;}
.rv_text02 {float:left; height:40px; line-height:22px; margin-bottom:30px; width:100%; font-size:16.5px; color:#fff; font-weight:500;}



a.btn_tcf {display:inline-block;  float:left; width:185px; height:45px; line-height:45px; background:#fe7843; color:#ffff; font-weight:600; font-size:20px; box-shadow: 0px 5px 6px rgba(0,83,266,0.23); text-align:center;border-radius:45px; }





.add_cont01 {float:left; width:100%; text-align:center; padding:70px 0px;  background:#fff;}
.add_cont01_area {display:inline-block; width:1200px;}


.cos_chg_tit {float:left; width:1200px; font-weight:800; padding:0px 0px 30px 0px;}
.cos_chg_tit span {float:left; color:#1f1f22; font-size:32px; font-weight:800;  text-align:left;}



.cos_chg_left {float:left;width:790px; background:#fff; display:inline-block;}
.cos_chg_cont {float:left;width:790px; padding-bottom:50px; margin-bottom:30px; border-bottom:1px dotted #eee;}
.cos_chg_subtit {float:left;width:790px;  color:#1f1f22; font-size:25px; font-weight:600;  text-align:left; margin-bottom:17px;}

.cos_chg_list2 {float:left;width:790px;  }
.cos_chg_list2 li{float:left;width:392px; margin-right:6px;  }
.cos_chg_list2 li:last-child{margin-right:0px }
.cos_chg_list2 li a{display:inline-block;width:388px; border:2px solid #f2f4f6;  background:#f2f4f6; color:#454545;border-radius:10px;font-size:19px;height:50px; line-height:50px;font-weight:400;}
.cos_chg_list2 li a:hover{display:inline-block; width:388px; border:2px solid #4585ff;}
.cos_chg_list2 li a.chg_chk_on{display:inline-block; width:388px; border:2px solid #4585ff; background:#4585ff; color:#fff; font-size:21px;font-weight:600; letter-spacing:-1px;}

.cos_chg_list3 {float:left;width:790px;  }
.cos_chg_list3 li{float:left;width:260px; margin-right:5px;   }
.cos_chg_list3 li:last-child{margin-right:0px }
.cos_chg_list3 li a{display:inline-block;width:254px; border:2px solid #f2f4f6;  background:#f2f4f6; color:#454545;border-radius:10px;font-size:20px; height:50px; line-height:50px;font-weight:400;}
.cos_chg_list3 li a:hover{display:inline-block; width:254px; border:2px solid #4585ff;}
.cos_chg_list3 li a.chg_chk_on{display:inline-block; width:254px; border:2px solid #4585ff; background:#4585ff; color:#fff; font-size:22px;font-weight:600;}

.cos_chg_cdate {float:left;width:790px;  }
.cos_chg_cdate input{float:left;width:303px;  border:1px solid #4585ff; border-top-left-radius:10px; border-bottom-left-radius:10px; font-size:21px; font-weight:600; height:50px;  color:#4585ff}
.cos_chg_cdate p{float:left; height:52px;  width:90px; cursor:pointer; background:#4585ff; border-top-right-radius:10px; border-bottom-right-radius:10px; text-align:center; }
.cos_chg_cdate p img {display:inline-block; margin-top:7px;}

.cos_chg_cont select {float:left; text-align:left;  display: block; width:790px; padding:0 30px;  border:1px solid #dbdddf; border-radius:6px;font-weight:600;font-size:21px;color:#4585ff; height:50px !important; 
							-webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background: url('/images/my_ing_sel.png')no-repeat 875px 5px #f2f4f6; }
.cos_chg_cont option {font-weight:600;font-size:21px;  padding:20px 0px; height:50px !important; color:#393939; background:#f2f4f6; cursor: pointer;}


.cos_chg_cont .select { display:flex; flex-direction: column; position:relative;  width:790px;  height:50px; border-radius:10px; border:1px solid #4585ff; }

.cos_chg_cont .option {
  padding:0 30px 0 30px;
  min-height:50px;
  display:flex;
  align-items:center;
  background:#f2f4f6;
  position:absolute;
  top:0;
   width:790px;
  pointer-events:none;
  order:2;
  z-index:1;
  transition:background .4s ease-in-out;
  box-sizing:border-box;
  overflow:hidden;
  white-space:nowrap;
  border-radius:9px; font-size:21px;color:#393939; font-weight:400;
  
}

.cos_chg_cont .option:hover {background:#4585ff;color:#fff;}

.cos_chg_cont .select:focus .option { position:relative; pointer-events:all;}


.cos_chg_cont input.selectopt {opacity:0;position:absolute;left:-99999px;}

.cos_chg_cont input:checked + label {order: 1; z-index:2; background:#fff; border-top:none; position:relative; color:#4585ff; font-weight:600;}

.cos_chg_cont input:checked + label:after {
  content:'';
  width: 0; 
	height: 0; 
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #4585ff;
  position:absolute;
  right:20px;
  top:calc(50% - 2.5px);
  pointer-events:none;
  z-index:3;
}

.cos_chg_cont input:checked + label:before {
  position:absolute;
  right:0px;
  height: 40px;
  width: 40px;
  content: '';
}





.cos_timechk {float:left; width:790px; }
.cos_chg_cont .timeTable {float:left; width:790px; border-collapse:collapse; border-radius:10px;}
.cos_chg_cont .timeTable td{background:#f2f4f6; border-radius:15px; border:5px solid #fff;  height:60px;color:#454545; font-size:18px;font-weight:400;}
.cos_chg_cont .timeTable td.clock_on {color:#4585ff; font-size:20px;font-weight:400; background:#ecf6ff;}
.cos_chg_cont .timeTable td span { cursor:pointer; display:block;  height:55px; line-height:55px;}





.cos_chg_right {position:sticky; position: -webkit-sticky; right:0px; top:50px; float:right; width:340px; padding:21px 19px 26px 19px; border:3px solid #4585ff;
		border-radius:15px; box-shadow: 2px 4px 10px rgba(211,214,219,1);z-index:2;  background:#fff; display:inline-block;}

.ccr_bf{ float:left; width:340px;margin-bottom:7px}
.ccr_bf_cont {float:left;  width:316px; padding:23px 12px; background:#eff3f7;border-radius:13px;  text-align:left; }
.ccr_bf_contbg {float:left;  width:340px; height:16px; text-align:center; }


.ccr_bf_tit {float:left;  width:308px; font-size:22px; letter-spacing:-0.5px; padding-left:8px; color:#59595f; font-weight:600; height:22px; margin-bottom:17px}
.ccr_bf_text {float:left; width:316px;}
.ccr_bf_text li {float:left; width:300px; padding:8px; font-size:16.5px; color:#3c3c41; font-weight:400; min-height:17px; border-bottom:1px solid #e0e5e8;}
.ccr_bf_text li .cat_l {float:left; display:inline-block; width:85px;}
.ccr_bf_text li .cat_r {float:right; display:inline-block; width:215px;}
.ccr_bf_text li:last-child{border-bottom:0px }


.ccr_af{ float:left; width:340px;margin-bottom:20px}
.ccr_af_cont {float:left;  width:320px; padding:10px 10px; background:#fff;  text-align:left; }
.ccr_af_contbg {float:left;  width:320px; height:16px; text-align:center; }


.ccr_af_tit {float:left;  width:320px; font-size:24px; color:#2b6ae2; font-weight:600; height:25px; margin-bottom:12px}
.ccr_af_text {float:left; width:320px;}
.ccr_af_text li {float:left; padding:5px 0px 5px 17px;  background:url('/img/new/ccr_icon_ckb.png') no-repeat left 9px; width:303px; ; font-size:18.5px; color:#464646; font-weight:400; min-height:20px;}
.ccr_af_text li .cat_l {float:left; display:inline-block; width:90px;}
.ccr_af_text li .cat_r {float:right; display:inline-block; width:210px;}
.ccr_af_text li.ccf_af_tred {float:left; padding:5px 0px 5px 17px; background:url('/img/new/ccr_icon_ckr.png') no-repeat left 9px; width:303px;font-size:18.5px; color:#ff4a32; font-weight:400; height:20px; }

a.btn_ccr_app{float:left; display:inline-block; width:340px; font-size:24px; color:#fff; height:60px;line-height:60px; font-weight:600;  background:#ff454e; /*background:#4585ff;*/ text-align:center; border-radius:13px; box-shadow: 2px 4px 10px rgba(211,214,219,1);}


















/* 수업정보변경*/
.class_tcha_tab {float:left; display:inline-block; width:100%; padding:0px;margin-top:12px;text-align:center;}
.class_tcha_tab button{ display:inline-block; width:47%; border-top-right-radius:10px;  border-top-left-radius:10px; height:45px; line-height:45px; border:0px; padding:0px; margin:0px 1px;
					  background:#edf0f3; text-align:center; font-size:16.5px; font-weight:500;}
.class_tcha_tab button:hover{background:#3d98ff; color:#fff; font-size:17px; font-weight:700;}
.class_tcha_tab button.tab_tchaon{background:#3d98ff; color:#fff; font-size:17px; font-weight:700;}

#att-content {float:left;  width:100%; }
.time_chg_area {float:left;width:94%; padding:15px 3% 35px 3%; background:#eef5fb; border-radius:10px;  }
.time_chg_box {float:left; width:100%; height:32px; line-height:32px; font-size:16.5px;font-weight:500; margin-bottom:15px;}
.time_chgbox_tit {float:left; display:inline-block; padding-left:10px; height:32px; line-height:32px; font-size:16.5px;font-weight:500; margin-right:5px; text-align:left; }
.time_chgbox_hp {float:left; display:inline-block; text-align:center; width:20px; height:32px; line-height:32px; font-size:16.5px;font-weight:600; margin-right:8px}


.time_chg_box input {float:left; display:inline-block; text-align:center;  padding:0px; font-size:16.5px;font-weight:500;height:32px; line-height:32px; width:150px; border-radius:5px; border:1px solid #ccc;}

.time_chg_box button {float:left; display:inline-block;}
.time_chg_box img {float:left; display:inline-block;cursor:pointer; margin-top:-4px}



.chg_th_tab {float:left; display:inline-block; width:100%;margin-top:15px;  text-align:center;}
.chg_th_tab button { display:inline-block; width:220px; border-radius:50px; height:30px; line-height:30px; border:0px;  padding:0px; background:#edf0f3; text-align:center; font-size:16px; font-weight:500;}
.chg_th_tab button:hover{background:#3d98ff; color:#fff; font-size:16px; font-weight:700;}
.chg_th_tab button.tab_tchaon{background:#3d98ff; color:#fff; font-size:16px; font-weight:700;}


.time_chg_box2 {float:left; width:94%; padding:15px 3% 20px 3%; font-size:16.5px;font-weight:500; margin-bottom:10px; background:#fff; border-radius:10px;}
.chg_th_selc {float:left; width:100%; height:30px; line-height:30px;}
.chg_th_selc_tit {float:left; display:inline-block;  height:30px; line-height:30px; font-size:16.5px;font-weight:500; margin-right:5px; text-align:left; }

.chg_th_selc select {float:left; height:30px !important; line-height:30px; width:160px; border-radius:5px; border:1px solid #ccc; text-align:left; padding:0px 5px}
.chg_th_selc_text {float:left; display:inline-block;  height:30px; line-height:37px; font-size:14px;font-weight:500; margin-left:8px; text-align:left; color:#2377d6;}


.chg_th_input {float:left; width:100%; height:30px; line-height:30px; margin-top:5px;}
.chg_th_input_tit {float:left; display:inline-block;  height:30px; line-height:30px; font-size:16.5px;font-weight:500; margin-right:5px; text-align:left; }
 .chg_th_input p {float:left; display:inline-block; }
 .chg_th_input p input {float:left; display:inline-block; border:1px solid #ccc; width:15px; height:15px; margin-top:6px; margin-right:5px;}
 .chg_th_input p span.chg_wk_int {float:left; display:inline-block; font-size:15px;  height:30px; line-height:30px; margin-right:10px;}


.time_chg_table {float:left; width:100%; padding:0px; margin:0px;  border-collapse:collapse; margin-top:12px; margin-bottom:10px; }
.time_chg_table td{ width:12.5%; border: 1px solid #d3d2d2; text-align:center; font-size:14px;}
.time_chg_table td span.tm_off2{  font-size:14px; line-height:32px; text-decoration:line-through;color:#888888; text-align:center; }
.time_chg_table td span.tm_on{ float:left; display:inline-block; width:100%;  text-align:center; font-size:14px;}
.time_chg_table td span.tm_on2{ float:left; display:inline-block; width:100%;  text-align:center; font-size:14px; line-height:32px; cursor:pointer; text-decoration:none; color:#ff8b0e; font-weight:700;}
.time_chg_table td span.ths_id{display:inline-block; width:90%; height:18px; line-height:18px; text-align:center; letter-spacing:-0.5px; font-size:10px !important; cursor:pointer; margin-bottom:5px; color:#fff; background:#a9b4be;border-radius:20px; }
.time_chg_table td span.ths_id2{display:inline-block; width:46%; height:18px; line-height:18px; text-align:center; font-size:10px !important; cursor:pointer; margin-bottom:10px; color:#fff; background:#a9b4be;border-radius:20px; }


.chg_wk_btn {float:left; display:inline-block; width:100%;margin-top:10px;  text-align:center; }
.chg_wk_btn button {display:inline-block; width:220px; border-radius:50px; height:30px; line-height:30px; border:0px; margin-right:8px; padding:0px; background:#3d98ff; color:#fff; font-size:16px; font-weight:700;}











.class_sec_btn {float:left; width:100%; text-align:center; margin-top:12px;}
.class_sec_btn button{display:inline-block;text-align:center; width:300px;height:50px; line-height:50px;  font-weight:700; font-size:20px; color:#fff; background:#ff9600; border:0px;  border-radius:9px;}
.class_sec_btn button:hover{background:#ff8800;}




.se_th_p_bg {position:fixed; top:0px; left:0px; width:100%; height:100%; background: rgba(0, 0, 0, 0.6); z-index: 99;}
.se_th_p_area {position:fixed; display:inline-block; width:700px; margin-left:50%; left:-350px; top:10%; border-radius:15px; z-index: 21474836475;}

.se_th_p_area .se_th_p_tit{float:left; margin-bottom:0px; width:100%;height:80px; line-height:80px; text-align:left; 
					background-color:#6174d8; border-top-right-radius:15px; 
					border-top-left-radius:15px;position:relative;}
.se_th_p_tm {float:left;display:inline-block; color:#fff; font-weight:700; font-size:25px;  margin:0px 30px 0px 40px;text-align:left; }


a.se_th_p_close {float:right; margin-right:30px; width:50px; height:50px; margin-top:15px;}
a.se_th_p_close img {width:100%;}


.se_th_p_cont {float:left;  width:90%; padding-top:20px; padding-bottom:30px; padding-right:5%; padding-left:5%;  text-align:center; background-color:#fff; 
				border-bottom-right-radius:15px; border-bottom-left-radius:15px;}

.th_p_img {float:left; position:relative; overflow:hidden; text-align:center !important; width:200px; height:250px; border:1px solid #eff1f3;}
.th_p_img img {position:absolute; top:-10px; left:50%; transform:translate(-50%, 0%); width:250px; }

.th_p_list {float:right; width:400px;   }
.th_p_list li{float:left; width:100%; margin-bottom:5px; text-align:left; font-size:18px; font-weight:500;}
.th_p_list li.th_p_name{font-size:23px; font-weight:800; }
.th_p_list li.th_p_id{font-size:20px;margin-bottom:15px;   }
.th_p_list li span.thpti {font-weight:700;}






/* 주니어 영어 ai List */

.ae_tab {float:left; width:1200px; margin-bottom:30px}
.ae_tab li{float:left; width: 174px; height: 54px; line-height: 54px; margin-right:11px;}
.ae_tab li a{float:left;width: 174px; height: 54px; line-height: 54px; border-radius: 54px; background:#eaeaea; color:#8e929a; text-align: center; font-size: 22px; font-weight: 600;}
.ae_tab li a:hover{float:left; background:#3378ff; color:#fff;}
.ae_tab li a.ae_tab_on{float:left; background:#3378ff; color:#fff;}

.el_ai_area {float:left; width:1200px; padding:40px 0px 20px 0px; background:#f0f6fb; border-radius:15px; }
.el_ai_list {float:left; width:1200px; }
.el_ai_list li {float:left; position:relative; width:240px; margin:0px 30px 25px 30px; height:313px; } 
.el_ai_list li.pre_opnetext {float:left; clear: both; width:1000px; padding-left:50px; font-size:19px;height:19px; font-weight: 400; text-align: left; color:#4277de; margin:50px 0px 50px 0px; }
.el_ai_list li .el_bookcont {float:left; margin-top:23px; width:240px; cursor: pointer; }
.el_ai_list li .el_img{float:left; width:240px; text-align:center; }
.el_ai_list li .el_name{float:left; width:240px; height:43px; line-height:43px; font-size:22px; color:#1f1f22; font-weight:600; letter-spacing:-1px; text-align:center; }


.el_ai_list li .el_btn_mover {position:absolute; display:table; width:240px; height:313px; background:rgba(23,28,44,0.7); border-radius:11px;text-align:center; }
.el_ai_list li .el_btn_mover .el_btn_moverbox {float:unset; position:unset; display:table-cell; width:202px !important; margin:0px; margin-bottom:0px;  height:313px;  vertical-align:middle; }
.el_ai_list li .el_btn_mover .el_btn_moverbox li { float:unset; width:202px;  display:inline-block; height:40px; margin:0px 0px 5px 0px;} 
.el_ai_list li .el_btn_mover .el_btn_moverbox li:last-child {margin-bottom:0px;}
.el_ai_list li .el_btn_mover .el_btn_moverbox li a { display:inline-block;  width:180px; padding-left:22px; margin:0px; height:40px; line-height:40px; font-size:17px; color:#fff; letter-spacing:-0.5px; text-align:left;  
													background:url('/images/el_btn_ar.png') no-repeat right #3e99ff; border-radius:40px; } 
.el_ai_list li .el_btn_mover .el_btn_moverbox li a:hover {background:url('/images/el_btn_ar.png') no-repeat right #2281eb;}




	.ait_view_bg {position:fixed; width:100%; height:100%; top:0px; left:0px; background:rgba(0,0,0,0.7);z-index:999998;}
	.alt_view_lisbox {position:absolute; display:inline-block; left:-455px; border-radius: 15px; background: #fff; margin-left:50%; margin-top:-225px; top:50%;width:910px; height:450px; z-index:999999; overflow: hidden;}

	a.ait_view_bg_close{position:absolute;  display:inline-block; left:419px; margin-left:50%; margin-top:-261px; top:50%; width: 23px; height:23px;background:url('https://inglish.douzoneedu.co.kr/img/aitest_w_close.png') no-repeat;z-index:999998;}

  .aivl_left {float:left; width:284px; height: 100%; background:#f0f6fb; position: relative;}
  .aivl_titlist {position:absolute; top:36px; left: 33px; float: left; width:268px;}
  .aivl_titlist li {float: left; width:268px; height:54px; margin-bottom:7px}
  .aivl_titlist li a {float: left; display:inline-block; width:238px; height:54px; line-height:54px; border-radius: 54px;letter-spacing: -0.5px; font-size: 21px; font-weight: 600; color:#505050; text-align: left; padding-left:30px }
  .aivl_titlist li a.aivl_titon {float: left; display:inline-block; width:238px; height:54px; line-height:54px; border-radius: 54px; 
                                  background: url('https://inglish.douzoneedu.co.kr/img/aitest_w_icon01.png') no-repeat 237px 50% #3378ff; 
                                  box-shadow: 0px 2px 5px rgba(41, 78, 152, 0.34); letter-spacing: -0.5px; font-size: 21px; font-weight: 600; color:#fff; }




  .aivl_right {float:left; width:626px; height: 100%; background:#fff;}
  .aivl_daylist {float:left; width:580px; margin-top:40px; margin-left:45px;}
  .aivl_daylist li{float:left; width:64px; height:64px; margin-bottom:10px; margin-right:6px;}
  .aivl_daylist li:nth-child(8n) {margin-left:0px;}
  .aivl_daylist li a{float:left;  display:inline-block; width:64px; height:64px; background: #d9e3ec; border-radius: 15px;}
  .aivl_daylist li a .aivl_t_day {float:left;  display:inline-block; width:64px; margin-top:11px; height:16px; line-height:16px; font-size: 16px; font-weight: 400; color:#6182bf; }
  .aivl_daylist li a .aivl_t_num {float:left;  display:inline-block; width:64px; margin-top:6px; height:22px; line-height:22px; font-size: 22px; font-weight: 800; color:#7f92a3; }
  .aivl_daylist li a.aivl_on {background: #3378ff; box-shadow: 0px 2px 5px rgba(41, 78, 152, 0.34);}
  .aivl_daylist li a.aivl_on .aivl_t_day {float:left;  display:inline-block; width:64px; margin-top:11px; height:16px; line-height:16px; font-size: 16px; font-weight: 400; color:#c8dbff; }
  .aivl_daylist li a.aivl_on .aivl_t_num {float:left;  display:inline-block; width:64px; margin-top:6px; height:22px; line-height:22px; font-size: 22px; font-weight: 800; color:#fff; }










/* 주니어 영어 E-book List */

.el_jr_area {float:left; width:1200px; padding:40px 0px 20px 0px; background:#f0f6fb; border-radius:15px; }
.el_jr_list {float:left; width:1200px; }
.el_jr_list li {float:left; position:relative; width:240px; margin:0px 30px 25px 30px; height:313px; } 
.el_jr_list li .el_bookcont {float:left; margin-top:23px; width:240px; cursor: pointer; }
.el_jr_list li .el_img{float:left; width:240px; text-align:center; }
.el_jr_list li .el_name{float:left; width:240px; height:43px; line-height:43px; font-size:22px; color:#1f1f22; font-weight:600; letter-spacing:-1px; text-align:center; }


.el_jr_list li .el_btn_mover {position:absolute; display:table; width:240px; height:313px; background:rgba(23,28,44,0.7); border-radius:11px;text-align:center; }
.el_jr_list li .el_btn_mover .el_btn_moverbox {float:unset; position:unset; display:table-cell; width:202px !important; margin:0px; margin-bottom:0px;  height:313px;  vertical-align:middle; }
.el_jr_list li .el_btn_mover .el_btn_moverbox li { float:unset; width:202px;  display:inline-block; height:40px; margin:0px 0px 5px 0px;} 
.el_jr_list li .el_btn_mover .el_btn_moverbox li:last-child {margin-bottom:0px;}
.el_jr_list li .el_btn_mover .el_btn_moverbox li a { display:inline-block;  width:180px; padding-left:22px; margin:0px; height:40px; line-height:40px; font-size:17px; color:#fff; letter-spacing:-0.5px; text-align:left;  
													background:url('/images/el_btn_ar.png') no-repeat right #3e99ff; border-radius:40px; } 
.el_jr_list li .el_btn_mover .el_btn_moverbox li a:hover {background:url('/images/el_btn_ar.png') no-repeat right #2281eb;}







 .at_agt {float:left; width:780px; text-align:center;font-size:21px;font-weight:600;font-family: 'NanumSquare', sans-serif; margin-bottom:25px; margin-top:25px; letter-spacing:0.5px;line-height:32px;}
 
   a.btn_agt {display:inline-block;margin-top:20px;margin-bottom:40px; border-radius:50px; text-align:center;font-size:21px; font-weight:600; color:#fff; width:400px; height:60px; line-height:60px; border:0px !important; background-color:#2a82e2;}
  a.btn_agt span {color:#f6ff63;}
 .btn_agt:hover { background-color:#1073df;}