@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face {
    font-family: 'Cafe24Shiningstar';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Shiningstar.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
p { word-break:keep-all; }

#container #contents .ul_intro { margin:20px auto; }
#container #contents .ul_intro li { width:100%; line-height:30px; border-bottom:1px solid #ddd; text-align:center; }
#container #contents .ul_intro li.intro_list_top { background:#e6e7e8; font-weight:bold; }
#container #contents .ul_intro li:after { display:block; visibility:hidden; content:''; clear:both; }
#container #contents .ul_intro li div { width:25%; float:left; }
#container #contents .p_inner { padding:25px 0; }
#container #contents .p_inner .txt_inner { padding:15px; }
#container #contents .p_inner h3 { position:relative; padding-left:30px; font-weight:bold; }
#container #contents .p_inner h3:before { display:block; content:''; position:absolute; top:8px; left:10px; width:10px; height:10px; background:#85DEFF; border-radius:100%; }
#container #contents .p_inner h4 { margin-top:25px; margin-bottom:15px; }
#container #contents .p_inner p { margin-bottom:15px; }
#container #contents .p_inner .txt_inner table { width:100%; word-break:keep-all; }
#container #contents .p_inner .txt_inner table tr { border-bottom:1px solid #ddd; }
#container #contents .p_inner .txt_inner table th { padding:5px 10px; text-align:center; background:#d1f3ff; }
#container #contents .p_inner .txt_inner table td { padding:5px 10px; text-align:center; }

#container #contents .pc_cont { display:block !important; }
#container #contents .mo_cont { display:none !important; }
#container #contents .pc_inline { display:inline !important; }
/*#container #contents .mo_inline { display:none !important; }*/
	
@media (max-width:640px) {
	#container #contents .p_inner { font-size:0.9em; }
	#container #contents .p_inner.de_table { font-size:0.7em; }
	#container #contents .p_inner .txt_inner { padding:10px 0; }
	#container #contents .p_inner h3 { font-size:18px; }
	#container #contents .p_inner h3:before { top:4px; }
	#container #contents .p_inner .txt_inner table th { padding:5px; }
	#container #contents .p_inner .txt_inner table td { padding:5px; }

	#container #contents .cont_2 .ul_intro { width:90%; min-height:60px; margin:20px auto; }
	#container #contents .cont_2 .ul_intro:after { display:block; visibility:hidden; content:''; clear:both; }
	#container #contents .cont_2 .ul_intro li { width:70%; height:auto; line-height:30px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; float:left; }
	#container #contents .cont_2 .ul_intro li.intro_list_top { width:30%; background:#e6e7e8; font-weight:bold; }
	#container #contents .cont_2 .ul_intro li div { float:left }
	#container #contents .cont_2 .ul_intro li div.intro01 { width:100%; }
	#container #contents .cont_2 .ul_intro li div.intro02 { width:100%; }
	#container #contents .cont_2 .ul_intro li div.intro03 { width:100%; }
	
	#container #contents .pc_cont { display:none !important; }
	#container #contents .mo_cont { display:block !important; }
	#container #contents .pc_inline { display:inline !important; }
	#container #contents .mo_inline { display:inline !important; }


}
@media (max-width:440px) {
	#container #contents .p_inner .txt_inner table { word-break:break-all; }
}

	.tapmenu a { display:block; float:left; }

	.margin_b40 { margin-bottom:40px; }
	.margin_b30 { margin-bottom:30px; line-height:23px; }
	.txt_title { font-weight:bold; font-size:18px; }
	.txt02 { font-weight:bold; }
	
	#container #contents .bold { font-weight:bold; }
	#container #contents .sizeup { font-size:18px; }
/* Start intro css */
#container { width:100%; max-width:1200px; margin:0 auto; }
#container:after { display:block; visibility:hidden; content:''; clear:both; }
#container #contents { width:80%; float:right; padding:50px; }
#container #contents .title { position:relative; margin-bottom:25px; padding-top:10px; font-size:30px; font-weight:800; }
#container #contents .title:before { display:block; content:''; position:absolute; top:0; left:0; width:30px; height:1px; border-top:1px solid #333; }
#container #contents .cont_subject { position:relative; padding-left:25px; }
#container #contents .cont_subject:before { display:block; content:''; position:absolute; top:2px; left:0; width:20px; height:20px; background:url(/template/2/assets/img/cont_subject_icon.png) no-repeat; }
#container #contents hr { margin-top:0px; margin-bottom:10px; }
#container #contents .cont_1 { display:block; width:100%; position:relative; background:#fff; }
#container #contents .cont_1:after { display:block; visibility:hidden; content:''; clear:both; }
#container #contents .cont_1 img { width:100%; }
/*대영 과정디테일 추가*/
#container #contents .p_title { padding:30px 0; text-align:center; font-size:2em; font-weight:800; }
#container #contents .p_content { position:relative; margin:15px; padding:15px; border:1px solid #ccc; }
#container #contents .p_content .p_cont2 {float:left; width:25%; margin-top:10px; text-align:center; height:auto;}
#container #contents .p_content .p_cont3 {text-align:center; width:100%; margin-top:90px}
#container #contents .p_content .p_cont4 {width:95px; background:#f36f27;  padding:5px; color:white; float:left}
#container #contents .p_content:nth-child(odd) { background:#fff; }
#container #contents .p_content:nth-child(even) { background:#f5f5f5; }
#container #contents .p_content:after { display:block; visibility:hidden; content:''; clear:both; }
#container #contents .p_content img { width:20%; float:left; } /*과정안내때문에 100%에서 25%로 바꿈 */
.p_cont2_img {width:100% !important; margin-bottom:20px;margin-top:0px}
#container #contents .p_info { position:relative; width:75%; float:left; padding:0 15px; }
#container #contents .p_info p { margin-bottom:5px; }
#container #contents .process_name { font-size:1.3em; font-weight:bold; color:#f68e56; }
#container #contents .p_text {  }
#container #contents .p_text.p_intro { height:60px; overflow:hidden; font-size:15px; }
#container #contents .p_more {float:left; padding:2px 10px; background:#f68e56; }
#container #contents .p_more a { color:#fff; }
container #contents .p_content .p_cont3 .le {float:left }
#container #contents .p_content .p_cont3 .re {float:right }
/*여기까지*/

#container #contents .cont_1 .visual_title { position:absolute; top:35px; left:19px; color:#fff; }
#container #contents .cont_1 .visual_title .text_1 { font-size:36px; font-weight:bold; line-height:46px; }
#container #contents .cont_1 .visual_title .text_2 { font-size:24px; }
#container #contents .blue { color:#3288fd; }
#container #contents .cont_2 { display:block; width:100%; position:relative; background:#fff; }
#container #contents .cont_3 { display:block; width:100%; position:relative;  background:#fff; }
#container #contents .cont_3:after { display:block; visibility:hidden; content:''; clear:both; }
#container #contents .cont_4 { display:block; width:100%; position:relative; margin-top:50px; background:#fff; }
#container #contents .cont_2 .cont_2_1 { width:100%; float:left; font-size:1.0em; line-height:1.6em; }
#container #contents .cont_2 .cont_2_2 { width:289px; margin-left:80px; margin-bottom:40px; float:left; }
#container #contents .cont_2 .cont_2_3 { position:absolute; bottom:40px; left:19px; width:272px; height:80px; }
#container #contents .cont_2 .text .blue { color:#01bafd; font-weight:bold; }
#container #side { width:20%; float:left; }
#container #side .title { font-size:22px; font-weight:bold; }
#container #side .category { width:100%; margin-bottom:10px; padding-top:25px; background:#f36f27; color:#fff; }
#container #side .category ul { border-top:1px solid #f36f27; text-align:right; }
#container #side .category ul a { color:#fff; }
#container #side .category ul li { padding:10px 17px; border-top:1px solid #f9a333; border-bottom:1px solid #f9a333; }
#container #side .category ul li i { margin-left:10px; }
#container #side #counsel { position:relative; width:100%; height:255px; background:#fff; margin-bottom:27px; padding:22px 13px; }
#container #side #counsel .input_1 { width:163px; height:26px; margin-left:10px; border:1px solid #c1c1c1; }
#container #side #counsel .input_2 { width:46px; height:26px; margin-left:10px; border:1px solid #c1c1c1; }
#container #side #counsel .input_3 { width:46px; height:26px; border:1px solid #c1c1c1; }
#container #side #counsel .gray { color:#c1c1c1; }
#container #side #counsel .input_check { width:16px; height:16px; margin-right:2px; float:right; background:none; border:1px solid #c1c1c1; box-shadow:none; border-radius:0; }
#container #side #counsel .btn { position:absolute; bottom:22px; right:14px; background:#01bafd; color:#fff; border-radius:0; }
#container #side #counsel .text { font-size:11.7px; color:#9d9c9c; }
#container #side #support { width:100%; }
#container #side #support ul { border-bottom:1px solid #ccc; }
#container #side #support ul li { padding:25px; background:#f5f5f5; border:1px solid #ccc; border-bottom:0; }
#container #side #support h3 { margin-top:10px; margin-bottom:5px; color:#41447e; font-size:28px; font-weight:900; }
#container #side #support p { font-size:0.9em; }
#container #side .subsubmenu {background:#4c4c4c !important; font-size:12px;}
#container #side .subsubmenu a > li {border-top:0px; border-bottom:0px }
#container #contents .p_content .p_cont3 input	{background:#f36f27;border:none;text-decoration: none; outline: none}
	
	
@media (max-width: 1199px) {
	#container { width:100%; padding:0 30px; }
	#container #contents { width:75%; margin:0; }
	#container #side { width:25%; margin:0; }
}
@media (max-width: 991px) {
	#container { padding:0 20px; }
	#container #contents { width:100%; padding:50px 0; }
	#container #side { width:100%; }
	#container #side .category { position:absolute; top:250px; left:0; }
	#container #side .category ul li { float:left; border-top:0; border-bottom:0; border-left:1px solid #f36f27; border-right:1px solid #f36f27;  }
	/*대영 추가 - 나의강의실 모바일 서브 메뉴*/
	#container #side .subsubmenu {background:#4c4c4c !important; width:100%; }
	#container #side .subsubmenu a > li {background:#f36f27;font-size:10px; border-top:0px; border-bottom:0px;  border-left:0px; border-right:0px;}
	#container #side .category ul li { padding:10px 10px; border-top:1px solid #f36f27; border-bottom:1px solid #f36f27; }
	#container #side #support { width:100%; }
	#container #side #support:after { display:block; visibility:hidden; content:''; clear:both; }
	#container #side #support ul li { width:33.33%; height:170px; float:left; border-bottom:1px solid #ccc; padding:14px}
	
	/* #container #contents .cont_2 { padding:35px 20px; } */
}
@media (max-width: 640px) {
	#container { padding:0 15px; }
	#container #side  { padding-bottom:0px; }
	#container #side #support { width:100%; margin:0; padding:0 30px; text-align:center}
	/* #container #contents .cont_2 { padding:35px 0px; } */
	#container #contents .cont_3 { padding:35px 0px; }
	#container #contents .cont_4 { padding:0; }
	#container #side #support h3 { margin-top:10px; margin-bottom:5px; color:#41447e; font-size:15px; font-weight:900; }
	#container #contents .p_content .p_cont3 .le {float:left; width: 74px; font-size: 15px;}
	#container #contents .p_content .p_cont3 .re {float:left;margin-top:10px;width: 74px;font-size: 15px;}
	#container #contents .p_info { position:relative; width:100%; float:right; padding-right:8px; }
	#container #contents .p_content img { 
		display:none; 
		} 
	#container #contents .p_content .p_cont2 img {display:inline-block;}
	#container #contents .p_info_detail{ position:relative; width:70%; float:right; padding-right:8px; }
	#container #contents .p_content .p_cont3 .le  {float:left;margin-top:10px; margin-bottom:-10px; width: 100%;font-size: 15px; position:absolute; left:0; bottom:-20px; background:#f36f27}
	#container #contents .p_content .p_cont3 .re  {float:left;margin-top:10px; margin-bottom:-5px; width: 100%;font-size: 15px; position:absolute; left:0; bottom:-70px; background:#f36f27}
	#container #contents .p_content .p_cont3 .le input {background:#f36f27 }
	#container #contents .p_content .p_cont3 .re input {background:#f36f27 }
	#container #contents .p_content .p_info .small{display:none}
	
	#container #contents .p_content { position:relative; margin:0px; padding:0px; border:1px solid #ccc; }
	
}
@media (max-width:400px) {
	#container { padding:0 10px; }
	#container #side #support { padding:0; }
}
/* End intro css */

