textarea, button, a {
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
}



.sub_wrap_myp {float:left; width:100%;  font-family: 'NanumSquare', sans-serif; color:#454545;}

.myp_cal_area { float:left; width:90%; padding:6vw 5% 7vw 5%; position:relative;
				background: rgb(59,135,249);
				background: linear-gradient(90deg, rgba(59,135,249,1) 0%, rgba(144,132,251,1) 100%) !important;
				 margin-bottom:6vw;
				}

.mca_top {float:left; width:100%; margin-bottom:2.6vw}

select.mca_month {float:left; border:0px; font-size:5vw; color:#fff; text-align:left; font-weight:800; height:8.6vw; line-height:8.7vw;
					-webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; 
					border-radius:10vw; width:42%; padding:0px 5%; background:url('/img/new/bt_cal_down.png') no-repeat 90% 50% rgba(9,16,95,0.2); 
					background-size:11%; font-family:'NanumSquare', sans-serif;  }

.m_cos_chg {float:right; font-size:3.7vw; color:#fff; text-align:right; font-weight:600; height:9vw; line-height:11vw; }


.m_cos_cal {float:left; width:100%; background:#fff; padding:4vw 0px 0px 0px;border-radius:2.5vw; height:22vw; overflow:hidden;} 
.d_week {float:left; width:10000vw; }
.d_week li{float:left; width:12.9vw;  text-align:center;}
.d_week li p{float:left; width:100%; font-size:2.6vw; margin-bottom:1.3vw}
.d_week li div{float:left; width:100%; padding:2vw 0px;position:relative;}
.d_week li span{float:left; display:inline-block; width:100%; font-size:5vw; font-weight:400; }
.d_week li span.day_subtext{font-size:2.8vw;  font-weight:800; margin-top:1vw; height:3.5vw; line-height:3.5vw;}
.d_week li .check_hday .day_subtext{ font-size:2vw; letter-spacing:-1px;}
/*휴일*/
.check_hday {color:#f63a8b;cursor:pointer;}
/*출석*/
.check_end {color:#9779fd; cursor:pointer;}
/*결석*/
.check_pp {color:#8c9cb6;cursor:pointer;}
/*수업연기*/
.check_es {color:#00c176; cursor:pointer;}
/*오늘*/
.check_tday { background:#0d96ff; color:#fff; border-radius:2vw; box-shadow: 0px 3px 7px rgba(14,15,15,0.2);cursor:pointer;position:relative;}
/*취소*/
.check_cday {color:#000; cursor:pointer;}
/*예정*/
.check_bdue {color:#ff8a00;cursor:pointer;}

.d_week li span.plural{top:-1vw; right:0vw; border:1px solid #0d96ff; text-align:center; box-shadow: 0px 2px 3px rgba(14,15,15,0.3); position:absolute; width:5vw; height:5vw; line-height:5vw; border-radius:6vw; background:#e2f1fe; display:inline-block; color:#000000; font-size:3vw; font-weight:800; }




.d_week li div.check_hday span{font-weight:800; }
.d_week li div.check_end span{font-weight:800; }
.d_week li div.check_pp span{font-weight:800; }
.d_week li div.check_es span{font-weight:800; }
.d_week li div.check_tday span{font-weight:800; }
.d_week li div.check_cday span{font-weight:800; }
.d_week li div.check_bdue span{font-weight:800; }

.font_sun{ color:#f63a8b; }
.font_sat{ color:#0ba1ec; }

.cal_d_left{position:absolute; display:inline-block; width:5%; height:22vw;  left:0px; top:20vw; background:url('/img/new/bt_cal_left.png') no-repeat 50% 50%; background-size:40%; z-index:9;}
.cal_d_right{position:absolute; display:inline-block; width:5%;  height:22vw; right:0px; top:20vw; background:url('/img/new/bt_cal_right.png') no-repeat 50% 50%; background-size:40%; z-index:9;}


.skip{display:inline-block; text-indent:-999999999px;}

.m_cos_slide {float:left; width:100%; position:relative;}
.m_cos_cont {float:left; width:88%; padding:0px 6%;}
.m_cos_tdate {float:left; width:100%; margin-bottom:1.5vw}
.m_tdate_icon {float:left; background:#4585ff; border-radius:7vw; padding:0px 3vw;color:#fff; font-size:3.5vw; font-weight:600; height:5vw; line-height:5vw; margin-top:0.8vw; margin-right:1.7vw}
.m_tdaet_day {float:left;  height:7vw; line-height:7vw; font-size:4.7vw; font-weight:600;}
.m_tdaet_day span{ font-weight:800;font-size:4.8vw;}
.m_cos_ttitle {float:left; width:100%; color:#1f1f22; text-align:left; font-weight:800; font-size:6vw;letter-spacing:-0.5px;margin-bottom:2.6vw;}

.mmyp_class_info {float:left; width:100%;letter-spacing:-0.5px; }
.mmyp_class_info li {float:left; width:98%; padding:2vw 1% 2vw 1%;  border-bottom:1px solid #dee5f1; font-weight:400; font-size:3.5vw;}
.mmyp_class_info li span{float:left;display:inline-block;}
.mmyp_class_info li span.mcinfoc_line{float:left; text-align:center; color:#98a0ad;}
.mcl_gp_area {float:left;  margin-left:1vw; }
.mcl_gp {float:left; background-color:#b9cce2; margin-right:1vw; margin-top:0.5vw;  width:56vw; height:3vw; border-radius:3vw; }
.mcl_gp_bar {float:left; background: linear-gradient(-45deg, #3795ff, #5b38f2) ; height:3vw; border-radius:3vw;}
.mcl_gp_num {float:right;color:#3c90ee; width:12.5vw; line-height:3vw; height:3vw;margin-top:0.7vw; font-weight:800;font-size:3.8vw; text-align:left;}


.bf_cob {float:left; width:100%; text-align:center;  margin-bottom:4vw;}
.btn_bf_cob {display:inline-block; width:88%; text-align:center; background:#ff8d00; color:#fff; font-size:4vw; font-weight:600; border-radius:2vw; height:10vw; line-height:10vw; letter-spacing:-1px;}



.btn_area {float:left; width:100%; margin-top:5vw; padding-bottom:6vw;}
.btn_area01 {float:left; width:100%; height:19vw; margin-bottom:2vw;}
.btn_area02 {float:left; width:100%; height:19vw; margin-bottom:4vw;}
.btn_area03 {float:left; width:100%; height:4vw;  text-align:left;}
.btn_area .btn_area03 a.btn_cl_if {float:left; font-size:3.7vw; height:4.2vw;margin-right:3%; padding:0px; display:inline-block; border-radius:0px; box-shadow:none; text-align:left;font-weight:400; color:#1f1f22; border-bottom:1px solid #1f1f22}

.btn_area a {display:inline-block; border-radius:2vw; 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:2vw; height:15vw; line-height:15vw; /*background:url('/img/new/bt_icon.png') no-repeat right 50%;  background-size:3.5vw;*/ color:#fff; font-size:4.8vw; 
				/*padding-right:18%;*/ text-align:center;}

.btn_veiw_txt {float:left; display:inline-block;  width:100%; background-color:#edf0f3; border-radius:2vw; text-align:center; padding:2vw 0px;  height:15vw; color:#1f1f22; line-height:15vw; font-weight:600;  font-size:21px;text-align:center;}

.btn_cl_bdue {float:left; display:inline-block; background-color:#4b576b;  width:100%; border-radius:2vw;  padding:2vw 0px;  height:15vw;text-align:center;}
.btn_cl_bdue span.btn1j01{display:inline-block; padding-right:0px;  background:none; font-weight:600; height:8vw; line-height:8.5vw; color:#fff; font-size:4.8vw;}
.btn_cl_bdue span.btn1j02{display:inline-block;  width:100%; letter-spacing:-0.5px;color:#fff25b; font-size:2.8vw; height:5vw; line-height:5vw; background:none; font-weight:400;padding-right:0px;}

a.btn_cl_rd {float:left; background-color:#0090ff;  width:100%; padding:2vw 0px; height:15vw; line-height:15vw;} 
a.btn_cl_bdue2 {float:left; background-color:#ff8c40;  width:100%; padding:2vw 0px; height:15vw; line-height:15vw;} 
a.btn_cl_bdue3 {float:left; background-color:#4b576b;  width:100%; padding:2vw 0px; height:15vw; line-height:15vw;} 
.btn_cl_bdue3 span.btn1j01{display:inline-block; padding-right:0px;  background:none; font-weight:600; height:15vw; line-height:15vw; color:#fff; font-size:4.8vw;}


a.btn_cl_rl {float:left; background-color:#00ad82;  width:48.5%; margin-right:3%; padding:2vw 0px; height:15vw; line-height:15vw;} 


a.btn_cl_noc {float:right; background-color:#8c9cb6; width:48.5%; height:15vw;   padding:2vw 0px;  }

a.btn_cl_noc span.btn2j01 {display:inline-block; /*background:url('/img/new/bt_icon.png') no-repeat right 50%;  background-size:3.5vw; */color:#fff; font-size:4.8vw; /*padding-right:17%;*/letter-spacing:-0.5px; height:8vw; line-height:8.5vw;}
a.btn_cl_noc span.btn2j02 {display:inline-block; letter-spacing:-1px; color:#fff; font-size:2.8vw; height:5vw; line-height:5vw;background:none; font-weight:400;  padding-right:0px; }

a.btn_cl_cc {float:right; width:48.5%;  background-color:#8c9cb6; color:#fff; font-size:4.8vw;padding:2vw 0px; height:15vw; line-height:15vw;}


a.btn_cl_fb {float:right;  width:48.5%; background-color:#37ba44; color:#fff; font-size:4.8vw;padding:2vw 0px; height:15vw; line-height:15vw;}




.btnSlidePrev {position:absolute; left:-1px; top:23vw; display:inline-block; width:7%; height:23vw; background:url('/img/new/bt_cos_left.png') no-repeat center 50%; background-size:100%; z-index:9;}

.btnSlideNext {position:absolute; right:-1px; top:23vw; display:inline-block; width:7%; height:23vw; background:url('/img/new/bt_cos_right.png') no-repeat center 50%; background-size:100%; z-index:9;}




.m_myp_cont02 {float:left; width:100%; background:#f2f4f6; text-align:center; padding:10vw 0px 12vw 0px;}
.myp_cont02_area {float:left; width:88%;  padding:0px 6%;}

.myp_cont_tit {float:left; width:100%; font-size:4.5vw; font-weight:600;text-align:left; margin-bottom:3vw}

.er_table_area {float:right; width:100%; border-radius:3vw; overflow:hidden}
#er_table {float:left; width:100%;border-collapse:collapse;  }
#er_table th{background:#66748d;  color:#fff;height:8vw; line-height:8vw; padding:2vw 0px; font-size:3.6vw;font-weight:600;text-align:center;}
#er_table th.er_tableth_w1{width:12%;}
#er_table th.er_tableth_w2{width:20%;}
#er_table th.er_tableth_w3{width:22%;}
#er_table th.er_tableth_w4{width:18%;}
#er_table th.er_tableth_w5{width:28%;}
#er_table tr{border-bottom:1px solid #d3dcec; }
#er_table tr:last-child{border-bottom:0px }
#er_table td{background:#fff;  color:#1f1f22; height:8vw; line-height:8vw; padding:2vw 0px; font-size:3.6vw;font-weight:500;text-align:center; }
a.btn_rr{display:inline-block; width:84%;background:#4585ff;  color:#fff; height:8vw; font-size:3.2vw; font-weight:500; line-height:8vw;text-align:center; border-radius:6px; }


.m_zinfo {float:left; width:100%; background:#f4faff; color:#333; font-size:3.5vw; padding:3vw 0px;  text-align:center;  border-radius:2vw; margin-bottom:2vw}


.m_myp_cont03 {float:left; width:88%;  padding:10vw 6% 12vw 6%;background:#fff; text-align:center;}


.myp_cont_tc {float:left; width:88%; padding:5vw 6% 0px 6%; height:38vw; background:url('/img/new/m_cth_bg.png') no-repeat center 0px #8e80eb; background-size:100%; text-align:left; 
		border-radius:3vw; overflow:hidden; position:relative; margin-bottom:5vw; }
.tc_name {float:left;width:100%; }
.tc_name .tc_nname {float:left; height:5vw; margin-bottom:2vw; width:65%; font-size:5vw; color:#fff; font-weight:800;}
.tc_name .tc_fname{float:left; margin-bottom:2vw;  width:65%; font-size:3vw; color:#fff; font-weight:500;}
.tc_cmt {float:left; font-style: italic; height:6vw; line-height:4vw; margin-bottom:3vw;  width:55%; font-size:3.7vw; color:#1f1f22; background:#fff;  border-radius:1.5vw;  overflow-y:auto; padding:2.5vw 5% 2vw 5%; }
.myp_cont_tc .btn_tcf {display:inline-block; clear:both; float:left; width:45%; height:8vw; line-height:8vw; background:#fe7843; color:#ffff; font-weight:600; font-size:4vw; box-shadow: 0px 5px 6px rgba(93,75,209,0.70); text-align:center;border-radius:45px; }

.tc_pic {position:absolute; width:40%; right:2%; bottom:0px; z-index:9}
.tc_pic img {display:inline-block; width:100%; padding:0px; margin:0px;vertical-align:bottom;}



.myp_cont_rv {float:left; width:88%; padding:5vw 6% 0px 6%; height:38vw; background:url('/img/new/m_rv_bg.png') no-repeat center 0px #8e80eb; background-size:100%; text-align:left; 
		border-radius:3vw; overflow:hidden; position:relative;}

.rv_tit {float:left; height:5vw; margin-bottom:4.5vw; width:100%; font-size:5.5vw; color:#fff; font-weight:800;}
.rv_text01 {float:left; height:5vw; margin-bottom:1vw; width:100%; font-size:4.1vw; color:#fff; font-weight:500;}
.rv_text02 {float:left; height:7vw; line-height:4vw; margin-bottom:3vw; width:100%; font-size:3.1vw; color:#fff; font-weight:500;}



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


	 
	 /*교양교육원*/

	 #kile_m_warp {float:left; width:100%;text-align:center;}
	 #kile_m_header{float:left; width:100%; height:14vw; background:#fff;  text-align:center;}
	 .kile_m_ci {display:inline-block; width:35vw; margin-top:3vw}
	 .kile_m_ci img {display:inline-block;  width:100%;}
	 
	 #kile_m_top_bnr{float:left; width:100%; text-align:center;  }
	 #kile_m_top_bnr img {float:left; width:100%; display:inline-block;}

	.kile_sub_nav {float:left; width:100%; height:12vw; border-bottom:1px solid #d7dfe8;text-align:center; background:#fff; }
	.kile_sub_nav ul {display:inline-block; width:100%; text-align:center; height:12vw;}
	.kile_sub_nav ul li {display:inline-block; height:12vw; margin:0px;}
	.kile_sub_nav ul li a {display:inline-block; height:11vw; line-height:14vw; padding:0px 2vw; font-size:3.8vw; border-bottom:1px solid #fff; color:#454a53; font-weight:400; letter-spacing:0px;}
	.kile_sub_nav ul li a:hover { line-height:14vw; border-bottom:1vw solid #3378ff; color:#1f1f22; font-weight:600; font-size:4.2vw; padding:0px 2vw;letter-spacing:-0.8px;}
	.kile_sub_nav ul li a.csn_on {line-height:14vw; border-bottom:1vw solid #3378ff; color:#1f1f22; font-weight:600; font-size:4.2vw; padding:0px 2vw; letter-spacing:-0.8px;}



    #kile_m_cwarp {float:left; width:90%; padding:0 5% 9vw 5%; border-bottom:1px solid #eee; min-height:85vw; }

	.kile_cont_tit {float:left; margin-top:8vw; width:100%;  font-size:4.5vw; font-weight:800; text-align:left;  color:#1f1f22;}

    #kile_m_cont01 {display:inline-block; width:100%; }
	.kile_c01_box {float:left; width:100%; margin-top:3vw;}
	.mkile_table {float:left; width:100%; border-top:2px solid  #d0d3d7;}
	.mkile_table li {float:left; width:100%; border-bottom:1px solid #d0d3d7;}

	.mkile_table li.odd {display:table}
	.nmkile_nt_tit {display:table-cell; padding:2vw 2vw 2vw 2vw; width:65vw; vertical-align:middle; background:#fff; text-align:left; line-height:5vw; font-size:3.7vw; box-sizing: border-box; }
	.nmkile_nt_date {display:table-cell; width:23vw;padding-right:2vw;  vertical-align:middle; background:#fff; text-align:center;  font-size:3.2vw; box-sizing: border-box; color:#6f7278}
	.mkile_table li .mkilent_cont  {display:inline-block; width:100%; box-sizing: border-box;  padding:2vw 2vw 2vw 2vw; background:#f9f9f9;  font-size:3.2vw;}
	.mkile_table li .mkilent_cont img {display:inline-block; width:100%}
	.nmkile_n_ep {display:inline-block; width:100%; font-size:3.5vw; padding:20vw 0px; box-sizing: border-box; background:#f3f3f3;  text-align:center; font-weight:600;}
	.mkilent_cont {display:inline-block; width:100%; }
	.mkilent_cont_txt {float:left; width:100%;text-align:left; font-size:3.5vw; padding:2vw 2vw 4vw 2vw;  box-sizing: border-box; }
	.mkilent_cont_btn {display:inline-block; width:100%; text-align:center;}


    #kile_m_cont02 {display:inline-block; width:100%; }
	.kile_c02_box {float:left; width:100%; margin-top:5vw;}
	.kile_c02_box li{float:left; width:48%; margin-right:4%; }
	.kile_c02_box li:last-child {margin-right:0px; }
	.kile_c02_box li a.kile_btn_01{float:left; display:inline-block; width:100%; border:1px solid #5bb1ff;  border-radius:2vw; box-shadow: 0px 1vw 2vw rgba(57,136,222,0.23); overflow:hidden; box-sizing: border-box; }

	.kile_c02_box li a.kile_btn_02{float:left; display:inline-block; width:100%; border:1px solid #41e2b7;  border-radius:2vw; box-shadow: 0px 1vw 2vw rgba(50,177,143,0.24); overflow:hidden; box-sizing: border-box; }

	.kile_c02_box li a img {display:block; width:100%; padding:0px; margin:0px;}
    #kile_m_cont03 {display:inline-block; width:100%; }

	.kile_c03_box {float:left; width:100%; margin-top:3vw;}
	.btn_qna_mod {display:inline-block;width:20vw; height:6vw; line-height:6vw; border-radius:1.5vw; font-size:3.2vw;  color:#fff;  font-weight:600;  background:#4b79ac; margin-right:10px;}
	.btn_qna_del {display:inline-block; width:20vw; height:6vw; line-height:6vw; border-radius:1.5vw; font-size:3.2vw;  color:#fff;  font-weight:600;  background:#85858b;}

	.mkile_cbtn{float:left; width:100%; margin-top:6vw;}
	.mkile_cbtn .btn_next2 {display:inline-block; text-align:center;font-size:3.8vw; font-weight:600; color:#fff; width:30vw; height:9vw; line-height:9vw; border:0px; background-color:#3c90ee; border-radius:1.5vw;}

	#mkile_lp_bg {position: fixed; left:0px; top:0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 2147483647;}
	.mkile_lp_box {position: fixed; width:90vw; padding:3vw 5vw 4vw 5vw; margin-left:50%; left:-45vw; top:18%; border-radius:2vw; background-color:#fff; z-index: 21474836475; text-align:center;box-sizing: border-box;}
	.mkile_lp_box .kile_lp_tit {float:left; width:100%; height:7vw; line-height:7vw; padding-bottom:2vw; text-align:center; position:relative; font-size:4.2vw; color:#323639; font-weight:700; }
	.mkile_lp_box .kile_lp_close {position:absolute; right:0px; top:0px; width:7vw; height:7vw;}
	.mkile_lp_box .kile_lp_close img{ width:100%;}

	.kile_lp_table {float:left; width:100%; margin-top:0px; text-align:left;}
	.kile_lp_table table.klp_table {float:left;width:100%; border-top:2px solid #d3d2d2; border-bottom:2px solid #d3d2d2; text-align:left;}
	.kile_lp_table table.klp_table th {height:5vw; line-height:5vw; padding:1vw 0px 1vw 0px; width:20vw; text-align:center; background-color:#f5f5f5;border-right:1px solid #d3d2d2; border-bottom:1px solid #d3d2d2;font-size:3.5vw;font-weight:600; font-family: 'NanumSquare', sans-serif;}
	.kile_lp_table table.klp_table td {height:5vw; line-height:5vw; padding:1vw 2vw 1vw 2vw;background-color:#fff;border-bottom:1px solid #d3d2d2;font-size:3.8vw;font-family: 'NanumSquare', sans-serif;}
	.kile_lp_table table.klp_table td input {border:1px solid #d5d5d5; height:5vw; line-height:5vw; font-size:3.8vw;font-family:'NanumSquare', sans-serif, Nanum Square,돋움,Dotum,Helvetica,Apple SD Gothic Neo;} 

	.kile_lp_table table td textarea {height:30vw;width:100%; padding:20px; border:1px solid #ccc; margin-top:2vw; box-sizing: border-box;font-size:3.8vw;}
	.kile_lp_table_btn {float:left; width:100%; margin-top:3vw; text-align:center; }
	.kile_lp_table_btn .btn_next2 {display:inline-block; text-align:center;font-size:3.8vw; font-weight:600; color:#fff; width:30vw; height:9vw; line-height:9vw; border:0px; background-color:#3c90ee; border-radius:1.5vw;}





    #kile_m_cont04 {display:inline-block; width:100%; }

	.kile_c04_box {float:left; width:100%; margin-top:3vw;}

	.kile_mcos_cont  {float:left; width:100%; padding:4vw; text-align:left; border:1px solid #dadce0; border-radius:3vw; background:#fff; box-sizing: border-box; margin-bottom:4vw }
	.kile_class_date{float:left; width:100%; height:5vw; margin-bottom:3vw; box-sizing: border-box; }
	.kile_class_name{float:left; width:100%; height:5vw; margin-bottom:1vw;color:#1f1f22;}
	.kile_class_name .cinfo_name {float:left;margin-left:2vw; width:70vw; font-size:4.5vw;font-weight:800; height:5vw; line-height:5vw; letter-spacing:-0.5px; }
	.kile_class_info{float:left; width:100%;  letter-spacing:0px;}
	.kile_class_info li{float:left; padding:1vw 2vw 1vw 2vw; width:100%; height:7vw; border-bottom:1px solid #dee5f1;  box-sizing: border-box;}
	.kile_class_info li span{float:left; height:5vw; line-height:5vw; color:#1f1f22; font-size:3.2vw; }
	.kile_class_info li span.cinfoc_line{float:left; display:inline-block;width:4vw;text-align: center; color:#98a0ad;}
	.kile_class_info li span.cinfoc_line2{float:left;display:inline-block; width:10vw;text-align: center; color:#98a0ad;}
	.kile_class_info li .cl_gp_area{float:left; margin-left:1vw;}
	.kile_class_info li .cl_gp{float:left; background-color:#b9cce2; margin-right:1vw; margin-top:1vw;  width:52vw; height:3vw; border-radius:3vw; }
	.kile_class_info li .cl_gp_bar{float:left; background: linear-gradient(-45deg, #3795ff, #5b38f2) ; height:3vw; border-radius:3vw;}
	.kile_class_info li .cl_gp_num{float:right;color:#3c90ee; line-height:5vw; height:5vw; font-weight:800;font-size:3.5vw;width:8vw;text-align:left;}
	.kile_class_info li .skip{display:inline-block; text-indent:-99999999999px;}
	.kile_class_info li:last-child {border-bottom:0px solid #dee5f1;}





	 #kile_box_table {float:left;  width:100%; border:1px solid #e8eaee;border-collapse:collapse; text-align:center; }
	 #kile_box_table th{border-left:1px solid #e8eaee;  width:16.6%; padding:1vw 0px; border-bottom:1px solid #e8eaee; background-color:#f7fafd; font-weight:600; font-size:3.2vw;color:#555555;}
	 #kile_box_table td{ border-left:1px solid #e8eaee; border-bottom:1px solid #e8eaee;padding:1vw 0px;background-color:#fff; font-weight:500; font-size:3vw;color:#555555;text-align:center; }
	 #kile_box_table td a{display:inline-block;width:10vw; height:5vw; line-height:5vw; border-radius:1.5vw; font-size:3vw; color:#fff;  font-weight:600;  background:#3494ff;}




/* 수업 변경 신청 _ 20230104*/



.mccg_wrap {float:left; width:88%; padding:0px 6%; }
.mccg_bf_cont {float:left; width:92%; margin:5vw 0px 2vw 0px ; padding:4vw 4%;border-radius:3vw;background:#f2f4f6; }
.mccg_bf_tit {float:left;  width:96%; padding:1.5vw 2% 0px 2%; text-align:left; margin-bottom:2vw; font-size:4vw; color:#333; font-weight:600; }
.mccg_bf_text {float:left; width:100%; }
.mccg_bf_text li{float:left; width:96%; padding:1vw 2%; text-align:left; margin-bottom:1vw; font-size:3.5vw; color:#333; font-weight:500; border-bottom:1px dotted #d6dae1; }
.mccg_bf_text li:last-child {border-bottom:0px;}
.cat_l {float:left;  display:inline-block; width:15.5vw; }
.cat_r {float:left;  display:inline-block; width:60vw;}
.mccg_bf_ar {float:left; width:100%; text-align:center; }
.mccg_bf_ar img{ display:inline-block;  width:7%; }

.mccg_input_cont {float:left; width:96%; padding:1.5vw 2% 3vw 2%;}
.mccg_input_tit {float:left;  width:100%; padding-left:0.5vw; text-align:left; margin-bottom:2vw; box-sizing: border-box; font-size:4.3vw; color:#333; font-weight:600; }
.cos_chg_cdate {float:left; width:100%; }
.cos_chg_cdate input{float:left; display:inline-block; width:61vw; height:11vw; line-height:11vw; box-sizing: border-box; font-size:4vw; color:#333; font-weight:600; padding-left:5%;
					border:1px solid #4585ff; border-top-left-radius:2.3vw; border-bottom-left-radius:2.3vw;}
.cos_chg_cdate button{float:left; display:inline-block; width:22vw; height:11vw; background:url('/img/new/icon_clachk.png') no-repeat 50% 50% #4585ff; border:0px; cursor:pointer; 
					background-size:38%; border-top-right-radius:2.3vw; border-bottom-right-radius:2.3vw;}

.cos_chg_list2 {float:left;width:100%; }

.cos_chg_list2 li{display:table;float:left;width:49%; margin-right:2%;   }
.cos_chg_list2 li:last-child{margin-right:0px }
.cos_chg_list2 li a{display:table-cell; vertical-align:middle; width:100%;height:14vw; padding:2vw 0px; border:2px solid #f2f4f6;  box-sizing: border-box;  background:#f2f4f6; 
					color:#454545;border-radius:2.3vw;font-size:3.8vw;  font-weight:400; text-align:center;}
.cos_chg_list2 li a span {font-size:3.5vw}
.cos_chg_list2 li a:hover{display:inline-block; border:2px solid #4585ff;}
.cos_chg_list2 li a.chg_chk_on{display:table-cell; vertical-align:middle; border:2px solid #4585ff; background:#4585ff; color:#fff; font-size:4vw;font-weight:600; box-shadow:2px 4px 8px rgb(211 214 219);}




.cos_chg_list3 {float:left;width:100%; }
.cos_chg_list3 li{display:table;float:left;width:32%; margin-right:2%;   }
.cos_chg_list3 li:last-child{margin-right:0px }

.cos_chg_list3 li a{display:inline-block; width:100%;height:14vw; padding:2vw 0px; border:2px solid #f2f4f6;  box-sizing: border-box;  background:#f2f4f6; 
					color:#454545;border-radius:2.3vw;font-size:3.8vw;  font-weight:400; text-align:center;}

.cos_chg_list3 li a span {font-size:3.5vw}
.cos_chg_list3 li a:hover{display:inline-block; border:2px solid #4585ff;}
.cos_chg_list3 li a.chg_chk_on{display:inline-block;  border:2px solid #4585ff; background:#4585ff; color:#fff; font-size:4vw;font-weight:600; box-shadow:2px 4px 8px rgb(211 214 219);}






.cos_timechk {float:left; width:100%; }
.cos_timechk .timeTable {float:left; width:100%; border-collapse:collapse; border-radius:4vw;}
.cos_timechk .timeTable td{background:#f2f4f6; border-radius:3vw; border:3px solid #fff;  height:11vw; color:#bebbbb; font-size:3.7vw;font-weight:400; box-sizing: border-box; letter-spacing:-0.5px;}
.cos_timechk .timeTable td.clock_on {color:#4585ff; font-size:4vw;font-weight:600; background:#ecf6ff;text-decoration:none; text-align:center;letter-spacing:-0.5px;}
.cos_timechk .timeTable td.chk{background-color:#4585ff !important;color:#fff !important;text-align:center;}
.cos_timechk .timeTable td.clock_on span{text-decoration:none; cursor:pointer; text-align:center;}

.cos_timechk .timeTable td span { display:block;  height:11vw; line-height:11vw; text-decoration:line-through; box-sizing: border-box; font-weight:600;font-size:4vw; text-align:center; letter-spacing:-0.5px;}

.mccg_btn_cont {float:left; width:96%; padding:4vw 2% 12vw 2%;}
.mccg_btn_cont a{box-shadow:2px 4px 8px rgb(211 214 219);}
a.mccg_ipbtn_cc{float:left;width:49%; margin-right:2%; height:12vw;  line-height:12vw; border-radius:2.3vw;background:#a4a4a4; color:#fff; font-size:4.5vw;font-weight:600; text-align:center;box-shadow:none;}
a.mccg_ipbtn_ok{float:left;width:49%; height:12vw;  line-height:12vw; border-radius:2.3vw;background:#4585ff; color:#fff; font-size:4.5vw;font-weight:600;text-align:center; }

.mccg_btn_cont2 {float:left; width:98%; padding:4vw 1% 12vw 1%;}
a.mccg_ipbtn_app{float:left;width:100%; height:13vw;  line-height:13vw; border-radius:2.3vw;background:#ff454e; color:#fff; font-size:5vw;font-weight:600;text-align:center;box-shadow:2px 4px 8px rgb(211 214 219); }




.mccg_af_cont {float:left; width:100%; margin:1.5vw 0px 2vw 0px ; padding:5vw 4%;border-radius:3vw;background:#fff; box-sizing: border-box; border:2px solid #4585ff;box-shadow:2px 4px 8px rgb(211 214 219);}
.mccg_af_tit {float:left;  width:96%; padding:1.5vw 2% 0px 2%; text-align:left; margin-bottom:3vw; font-size:5vw; color:#333; font-weight:600; }
.mccg_af_text {float:left; width:100%; }
.mccg_af_text li{float:left; width:92%; padding:1vw 2% 1vw 6%; text-align:left; margin-bottom:1vw; font-size:4vw; color:#333; font-weight:600; border-bottom:1px dotted #d6dae1; 
				 background:url('/img/new/ccr_icon_ckb.png') no-repeat 1vw 50%; background-size:3%;}
.mccg_af_text li:last-child {border-bottom:0px;}
.af_cat_l {float:left;  display:inline-block; width:17.5vw; }
.af_cat_r {float:left;  display:inline-block; width:55.5vw;}

.mccg_af_text li.ccf_af_tred {background:url('/img/new/ccr_icon_ckr.png') no-repeat 1vw 50%; background-size:3%; color:#ff4a32; font-size:4vw;font-weight:600; }


/* 수업정보변경*/
.class_tcha_tab {float:left; display:inline-block; width:88%; padding:0px 6%;margin-top:2vw;text-align:center;}
.class_tcha_tab button{ display:inline-block; width:47.5%; margin:0px; border-top-right-radius:2vw;  border-top-left-radius:2vw; height:9vw; line-height:9vw; border:0px; padding:0px; background:#edf0f3; text-align:center; font-size:3vw; font-weight:500;}
.class_tcha_tab button:hover{background:#3d98ff; color:#fff; font-size:3.5vw; font-weight:700;}
.class_tcha_tab button.tab_tchaon{background:#3d98ff; color:#fff; font-size:3.5vw; font-weight:700;}




#att-content2 {float:left;width:88%; padding:0px 6%; margin-bottom:8vw }
.time_chg_area {float:left;width:92%; padding:4vw 4% 7vw 4%; background:#eef5fb; border-radius:3vw;  }
.time_chg_box {float:left; width:100%; height:7vw; line-height:7vw; font-size:3.5vw;font-weight:500; margin-bottom:2vw;}
.time_chgbox_tit {float:left; display:inline-block; height:7vw; line-height:7vw; font-size:3.5vw;font-weight:500; margin-right:2vw; text-align:left; }
.time_chgbox_hp {float:left; display:inline-block; text-align:center; width:4vw; height:7vw; line-height:7vw; font-size:3.5vw;font-weight:600; margin-right:1vw}
.time_chg_box input {float:left; display:inline-block; text-align:center;  padding:0px; font-size:3.5vw;font-weight:500;height:7vw; line-height:7vw; width:29vw; border-radius:1.5vw; border:1px solid #ccc;  box-sizing: border-box;} 



.chg_th_tab {float:left; display:inline-block; width:100%; margin-top:2vw;  text-align:center;}
.chg_th_tab button { display:inline-block; width:37vw; border-radius:7vw; height:7vw; line-height:7vw; border:0px;  padding:0px; background:#edf0f3; text-align:center; font-size:3vw; font-weight:500; letter-spacing:-1px;}
.chg_th_tab button:hover{background:#3d98ff; color:#fff; font-size:3vw; font-weight:700;}
.chg_th_tab button.tab_tchaon{background:#3d98ff; color:#fff; font-size:3vw; font-weight:700;}




.time_chg_box2 {float:left; width:94%; padding:4vw 3% 6vw 3%; font-size:3.5vw;font-weight:500; margin-bottom:10px; background:#fff; border-radius:10px;}
.chg_th_selc {float:left; width:100%; }
.chg_th_selc_tit {float:left; display:inline-block;  height:7vw; line-height:7vw; font-size:3.5vw;font-weight:500; margin-right:2vw; text-align:left; }

.chg_th_selc select {float:left; height:7vw !important; line-height:7vw; width:40vw; border-radius:1.5vw; border:1px solid #ccc; text-align:left; font-size:3vw; padding:0px 2vw}
.chg_th_selc_text {float:left; display:inline-block;  height:7vw; line-height:8vw; font-size:2.8vw;font-weight:500; margin-left:8px; text-align:left; color:#2377d6;}


.chg_th_thp {float:left; width:100%;  margin-top:1vw}
.chg_th_thp_tit {float:left; display:inline-block;  height:7vw; line-height:7vw; font-size:3.5vw;font-weight:500; margin-right:2vw; text-align:left; }
.chg_th_thp_id {float:left; display:inline-block;  height:7vw; line-height:7vw; font-size:3.5vw;font-weight:500; margin-right:0.5vw; text-align:left; }
.chg_bnt_prop {float:left; display:inline-block;  height:5vw; line-height:5vw; padding:0px 3vw; font-size:2.8vw; font-weight:600; color:#fff; background:#4b67c0; border-radius:7vw; margin-top:1vw}

.chg_th_input {float:left; width:100%;  margin-top:5px;}
.chg_th_input_tit {float:left; display:inline-block;  height:7vw; line-height:7vw; font-size:3.5vw;font-weight:500; margin-right:5px; text-align:left; }
 .chg_th_input p {float:left; display:inline-block;  width:46vw}
 .chg_th_input p input {float:left; display:inline-block; border:1px solid #ccc; width:3vw; height:3vw; margin-top:2vw; margin-right:0.5vw;}
 .chg_th_input p span.chg_wk_int {float:left; display:inline-block; font-size:3.5vw;  height:6vw; line-height:6vw; margin-right:2vw;  text-align:left;}


.chg_wk_btn {float:left; display:inline-block; width:100%;margin-top:2vw;  text-align:center; }
.chg_wk_btn button {display:inline-block; width:50vw; border-radius:7vw; height:7vw; line-height:7vw;  border:0px; padding:0px; background:#3d98ff; color:#fff; font-size:4vw;  text-align:center; font-size:3vw; font-weight:500;}


.mapp_chg_btn {float:left; width:100%; margin-top:3vw}
.mapp_chg_btn li.timecha{float:left; width:18.4%; margin-right:2%; margin-bottom:2vw;height:10vw; line-height:0vw;text-align:center}
.mapp_chg_btn li.timecha:nth-child(5n){ margin-right:0;}


.mapp_chg_btn li.wkcha{float:left; width:32%; margin-right:2%;margin-bottom:2vw;height:10vw; line-height:10vw;}
.mapp_chg_btn li.wkcha:nth-child(3n){ margin-right:0;}
.mapp_chg_btn li.wkcha span {float:left; width:100%; display:inline-block; text-align:center; height:10vw; line-height:10vw}

.mapp_chg_btn span.tm_off{display:inline-block;font-weight:500; width:100%;font-size:3.5vw; border-radius:2vw; height:10vw; line-height:10vw; background-color:#f5f5f5;color:#3c636a; text-align:center; }


.mapp_chg_btn a{display:inline-block;font-weight:500; width:100%;font-size:3.5vw; border-radius:2vw; height:10vw; line-height:10vw;background-color:#e7f2f3;color:#3c636a; text-align:center; }
.mapp_chg_btn a:hover{display:inline-block;font-weight:700; width:100%;font-size:3.5vw; border-radius:2vw; height:10vw; line-height:10vw;background-color:#2baec7;color:#fff; text-align:center; box-shadow: 0px 4px 7px rgba(146,209,242,0.5);}
.mapp_chg_btn a.mapp_chg_on {display:inline-block;font-weight:700; width:100%;font-size:3.5vw; border-radius:2vw; height:10vw; line-height:10vw;background-color:#2baec7;color:#fff; text-align:center; box-shadow: 0px 4px 7px rgba(146,209,242,0.5);}




.class_sec_btn {float:left; width:100%; text-align:center; margin-top:4vw;}
.class_sec_btn button{display:inline-block;text-align:center; width:50vw;height:9vw; line-height:9vw;  font-weight:700; font-size:4vw; color:#fff; background:#ff9600; border:0px;  border-radius:2vw;}
.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:90%;  left:5%; top:26vw; border-radius:2vw; z-index: 21474836475;}

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


a.se_th_p_close {float:right; margin-right:3vw; width:8vw; height:8vw; margin-top:1vw;}
a.se_th_p_close img {width:100%;}


.se_th_p_cont {float:left;  width:90%; padding-top:6vw; padding-bottom:6vw; padding-right:5%; padding-left:5%;  text-align:center; background-color:#eff1f3; 
				border-bottom-right-radius:3vw; border-bottom-left-radius:3vw;}

.th_p_img {float:left; position:relative; overflow:hidden; text-align:center; width:35vw; height:40vw}
.th_p_img img { width:37vw; position:absolute; top:-2vw; left:50%; transform:translate(-50%, 0%);  }

.th_p_list {float:right; width:43vw; }
.th_p_list li{float:left; width:100%; margin-bottom:1vw; text-align:left; font-size:3.2vw; }
.th_p_name{font-size:4vw; font-weight:800; }
.th_p_id{font-size:3.5vw;  }
.thpti {font-weight:700;}



/* 주니어 영어 ai List */  

.ae_tab {float:left; width:100%; margin-bottom:3vw; text-align: center;}
.ae_tab li{display:inline-block;  width: 30vw; height: 10vw; line-height: 10vw; margin-right:2vw;}
.ae_tab li:last-child {margin-right:0px;}
.ae_tab li a{float:left;width: 100%; height: 10vw; line-height: 10vw; border-radius: 10vw; background:#eaeaea; color:#8e929a; text-align: center; font-size: 4vw; 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_list {float:left; width:100%; min-height: 100vw; }
.el_ai_list li {float:left; position:relative; width:46%; margin:0px 2% 4vw 2%; height:57vw; } 
.el_ai_list li .el_bookcont {float:left; width:84%;  margin:3vw 8% 0px 8%;cursor: pointer; }
.el_ai_list li .el_img{float:left; width:94%;  margin:0px 3% 0px 3%; text-align:center; }
.el_ai_list li .el_img img{ width:100%;}
.el_ai_list li .el_name{float:left; width:100%; height:7vw; line-height:6vw; font-size:4vw; color:#1f1f22; font-weight:600; letter-spacing:-1px; text-align:center; }
.el_ai_list li.pre_opnetext {float:left; text-align: center; clear: both; width:100%;  font-size:3.5vw;height:4vw; font-weight: 400;  color:#4277de; margin:3vw 0px 3vw 0px; }


.ait_view_bg {position:fixed; width:100%; height:100%; top:0px; left:0px; background:rgba(0,0,0,0.75);z-index:999998;}
.alt_view_lisbox {position:absolute; display:inline-block; left:5vw; top:30vw; border-radius: 3vw; padding:5vw 2.5vw;box-sizing: border-box; background: #fff; width: calc(100% - 10vw); z-index:999999; overflow: hidden;}
.aivl_titlist {float: left; width: 100%;}
.aivl_titlist li {float: left; width: 100%; height:14vw; }
.aivl_titlist li p{float: left; width: 100%; height:14vw; line-height:14vw; background: #fff; border-radius: 2.5vw; padding-left:3vw;box-sizing: border-box; }
.aivl_titlist li p:hover {background: #eff3f9; }
.aivl_titlist li p.aivl_titon {background: #eff3f9; }
.aivl_titon {float: left; display:inline-block; width: 40vw; padding-left:3vw; height:14vw; background:url('https://inglish.douzoneedu.co.kr/img/aitest_m_icon02.png') no-repeat left 50%;background-size: 1vw; font-size:4.2vw; color:#1f1f22; font-weight:600; letter-spacing:-0.2vw;  }

.aivl_titlist li p select {float:left; display:inline-block; width:18vw; height:8vw; line-height:8vw;  border-radius:2vw; border:2px solid #3378ff; box-shadow: 0px 2px 5px rgba(41, 78, 152, 0.28); color:#2a6ef4; font-size:3.5vw; font-weight:600; letter-spacing:-0.2vw; margin-top:3vw; background-color:#fff;-webkit-appearance:none; -moz-appearance:none; appearance:none;
	background-image: url("https://inglish.douzoneedu.co.kr/img/aitest_m_icon01.png"); padding-left:1.5vw; background-repeat: no-repeat;  background-position: 94% center;  background-size: 2.5vw;}
.aivl_titlist li p select::-ms-expand {display:none;}

.aivl_titlist li p .ai_s_btn {float:left; display:inline-block; margin-left:1.5vw; width:16vw; height:8vw; line-height:8vw; border-radius:2vw; background: #2a6ef4; box-shadow: 0px 2px 5px rgba(41, 78, 152, 0.28); color:#fff; font-size:3.2vw; font-weight:600; letter-spacing:-0.2vw; margin-top:3vw; text-align: center;}
a.ait_view_bg_close{position:absolute; width:6vw; height:6vw; display:inline-block; right:6vw; top:22vw; background:url('https://inglish.douzoneedu.co.kr/img/aitest_m_close.png') no-repeat;  background-size: 6vw; z-index:999998;}



/* 주니어 영어 E-book List */
.m_el_area {float:left; width:92%; padding:8vw 4% 10vw 4%; }
.m_el_area_tit {float:left; width:98%; padding-left:2%;text-align:left;font-size:4.5vw; font-weight:700; margin-bottom:3vw}
/*.el_jr_area {float:left; width:1200px; padding:40px 0px 20px 0px; background:#f0f6fb; border-radius:15px; }*/

.el_jr_list {float:left; width:100%; }
.el_jr_list li {float:left; position:relative; width:46%; margin:0px 2% 4vw 2%; height:57vw; } 
.el_jr_list li .el_bookcont {float:left; width:84%;  margin:3vw 8% 0px 8%;cursor: pointer; }
.el_jr_list li .el_img{float:left; width:94%;  margin:0px 3% 0px 3%; text-align:center; }
.el_jr_list li .el_img img{ width:100%;}
.el_jr_list li .el_name{float:left; width:100%; height:7vw; line-height:6vw; font-size:4vw; color:#1f1f22; font-weight:600; letter-spacing:-1px; text-align:center; }


.el_jr_list li .el_btn_mover {position:absolute; display:table; width:100%; height:57vw; background:rgba(23,28,44,0.7); border-radius:2vw;text-align:center; }
.el_jr_list li .el_btn_mover .el_btn_moverbox {float:unset; position:unset; display:table-cell; width:100% !important; margin:0px; margin-bottom:0px;  height:57vw;  vertical-align:middle; }
.el_jr_list li .el_btn_mover .el_btn_moverbox li { float:unset; width:90%;  display:inline-block; height:7vw; margin:0px 5% 1vw 5%;} 
.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:93%; padding-left:7%; margin:0px; height:7vw; line-height:7vw; font-size:3.2vw; color:#fff; letter-spacing:-0.5px; text-align:left;  
													background:url('/images/mel_btn_ar.png') no-repeat right #3e99ff; border-radius:7vw;  background-size:7vw} 
.el_jr_list li .el_btn_mover .el_btn_moverbox li a:hover {background:url('/images/mel_btn_ar.png') no-repeat right #2281eb;}