/* Start process css */
/* Start teacher css */
#container #contents .teacher_tab_area { background:#eee; text-align:center; }
#container #contents .teacher_tab_area:after { display:block; visibility:hidden; content:''; clear:both; }
#container #contents .teacher_tab_area .teacher_tab { position:relative; width:50%; float:left; padding:35px; }
#container #contents .teacher_tab_area .teacher_tab.active { background:#4a71a8; color:#fff; }
#container #contents .teacher_tab_area .teacher_tab h3 { margin:0; }
#container #contents .teacher_tab_area .teacher_tab p { display:none; position:absolute; bottom:0; left:0; width:100%; font-size:0.9em; }
#container #contents .teacher_tab_area .teacher_tab.active p { display:block; }
#container #contents .sub_teacher_cont:after { display:block; visibility:hidden; content:''; clear:both; }
#container #contents .sub_teacher_cont .cont_half { width:96%; float:left; background:#E2E8F1; margin-left:8px; padding-top:20px; padding-left:35px; }
#container #contents .sub_teacher_cont .cont_half:after { display:block; visibility:hidden; content:''; clear:both; }
#container #contents .sub_teacher_cont .cont_half img { width:auto; float:left; }
#container #contents .sub_teacher_cont .cont_half .sub_teacher_right { float:left; padding-left:15px; }
#container #contents .sub_teacher_cont .cont_half .sub_teacher_right p { font-weight:bold; }
#container #contents .teacher_info_area {  }
#container #contents .teacher_info_area:after { display:block; visibility:hidden; content:''; clear:both; }
#container #contents .teacher_info { position:relative; width:31.33%; float:left; margin:1%; background:#f5f5f5; border:1px solid #ccc; text-align:right; }
#container #contents .teacher_info .teacher_info_txt { position:absolute; bottom:5px; left:10px; width:70%; text-align:left; }
#container #contents .teacher_info h4 { font-weight:bold; color:#41447e; font-size:15px; word-break:keep-all; height:40px;}
#container #contents .teacher_info p { margin-bottom:5px; font-size:15px; }
#container #contents .teacher_info img { width:auto; }

@media (max-width: 1199px) {
	#container #contents .teacher_tab_area .teacher_tab p { font-size:0.8em; }
	#container #contents .sub_teacher_cont { padding:25px 0; }
	#container #contents .sub_teacher_cont .cont_half { padding:25px; }
	#container #contents .teacher_info { width:48%; }
}
@media (max-width: 991px) {
}
@media (max-width: 640px) {
	#container #contents .teacher_tab_area .teacher_tab { padding:20px; }
	#container #contents .teacher_tab_area .teacher_tab.active p { display:none; }
	#container #contents .teacher_info .teacher_info_txt { width:80%; }
	#container #contents .teacher_info h4 { font-size:14px; }
	#container #contents .teacher_info p { font-size:14px; }
}
@media (max-width:400px) {
	#container #contents .teacher_tab_area .teacher_tab { padding:10px; }
	#container #contents .teacher_tab_area .teacher_tab h3 { font-size:18px; }
	#container #contents .sub_teacher_cont .cont_half { padding:10px; text-align:center; }
	#container #contents .sub_teacher_cont .cont_half img { float:none; }
	#container #contents .sub_teacher_cont .cont_half .sub_teacher_right { float:none; padding-top:10px; padding-left:0; }
	#container #contents .sub_teacher_cont .cont_half .sub_teacher_right p { margin-bottom:5px; }
	#container #contents .sub_teacher_cont .cont_half .sub_teacher_right ul { text-align:left; }
	#container #contents .teacher_info { width:100%; margin:10px 0; }
}
/* End process css */

/* Start process_detail css */
#container #contents .cont_1 .visual_title .text_3 { font-size:60px; font-weight:bold; color:#ddd; line-height:56px; }
#container #contents .cont_1 .visual_title .text_4 { font-size:32px; color:#e15c5d; }
#container #contents .cont_1 .visual_title02 { width:100%; position:absolute; bottom:40px; left:0px; }
#container #contents .cont_2 .title .blue { color:#5b0f12; }
#container #contents .cont_2 .hr_blue { border-top:3px solid #5b0f12; margin:0; }
#container #contents .cont_2 .ul_process { width:100%; border-top:1px solid #ddd; }
#container #contents .cont_2 .ul_process li { border-bottom:1px solid #ddd; width:100%; height:44px; }
#container #contents .cont_2 .ul_process .left { width:20%; height:100%; padding-left:19px; float:left; background:#d1f3ff; line-height:43px; }
#container #contents .cont_2 .ul_process .right { width:80%; height:100%; padding:4px 19px 0 8px; float:left; font-size:13px; line-height:16px; text-align:left; }
#container #contents .cont_2 .ul_process .right .right_1 { width:215px; float:left; }
#container #contents .cont_2 .ul_process .right .right_2 { width:215px; float:left; }
#container #contents .cont_2 .ul_process .lineheight34 { line-height:34px; }
#container #contents .cont_2 .ul_process .width250 { width:250px; background:#fff; }
#container #contents .cont_2 .ul_process li.height80 { height:80px; }
#container #contents .cont_2 .ul_process li.height80 .left { line-height:80px; }
#container #contents .cont_2 .ul_process li.height60 { height:60px; }
#container #contents .cont_2 .ul_process li.height60 .left { padding-top:6px; line-height:22px; }
#container #contents .cont_2 .ul_process li.height60 .right { line-height:50px; }
#container #contents .cont_2 .text { margin-top:13px; font-size:13px; }
#container #contents .related_process { display:inline-block; width:100%; font-size:1.0em; margin-top:20px; height:242px; }
#container #contents .related_process .title { padding-left:19px; }
#container #contents .related_process .process { padding:0; margin:0 7px; }
@media (max-width: 1199px) {
	#container #contents .cont_1 .visual_title02 { bottom:5px; }
}
@media (max-width:991px) {
	#container #contents .cont_1 .visual_title02 { position:initial; }
}
@media (max-width: 640px) {
	#container #contents .red { display:none; }
}
/* End process_detail css */

/* Start lecture css */
#container #contents .tapmenu { display:inline-block; width:100%; height:45px; background:#01bafd; }
#container #contents .tapmenu li { display:inline-block; line-height:45px; padding:0 30px; font-size:18px; color:#fff; }
#container #contents .tapmenu li.active { background:#45a0de; }
#container #contents .tapmenu li:hover { background:#45a0de; }
#container #contents .list_top { width:100%; background:#f36f27; text-align:center; }
#container #contents .list_top:after { display:block; visibility:hidden; content:''; clear:both; }
#container #contents .list_top li { display:block; float:left; line-height:50px; font-size:15px; font-weight:bold; color:#fff; border-left:1px solid #eee; }
#container #contents .list_top li span.gray { color:#c1c1c1; }
#container #contents .cont_1 .check { width:5%; }
#container #contents .check .input_check { width:16px; height:16px; background:none; border:1px solid #c1c1c1; box-shadow:none; border-radius:0; }
#container #contents .cont_1 .lecture { width:30%; font-weight:bold; }

#container #contents .cont_1 .teacher { width:10%; }
#container #contents .cont_1 .price { width:15%; }
#container #contents .cont_1 .list .price { }
#container #contents .cont_1 .price .sale1{font-size:12px;display: inline-block;position: relative;top: -10px;text-decoration:line-through;}
#container #contents .cont_1 .price .sale2 {font-size:14px;display: inline-block;position: relative;}
#container #contents .cont_1 .sample { width:15%; }
#container #contents .cont_1 .sample .lecture_icon { width:80%; margin:0 auto; margin-top:8px; line-height:30px; text-align:center; background:#fff; color:#41447e; border:1px solid #41447e; font-size:16px; }
#container #contents .cont_1 .sample .lecture_icon img { width:auto; }
#container #contents .cont_1 .del { width:20%; }
#container #contents .cont_1 .state { width:15%; }
#container #contents .play_btn { width:100%; height:30px; line-height:22px; background:#fff; border:1px solid #ccc; }
#container #contents .list { width:100%; border-bottom:1px solid #ddd; text-align:center; background:#f5f5f5; font-size:15px;}
#container #contents .list:after { display:block; visibility:hidden; content:''; clear:both; }
#container #contents .list li { display:block; float:left; line-height:50px; }
#container #contents .list:hover { background:#e9e9e9; }
#container #contents .btn_area { margin-top:20px; padding:10px; text-align:center; }
#container #contents .cart {margin-bottom:50px; }
#container #contents .cart ul li {  }
#container #contents .left { width:70%; float:left; }
#container #contents .right { width:30%; float:right; text-align:right; }
#container #contents .cart hr { margin-top:60px; }
#container #contents .cart .btn { width:120px; height:34px; margin:20px 0; background:#01bafd; color:#fff; border-radius:0; font-size:16px; }
#container #contents .red { color:#96191e; }
/* lecture-payment.html */
#container #contents .title_blue { display:inline-block; width:100%; border-bottom:3px solid #5b0f12; }
#container #contents .title_blue li { display:inline-block; line-height:40px; margin-bottom:10px; padding:0 15px; font-size:1.4em; font-weight:800; border-left:3px solid #5b0f12; color:#5b0f12;}
#container #contents .list_last { display:inline-block; width:100%; height:48px; padding-left:19px; background:#f5f5f5; border-bottom:1px solid #ddd; }
#container #contents .list_last li { display:inline-block; line-height:48px; font-size:17px; font-weight:bold; }
#container #contents .list_last li span.gray { color:#c1c1c1; }
#container #contents .cont_4 .sale { background:#f5f5f5; border-top:1px solid #ddd; }
#container #contents .cont_4 .sale:after { display:block; visibility:hidden; content:''; clear:both; }
#container #contents .cont_4 .sale li { display:inline-block; line-height:48px; font-size:17px; }
#container #contents .cont_4 .sale .left { width:65%; float:left; padding-left:36px; }
#container #contents .cont_4 .sale .left .name { display:inline-block; width:90px; }
#container #contents .cont_4 .sale .left .sale_input { line-height:26px; border:1px solid #c1c1c1; }
#container #contents .cont_4 .sale .left .sale_btn { line-height:26px; background:#01bafd; color:#fff; border:none; margin-left:10px; padding:0 22px; font-size:16px; }
#container #contents .cont_4 .sale .right { width:35%; text-align:left; float:left; }
#container #contents .cont_4 .sale .right .red { margin-left:10px; color:#96191e; }
#container #contents .cont_4 .sale .right .name { display:inline-block; width:90px; }
#container #contents .cont_4 .check_area { text-align:right; padding:20px 25px 0 0; }
#container #contents .cont_4 .check_area .check { margin-left:20px; }
#container #contents .cont_4 .check_area .check .case_check { width:16px; height:16px; background:none; border:1px solid #c1c1c1; box-shadow:none; border-radius:none; }
#container #contents .cont_4 .btn_area { text-align:right; margin:20px 0; }
#container #contents .cont_4 .btn_area .btn_white { background:#fff; color:#01bafd; margin-right:20px; padding:5px 20px; border:1px solid #01bafd; }
#container #contents .cont_4 .btn_area .btn_blue { background:#01bafd; color:#fff; margin-right:20px; padding:5px 20px; border:1px solid #01bafd; }
/* lecture-confirm.html */
#container #contents .cont_4 .confirm { display:inline-block; width:100%; height:45px; }
#container #contents .cont_4 .confirm li { width:100%; height:45px; line-height:21px; padding:12px 0 12px 36px; border-bottom:1px solid #ddd; }
#container #contents .cont_4 .confirm .li_title { margin-right:20px; }
#container #contents .cont_4 .confirm .red { color:#96191e; }
#container #contents .cont_4 .confirm .breakdown { display:inline-block; margin-left:20px; padding-left:20px; border-left:1px solid #ddd; }
#container #contents .cont_4 .confirm .deposit_name { width:163px; height:26px; margin-right:20px; border:1px solid #c1c1c1; }
@media (max-width: 1199px) {
	#container #contents .cont_4 .sale .left { width:75%; }
	#container #contents .cont_4 .sale .right { width:25%; }
	#container #contents .cont_4 .lecture { width:75%; }
	#container #contents .cont_4 .price { width:15%; }
	#container #contents .cont_4 .del { width:10%; }
}
@media (max-width: 991px) {
	#container #contents .cont_4 .lecture { width:70%; }
	#container #contents .cont_4 .price { width:15%; }
	#container #contents .cont_4 .del { width:15%; }
}
@media (max-width:800px) {
	#container #contents {  }
}
@media (max-width: 640px) {
	#container #contents .list_top {
		font-size:9px;
	}
	#container #contents .list {
		font-size:9px;
	}
	#container #contents .cont_1 .price .sale1{}
	#container #contents .cont_1 .price .sale2 {display:none}
	
	#container #contents .cont_4 .sale .left { width:100%; padding-left:0; text-align:center; }
	#container #contents .cont_4 .sale .right { width:100%; text-align:center; }
	#container #contents .cont_4 .lecture { width:55%; font-size:9px; }
	#container #contents .cont_4 .price { width:25%; font-size:9px; }
	#container #contents .cont_4 .del { width:20%;  font-size:9px;}
	#container #contents .cont_1 .check { width:8%; font-size:9px; }
	/*#container #contents .cont_1 .teacher { width:17%; font-size:9px;}*/
	#container #contents .cont_1 .teacher { display:none;}
	#container #contents .cont_1 .lecture { width:35%; font-size:9px;}
	#container #contents .cont_1 .price { width:15%; font-size:9px;}
	#container #contents .cont_1 .del { width:15%; font-size:9px;}
	#container #contents .cont_1 .price .sale1{ font-size:9px;top: -2px;}
	#container #contents .cont_1 .price .sale2{ font-size:9px;}
	
	/*#container #contents .cont_1 .list .price:nth-of-type(n+1){ line-height:1em;}*/
	#container #contents .cont_1 .detail { width:15%; font-size:9px;}
	#container #contents .cont_1 .sample { width:15%;  font-size:9px;}
	#container #contents .cont_1 .sample .lecture_icon { width:100%; font-size:9px; }
	#container #contents .cont_1 .sample .lecture_icon img { width:9px; }
}
@media(max-width:400px) {
	#container #contents .cont_1 .price { font-size:0.8em; }
}
/* End lecture css */

/* Start request css */
 @media (min-width:1200px) {
	#container #contents .cont_3 .check { width:60px; }
	#container #contents .cont_3 .license_name { width:400px; }
	#container #contents .cont_3 .user_name { width:130px; }
	#container #contents .cont_3 .birth { width:130px; }
	#container #contents .cont_3 .input_4{ width:95%; height:30px; line-height:30px; border:1px solid #c1c1c1; }
	#container #contents .cont_3 .input_100px{ width:100px; height:30px; line-height:30px; border:1px solid #c1c1c1; }	
	#container #contents .cont_3 .input_50px{ width:50px; height:30px; line-height:30px; border:1px solid #c1c1c1; }	
	#container #contents .cont_3 .input_673px{ width:673px; height:30px; line-height:30px; border:1px solid #c1c1c1; }	
	#container #contents .cont_3 .picture { width:120px; }
	#container #contents .cont_3 .picture02 { display:none; }
	#container #contents .cont_3 .picture_btn { width:95%; height:30px; line-height:22px; background:#2ecc71; border:none; color:#fff; }
	#container #contents .cont_3 .request_info { width:100%; }
	#container #contents .cont_3 .request_info li { width:100%; height:44px; border-bottom:1px solid #ddd; }
	#container #contents .cont_3 .request_info .li_left { width:96px; height:20px; margin:12px 0; padding-left:19px; float:left; border-right:1px solid #ddd; }
	#container #contents .cont_3 .request_info .li_right { width:713px; height:44px; padding-left:21px; float:left; line-height:44px; }
	#container #contents .cont_3 .request_info .li_right .li_input_1 { width:137px; height:30px; line-height:30px; border:1px solid #c1c1c1; }
	#container #contents .cont_3 .request_info .li_right .li_input_2 { width:673px; height:30px; line-height:30px; border:1px solid #c1c1c1; }
	#container #contents .cont_3 .request_info .li_right .li_input_3 { width:53px; height:30px; line-height:30px; border:1px solid #c1c1c1; }
	#container #contents .cont_3 .request_info .li_right .search_btn { width:120px; height:26px; margin-left:10px; line-height:22px; background:#2ecc71; border:none; color:#fff; }
	#container #contents .cont_3 .request_info .li_right .input_check_1 { width:14px; height:14px; margin-right:5px; background:none; border:1px solid #c1c1c1; box-shadow:none; border-radius:0; }
	#container #contents .cont_3 .request_info .li_right .input_check_2 { width:14px; height:14px; margin:0 5px 0 15px; background:none; border:1px solid #c1c1c1; box-shadow:none; border-radius:0; }
	#container #contents .cont_3 .request_info li.line3 { height:132px; }
	#container #contents .cont_3 .request_info li.line3 .li_left { height:108px; }
	#container #contents .cont_3 .right .request_btn { margin:20px 5px 0 5px; padding:5px 30px; background:#01bafd; color:#fff; border:none; }
	#container #contents .cont_2 .text_box { padding-top:10px; }
}
@media (max-width: 1199px) {
	#container #contents .cont_3 .check { width:8%; }
	#container #contents .cont_3 .license_name { width:42%; }
	#container #contents .cont_3 .user_name { width:16%; }
	#container #contents .cont_3 .birth { width:16%; }
	#container #contents .cont_3 .input_4{ width:95%; height:30px; line-height:22px; border:1px solid #c1c1c1; }
	#container #contents .cont_3 .picture { display:none; }
	#container #contents .cont_3 .picture02 { width:13%; }
	#container #contents .cont_3 .picture_btn { width:95%; height:30px; line-height:22px; background:#2ecc71; border:none; color:#fff; }
	#container #contents .cont_3 .request_info { width:100%; }
	#container #contents .cont_3 .request_info li { width:100%; height:44px; border-bottom:1px solid #ddd; }
	#container #contents .cont_3 .request_info .li_left { width:25%; height:20px; margin:12px 0; padding-left:19px; float:left; border-right:1px solid #ddd; }
	#container #contents .cont_3 .request_info .li_right { width:75%; height:44px; padding-top:9px; padding-left:21px; float:left; line-height:26px; }
	#container #contents .cont_3 .request_info .li_right .li_input_1 { width:40%; height:26px; border:1px solid #c1c1c1; }
	#container #contents .cont_3 .request_info .li_right .li_input_2 { width:95%; height:26px; border:1px solid #c1c1c1; }
	#container #contents .cont_3 .request_info .li_right .li_input_3 { width:20%; height:26px; border:1px solid #c1c1c1; }
	#container #contents .cont_3 .request_info .li_right .search_btn { width:120px; height:26px; margin-left:10px; line-height:22px; background:#2ecc71; border:none; color:#fff; }
	#container #contents .cont_3 .request_info .li_right .input_check_1 { width:14px; height:14px; margin-right:5px; background:none; border:1px solid #c1c1c1; box-shadow:none; border-radius:0; }
	#container #contents .cont_3 .request_info .li_right .input_check_2 { width:14px; height:14px; margin:0 5px 0 15px; background:none; border:1px solid #c1c1c1; box-shadow:none; border-radius:0; }
	#container #contents .cont_3 .request_info li.line3 { height:132px; }
	#container #contents .cont_3 .request_info li.line3 .li_left { height:108px; }
	#container #contents .cont_3 .request_info li.line3 .li_right { line-height:36px; }
	#container #contents .cont_3 .right .request_btn { margin:20px 5px 0 5px; padding:5px 30px; background:#01bafd; color:#fff; border:none; }
	#container #contents .cont_2 .text_box { padding-top:10px; }
}
@media (max-width: 640px) {
	#container #contents .cont_3 .check { width:8%; }
	#container #contents .cont_3 .license_name { width:100%; font-size:1.2em; font-weight:bold; }
	#container #contents .cont_3 .user_name { width:16%; }
	#container #contents .cont_3 .birth { width:16%; }
	#container #contents .cont_3 .input_4{ width:95%; height:30px; line-height:22px; border:1px solid #c1c1c1; }
	#container #contents .cont_3 .picture { display:none; }
	#container #contents .cont_3 .picture02 { width:13%; }
	#container #contents .cont_3 .picture_btn { width:95%; height:30px; line-height:22px; background:#2ecc71; border:none; color:#fff; }
	#container #contents .cont_3 .request_info { width:100%; }
	#container #contents .cont_3 .request_info li { width:100%; height:44px; border-bottom:1px solid #ddd; }
	#container #contents .cont_3 .request_info .li_left { width:25%; height:20px; margin:12px 0; padding-left:19px; float:left; border-right:1px solid #ddd; }
	#container #contents .cont_3 .request_info .li_right { width:75%; height:44px; padding-top:9px; padding-left:21px; float:left; line-height:26px; }
	#container #contents .cont_3 .request_info .li_right .li_input_1 { width:40%; height:26px; border:1px solid #c1c1c1; }
	#container #contents .cont_3 .request_info .li_right .li_input_2 { width:95%; height:26px; border:1px solid #c1c1c1; }
	#container #contents .cont_3 .request_info .li_right .li_input_3 { width:20%; height:26px; border:1px solid #c1c1c1; }
	#container #contents .cont_3 .request_info .li_right .search_btn { width:100px; height:26px; margin-left:10px; line-height:22px; background:#2ecc71; border:none; color:#fff; }
	#container #contents .cont_3 .request_info .li_right .input_check_1 { width:14px; height:14px; margin-right:5px; background:none; border:1px solid #c1c1c1; box-shadow:none; border-radius:0; }
	#container #contents .cont_3 .request_info .li_right .input_check_2 { width:14px; height:14px; margin:0 5px 0 15px; background:none; border:1px solid #c1c1c1; box-shadow:none; border-radius:0; }
	#container #contents .cont_3 .request_info li.line3 { height:132px; }
	#container #contents .cont_3 .request_info li.line3 .li_left { height:108px; }
	#container #contents .cont_3 .request_info li.line3 .li_right { line-height:36px; }
	#container #contents .cont_3 .right .request_btn { margin:20px 5px 0 5px; padding:5px 30px; background:#01bafd; color:#fff; border:none; }
	#container #contents .cont_2 .text_box { padding-top:10px; }
}
/* End request css */

/* Start request_check css */
@media (min-width: 1200px) {
	#container #contents .cont_3 hr { border-top:2px solid #ddd; margin-bottom:0; }
	#container #contents .cont_3 .no { width:60px; }
	#container #contents .cont_3 .name { width:265px; }
	#container #contents .cont_3 .date { width:110px; }
	#container #contents .cont_3 .price { width:90px; }
	#container #contents .cont_3 .info { width:90px; }
	#container #contents .cont_3 .state { width:90px; }
	#container #contents .cont_3 .cancel { width:60px; }
}
@media (max-width: 1199px) {
	#container #contents .cont_3 hr { border-top:2px solid #ddd; margin-bottom:0; }
	#container #contents .cont_3 .no { width:10%; }
	#container #contents .cont_3 .name { width:30%; }
	#container #contents .cont_3 .date { width:14%; }
	#container #contents .cont_3 .price { width:13%; }
	#container #contents .cont_3 .info { width:18%; }
	#container #contents .cont_3 .state { width:12%; }
	#container #contents .cont_3 .cancel { display:none; }
}
@media (max-width: 640px) {
	#container #contents .cont_3 hr { border-top:2px solid #ddd; margin-bottom:0; }
	#container #contents .cont_3 .no { width:10%; display:none; }
	#container #contents .cont_3 .name { width:30%; }
	#container #contents .cont_3 .date { width:33%;}
	#container #contents .cont_3 .price { width:13%; }
	#container #contents .cont_3 .info { width:18%; }
	#container #contents .cont_3 .state { width:33%; }
	#container #contents .cont_3 .cancel { display:none; }
}
/* Start request_check css */

/* Start board css */
#container #contents .board .list_top { background:#f5f5f5; border-top:1px solid #494949; border-bottom:1px solid #848484; }
#container #contents .board .list_top li { color:#333; border-left:0; }
#container #contents .board .list { background:#fff; border-bottom:1px solid #eee; }
#container #contents .board .list:last-child { border-bottom:1px solid #494949; }
#container #contents .board .uid { width:10%; }
#container #contents .board .user { width:15%; }
#container #contents .board .list .user { color:#ff3052; }
#container #contents .board .title02 { width:50%; }
#container #contents .board .list .title02 { text-align:left; }
#container #contents .board .list .title02 img { width:auto; }
#container #contents .board .date { width:15%; }
#container #contents .board .view { width:10%; }
#container #contents .board #bo_sch { margin-top:50px; text-align:center; }
#container #contents .board #bo_sch .bo_category { height:40px; padding:5px 10px; background:#f5f5f5; border:1px solid #ddd; }
#container #contents .board #bo_sch .search { width:250px; height:40px; padding:5px 10px; background:#f5f5f5; border:1px solid #ddd; }
#container #contents .board #bo_sch .search_btn { height:40px; padding:5px 15px; background:#919191; color:#fff; border:none; }
#container #contents .b_btn_area { margin-top:50px; text-align:center; }
#container #contents .b_btn_area input { padding:10px 50px; background:#fff; color:#41447e; border:1px solid #41447e; font-weight:bold; }

@media (max-width: 1199px) {
}
@media (max-width: 640px) {
	#container #contents .b_btn_area input { padding:10px 25px; }
}
@media(max-width:400px) {
	#container #contents .b_btn_area input { padding:5px 15px; font-size:14px; }
}
/* End board css */

/* Start mypage css */
#container #contents .class_list:after { display:block; visibility:hidden; content:''; clear:both; }
#container #contents .class_list.list_top .no {  }
#container #contents .class_list .no { width:10%; float:left; text-align:center; }
#container #contents .class_list .period { width:20%; float:left; font-size:0.9em; }
#container #contents .class_list.list_top .name { padding-top:0; line-height:50px; text-align:center; }
#container #contents .class_list .name { width:25%; float:left; font-weight:bold; }
#container #contents .class_list .progress01 { width:10%; float:left; }
#container #contents .class_list .test { width:10%; float:left; }
#container #contents .class_list .lectureroom { width:15%; float:left; }
#container #contents .class_list .score { width:15%; float:left; }
#container #contents .class_list .complete { width:15%; float:left; }
#container #contents .notice_ul01 { margin-top:50px; font-size:0.9em; }
#container #contents .notice_ul01 .notice_ul01_li01 { margin-top:25px; }
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
	
}
@media (max-width: 640px) {
	#container #contents .list li { line-height:40px; }
#container #contents .class_list .no { width:10%; min-height:175px; display:none }
#container #contents .class_list .name { width:40%; font-weight:bold;  text-align:center; }
#container #contents .class_list .period { width:30%; font-size:14px;}
#container #contents .class_list .test { width:30%; }
#container #contents .class_list {border-bottom: 1px solid white}
#container #contents .class_list .lectureroom { width:40%; }
#container #contents .class_list .progress01 { width:30%; }

#container #contents .class_list .score { width:25%; }
#container #contents .class_list .complete { width:20%; }

#container #contents .notice_ul01 .notice_ul01_li01 { text-indent: -0.5em;margin-left: 0.5em;}
}
/* End mypage css */

/* Start mypage_contents css */
#container #contents .cont_1 .contents_top { width:100%; height:46px; background:#01bafd; }
#container #contents .cont_1 .contents_top p { display:inline-block; height:100%; float:left; padding:0 27px; color:#fff; line-height:46px; }
#container #contents .cont_1 .contents_top .contents01 { background:#45a0de; font-size:22px; }
#container #contents .cont_1 .contents_top .contents02 { font-size:22px; }
#container #contents .cont_1 .contents_top .contents03 { font-size:22px; }
#container #contents .cont_1 .contents_top .contents04 { font-size:15px; }
#container #contents .cont_1 .contents_bottom { width:100%; height:206px; background:#93d9d1; }
#container #contents .cont_1 .contents_bottom .study { color:#333; width:90%; margin:0 auto; padding:130px 0 10px 0;}
#container #contents .cont_1 .contents_bottom .blue { color:#185f90; }
#container #contents .cont_1 .contents_bottom .orange { color:#fa7000; }
#container #contents .cont_1 .contents_bottom .progress_bg { background:#e0e0e0; width:90%; height:22px; margin:0 auto; }
#container #contents .cont_1 .contents_bottom .progress_bg .progress_now { background:#ffa800; width:10%; height:100%; }
#container #contents .cont_1 .contents_bottom .progress_bg .progress_0 { background:#ffa800; width:0%; height:100%; }
#container #contents .cont_1 .contents_bottom .progress_bg .progress_10 { background:#ffa800; width:10%; height:100%; }
#container #contents .cont_1 .contents_bottom .progress_bg .progress_20 { background:#ffa800; width:20%; height:100%; }
#container #contents .cont_1 .contents_bottom .progress_bg .progress_30 { background:#ffa800; width:30%; height:100%; }
#container #contents .cont_1 .contents_bottom .progress_bg .progress_40 { background:#ffa800; width:40%; height:100%; }
#container #contents .cont_1 .contents_bottom .progress_bg .progress_50 { background:#ffa800; width:50%; height:100%; }
#container #contents .cont_1 .contents_bottom .progress_bg .progress_60 { background:#ffa800; width:60%; height:100%; }		
#container #contents .cont_1 .contents_bottom .progress_bg .progress_70 { background:#ffa800; width:70%; height:100%; }		
#container #contents .cont_1 .contents_bottom .progress_bg .progress_80 { background:#ffa800; width:80%; height:100%; }		
#container #contents .cont_1 .contents_bottom .progress_bg .progress_90 { background:#ffa800; width:90%; height:100%; }		
#container #contents .cont_1 .contents_bottom .progress_bg .progress_100 { background:#ffa800; width:100%; height:100%; }		
#container #contents .cont_4 .tapmenu li { padding:0 20px; }
#container #contents .cont_4 .time { width:100px; }
#container #contents .cont_4 .name01 { width:380px; }
#container #contents .cont_4 .list .name01 { }
#container #contents .cont_4 .progress02 { width:70px; }
#container #contents .cont_4 .attendance { width:100px; }
#container #contents .cont_4 .play { width:110px; }
@media (max-width: 1199px) {
	#container #contents .cont_1 .contents_top {  }
	#container #contents .cont_1 .contents_top p { display:inline-block; height:100%; float:left; padding:0 20px; color:#fff; line-height:46px; }
	#container #contents .cont_1 .contents_top .contents01 { background:#45a0de; }
	#container #contents .cont_1 .contents_top .contents03 { display:none; }
	#container #contents .cont_1 .contents_top .contents04 { display:none; }
	#container #contents .cont_1 .contents_bottom {  }
	#container #contents .cont_1 .contents_bottom .study { color:#fff; width:90%; margin:0 auto; padding:130px 0 10px 0; font-size:0.8em; }
	#container #contents .cont_1 .contents_bottom .blue { color:#185f90; }
	#container #contents .cont_1 .contents_bottom .orange { color:#fa7000; }
	#container #contents .cont_1 .contents_bottom .progress_bg { background:#c2c2c2; width:90%; height:22px; margin:0 auto; }
	#container #contents .cont_1 .contents_bottom .progress_bg .progress_now { background:#ffa800; width:10%; height:100%; }
	#container #contents .cont_4 .tapmenu li { padding:0 10px; }
	#container #contents .cont_4 .tapmenu li.m_none { display:none; }
	#container #contents .cont_4 .time { width:11%; }
	#container #contents .cont_4 .name01 { width:45%; }
	#container #contents .cont_4 .progress02 { width:12%; }
	#container #contents .cont_4 .attendance { width:9%; }
	#container #contents .cont_4 .play { width:20%; }
}
@media (max-width: 640px) {
	#container #contents .cont_1 .contents_top {  }
	#container #contents .cont_1 .contents_top p { font-size:1em; }
	#container #contents .cont_1 .contents_top .contents01 { font-size:1em; }
	#container #contents .cont_1 .contents_top .contents03 { display:none; }
	#container #contents .cont_1 .contents_top .contents04 { display:none; }
	#container #contents .cont_1 .contents_bottom { width:100%; height:auto; background:#2ecc71; padding:10px 0; }
	#container #contents .cont_1 .contents_bottom .study { color:#fff; width:90%; margin:0 auto; padding:10px 0 10px 0; font-size:0.8em; }
	#container #contents .cont_1 .contents_bottom .blue { color:#185f90; }
	#container #contents .cont_1 .contents_bottom .orange { color:#fa7000; }
	#container #contents .cont_1 .contents_bottom .progress_bg { background:#c2c2c2; width:90%; height:22px; margin:0 auto; }
	#container #contents .cont_1 .contents_bottom .progress_bg .progress_now { background:#ffa800; width:10%; height:100%; }
	#container #contents .cont_4 .tapmenu li { padding:0 10px; }
	#container #contents .cont_4 .tapmenu li.m_none { display:none; }
	#container #contents .cont_4 .time { width:13%; font-size:0.9em; }
	#container #contents .cont_4 .name01 { width:33%; font-size:0.9em; }
	#container #contents .cont_4 .progress02 { width:18%; font-size:0.9em; }
	#container #contents .cont_4 .attendance { width:13%; text-align:center; font-size:0.9em; }
	#container #contents .cont_4 .play { width:23%; font-size:0.9em; }
}
/* End mypage_contents css */

/* Start mypage_test css */
#container #contents .cont_4 .test_division { width:300px; }
#container #contents .cont_4 .test_period { width:235px; }
#container #contents .cont_4 .test_take { width:100px; }
#container #contents .cont_4 .test_score { width:75px; }
#container #contents .cont_4 .test_result { width:130px; }
#container #contents .cont_4 .test_result02 { display:none; }
#container #contents .cont_4 .test_result .test_btn { width:95%; height:30px; line-height:22px; background:#2ecc71; border:none; color:#fff; }
 @media (max-width: 1199px) {
	#container #contents .cont_4 .test_division { width:25%; }
	#container #contents .cont_4 .test_period { width:30%; }
	#container #contents .cont_4 .test_take { width:15%; }
	#container #contents .cont_4 .test_score { width:15%; }
	#container #contents .cont_4 .test_result { width:15%; }
	#container #contents .cont_4 .test_result02 { display:none; }
	#container #contents .cont_4 .test_result .test_btn { width:95%; height:30px; line-height:22px; background:#2ecc71; border:none; color:#fff; }
}
@media(max-width:991px) {
	#container #contents .cont_4 .test_division { width:27%; }
	#container #contents .cont_4 .test_period { width:22%; }
	#container #contents .cont_4 .list .test_period { padding:5px 0; line-height:1.4em; }
	#container #contents .cont_4 .test_result { width:20%; }
}
 @media (max-width: 640px) {
	#container #contents .cont_4 .test_division { width:100%; font-size:1.2em; font-weight:bold; }
	#container #contents .cont_4 .test_period { width:33%; font-size:0.9em; }
	#container #contents .cont_4 .test_take { width:30%; font-size:0.9em; text-align:center; }
	#container #contents .cont_4 .test_score { display:none; }
	#container #contents .cont_4 .test_result { width:37%; }
	#container #contents .cont_4 .test_result02 { width:10%; font-size:0.6em; }
	#container #contents .cont_4 .test_result02 .test_btn { width:95%; height:30px; line-height:22px; background:#2ecc71; border:none; color:#fff; }
}
/* End mypage_test css */

/* Start mypage_score css */
@media (min-width: 1200px) {
	#container #contents .cont_4 .score_name { width:240px; }
	#container #contents .cont_4 .score_attendance { width:90px; }
	#container #contents .cont_4 .score_attendance02 { display:none; }
	#container #contents .cont_4 .score_test { width:90px; }
	#container #contents .cont_4 .score_test02 { display:none; }
	#container #contents .cont_4 .score_all { width:90px; }
	#container #contents .cont_4 .score_grade { width:90px; }
	#container #contents .cont_4 .score_complete { width:90px; }
	#container #contents .cont_4 .score_complete02 { display:none; }
	#container #contents .cont_4 .score_request { width:110px; }
	#container #contents .cont_4 .score_request .score_btn { width:95%; height:30px; line-height:22px; background:#2ecc71; border:none; color:#fff; }
}
@media (max-width: 1199px) {
	#container #contents .cont_4 .score_name { width:40%; }
	#container #contents .cont_4 .score_attendance { display:none; }
	#container #contents .cont_4 .score_attendance02 { width:10%; }
	#container #contents .cont_4 .score_test { display:none; }
	#container #contents .cont_4 .score_test02 { width:10%; }
	#container #contents .cont_4 .score_all { width:10%; }
	#container #contents .cont_4 .score_grade { width:10%; }
	#container #contents .cont_4 .score_complete { display:none; }
	#container #contents .cont_4 .score_complete02 { width:10%; }
	#container #contents .cont_4 .score_request { width:17%; }
	#container #contents .cont_4 .score_request .score_btn { width:95%; height:30px; line-height:22px; background:#2ecc71; border:none; color:#fff; }
}
@media (max-width: 640px) {
	#container #contents .cont_4 .score_name { width:100%; font-size:1.2em; font-weight:bold; }
	#container #contents .cont_4 .score_attendance { display:none; }
	#container #contents .cont_4 .score_attendance02 { width:25%; font-size:0.9em; }
	#container #contents .cont_4 .score_test { display:none; }
	#container #contents .cont_4 .score_test02 { width:25%; font-size:0.9em; }
	#container #contents .cont_4 .score_all { width:9%; font-size:0.9em; }
	#container #contents .cont_4 .score_grade { width:9%; font-size:0.9em; }
	#container #contents .cont_4 .score_complete { display:none; }
	#container #contents .cont_4 .score_complete02 { width:15%; font-size:0.9em; }
	#container #contents .cont_4 .score_request { width:30%; font-size:0.9em; }
	#container #contents .cont_4 .score_request .score_btn { width:95%; height:30px; line-height:22px; background:#2ecc71; border:none; color:#fff; }
}
/* End mypage_score css */

/* Start login css */
.cont_mask { width:100%; height:100%; background:rgba(0,0,0,0.33); position:absolute; top:0; left:0; z-index:9; }
#container #contents .cont_5 { width:100%; min-height:800px; position:relative; }
#container #contents .cont_5 .cont_popup { width:400px; height:490px; background:#fff; position:absolute; top:5%; left:30%; z-index:10; color:#989898; }
#container #contents .cont_5 .pop_top { width:100%; height:60px; border-bottom:1px solid #ddd; color:#01bafd; position:relative; font-size:24px; padding:16px; }
#container #contents .cont_5 .pop_top .pop_close { position:absolute; top:0; right:0; width:28px; height:28px; font-size:22px; color:#9a9a9a; text-align:center; padding-top:2px; }
#container #contents .cont_5 .pop_top .fa-sign-in { margin-right:5px; }
#container #contents .cont_5 .pop_middle { width:100%; height:230px; border-bottom:1px solid #ddd; padding:26px; }
#container #contents .cont_5 .pop_middle .pop_input { width:100%; height:33px; border:1px solid #ddd; padding-left:10px; }
#container #contents .cont_5 .pop_middle .pop_check { width:16px; height:16px; margin-right:2px; background:none; border:1px solid #ddd; box-shadow:none; border-radius:0; }
#container #contents .cont_5 .pop_middle .check_label { margin:13px 0; font-weight:normal; }
#container #contents .cont_5 .pop_bottom { width:100%; height:200px; padding:26px; }
#container #contents .cont_5 .btn_blue { width:120px; height:35px; background:#01bafd; color:#fff; border:none; margin:6px 14px 6px 0; }
#container #contents .cont_5 .btn_white { width:120px; height:35px; background:#fff; color:#01bafd; border:1px solid #01bafd;  margin:6px 14px 6px 0; }
p.ex { margin-top:60px; color:#4a71a8; font-size:0.9em; font-weight:bold; }
.loginForm { width:100%; margin:60px auto; padding:25px 150px; text-align:center; background:#f5f5f5; border-top:1px solid #494949; border-bottom:1px solid #494949; }
.loginForm:after { display:block; visibility:hidden; content:''; clear:both; }
.loginForm .login_left { width:calc(100% - 110px); float:left; }
.loginForm .login_left label { position:relative; width:100%; margin-top:5px; padding-left:100px; padding-right:10px; line-height:36px; }
.loginForm .login_left label:first-child { margin-top:0; }
.loginForm .login_left label span { display:block; position:absolute; top:0; left:0; width:80px; text-align:right; }
.loginForm .login_left label input { width:100%; height:36px; padding:0 10px; border:1px solid #ccc; }
.loginForm .login_right { width:100px; float:left; }
.loginForm .login_right .login_btn { width:110px; height:85px; background:#333; color:#fff; border:none; font-size:16px; }
.loginForm .login_right .login_btn.mt40 { margin-top:44px; }
.sub_btn_area { margin-top:50px; text-align:center; }
.sub_btn_area a { padding:10px 50px; color:#41447e; border:1px solid #41447e; font-weight:bold; }

@media (max-width: 1199px) {
	.loginForm { padding:25px 100px; }
	
	.cont_mask { width:100%; height:100%; background:rgba(0,0,0,0.33); position:absolute; top:0; left:0; z-index:9; }
	#container #contents .cont_5 { width:100%; min-height:600px; position:relative; }
	#container #contents .cont_5 .cont_popup { display:inline-block; width:80%; background:#fff; position:absolute; top:0; left:10%; z-index:10; color:#989898; }
	#container #contents .cont_5 .pop_top { display:inline-block; width:100%; border-bottom:1px solid #ddd; color:#01bafd; position:relative; font-size:1.2em; padding:10px; }
	#container #contents .cont_5 .pop_top .pop_close { position:absolute; top:0; right:0; width:28px; height:28px; font-size:22px; color:#9a9a9a; text-align:center; padding-top:2px; }
	#container #contents .cont_5 .pop_top .fa-sign-in { margin-right:5px; }
	#container #contents .cont_5 .pop_middle { display:inline-block; width:100%; border-bottom:1px solid #ddd; padding:16px; font-size:0.9em; }
	#container #contents .cont_5 .pop_middle .pop_input { width:100%; height:33px; border:1px solid #ddd; padding-left:10px; }
	#container #contents .cont_5 .pop_middle .pop_check { width:16px; height:16px; margin-right:2px; background:none; border:1px solid #ddd; box-shadow:none; border-radius:0; }
	#container #contents .cont_5 .pop_middle .check_label { margin:13px 0; font-weight:normal; }
	#container #contents .cont_5 .pop_bottom { display:inline-block; width:100%; padding:16px; font-size:0.9em; }
	#container #contents .cont_5 .btn_blue { width:100px; height:30px; background:#01bafd; color:#fff; border:none; margin:6px 14px 6px 0; font-size:1.0em; }
	#container #contents .cont_5 .btn_white { width:100px; height:30px; background:#fff; color:#01bafd; border:1px solid #01bafd;  margin:6px 14px 6px 0; font-size:1.0em; }
}
@media (max-width: 640px) {
	.cont_mask { width:100%; height:100%; background:rgba(0,0,0,0.33); position:absolute; top:0; left:0; z-index:9; }
	#container #contents .cont_5 { width:100%; min-height:600px; position:relative; }
	#container #contents .cont_5 .cont_popup { display:inline-block; width:80%; background:#fff; position:absolute; top:0; left:10%; z-index:10; color:#989898; }
	#container #contents .cont_5 .pop_top { display:inline-block; width:100%; border-bottom:1px solid #ddd; color:#01bafd; position:relative; font-size:1.2em; padding:10px; }
	#container #contents .cont_5 .pop_top .pop_close { position:absolute; top:0; right:0; width:28px; height:28px; font-size:22px; color:#9a9a9a; text-align:center; padding-top:2px; }
	#container #contents .cont_5 .pop_top .fa-sign-in { margin-right:5px; }
	#container #contents .cont_5 .pop_middle { display:inline-block; width:100%; border-bottom:1px solid #ddd; padding:16px; font-size:0.9em; }
	#container #contents .cont_5 .pop_middle .pop_input { width:100%; height:33px; border:1px solid #ddd; padding-left:10px; }
	#container #contents .cont_5 .pop_middle .pop_check { width:16px; height:16px; margin-right:2px; background:none; border:1px solid #ddd; box-shadow:none; border-radius:0; }
	#container #contents .cont_5 .pop_middle .check_label { margin:13px 0; font-weight:normal; }
	#container #contents .cont_5 .pop_bottom { display:inline-block; width:100%; padding:16px; font-size:0.9em; }
	#container #contents .cont_5 .btn_blue { width:100px; height:30px; background:#01bafd; color:#fff; border:none; margin:6px 14px 6px 0; font-size:1.0em; }
	#container #contents .cont_5 .btn_white { width:100px; height:30px; background:#fff; color:#01bafd; border:1px solid #01bafd;  margin:6px 14px 6px 0; font-size:1.0em; }
	.loginForm { padding:25px 50px; }
	.loginForm .login_left { width:100%; }
	.loginForm .login_right { width:100%; }
	.loginForm .login_right .login_btn { width:200px; height:auto; margin:0 auto; margin-top:15px; padding:5px; }
	.lbtn_area p span { padding:5px 3px; font-size:1.0em; }
	.sub_btn_area a { padding:10px 25px; }
}

@media(max-width:400px) {
	.loginForm { padding:25px 10px; }
	.loginForm .login_left label span { width:60px; font-size:14px; }
	.loginForm .login_left label { padding-left:70px; }
	.loginForm .login_right .login_btn { width:100%; }
	.sub_btn_area a { display:block; }
}
/* End login css */

/* Start member css */
#container #contents .join_list { background:#f9a22f; border-top:1px solid #494949; border-bottom:1px solid #494949; }
#container #contents .join_list li { border-bottom:1px solid #eee; }
#container #contents .join_list li:last-child { border-bottom:0; }
#container #contents .join_list li:after { display:block; visibility:hidden; content:''; clear:both; }
#container #contents .join_list .list_title { position:relative; width:20%; float:left; padding:0 25px; line-height:40px; background:#f9a22f; color:#fff; }
#container #contents .join_list .list_title label { margin:0; }
#container #contents .join_list .list_title.req:before { display:block; content:'*'; position:absolute; top:0; left:15px; color:#ff3153; }
#container #contents .join_list .list_contents { width:80%; float:left; padding:0 25px; line-height:40px; background:#f5f5f5; }
#container #contents .join_list .list_contents input { height:30px; }
#container #contents .join_list .list_contents input#wr_subject { width:100%; }
#container #contents .join_list .list_contents input.input_file { width:100%; height:40px; }
#container #contents .join_list .list_contents select { height:30px; }

/* member-confirm.html */
#container #contents .cont_4 .confirm { min-height:120px; color:#01bafd; text-align:center; }
#container #contents .cont_4 .btn_area .member_btn_white { width:40%; height:80px; background:#fff; color:#01bafd; border:1px solid #01bafd; border-radius:none; margin:0 30px 0 0; }
#container #contents .cont_4 .btn_area .member_btn_blue { width:40%; height:80px; background:#01bafd; color:#fff; border:none; }
@media (min-width: 1200px) {
}
@media (max-width: 1199px) {
}
@media (max-width: 640px) {
	#container #contents .join_list .list_title { padding:0 10px; width:30%}
	#container #contents .join_list .list_contents { padding:0 10px; width:70%}
#container #contents .join_list .list_contents .list_input_1 {width:100% }
	.input11{width:65% !important}
	.input12{width:40% !important}
	.input13{width:40% !important}
	.input14{width:40% !important}
	.input21{width:30% !important}
	.input22{width:30% !important}
	
}
@media (max-width: 400px) {
	#container #contents .join_list .list_title { padding:0 5px; }
	#container #contents .join_list .list_contents { padding:0 5px; }
}
/* End member css */

/* Start footer css */
.footer_bottom { width:100%; padding:35px 0; }
.footer_bottom .footer_contents { display:block; width:100%; max-width:1200px; margin:0 auto; }
.footer_bottom .footer_left { width:25%; margin-top:25px; padding:10px 30px; float:left; box-sizing:border-box; }
.footer_bottom .footer_left .ft_tit { color:#fff; font-weight:bold; }
.footer_bottom .footer_left img { width:100%; }
.footer_bottom .footer_txt_box { width:75%; padding:5px 5px; float:left; line-height:1.6em; box-sizing:border-box; text-align:left; }
.footer_bottom .ft_menu {  }
.footer_bottom .ft_menu:after { display:block; visibility:hidden; content:''; clear:both; }
.footer_bottom .ft_menu li { position:relative; float:left; padding:0 15px; font-weight:bold; }
.footer_bottom .ft_menu li:after { display:block; content:''; position:absolute; top:8px; right:0; width:1px; height:10px; border-right:1px solid #ccc; }
.footer_bottom .ft_menu2 { font-size:0.9em; }
.footer_bottom .ft_menu2:after { display:block; visibility:hidden; content:''; clear:both; }
.footer_bottom .ft_menu2 li { position:relative; float:left; padding:0 15px; }
.footer_bottom .ft_menu2 li:after { display:block; content:''; position:absolute; top:8px; right:0; width:1px; height:10px; border-right:1px solid #ccc; }

/*과정안내-메인*/
.p_content1 {width:22.22%; height:auto; max-height:600px; float:left; margin:5px; border:1px solid lightgray; }
.p_content1 .process_name1 {height:40px; }
	.p_content1 img {width:100%; height:auto}
.p_more1 {background:#6dff5f; padding:10px; font-size:15px; position:absolute; }

@media (max-width: 1199px) {
}
@media (max-width:991px) {
	.footer_bottom .footer_left { width:100%; border:none; text-align:center; }
	.footer_bottom .footer_left img { width:100%; max-width:190px; }
	.footer_bottom .footer_txt_box { width:100%; text-align:center; }
}
@media (max-width: 640px) {
	.footer_bottom .footer_left { width:100%; padding:10px; }
	.footer_bottom .footer_txt_box { font-size:0.7em; }
}
/* End footer css */

/* Start shop css */
	#container #contents .cont_2 .payinfo { width:100%; }
	#container #contents .cont_2 .payinfo tr { border-bottom:1px solid #ddd; width:100%; height:44px; }
/* End shop css */

/* Start mypage css(추가) */
#container #contents .cont_2 .ul_mantoman { width:100%; margin:25px 0;border-top:1px solid #b4b1b1; }
#container #contents .cont_2 .ul_mantoman li { line-height:2em; border-bottom:1px solid #b4b1b1; }
#container #contents .cont_2 .ul_mantoman li div { padding:8px;  }
#container #contents .cont_2 .right img {width:100%}
#container #contents .cont_2 .ul_mantoman li:after { display:block; visibility:hidden; content:''; clear:both; }
#container #contents .cont_2 .ul_mantoman .left { width:20%; float:left; text-align:center; color:#96191e; font-size:1.2em; font-weight:bold; }
#container #contents .cont_2 .ul_mantoman .right { width:80%; float:left; text-align:left; border-left:1px solid #b4b1b1; }
#container #contents .cont_2 .ul_mantoman .right select { min-width:100px; padding:5px 15px; padding-bottom:10px; border:1px solid #cbc9c9; }
#container #contents .cont_2 .ul_mantoman .right input { width:100%; border:1px solid #cbc9c9; }
#container #contents .cont_2 .ul_mantoman .right textarea { width:100%; min-height:150px; border:1px solid #cbc9c9; }
#container #contents .cont_2 .list_top li.q_name { text-align:center; }
#container #contents .cont_2 li.q_name { width:70%; padding:0 20px; text-align:left; }
#container #contents .cont_2 li.date { width:15%; padding:0 20px; }
#container #contents .cont_2 li.answer { width:15%; padding:0 20px; }
@media (max-width: 1199px) {
}
@media (max-width:640px) {
	#container #contents .cont_2 .list_top.mantoman { display:block; }
	#container #contents .cont_2 li.q_name { width:56%; padding:0 5px; }
	#container #contents .cont_2 .list li.q_name { padding:5px; line-height:1.4em; }
	#container #contents .cont_2 li.date { width:22%; padding:0 5px; }
	#container #contents .cont_2 li.answer { width:22%; padding:0 5px; }
}
/* End mypage css */

/* Start faq css */
.ul_faq { width:100%; }
.ul_faq li { width:100%; min-height:40px; border-bottom:1px solid #b4b1b1; padding-left:20px; }
.ul_faq .faq_q { line-height:50px; color:#5b0f12; font-size:1.1em; font-weight:bold; }
.ul_faq .faq_q:hover { background:#F9D5D5; }
.ul_faq .q_icon { float:left; margin-right:15px; }
.ul_faq .faq_a { display:none; background:#edeaea; line-height:30px; padding:20px 40px; font-weight:bold; font-size:1.1em; }
.m_section p:first-child {margin-top:15px}

#contents{width:80%; margin:0px auto;}
#contents2{width:80%; margin:0px auto;}

@media (max-width: 1440px) {
	.p_more1{font-size:14px}
}
@media (max-width: 1350px) {
	.p_more1{font-size:13px}
}
@media (max-width: 1280px) {
	.p_more1{padding-left:0px; padding-right:0px;}
}



@media (max-width: 1199px) {
	.p_more1{font-size:12px}
}
@media (max-width: 640px) {
	#contents{width:100%}
	#contents2{width:100%; margin:0px auto;}
	.cont_1 process {width:100%}
	.p_more1{font-size:13px}
	#container #contents .title { font-size:1.6em; }
	.ul_faq .faq_q { padding:10px 5px; line-height:1.4em; font-size:1em; }
	.ul_faq .q_icon { margin-right:10px; }
	.ul_faq .faq_a { padding:30px 15px; line-height:1.4em; font-size:1em; }
	.teacher_cont .teacher_txt h4.teacher_tit { font-size: 22px; color:#a06e11}
	.teacher_cont .teacher_txt { color:#fffada; font-weight:bold}
	.section_cont { }
	.main_img_area { width:100%; float:left; }
	.main_img_area img{ width:100%; }
	.main_logo_area { margin-top:0px !important; text-align:center}
	.main_logo_area img { width:23% !important; border:1px solid; }
	.ddd {margin-top:30px; width:100%;}
	.ddd img {margin-left:0px !important;width:100%}
	.ddd div {padding-top:180px; padding-left:20px}
	.round_btn {margin-top:20px}
	.round_btn1 {margin-top:20px}
	.container{
		display: flex;
		 flex-flow: row wrap;
	}
	.contents1 {width:98%}
	
	.container {width:95%}
	.p_content1 {width:45.5%; padding:0px; height:155px; margin:5px}
	.p_content1 img {width:100%}
	.p_content1 .process_name1{height:20px; font-size:13px}
	.m_section p{font-size:11px}
	.p_more{font-size:11px}

	.foot_section3:first-child { width:100%; float:left; margin-top:30px;order:2}	
	.foot_section3:nth-child(2) { width:100%; float:left;  margin-top:30px; order:3}
	.foot_section3:nth-child(3) { width:100%; float:left;  }
	.foot_section3{width:100%}
	.span-left{width:178px; display: inline-block;   text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
	.m_section p {margin:0px}
	.m_section p:first-child {margin:0px}
	.span-right{width:90px}
	.lecture-list-left {text-align:initial; width:80px;}
	.lecture-list-right {width:170px; text-align:left;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
	
	#foot_section3{width:100%}
	/*.foot_section3 .counsel_left { width:calc(100% - 100px); float:left; padding-right:5px; }
	.foot_section3 .counsel_left .counsel_input { width:100%; height:45px; padding:3px 5px; border:1px solid #ccc; }
	.foot_section3 .counsel_right { width:100px; height:90px; float:right; }
	.foot_section3 label { margin-top:5px; font-weight:normal; }
	.foot_section3 .foot_tit { margin-top:0; margin-bottom:25px; }
	.foot_section3 h2 { color:#353767; font-size:40px; }
	.foot_section3 .main_ul01 { width:100%; }*/

}
/* End faq css */

/*#top-menu li:nth-child(1) { position:relative; }
#top-menu li:nth-child(1):before { display:block; content:''; position:absolute; top:30px; left:-30px; width:40px; height:20px; background:url(/template/2/assets/img/first_icon.png) no-repeat; }*/

/* Start index css  dcddf3 */
.bdcddf3 { background:#F3F5FE; }
.bfcf6ed { background:#fcf6ed; }
.bf0f0f0 { background:#f0f0f0; }
.bffe868 { background:#ffe868; }
.white { color:#fff; }
h3 { font-weight:bold; }

.cont_25 { width:25%; float:left; padding:5px; }
.cont_40 { width:40%; float:left; padding:5px; }
.cont_50 { width:50%; float:left; padding:5px; }
.cont_60 { width:60%; float:left; padding:5px; }
.cont_75 { width:75%; float:left; padding:5px; }
.cont_inner { position:relative; padding:15px; }
.cont_inner:after { display:block; visibility:hidden; content:''; clear:both; }
.bg_white { background:#fff; }
.bg_blue { background:#3288fd; color:#fff; }
.bg_red { background:#FC5F4C; color:#fff; }
.b_gray { border:1px solid #ccc; }

.h_200 { min-height:200px; }

.m_section { padding:50px 0; overflow:hidden;  }

.m_section p {  }

.m_section1 { width:90%; padding:50px 0; overflow:hidden; text-align:center; margin:0 auto;  }
.m_section1 div{width:16.66666%; float:left;}
.m_section1 div:hover{-webkit-filter:opacity(.5) drop-shadow(0 0 0 #f36f27); filter:opacity(.5) drop-shadow(0 0 0 #f36f27)}
.m_section1 img{width:50px; height:50px; margin-bottom:20px;}

.m_section1 span{position:relative;  padding:5px; display: inline-block; width:100px; border: 1px solid gray; border-radius:10%}
.width2 {width:80%; height:300px; padding-top:60px; padding-bottom:30px;margin:0px auto; text-align:center; margin:0 auto; }
.width2-1 {text-align:center; margin:0 auto;float:left;width:100%}
.width2-left img{width:150px;}
.width2-right img{width:120px; margin-top:13px}
.width2-left {float:left;width:40%; height:200px;  display: inline-block;}
.width2-right {float:right;width:40%; height:200px;   display: inline-block;}
.under1 { position: relative; float:left;  }
.under1:after { content: ''; display: block; width: 100%; height: 4px; position: absolute; bottom: -2px; left: 1px; background: #73BDDF; }
.hr-base {background-color:#E5F1FF;height: 1px; margin-top:25px;}
.width2-sub { text-align:left; margin-left:40px; margin-top:40px; padding-left:72px;}

.contact_form { width:100%; max-width:840px; margin:0 auto; margin-top:20px; }
.contact_form .counsel_input { width:100%; padding:0 10px; border:none; border-radius:5px; }
.contact_form label { float:left; font-weight:normal; }
.contact_form label a { color:blue; text-decoration:underline; }
.contact_form .counsel_right1 { float:right; }
.contact_form .counsel_btn { background:#FCB040; padding:5px 50px; color:black; border-radius:4px 4px 4px 4px; font-size:28px; text-decoration:underline; font-weight:bold;}

.section_cont {  }
.section_cont:after { display:block; visibility:hidden; content:''; clear:both; }

.section_tit { text-align:center;margin: 0 auto; }
.section_tit h3.section_num { margin-bottom:0; font-weight:normal; font-size:28px; }
.section_tit h3.section_num span { border-bottom:1px solid #333; color:#333; }
.section_tit h3 { font-size:40px; font-weight:900; }
.section_tit p {  }

.m_section .section_txt { margin-top:75px; }
.m_section .section_txt h4 { position:relative; padding-top:10px; font-weight:bold; font-weight:900; }
.m_section .section_txt h4:before { display:block; content:''; width:30px; position:absolute; top:0; left:0; border-top:1px solid #333; }
.m_section .section_txt p { width:100%; word-break:keep-all; }
.m_section .section_txt p.small_font { font-size:0.9em; }

.section_btn_area { margin-top:100px; text-align:center; }
.section_btn_area a { padding:25px 150px; font-size:20px; font-weight:bold; }
.main_btn01 { background:#3b3d67; color:#fff; }
.main_btn01:hover{color:#f36f27 !important}
.main_btn01:after { display:inline; content:'→'; margin-left:15px; }
.main_btn001 { background:#3b3d67; color:#fff; }

.main_btn02 { background:#414141; color:#fff; }
.main_btn02:hover{color:#f36f27 !important}
.main_btn02:after { display:inline; content:'→'; margin-left:15px; }
.main_btn03 { background:#3b3d67; }
.main_btn04 { background:#434343; color:#fff; }
.main_btn04:after { display:inline; content:'→'; margin-left:15px; }
.round_btn { display:block; position:relative; width:140px; height:140px; padding-top:50px; float:left; padding:30px 30px; background:#373a87; color:#fff; border-radius:100%; text-align:center; word-break:keep-all; margin-left:5px;}
.round_btn:after { display:block; content:'→'; position:absolute; bottom:5px; left:calc(50% - 12px); font-size:24px; }
.round_btn:hover {color:#cbcbd6;}
.round_btn1 { display:block; position:relative; width:140px; height:140px; float:left; padding:30px 15px; background:#383838; color:#fff; border-radius:100%; text-align:center; word-break:keep-all; margin-left:5px;}
.round_btn1:after { display:block; content:'→'; position:absolute; bottom:5px; left:calc(50% - 12px); font-size:24px; }
.round_btn1:hover {color:#cbcbd6;}
.counsel_btn { width:100%; height:100%; background:#f36f27; color:#fff; border:none; }

.section_cont .section_cont_area { width:100%; margin:25px 0;  }

.section_cont .section_cont_area:after { display:block; visibility:hidden; content:''; clear:both; }
.section_cont .cont1 { width:100%; padding:15px 25px; background:#fff; }
.section_cont .cont1 .section_table { width:100%; text-align:center; border-top:1px solid #494949; border-bottom:1px solid #4165ae; }
.section_cont .cont1 .section_table tr { border-bottom:1px solid #e8e8e8; }
.section_cont .cont1 .section_table tr:last-child { border-bottom:0; }
.section_cont .cont1 .section_table th { padding:10px; background:#4165ae; color:#fff; text-align:center; border-left:1px solid #e8e8e8; }
.section_cont .cont1 .section_table th:first-child { border-left:0; }
.section_cont .cont1 .section_table td { padding:10px; border-left:1px solid #e8e8e8; }
.section_cont .cont1 .section_table td:first-child { border-left:0; }
.section_cont .cont1 .section_table td.tleft { text-align:left; }
.section_cont .cont3 { width:31%; float:left; margin:0 1%; padding:50px 25px; text-align:center; }
.section_cont .cont3 hr { width:30px; margin-top:0; margin-bottom:10px; border-top:1px solid #bbb; }
.section_cont .cont3 h5 { position:relative; font-size:18px; word-break:keep-all; }
.section_cont .cont3 h5 span { padding-bottom:10px; border-bottom:1px solid #333; }
.section_cont .cont3 h5 b.blue { color:#2a4a8a; }
.section_cont .cont3 img { width:100%; margin-top:25px; }
/*.section_cont .cont6 { width:14.66%; min-height:200px; float:left; margin:0 1%; padding:25px 10px; text-align:center; }*/
.section_cont .cont6 { width:23%; min-height:200px; float:left; margin:10px 1%; padding:25px 10px;  text-align:center; 
clip-path: polygon(
   100% 0, 100% 75%, 77% 100%, 0 100%, 0 0
  )
  }

.section_cont .cont6 hr { width:30px; margin-top:0; margin-bottom:10px; border-top:1px solid #bbb; }
.section_cont .cont6 h5 { position:relative; font-size:18px; word-break:keep-all; }
.section_cont .cont6 h5 span { padding-bottom:10px; border-bottom:1px solid #333; }
.section_cont .cont6 img { width:auto; max-height:40px; margin-top:15px; }
.section_cont .cont5 { width:18%; float:left; margin:0 1%; padding:25px; text-align:center; }
.section_cont .cont5 hr { width:30px; margin-top:0; margin-bottom:10px; border-top:1px solid #bbb; }
.section_cont .cont5 h5 { position:relative; font-size:18px; word-break:keep-all; }
.section_cont .cont5 h5 span { padding-bottom:10px; border-bottom:1px solid #333; }
.section_cont .cont5 img { width:auto; max-height:40px; margin-top:15px; }
.section_cont .w_cont { background:#fff; }

.img_area { position:relative; overflow:hidden; }
.img_area .section_txt { position:absolute; top:0; left:calc(50% - 600px); width:1200px; height:100%; margin-top:0; padding-top:75px; padding-left:25px; background:#2b4a8b; color:#ffe868; }
.img_area .section_txt h4:before { border-top:1px solid #ffe868; }

.teacher_cont { position:relative; width:48%; float:left; margin:1%; background:#f4d74f; border:1px solid;}
.teacher_cont:after { display:block; visibility:hidden; content:''; clear:both; }
.teacher_cont .teacher_txt { position:absolute; bottom:25px; left:25px; top:30px; width:60%; font-size:0.9em; }
.teacher_cont .teacher_txt p {font-size:20px}
.teacher_cont .teacher_txt ul { padding-left:15px; word-break:keep-all; }
.teacher_cont .teacher_txt li { list-style:disc; }
.teacher_cont .teacher_tit { color:#f58009;color:#373a87  }
.teacher_cont .teacher_img { float:right; }
.teacher_cont .teacher_txt1 { position:absolute; bottom:25px; left:25px; font-size:0.9em; }
.teacher_cont .teacher_txt1 ul { padding-left:15px; word-break:keep-all; }
.teacher_cont .teacher_txt1 li { list-style:disc; }
.teacher_cont .teacher_tit1 { color:#f58009;color:#373a87  }
.teacher_cont .teacher_img1 { float:right; }
.foot-cont {text-align:center;}
.main_ul01 { width:50%; height:100%; float:left; /*padding-right:100px;*/ background:#ffffff }
.main_ul01 li { position:relative; padding:0px 10px 10px 10px; list-style:none; height:30px; margin:10px 0px;}
/*.main_ul01 li b { margin-left:10px; }
.main_ul01 li:before { display:inline; content:''; }*/
.main_img_area { width:50%; float:left; }
.main_img_area img{ width:100%; }

.main_logo_area { margin-top:25px; text-align:center}
.main_logo_area img { width:20%; border:1px solid; }
.ddd {margin-top:30px; width:100%;}
.ddd img {border:1px solid; float:left; margin-left:300px;  vertical-align: bottom}
.ddd div {padding-top:180px; padding-left:20px}
.point_txt_area { position:relative; margin-top:50px; }
.point_txt { padding:25px; background:#2a4a8a; color:#ffe868; text-align:center; font-size:40px; font-weight:normal; border-radius:60px; }
.point_txt span { position:relative; border-bottom:1px solid #ffe868; }
.point_txt span:after { display:block; content:''; position:absolute; top:0; right:-80px; width:60px; height:60px; background:url(/template/2/assets/img/main/arrow_icon.png) no-repeat; }
.point_txt_img { position:absolute; bottom:80%; right:10%; }

.guard_teacher_cont { margin-top:100px; }
.guard_teacher_cont:after { display:block; visibility:hidden; content:''; clear:both; }
.guard_teacher_img { position:relative; width:20%; float:left; }
.guard_teacher_img img { width:100%; }
.guard_teacher_img p { position:absolute; top:25px; left:25px; }
.guard_teacher_img p b { font-size:1.1em; }
.guard_teacher_txt { width:80%; float:left; padding:0 50px; }
.guard_teacher_txt .teacher_ul01 {  }
.guard_teacher_txt .teacher_ul01 .teacher_ul01_li01 { margin-top:25px; }
.guard_teacher_txt .teacher_ul01 .teacher_ul01_li01:nth-child(1) { margin-top:0px; }
.guard_teacher_txt .teacher_ul02 {  }

.review_area { margin-top:50px; }
.review_area:after { display:block; visibility:hidden; content:''; clear:both; }
.review_cont { width:31.33%; float:left; margin:0 1%; padding:50px; background:#f5f5f5; }
.review_tit { text-align:center; }
.review_tit img {  }
.review_tit img:after { display:block; }
.review_cont p { margin-top:25px; word-break:keep-all; }
.review_tit p { margin-top:10px; }

.foot_section3 { width:33.3%; float:left; padding:0 15px; }
.foot_section3 div {width:100%}

.sec-left{ width:50%; float:left; margin-left:90px; padding:0 15px; }
.sec-right{ width:40%; float:right; padding:0 15px; }

.foot_section3 .counsel_left { width:calc(100% - 100px); float:left; padding-right:5px; }
.foot_section3 .counsel_left .counsel_input { width:100%; height:45px; padding:3px 5px; border:1px solid #ccc; }
.foot_section3 .counsel_right { width:100px; height:90px; float:right; }
.foot_section3 label { margin-top:5px; font-weight:normal; }
.foot_section3 .foot_tit { margin-top:0; margin-bottom:25px; }
.foot_section3 h2 { color:#353767; font-size:40px; }
.foot_section3 .main_ul01 { width:100%; height:auto;font-size:13px}

#index_ft { background:#333; margin-top:50px; padding:40px 0; }
#index_ft:after { display:block; visibility:hidden; content:''; clear:both; }
#index_ft .index_ft_btn { width:33.3%; float:left; padding:30px 0; color:#fff; border:1px solid #c4c4c4; text-align:center; font-size:1.6em; }

@media (max-width: 1199px) {
	.section_cont .cont6 {  }
	#index_ft .index_ft_btn { padding:15px 0; font-size:1.2em; }
	.img_area { height:200px; }
	.img_area img { height:100%; }
	.main_ul01 { padding-right:0px; }
}
@media (max-width: 991px) {
	p { font-size:16px; }
	#index_ft { padding:40px; }
	#index_ft .index_ft_btn { font-size:1em; }
	.teacher_cont .teacher_txt li { font-size:0.9em; }
	.section_cont .cont6 { width:31.33%; min-height:200px; margin:1%; }
	.section_btn_area a { padding:25px 100px; }
	.m_section .section_txt p { width:80%; }
	.teacher_cont .teacher_txt ul { width:85%; padding-left:10px; line-height:1.3em;}
}
@media(max-width:800px) {
	.section_cont .cont3 h5 { font-size:16px; }
	.section_cont .cont5 h5 { font-size:16px; }
	.section_cont .cont6 h5 { font-size:16px; }
	.cont_40, .cont_60 { width:100%; }
	.img_area { height:170px; }
	.section_cont .cont3 { padding:25px 15px; }
	.main_ul01 { width:100%; }
	.main_img_area { width:100%; }
	.teacher_cont { width:100%; margin:10px 0; }
	.teacher_cont .teacher_txt ul { width:100%; }
	.section_btn_area a { padding:15px 90px; }
}
@media (max-width: 640px) {	
	p, li { font-size:14px; }
	p.small_font { font-size:13px; }
	.cont_inner { padding:15px 0; }
	#index_ft .index_ft_btn { width:100%; }
	.section_tit h3 { font-size:26px;  word-break:keep-all; }
	.section_cont .cont3, .section_cont .cont5 { width:100%; margin:10px 0; padding:25px; }
	.section_cont .cont6 { width:48%; }
	.section_cont .cont3 h5 { font-size:18px; padding:0 50px; }
	.section_cont .cont5 h5 { font-size:18px; }
	.section_cont .cont6 h5 { font-size:18px; }
	.m_section .section_txt p { width:100%; }
	.teacher_cont .teacher_txt ul li { color:black; font-size:13px; letter-spacing :0.3px;word-spacing:-7px; line-height:20px; text-shadow: 0.5px 0.5px 0.5px white;}
	.teacher_cont .teacher_txt h4.teacher_tit { font-size:22px; word-break:keep-all; }
	.teacher_cont .teacher_txt p { font-size:18px; color:black;  }
	.section_btn_area { margin-top:50px; }
	.section_btn_area a { display:block; margin:10px 0; }

	.width2 {width:100%;  padding-top:30px; padding-bottom:30px;margin:0px auto;}
	.width2-1 {text-align:center; margin:0 auto; float:left;}
	.width2-left {width:100%; height:150px;   float:left;display: inline-block; text-align:center;padding-right:20px;}
	.width2-right {width:100%;  height:150px;  float:left; display: inline-block;padding-right:20px;}
	.width2-left img{width:80px;  position:relative; top:35px;left:20px; display:inline-block;}
	.width2-right img{width:65px; position:relative; top:29px;left:22px; margin-left:6px;}
	.width2-sub {float:initial; }
	.width2-sub h1 {font-size:28px}
	.width2-sub > span {float:left; font-size:14px;margin-top:10px}
	.under1 { position: relative; float:left;  }
	.under1:after { content: ''; display: block; width: 100%; height: 4px; position: absolute; bottom: -2px; left: 1px; background: #73BDDF; }
	.hr-base {background-color:#E5F1FF;height: 1px; margin-top:25px;}
	
	.sec-left{margin-left:0px;}

}
@media(max-width:400px) {
	.section_cont .cont3 h5 { padding:0 25px; }
}

/* End index css */

/* Start company css */
.company_intro { position:relative; }
.company_intro img { width:100%; }
.company_intro_txt01 { position:absolute; top:15px; left:15px; color:#efd0b3; font-size:22px; line-height:1.5; font-weight:100; }
.company_intro_txt01 span { display:block; }
.company_intro_txt01 b { font-weight:900; }
.company_intro_txt02 { padding:50px 0; text-align:center; color:#3f2620; font-weight:bold; }
.company_cont_area { text-align:center; margin:0 auto; width:80% }
.company_cont_area:after { display:block; visibility:hidden; content:''; clear:both; }
.company_cont_area .company_cont { margin-top:50px; width:24%; float:left; padding:20px; }
.company_cont_area .company_cont:nth-child(4n+1) { clear:both; }
.company_cont_area .company_cont img { width:100%; }
.company_cont_area .company_cont .company_txt01 { position:relative; margin-top:40px; font-weight:bold;}
.company_cont_area .company_cont .company_txt02 { margin-top:30px; padding-right:15px; font-size:0.9em; }
.company_cont_area .company_cont .company_txt03 { margin-top:30px; font-weight:bold; }
.company_logo {width:350px;float:left;padding:50px}
.company_intro{padding:20px; word-break: normal; word-wrap: break-word; line-height:2.0em; font-size:17px}
.map_ul01 {  }
.map_ul01 .map_ul01_li01 { margin-top:25px; font-weight:bold; font-size:1.1em; }
.map_ul01 .map_ul01_li01 p { margin:0; }
.map_ul01 .map_ul01_li01 p.map_icon:before { display:block; content:''; float:left; width:20px; height:18px; background:url(/template/2/assets/img/map_icon.png) no-repeat; }
.map_ul01 .map_ul01_li01 .map_ul02 {  }
.map_ul01 .map_ul01_li01 .map_ul02 li { font-size:0.9em; font-weight:normal; }

@media (max-width:1199px) {
	.company_intro img { height:150px; }
	.company_intro_txt01 { font-size:20px; line-height:1.4; }
}

@media (max-width:991px) {
	.company_intro img { height:auto; }
	.company_intro_txt01 p { font-size:20px; }
}

@media (max-width: 800px) {
	.company_intro_txt01 p { font-size:18px; }
}

@media (max-width:640px) {
	.company_intro_txt01 { position:initial; width:100%; padding:5px; text-align:center; background:#2b3245; }
	.company_intro_txt01 p { margin-bottom:0; }
	.company_intro_txt01 span { display:inline; padding:0 3px; }
	.company_cont_area .company_cont { width:47%; }
	.company_cont_area .company_cont:nth-child(2n+1) { clear:both; }
	.company_logo {width:100%;float:left;padding:20px; display:block}
}

@media(max-width:400px) {
	.map_ul01 .map_ul01_li01 .map_ul02 { font-size:16px; }
}
/* End company css */

/* Start manager css */

/* End manager css */
/* Start m_side css */
@media (max-width:1199px) {
	.m_side { display:block; }
}
@media (min-width:1200px) {
	.m_side { display:none; }
}
	.m_side { width:60%; margin:0 auto; }
	a .text_box_btn { color:#fb7c7c; text-align:center; }
	#m_side .text_box ul a li { color:#fff; text-align:center; }
	#m_side .text_box ul a li.active { color:#fb7c7c; }

/* End m_side css */


/* index4.php */
.bececec { background:#ececec; }
.bf1f7ff { background:#f1f7ff; }
.b54b7af { background:#54b7af; }
.b54b7af .container { width:80%; text-align:center; color:#fff; }
.b54b7af .container h3 { line-height:1.6; word-break:keep-all; }
.b54b7af .container span.red { color:red; }

.m_section.index4 { padding:100px 0; }
.m_section.index4 .container { width:100%; max-width:1200px; margin:0 auto; }
.m_section.index4 .container2 { width:100%; max-width:1600px; margin:0 auto; }
.m_section.index4 h2.foot_tit { width:100%; text-align:center; font-size:34px; position:relative; word-break:keep-all; }
.m_section.index4 h2.foot_tit:after { display:block; content:''; position:absolute; bottom:-12px; left:calc(50% - 45px); width:90px; height:1px; border-top:1px solid #316c96; }
.m_section.index4 h2.foot_tit.color1:after { border-top:1px solid #316c96; }
.m_section.index4 h2.foot_tit.color2:after { border-top:1px solid #54B7AF; }
.m_section.index4 h2.foot_tit.color3:after { border-top:1px solid #fff; }
.m_section.index4 h2.foot_tit.color4:after { border-top:1px solid #333; }
.m_section.index4 h2.foot_tit .titnum1 { display:inline-block; width:45px; height:45px; margin-bottom:5px; background:#fff; color:#333; border-radius:100%; line-height:45px; }
.m_section.index4 h2.foot_tit .titnum2 { display:inline-block; width:45px; height:45px; margin-bottom:5px; background:#333; color:#fff; border-radius:100%; line-height:45px; }
.m_section.index4 p.stit_txt { width:100%; margin-bottom:30px; text-align:center; font-size:20px; word-break:keep-all; }
.m_section.index4 .p_content1 { width:calc(20% - 24px); margin:12px; border:none; }
.m_section.index4.bgimg1 { background:url(/template/2/assets/img/index4/bgimg1.jpg) no-repeat; background-size:cover; }
.m_section.index4.bgimg2 { background:url(/template/2/assets/img/index4/bgimg2.jpg) no-repeat; background-size:cover; }
.m_section.index4 .ul_content {  }
.m_section.index4 .ul_content li { float:left; }
.m_section.index4 .ul_content li:after { display:block; visibility:hidden; content:''; clear:both; }
.m_section.index4 .ul_content.ul02 li { width:50%; }
.m_section.index4 .ul_content.ul04 li { width:25%; }
.m_section.index4 .ul_content li img { width:100%; }

@media(max-width:1600px) {
	.m_section.index4 .container2 { padding:0 15px; }
}

@media(max-width:800px) {
	.m_section.index4 .p_content1 { width:calc(25% - 24px); }
}

@media(max-width:640px) {
	.m_section.index4 .container { display:block; }
	.m_section.index4 h2.foot_tit { font-size:25px; }
	.m_section.index4 p.stit_txt { font-size:16px; }
	.m_section.index4 .p_content1 { width:calc(33.33% - 24px); height:auto; }
}

@media(max-width:440px) {
}