@charset "utf-8";

/* 초기화 */
html {
	position: relative;
	margin: 0;
	padding: 0;
}

body {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow-y: scroll;
	background: #eee
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
textarea,
p,
blockquote,
th,
td,
input,
select,
textarea,
button {
	margin: 0;
	padding: 0
}

fieldset,
img {
	border: 0 none
}

dl,
ul,
ol,
menu,
li {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none
}

input,
select,
textarea,
button {
	vertical-align: middle
}

button {
	border: 0 none;
	background-color: transparent;
	cursor: pointer
}

body {
	background: #fff
}

body,
th,
td,
input,
select,
textarea,
button {
	font-size: 14px;
	line-height: 22px;
	font-family: '맑은 고딕', 'Malgun Gothic', 'Nanum Gothic', '돋움', dotum, sans-serif;
	color: #666
}

/* color값은 디자인가이드에 맞게사용 */
a {
	color: #666;
	text-decoration: none
}

a:active,
a:hover {
	text-decoration: underline
}

address,
caption,
cite,
code,
dfn,
em,
var {
	font-style: normal;
	font-weight: normal
}

#hd ul,
nav ul,
#ft ul {
	margin: 0;
	padding: 0;
	list-style: none
}

legend {
	position: absolute;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999em;
	overflow: hidden
}

label,
input,
button,
select,
img {
	vertical-align: middle
}

input,
button {
	margin: 0;
	padding: 0;
}

button {
	cursor: pointer
}

textarea,
select {}

select {
	margin: 0
}

p {
	margin: 0;
	padding: 0;
	word-break: break-all
}

hr {
	display: none
}

pre {
	overflow-x: scroll;
	font-size: 1.1em
}

.size12 {
	font-size: 12px;
	line-height: 18px;
}

.size14 {
	font-size: 14px;
	line-height: 20px;
}

.size16 {
	font-size: 16px;
	line-height: 22px;
}

.size18 {
	font-size: 18px;
	line-height: 24px;
}

.size24 {
	font-size: 24px;
	line-height: 32px;
}

.size30 {
	font-size: 30px;
	line-height: 40px;
}

.size36 {
	font-size: 36px;
	line-height: 44px;
}

.red {
	color: #f75665
}

.blue {
	color: #569ffd
}

.blue_b {
	color: #86bce3
}

.gray {
	color: #888
}

.black {
	color: #222
}

.white {
	color: #fff
}

.orange {
	color: #ff7700
}

.green {
	color: #05b621
}

.bold {
	font-weight: bold
}

.normal {
	font-weight: normal
}

.clb {
	clear: both
}



h1 {
	font-size: 40px;
	line-height: 48px;
	font-weight: 700
}

h2 {
	font-size: 30px;
	line-height: 38px;
	font-weight: normal
}

h3 {
	font-size: 24px;
	line-height: 30px;
	font-weight: normal
}

h3 strong {
	color: #cc0001;
	font-weight: normal
}

#container_wrap {
	width: 100%;
}

#fullpage {
	width: 100%;
	min-width: 1200px;
}

#fix_header {
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	background: #fff;
	z-index: 999999;
	filter: alpha(opacity=100);
	/* ie  */
	-moz-opacity: 1;
	/* old mozilla browser like netscape  */
	-khtml-opacity: 1;
	/* for really really old safari */
	opacity: 1;
	/* css standard, currently it works in most modern browsers like firefox,  */

	-webkit-transition: all 0.6s ease-out;
	-moz-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;

	_position: expression('absolute');
	_left: expression(offsetParent.'px');
	_top: expressioin(offsetParent.scrollTop+'px');
}

#fix_header .logo {
	margin: 0 0 0 10px;
	z-index: 99999999
}

#fix_header .tnb {
	position: absolute;
	right: 10px;
	top: 40px;
	margin: 0
}

#fix_header .tnb li {
	display: block;
	float: left;
}

#fix_header .tnb li a {
	display: block;
	padding: 0 8px;
	font-size: 11px;
	color: #999;
	line-height: 20px;
	border-right: solid 1px #ccc;
}

#fix_header .tnb li a.last {
	border: none
}

#fix_footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 999999;
	_position: expression('absolute');
	_left: expression(offsetParent.'px');
	_top: expressioin(offsetParent.scrollTop+'px');
}

#main_pop {
	display: none;
}

#main_pop:before {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 222222222;
	background: rgba(0, 0, 0, 0.8);
	content: '';
}

#main_pop .box {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 2222222222222;
	width: 94%;
	max-width: 640px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
}

#main_pop .box img {
	width: 100%;
}

#main_pop .btn_close {
	position: absolute;
	top: -50px;
	right: 0px;
}

#main_pop .pop_footer {
	overflow: hidden;
	padding: 8px 10px;
	font-size: 13px;
	color: #606060;
	background: #fff;
}

#main_pop .pop_footer * {
	vertical-align: middle;
}

#main_pop .pop_footer .chk {
	float: left;
}

#main_pop .pop_footer button {
	float: right;
	font-size: 13px;
	color: #606060;
}


.fix_footer {
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding: 10px 0;
}

.fix_footer .fix_phone {
	float: left;
	width: 190px;
	height: 73px;
	margin: 0 10px 0 0;
	padding: 8px 0 7px 73px;
	font-size: 12px;
	line-height: 18px;
	background: url(../images_201710/icon_customer.png) no-repeat 19px 4px #f6f6f6;
	border: solid 1px #ccc;
	border-radius: 5px;
}

.fix_footer .fix_phone strong {
	display: block;
	margin: 0 0 6px 0;
	font-size: 30px;
	color: #eb2100;
	font-weight: 700;
	line-height: 30px;
	letter-spacing: -1px;
}

.fix_footer .fix_wrap {
	float: left;
}

.fix_footer .fix_bank {
	width: 170px;
	margin: 0 10px 0 0;
	padding: 8px 16px;
	background: #eee;
	border-radius: 5px;
	cursor: pointer;
}

.fix_footer .fix_bank ul {}

.fix_footer .fix_bank ul li {
	display: block;
	height: 25px;
	line-height: 22px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: -1px;
	white-space: nowrap;
}

.fix_footer .fix_bank ul li a {
	text-decoration: none;
}

.fix_footer .fix_bank ul li label {
	display: inline-block;
	width: 65px;
	color: #444;
	font-weight: 700
}

.fix_footer .fix_bank ul li img {}

.fix_footer .fix_sns {
	width: 176px;
	margin: 9px 10px 0 0;
	padding: 1px 13px;
	background: #eee;
	border-radius: 5px;
}

.fix_footer .fix_sns .last {
	display: block;
	padding: 5px 0px;
	line-height: 22px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: -1px;
}

.fix_footer .fix_sns .last a {
	padding: 0 1.5px;
}

.fix_footer .fix_sns .last a:hover {
	text-decoration: none;
}

.fix_footer .fix_sns .last img {
	width: 28px;
	margin-right: 4px;
}

.fix_footer .fix_btn {
	position: absolute;
	right: 0;
	top: 10px;
	width: 930px;
}

.fix_footer .fix_btn ul {}

.fix_footer .fix_btn ul li {
	display: block;
	float: left;
}

.fix_footer .fix_btn ul li a {
	display: block;
	width: 161px;
	height: 40px;
	margin: 0 0 10px 5px;
	padding: 0 10px;
	line-height: 40px;
	font-weight: 700;
	text-decoration: none;
	background: #eee;
	border-radius: 5px;
}

.fix_footer .fix_btn ul li a img {
	margin: 0 5px 0 0
}

.fix_footer .fix_btn ul li a.part {
	width: 160px !important;
}

.fix_footer .fix_btn ul li a.kakao {
	width: 160px !important;
	color: #3d3137;
	background: #f9e81e;
}

ul.copy_info {
	margin: 8px 0 0 0;
	text-align: center;
}

ul.copy_info li {
	display: inline-block;
	margin: 0 3px 0 0;
	padding: 0 8px 0 0;
	color: #444;
	font-size: 12px;
	line-height: normal;
	border-right: solid 1px #ddd;
}

ul.copy_info li:last-child {
	margin: 0;
	padding: 0;
	border-right: none;
}

ul.copy_info li.ft_privacy_policy {
	font-weight: 600;
	color: #c6322c;
	cursor: pointer;
}


/** 개인정보처리방침 **/
.privacy_policy_ct {
	color: #555;
	line-height: 1.6;
	padding: 35px 30px;
}

.privacy_policy_ct h1 {
	font-size: 24px;
	text-align: center;
	color: #333;
	padding-bottom: 20px;
}

.privacy_policy_ct h3 {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -1px;
	color: #333;
	padding: 30px 0 2px;
}

.privacy_policy_ct p {
	font-size: 12px;
}

.privacy_policy_ct p.subheading {
	font-size: 12px;
	color: #333;
	font-weight: 600;
	padding-top: 10px;
}

.privacy_policy_ct ul {
	padding-top: 4px;
}

.privacy_policy_ct ul li {
	font-size: 12px;
	color: #777;
	margin-left: 15px;
	list-style: none;
}

.privacy_policy_ct ul li.first_li {
	font-size: 12px;
	color: #444;
	margin-left: 10px;
}

.privacy_policy_ct ul li.indent {
	padding-left: 20px;
	text-indent: -20px;
}



/*** gnb ***/
#gnb {
	position: absolute;
	width: 720px;
	left: 50%;
	top: 20px;
	margin: 0 auto 0 -320px;
	z-index: 99999;
}

#gnb:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#gnb ul {
	position: relative;
}

#gnb ul li {
	display: block;
	float: left;
	text-align: center;
	zoom: 1;
}

#gnb ul li:hover {
	color: #ed2100;
}

#gnb ul li:hover a {
	color: #ed2100;
}

#gnb ul li.gnb_img {
	display: block;
}

#gnb ul li.gnb_reg {
	display: none;
}

#gnb ul li span.arrow {
	display: none;
	/* "display:none" to hide arrows for the non-mobile nav */
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 20px;
	margin-left: -10px;
	color: #666;
	text-align: center;
	font-size: 11px;
	z-index: 5;
	cursor: pointer;
}

#gnb ul li a {
	display: block;
	height: 60px;
	padding: 0 10px;
	font-size: 15px;
	font-weight: 700;
	color: #000;
	line-height: 60px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

#gnb ul li a:hover {
	color: #ed2100;
}

#gnb ul li ul {
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 60px;
	padding: 0;
	filter: alpha(opacity=80);
	/* ie  */
	-moz-opacity: 0.8;
	/* old mozilla browser like netscape  */
	-khtml-opacity: 0.8;
	/* for really really old safari */
	opacity: 0.8;
	/* css standard, currently it works in most modern browsers like firefox,  */
}

#gnb ul li ul li {
	display: block;
	float: left;
	width: 25% !important
}

#gnb ul li ul li a {
	display: block;
	width: 100%;
	height: 80px;
	padding: 0;
	color: #fff !important;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	font-weight: normal;
	letter-spacing: -1px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

#gnb ul li ul li a:hover {
	color: #ed2100;
}

#gnb ul li ul li a img {
	display: block;
	margin: 20px auto 0 auto;
}

#gnb .nav-bars {
	display: none;
	position: absolute;
	right: 10px;
	top: 18px;
	font-size: 28px;
	cursor: pointer;
}

#gnb.mobile {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	margin: 0;
	padding-top: 80px;
}

#gnb.mobile ul {
	display: none;
	width: 100%;
}

#gnb.mobile ul li {
	display: block;
	position: relative;
	width: 100%;
}

#gnb.mobile ul li:hover {
	color: #444 !important;
	background: #eee
}

#gnb.mobile ul li.gnb_reg {
	display: flex;
	justify-content: space-between;
}

#gnb.mobile ul li.gnb_reg a {
	display: block;
	float: left;
	font-size: 12px !important;
	color: #999;
	text-align: center;
	text-decoration: underline
}

#gnb.mobile ul li.gnb_reg a:hover {
	color: #444
}

#gnb.mobile ul li.gnb_img {
	display: none;
}

#gnb.mobile ul li span.arrow {
	display: block;
	top: 0px;
	font-size: 24px;
	margin: 0;
	right: 10px;
	left: auto;
	padding: 10px;
}

#gnb.mobile ul li span.arrow:hover {
	color: #444;
}

#gnb.mobile ul li span.arrow.arrow-rotate {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

#gnb.mobile ul li a {
	display: block;
	width: 100%;
	padding: 0;
	font-size: 14px !important;
	text-indent: 10px;
	text-align: left;
	border-right: none;
	border-left: none;
	border-bottom: solid 1px #ddd;
}

#gnb.mobile ul li ul {
	position: static;
	width: 100%;
	height: auto;
	background: #fff;
	filter: alpha(opacity=100);
	/* ie  */
	-moz-opacity: 1;
	/* old mozilla browser like netscape  */
	-khtml-opacity: 1;
	/* for really really old safari */
	opacity: 1;
	/* css standard, currently it works in most modern browsers like firefox,  */
}

#gnb.mobile ul li ul li {
	width: 100% !important;
}

#gnb.mobile ul li a {
	color: #444;
	background: #f6f6f6;
}

#gnb.mobile ul li a:hover {
	color: #444 !important;
	background: #eee;
}

#gnb.mobile ul li ul {
	display: none;
	height: auto;
	padding: 0;
}

#gnb.mobile ul li ul li a {
	display: block;
	height: 40px;
	font-size: 12px !important;
	color: #666 !important;
	text-indent: 20px !important;
	line-height: 40px;
	background: #fff;
	border-bottom: solid 1px #eee;
}

#gnb.mobile ul li ul li a:hover {
	color: #ed2100;
	line-height: 40px;
}

#gnb.mobile ul li ul li a img {
	display: none;
}

#gnb.mobile .nav-bars {
	display: block;
	position: absolute;
	right: 10px;
	top: 23px;
	font-size: 28px;
	cursor: pointer;
}

.viz {
	position: absolute;
	display: none;
	left: 0;
	top: 80px;
	width: 100%;
	height: 260px;
	border-bottom: solid 5px #ed2100;
	z-index: 999;
}

.section {
	width: 100%;
	margin: 0 auto;
	background-size: cover !important;
	background-attachment: fixed;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
}

#event_summer {
	color: #fff;
	font-size: 16px;
	line-height: 26px;
	text-align: center;
}

#event_summer strong {
	display: inline-block;
	margin: 0 0 10px 0;
	padding: 8px 16px;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	background: rgba(246, 57, 65, 0.7);
	border-radius: 5px;
}

#event_summer h2 {
	display: block;
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	text-shadow: 2px 2px 3px #666;
}

#event_summer h2 strong {
	display: inline-block;
	margin: 0;
	padding: 0;
	font-size: 30px;
	background: none;
	border-radius: 0
}

#event_summer a {
	display: block;
	width: 260px;
	height: 50px;
	margin: 20px auto;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 50px;
	text-decoration: none;
	background: #f63941;
	border-radius: 5px;
}

#event_talk {
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
}

#event_talk h2 {
	display: block;
	margin: 0 0 20px 0;
	font-size: 30px;
	font-weight: bold;
}

#event_talk p {
	width: 100%;
	max-width: 900px;
	margin: 0 auto 20px auto;
	font-size: 18px;
}

#event_talk a {
	display: inline-block;
	height: 50px;
	margin: 0 3px;
	padding: 0 24px;
	color: #fff;
	font-size: 18px;
	line-height: 50px;
	text-decoration: none;
	background: #f63941;
	border-radius: 5px;
}

ul.benefit {
	display: block;
	width: 100%;
	max-width: 860px;
	margin: 0 auto 40px auto;
	padding: 40px;
	background: rgba(0, 0, 0, 0.6);
}

ul.benefit li {
	display: block;
	position: relative;
	min-height: 40px;
	margin: 0 0 10px 0;
	padding: 0 0 10px 120px;
	font-size: 16px;
	text-align: left;
	border-bottom: solid 1px;
	border-color: rgba(255, 255, 255, 0.3)
}

ul.benefit li label {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
	;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-weight: bold;
	background: #569ffd;
	border-radius: 20px;
}



#event_wrap {
	text-align: center;
}

#event_wrap .event_title {
	width: 96%;
	max-width: 850px;
	margin: 0 auto;
}

#event_wrap .event_title2 {
	width: 96%;
	max-width: 850px;
	margin: 0 auto;
}

#event_wrap .event_title img {
	width: 54%;
	padding-bottom: 20px;
	height: auto;
	margin: 0;
}

#event_wrap .event_title2 img {
	width: 95%;
	height: auto;
	margin: 55px 0 40px 0;
}

#event_wrap .event_footer {
	background: url(/event/event12_footer.png) 50% 50% / cover no-repeat;
	padding: 60px 0;
	width: 800px;
	margin: 0 auto;
}

#event_wrap .event_con {
	background: url('/event/event_2_txt.png') 50% 50% / cover no-repeat;
	padding: 51px 0;
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
}

#event_wrap .event_con2 {
	width: 100%;
	max-width: 600px;
	margin: 0 auto 30px auto;
}

#event_wrap .event_con2 img {
	width: 95%;
	height: auto
}

#event_wrap .event_con_txt {
	background: url('/event/event_2_txt2.png') 50% 50% / cover no-repeat;
	padding: 37.5px 0;
	width: 100%;
	max-width: 320px;
	margin: 30px auto 0;
}


#event_wrap .event_coupon {
	width: 80%;
	max-width: 420px;
	margin: 0 auto;
}

#event_wrap .event_coupon img {
	width: 100%;
	height: auto;
}

.one-event {
	background: url(/event/190228_event_1_bg.jpg) 50% 50% / cover no-repeat;
}

.two-event {
	background: url(/event/190228_event_2_bg.jpg) 50% 50% / cover no-repeat;
}



/**
.anniversary_bg { background: url(/event/anniversary_bg.jpg) 50% 50% / cover no-repeat; }
#event_wrap .anniversary {width:100%;max-width:798px;margin:0 auto;}
#event_wrap .anniversary img {width:100%;height:auto}
#event_wrap .anniversary { background: url(/event/anniversary_con.png) 50% 50% / cover no-repeat; padding: 288px 0; }
#event_wrap .anniversary_txt { background-color: rgba(255, 255, 255, 0.5); border-radius: 25px; display: inline-block; padding: 24px 100px; font-size: 16px; letter-spacing: -0.5px;}
**/


.event_1_bg {
	background: url(/event/event_1_bg.jpg) 50% 50% / cover no-repeat;
}

#event_wrap .event_1 {
	background: url(/event/event_1_txt.png) 50% 50% / cover no-repeat;
	padding: 269px 0;
	width: 100%;
	max-width: 946px;
	margin: 0 auto;
}

#event_wrap .event_1 img {
	width: 100%;
	height: auto
}

#event_wrap .event_1_btn {
	display: inline-block;
	width: 200px;
	height: 50px;
	margin: 0 auto 12px auto;
	color: #fff;
	font-size: 17px;
	text-align: center;
	line-height: 48px;
	text-decoration: none;
	background: #ffa200;
	border-radius: 5px;
}

#mask_king_wrap {
	text-align: center;
}

.mask_king_bg {
	background: url('/event/mask_king_bg.jpg') 50% 50% / cover no-repeat;
}

#mask_king_wrap .mask_king {
	background: url('/event/mask_king_txt.png') 50% 50% / cover no-repeat;
	padding: 286px 0;
	width: 100%;
	max-width: 929px;
	margin: 0 auto;
}

#mask_king_wrap .mask_king img {
	width: 100%;
	height: auto
}

#mask_king_wrap .mask_king_btn {
	display: inline-block;
	width: 250px;
	height: 50px;
	margin: 0 auto 12px auto;
	color: #fff;
	font-size: 17px;
	text-align: center;
	line-height: 48px;
	text-decoration: none;
	background: #e20065;
	border-radius: 5px;
}


.attendance_check_bg {
	background: url('/event/attendance_check_bg.jpg') 50% 50% / cover no-repeat;
}

#attendance_check .attendance_check {
	background: url('/event/attendance_check_txt_250930.png?v=250930') 50% 50% / cover no-repeat;
	padding: 310px 0;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

#attendance_check .attendance_check img {
	width: 100%;
	height: auto
}


#concurrent_lecture {
	text-align: center;
}

.concurrent_lecture_bg {
	background: url('/event/concurrent_lecture_bg.jpg') 50% 50% / cover no-repeat;
}

#concurrent_lecture .concurrent_lecture {
	background: url('/event/concurrent_lecture_txt4.png') 50% 50% / cover no-repeat;
	padding: 225px 0;
	width: 100%;
	max-width: 710px;
	margin: 0 auto;
}

#concurrent_lecture .concurrent_lecture img {
	width: 100%;
	height: auto
}

#concurrent_lecture .concurrent_lecture_btn {
	display: inline-block;
	width: 240px;
	height: 50px;
	margin: 0 auto 12px auto;
	color: #fff;
	font-size: 17px;
	text-align: center;
	line-height: 48px;
	text-decoration: none;
	background: #c6322c;
	border-radius: 5px;
}


.price_tuition_bg {
	background: url('/event/price_tuition_bg.jpg') 50% 50% / cover no-repeat;
}

#event_main .price_tuition {
	background: url('/event/price_tuition_txt2.png') 50% 50% / cover no-repeat;
	padding: 211px 0;
	width: 100%;
	max-width: 761px;
	margin: 0 auto;
}

#event_main .price_tuition img {
	width: 100%;
	height: auto
}

#event_main .event_main_btn_wrap {
	margin-top: 10px;
}

.free_class_bg {
	background: url('/event/free_class_bg.jpg') 50% 50% / cover no-repeat;
}

#event_main .free_class {
	background: url('/event/free_class_txt.png') 50% 50% / cover no-repeat;
	padding: 240px 0;
	width: 100%;
	max-width: 914px;
	margin: 0 auto;
}

#event_main .free_class img {
	width: 100%;
	height: auto
}

#event_main .event_main_btn_wrap {
	margin-top: 10px;
}


.pronunciation_bg {
	background: url(/event/pronunciation_event_bg.jpg) 50% 50% / cover no-repeat;
}

#pronunciation .pronunciation {
	background: url(/event/pronunciation_event_txt.png) 50% 50% / cover no-repeat;
	padding: 241px 0;
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}

#pronunciation .pronunciation img {
	width: 100%;
	height: auto
}

#pronunciation .event_main_btn {
	display: inline-block;
	width: 250px;
	height: 50px;
	margin: 0 auto 12px auto;
	color: #fff;
	font-size: 17px;
	text-align: center;
	line-height: 48px;
	text-decoration: none;
	background: #ffa200;
	border-radius: 5px;
}

#pronunciation .event_main_btn_wrap {
	margin-top: 10px;
	text-align: center;
}

#review_event {
	text-align: center;
}

.review_event_bg {
	background: url(/event/review_event_bg.jpg) 50% 50% / cover no-repeat;
}

#review_event .review_event {
	background: url('/event/review_event_txt_240731.png') 50% 50% / cover no-repeat;
	padding: 277px 0;
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}

#review_event .review_event img {
	width: 100%;
	height: auto
}

#review_event .review_event_btn {
	display: inline-block;
	width: 200px;
	height: 50px;
	margin: 0 auto 12px auto;
	color: #fff;
	font-size: 17px;
	text-align: center;
	line-height: 48px;
	text-decoration: none;
	background: #ffa200;
	border-radius: 5px;
}

#insta_review_event {
	text-align: center;
}

.insta_review_event_bg {
	background: url('/event/Insta_review_event_bg.jpg?v=251031') 50% 50% / cover no-repeat;
}

#insta_review_event .insta_review_event {
	background: url('/event/Insta_review_event_txt_251129.png?v=251129') 50% 50% / cover no-repeat;
	padding: 310px 0;
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}

#insta_review_event .insta_review_event img {
	width: 100%;
	height: auto
}

#insta_review_event .insta_review_event_btn {
	display: inline-block;
	width: 200px;
	height: 50px;
	margin: 0 auto 12px auto;
	color: #fff;
	font-size: 17px;
	text-align: center;
	line-height: 48px;
	text-decoration: none;
	background: #ffa200;
	border-radius: 5px;
}


#test_taker {
	text-align: center;
}

.test_taker_bg {
	background: url('/event/test_taker_bg.jpg') 50% 50% / cover no-repeat;
}

#test_taker .test_taker {
	background: url('/event/test_taker_txt.png') 50% 50% / cover no-repeat;
	padding: 245px 0;
	width: 100%;
	max-width: 770px;
	margin: 0 auto;
}

#test_taker .test_taker img {
	width: 100%;
	height: auto
}


#new_year_wrap {
	text-align: center;
}

.new_year_bg {
	background: url('/event/new_year_bg_251231.jpg?v=251231') 50% 50% / cover no-repeat;
}

#new_year_wrap .new_year {
	background: url('/event/new_year_txt_260131.png?v=260131') 50% 50% / cover no-repeat;
	padding: 248px 0;
	width: 100%;
	max-width: 828px;
	margin: 0 auto;
}

#new_year_wrap .new_year img {
	width: 100%;
	height: auto
}

#new_year_wrap .new_year_btn {
	display: inline-block;
	width: 200px;
	height: 50px;
	margin: 0 auto 12px auto;
	color: #fff;
	font-size: 17px;
	text-align: center;
	line-height: 48px;
	text-decoration: none;
	background: #c6322c;
	border-radius: 5px;
}


#try_too_wrap {
	text-align: center;
}

.try_too_bg {
	background: url('/event/try_too_bg.jpg') 50% 50% / cover no-repeat;
}

#try_too_wrap .try_too {
	background: url('/event/try_too_txt_260331.png?v=260331') 50% 50% / cover no-repeat;
	padding: 250px 0;
	width: 100%;
	max-width: 792px;
	margin: 0 auto;
}

#try_too_wrap .try_too img {
	width: 100%;
	height: auto
}

#try_too_wrap .try_too_btn {
	display: inline-block;
	width: 200px;
	height: 50px;
	margin: 0 auto 12px auto;
	color: #fff;
	font-size: 17px;
	text-align: center;
	line-height: 48px;
	text-decoration: none;
	background: #c6322c;
	border-radius: 5px;
}


#autonomy_wrap {
	text-align: center;
}

.autonomy_bg {
	background: url('/event/autonomy_bg.jpg') 50% 50% / cover no-repeat;
}

#autonomy_wrap .autonomy {
	background: url('/event/autonomy_txt.png') 50% 50% / cover no-repeat;
	padding: 225px 0;
	width: 100%;
	max-width: 630px;
	margin: 0 auto;
}

#autonomy_wrap .autonomy img {
	width: 100%;
	height: auto
}

#autonomy_wrap .autonomy_btn {
	display: inline-block;
	width: 200px;
	height: 50px;
	margin: 0 auto 12px auto;
	color: #fff;
	font-size: 17px;
	text-align: center;
	line-height: 48px;
	text-decoration: none;
	background: #ffa200;
	border-radius: 5px;
}

#event_main {
	text-align: center;
}

.event_main_bg {
	background: url('/event/event1_bg_260930.jpg?v=260930') 50% 50% / cover no-repeat;
}

#event_main .event_main_con {
	background: url('/event/event1_txt_260930.png?v=260930') 50% 50% / cover no-repeat;
	padding: 248px 0;
	width: 100%;
	max-width: 837px;
	margin: 0 auto;
}

#event_main .event_main img {
	width: 100%;
	height: auto
}

#event_main .event_main_btn {
	display: inline-block;
	width: 250px;
	height: 50px;
	margin: 0 auto 12px auto;
	color: #fff;
	font-size: 17px;
	text-align: center;
	line-height: 48px;
	text-decoration: none;
	background: #c6322c;
	border-radius: 5px;
}

#event_main .ytb_video {
	width: 100%;
	max-width: 650px;
	height: 366px;
}

#event_main .event_main_btn_wrap {
	margin-top: 10px;
}



#letter_event {
	text-align: center;
}

.letter_event_bg {
	background: url('/event/letter_event_bg_250430.jpg') 50% 50% / cover no-repeat;
}

#letter_event .letter_event {
	background: url('/event/letter_event_txt_250430.png') 50% 50% / cover no-repeat;
	padding: 272px 0;
	width: 100%;
	max-width: 696px;
	margin: 0 auto;
}

#letter_event .letter_event img {
	width: 100%;
	height: auto
}

#letter_event .letter_event_btn {
	display: inline-block;
	width: 200px;
	height: 50px;
	margin: 0 auto 12px auto;
	color: #fff;
	font-size: 17px;
	text-align: center;
	line-height: 48px;
	text-decoration: none;
	background: #ffa200;
	border-radius: 5px;
}

#write_letter {
	text-align: center;
}

.write_letter_bg {
	background: url('/event/write_letter_bg.jpg') 50% 50% / cover no-repeat;
}

#write_letter .write_letter {
	background: url('/event/write_letter_txt.png') 50% 50% / cover no-repeat;
	padding: 245px 0;
	width: 100%;
	max-width: 899px;
	margin: 0 auto;
}

#write_letter .write_letter img {
	width: 100%;
	height: auto
}

#write_letter .write_letter_btn {
	display: inline-block;
	width: 200px;
	height: 50px;
	margin: 0 auto 12px auto;
	color: #fff;
	font-size: 17px;
	text-align: center;
	line-height: 48px;
	text-decoration: none;
	background: #ffa200;
	border-radius: 5px;
}

#fall_event {
	text-align: center;
}

.fall_event_bg {
	background: url('/event/covid_event_bg.jpg') 50% 50% / cover no-repeat;
}

#fall_event .fall_event {
	background: url('/event/covid_event_txt.png') 50% 50% / cover no-repeat;
	padding: 243px 0;
	width: 100%;
	max-width: 714px;
	margin: 0 auto;
}

#fall_event .fall_event img {
	width: 100%;
	height: auto
}

#fall_event .fall_event_btn {
	display: inline-block;
	width: 240px;
	height: 50px;
	margin: 0 auto 12px auto;
	color: #fff;
	font-size: 17px;
	text-align: center;
	line-height: 48px;
	text-decoration: none;
	background: #c6322c;
	border-radius: 5px;
}

#third_party {
	text-align: center;
}

.third_party_bg {
	background: url('/event/third_party_bg.jpg') 50% 50% / cover no-repeat;
}

#third_party .third_party {
	background: url('/event/third_party_txt.png') 50% 50% / cover no-repeat;
	padding: 276px 0;
	width: 100%;
	max-width: 788px;
	margin: 0 auto;
}

#third_party .third_party img {
	width: 100%;
	height: auto
}

#premium_package {
	text-align: center;
}

.premium_package_bg {
	background: url('/event/premium_package_bg_251129.jpg?v=251031') 50% 50% / cover no-repeat;
}

#premium_package .btn {
	display: inline-block;
	width: 250px;
	height: 50px;
	margin: 12px auto 12px auto;
	color: #fff;
	font-size: 17px;
	text-align: center;
	line-height: 48px;
	text-decoration: none;
	background: #c6322c;
	border-radius: 5px;
}

#premium_package .premium_package_m {
	display: none;
}


.learning_drama_bg {
	background: url(/event/learning_drama_bg.jpg) 50% 50% / cover no-repeat;
	margin: 80px 0 0 0;
}

#event_wrap .learning_drama {
	width: 100%;
	max-width: 923px;
	margin: 0 auto;
}

#event_wrap .learning_drama img {
	width: 100%;
	height: auto
}

#event_wrap .learning_drama {
	background: url(/event/learning_drama_con.png) 50% 50% / cover no-repeat;
	padding: 80px 0 130px;
	background-size: inherit;
}

#event_wrap .learning_drama_btn {
	display: inline-block;
	width: 250px;
	height: 50px;
	margin: 0 auto 12px auto;
	color: #fff;
	font-size: 17px;
	text-align: center;
	line-height: 48px;
	text-decoration: none;
	background: #c6322c;
	border-radius: 5px;
}

#event_wrap .cont_wrap {
	width: 100%;
	max-width: 1050px;
	margin: 0 auto;
	display: inline-block;
}

#event_wrap .cont_wrap .cont1 {
	background: url(/event/cont_img_1.png) 50% 50% / cover no-repeat;
	float: left;
	padding: 139px 0;
	width: 330px;
	margin: 0 10px;
}

#event_wrap .cont_wrap .cont1:hover {
	background: url(/event/cont_img_1_hover.png) 50% 50% / cover no-repeat;
	float: left;
	padding: 139px 0;
	width: 330px;
	margin: 0 10px;
}

#event_wrap .cont_wrap .cont2 {
	background: url(/event/cont_img_2.png) 50% 50% / cover no-repeat;
	float: left;
	padding: 139px 0;
	width: 330px;
	margin: 0 10px;
}

#event_wrap .cont_wrap .cont2:hover {
	background: url(/event/cont_img_2_hover.png) 50% 50% / cover no-repeat;
	float: left;
	padding: 139px 0;
	width: 330px;
	margin: 0 10px;
}

#event_wrap .cont_wrap .cont3 {
	background: url(/event/cont_img_3.png) 50% 50% / cover no-repeat;
	float: left;
	padding: 139px 0;
	width: 330px;
	margin: 0 10px;
}

#event_wrap .cont_wrap .cont3:hover {
	background: url(/event/cont_img_3_hover.png) 50% 50% / cover no-repeat;
	float: left;
	padding: 139px 0;
	width: 330px;
	margin: 0 10px;
}


.local_training_bg {
	background: url(/event/local_training_bg.jpg) 50% 50% / cover no-repeat;
}

#event_wrap .local_training {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

#event_wrap .local_training img {
	width: 100%;
	height: auto
}

#event_wrap .local_training {
	background: url(/event/local_training_con.png) 50% 50% / cover no-repeat;
	padding: 246px 0;
}

#event_wrap .local_training_btn {
	display: inline-block;
	width: 250px;
	height: 50px;
	margin: 0 auto 12px auto;
	color: #fff;
	font-size: 17px;
	text-align: center;
	line-height: 48px;
	text-decoration: none;
	background: #ffb400;
	border-radius: 5px;
}


.new_school_term_bg {
	/*background: url(/event/new_school_term_bg.jpg) 50% 50% / cover no-repeat;*/
}

.new_school_term_bg video {
	position: absolute;
	top: -260px;
	left: 0px;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -1;
	overflow: hidden;
	background: center center;
}

#event_wrap .new_school_term img {
	width: 100%;
	height: auto
}

#event_wrap .new_school_term {
	width: 100%;
	max-width: 674px;
	margin: 0 auto;
	background: url(/event/new_school_term_txt.png) 50% 50% / cover no-repeat;
	padding: 205px 0;
}

#event_wrap .new_school_term_btn {
	display: inline-block;
	width: 250px;
	height: 50px;
	margin: 0 auto 12px auto;
	color: #fff;
	font-size: 17px;
	text-align: center;
	line-height: 48px;
	text-decoration: none;
	background: #c6322c;
	border-radius: 5px;
}



.app_pelease_bg {
	background: url(/event/app_pelease_bg.jpg) 50% 50% / cover no-repeat;
}

#event_wrap .app_pelease_tit img {
	width: 100%;
	height: auto
}

#event_wrap .app_pelease_tit {
	width: 100%;
	max-width: 381px;
	margin: 0 auto;
	background: url(/event/app_pelease_tit.png) 50% 50% / cover no-repeat;
	padding: 49px 0;
}

#event_wrap .ytb_video {
	width: 100%;
	max-width: 650px;
	height: 366px;
}


.wechat_bg {
	background: url(/event/wechat_bg.jpg) 50% 50% / cover no-repeat;
}

#event_wrap .wechat_title img {
	width: 100%;
	height: auto
}

#event_wrap .wechat_title {
	width: 100%;
	max-width: 697px;
	margin: 0 auto;
	background: url(/event/wechat_title.png) 50% 50% / cover no-repeat;
	padding: 24px 0;
}

#event_wrap .wechat_video {
	width: 100%;
	max-width: 650px;
	height: 366px;
}

#event_wrap .wechat_txt {
	width: 100%;
	max-width: 645px;
	margin: 0 auto;
	background: url(/event/wechat_txt.png) 50% 50% / cover no-repeat;
	padding: 42px 0;
	margin-top: 30px;
}


.use_method {
	background: url(/event/use_method_bg.jpg) 50% 50% / cover no-repeat;
}

#event_wrap .use_method_tit img {
	width: 100%;
	height: auto
}

#event_wrap .use_method_tit {
	width: 100%;
	max-width: 571px;
	margin: 0 auto;
	background: url(/event/use_method_txt.png) 50% 50% / cover no-repeat;
	padding: 25px 0;
}

#event_wrap .use_method_video {
	width: 100%;
	max-width: 900px;
	height: 506px;
}


/**
.ace_teacher_bg { background: url(/event/ace_teacher_bg.jpg) 50% 50% / cover no-repeat; }
#event_wrap .ace_teacher {width:100%;max-width:1018px;margin:0 auto;}
#event_wrap .ace_teacher img {width:100%;height:auto}
#event_wrap .ace_teacher_con { background: url(/event/ace_teacher_con.png) 50% 50% / cover no-repeat; padding: 287px 0; }
**/







ul.event_li {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 10px auto
}

ul.event_li:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

ul.event_li li {
	display: block;
	float: left;
	width: 50%;
	text-align: center
}

ul.event_li li img {
	width: 94%;
	max-width: 581px;
}

#event_wrap .wechat {
	width: 100%;
	max-width: 865px;
	margin: 0 auto;
}

#event_wrap .wechat img {
	width: 100%;
	height: auto
}

#event_wrap a.btn {
	display: inline-block;
	width: 200px;
	height: 50px;
	margin: 0 10px 0 0;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 50px;
	text-decoration: none;
	background: #ed2100;
	border-radius: 5px;
}

#event_wrap .wechat_cont_img {
	background: url(/event/wechat.png) 50% 50% / cover no-repeat;
	padding: 324px 0;
}
















.event_w_box {
	width: 960px;
	padding: 20px 40px;
	margin: 20px auto;
	text-align: left;
	background: url(../images_201710/event_w_bg.png);
	border-radius: 5px;
}

.event_w_box ul {
	float: left;
	width: 420px;
}

.event_w_box ul li {
	display: block;
	height: 30px;
	padding: 0 0 0 24px;
	line-height: 30px;
	font-size: 16px;
	background: url(../images_201710/chk.png) no-repeat 0 50%
}

.event_appl {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}

.event_appl:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.event_appl label {
	display: block;
	float: left;
	width: 25%;
	height: 40px;
	margin: 0 0 10px 0;
	line-height: 40px;
	background: #ff7700;
	border-radius: 20px;
}

.event_appl span {
	display: block;
	float: left;
	width: 73%;
	margin: 0 0 10px 2%;
	text-align: left;
}

#event_sub {
	width: 1240px;
	margin: 30px auto 0 auto;
	text-align: center
}

.event1 {
	width: 50%;
	float: left;
	text-align: center;
}

.event2 {
	width: 50%;
	float: left;
	text-align: center;
}

#spec_open_wrap {
	margin: 0;
	color: #fff;
	text-align: center;
	font-size: 18px;
	background: url(../images_201710/spec_open_bg.jpg) no-repeat 50% top;
	background-size: cover
}

#spec_open_wrap a.btn {
	display: inline-block;
	width: 300px;
	height: 50px;
	margin: 0 10px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 50px;
	text-decoration: none;
	background: #ed2100;
	border-radius: 5px;
}

.notice_wrap {
	margin: -15px auto 0 !important;
}

.notice_con {
	display: flex;
	flex-flow: column;
	height: 100%;
}

#ten_wrap {
	text-align: center;
	background: url('../images_201710/10_bg_.jpg?v=260228') no-repeat 50% 50% / cover;
	height: calc(100% - 475px);
	display: flex;
	justify-content: center;
	align-items: center;
}

#ten_wrap .con {
	margin-top: 55px;
}

#ten_wrap img {
	display: block;
	width: 90%;
	max-width: 640px;
	margin: 0 auto;
}

#ten_wrap a {
	display: inline-block;
	width: 220px;
	height: 56px;
	margin: 0 4px 10px;
	padding: 0 24px;
	color: #fff;
	font-size: 23px;
	line-height: 55px;
	text-decoration: none;
	background: #c6322c;
	border-radius: 5px;
}

#ten_wrap a:hover {
	background: #af1e18;
}

#ten_wrap .btn_200 {
	padding: 0 95px;
}

.ht_box {}

#recent_wrap {
	width: 1200px;
	margin: 20px auto;
}

.recent {
	float: left;
	width: 558px;
	height: 180px;
	margin: 0 20px;
	border: solid 1px #ccc;
}

.recent .title {
	height: 39px;
	padding: 0 20px;
	line-height: 40px;
	font-size: 18px;
	font-weight: 700;
	color: #444;
	background: #f6f6f6;
	border-bottom: solid 1px #ccc;
}

.recent .title .more {
	display: block;
	float: right;
	margin: 0 20px 0 0;
	color: #999;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline
}

.recent ul {
	margin: 10px 20px;
}

.recent ul li {
	display: block;
	position: relative;
}

.recent ul li a {
	display: block;
	height: 30px;
	line-height: 30px;
}

.recent ul li .date {
	position: absolute;
	right: 20px;
	top: 0;
	color: #999;
}

#quick_wrap {
	width: 1200px;
	margin: 0 auto 0 auto;
}

#quick_wrap li {
	display: block;
	float: left;
	width: 150px;
	height: 120px;
}

#quick_wrap li a {
	display: block;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
}

#quick_wrap li a img {
	display: block;
	width: 100px;
	margin: 0 auto;
}

#add_class {
	position: relative;
	width: 1120px;
	margin: 0 auto 80px auto;
}

#add_class .add_cl {
	display: table-cell;
	vertical-align: middle;
	width: 550px;
	height: 460px;
	color: #fff;
	font-size: 30px;
	text-align: center;
	line-height: 50px;
	background-size: contain;
	border: solid 5px #ed2100;
	cursor: pointer
}

#add_class .add_cl_gap {
	display: table-cell;
	width: 20px;
}

#add_class .add_circle {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 200px;
	height: 140px;
	margin: -100px 0 0 -100px;
	padding: 60px 0 0 0;
	color: #fff;
	font-size: 36px;
	text-align: center;
	line-height: 40px;
	background: #ed2100;
	border-radius: 100px;
}

#talk_exam_wrap {
	width: 100%;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 30px;
	background: url(../images_201710/talk_bg.jpg) no-repeat 50% 50%;
	background-size: cover
}

#talk_exam_wrap strong {
	color: #ffff00;
	font-weight: 700
}

#talk_exam_wrap a.btn {
	display: inline-block;
	width: 300px;
	height: 50px;
	margin: 0 10px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 50px;
	text-decoration: none;
	background: #ed2100;
	border-radius: 5px;
}

#talk_exam_wrap dl {
	width: 790px;
	margin: 0 auto;
}

#talk_exam_wrap dl dt {
	display: block;
	float: left;
	width: 240px;
	height: 50px;
	margin: 0 30px 20px 0;
	font-size: 24px;
	color: #fff;
	text-align: center;
	line-height: 50px;
	background: #ff7700;
	border-radius: 25px;
}

#talk_exam_wrap dl dd {
	display: block;
	float: left;
	width: 240px;
	height: 50px;
	margin: 0 30px 20px 0;
	font-size: 24px;
	color: #fff;
	text-align: center;
	line-height: 50px;
	border: solid 1px #fff;
	border-radius: 25px;
}

#talk_exam_wrap dl dd.last {
	display: block;
	float: left;
	width: 240px;
	height: 50px;
	margin: 0 0 20px 0;
	font-size: 24px;
	color: #fff;
	text-align: center;
	line-height: 50px;
	background: url(../images_201710/talk_.png);
	border: solid 1px #fff;
	border-radius: 25px;
}

#talk_exam_wrap dl dt a,
#talk_exam_wrap dl dd a {
	color: #fff;
	text-decoration: none
}





#band_wrap {
	color: #fff;
	font-size: 18px;
	text-align: left;
	line-height: 24px;
	background: url(../images_201710/bg_band.jpg) no-repeat 50% 50%;
	background-size: cover
}

#band_wrap .band_img {
	width: 80px !important;
	height: auto;
	margin: 0 0 24px 0;
}

#band_wrap a.btn {
	display: inline-block;
	width: 200px;
	height: 50px;
	margin: 0 10px 0 0;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 50px;
	text-decoration: none;
	background: #ed2100;
	border-radius: 5px;
}

#band_area {
	width: 1200px;
	margin: 0 auto;
}

#band_area:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#band_area .band_info {
	float: left;
	width: 740px;
	height: 490px;
	padding: 50px 0 0 60px;
	background: url(../images_201710/bg_band_over.jpg) no-repeat 0 50%;
	background-size: cover
}

#band_area .band_info h1 {
	display: block;
	margin: 0;
	padding: 0 0 18px 0;
	color: #fff;
	font-size: 36px;
	font-weight: 700;
	background: url(../images_201710/band_var.gif) no-repeat 0 bottom;
}

#band_area ul {
	float: left;
}

#band_area ul li {
	display: block;
	width: 400px;
	height: 150px;
	padding: 30px 0 0 0;
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	text-align: center;
}

#band_area ul li img {
	margin: 0 0 12px 0;
}

/*#band_wrap ul.band_talk {width:1000px;margin:0 auto 30px auto;}
#band_wrap ul.band_talk li {display:block;float:left;width:33.3%;}
#band_wrap ul.band_talk li span {display:block;position:relative;width:300px;margin:0 auto;overflow:hidden;border-radius:5px;}
#band_wrap ul.band_talk li span img {width:100%;height:auto}
#band_wrap ul.band_talk li p {display:block;position:absolute;width:100%;left:0;top:50%;margin:-15px 0 0 0;font-size:30px;color:#fff;text-align:center;font-weight:700;border-radius:5px;}
#band_wrap ul.band_talk li p strong {font-weight:700}*/

#post_wrap {
	color: #000;
	letter-spacing: -1px;
	text-align: center;
	background: url('../event/post_bg.jpg');
}

#post_wrap a.btn {
	display: inline-block;
	width: 280px;
	height: 50px;
	margin: 0 10px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 50px;
	text-decoration: none;
	background: #ed2100;
	border-radius: 5px;
}

#post_wrap ul {
	width: 1200px;
	margin: 0 auto
}

#post_wrap ul li {
	display: block;
	position: relative;
	float: left;
	width: 280px;
	height: 240px;
	margin: 0 80px 40px 0;
	padding: 19px 29px;
	text-align: left;
	font-size: 14px;
	line-height: 22px;
	border: solid 1px #222;
	background-color: rgb(34, 34, 34, 0.9);
	color: #fff;
	letter-spacing: 0px;
}

#post_wrap ul li.last {
	margin: 0 0 0 0;
}

#post_wrap ul li strong {
	display: block;
	margin: 0 0 10px 0;
	font-size: 18px;
	font-weight: normal
}

#post_wrap ul li strong img {
	margin: 0 0 15px 0;
	vertical-align: bottom
}

#post_wrap ul li .end {
	display: block;
	position: absolute;
	right: -1px;
	bottom: -1px;
}

#card_wrap {
	color: #fff;
	text-align: center;
	background: url(../images_201710/wall.jpg) no-repeat 50% 50%;
	background-size: cover
}

#board_frame {
	width: 1180px;
	margin: 0 auto;
	padding: 10px;
	background: url(../images_201710/wood.jpg) no-repeat 50% 50%;
	background-size: cover
}

#board_wrap {
	width: 1100px;
	margin: 0 auto;
	padding: 20px;
	background: url(../images_201710/board.jpg);
}

.card {
	width: 1100px;
	margin: 0 auto;
}

.card li {
	display: block;
	float: left;
	width: 33.3%;
	text-align: left;
}

.card li.half {
	width: 50% !important;
	margin: 0 0 0 0;
}

.card li span {
	display: block;
	padding: 9px;
	margin: 0 -1px -1px 0;
	border: solid 1px #666;
	/*background:#fff;*/
}

.card li span strong {
	display: block;
	height: 40px;
	font-size: 18px;
	color: #ed2100;
	font-weight: 700;
	line-height: 24px;
}

.card_chk {
	width: 1100px;
	margin: 0 auto;
}

.card_chk li {
	display: block;
	float: left;
	width: 50%;
	height: 30px;
	line-height: 30px;
	text-indent: 22px;
	text-align: left;
	background: url(../images_201710/chk.png) no-repeat 0 50%
}

#exam_schedule {
	font-size: 18px;
	color: #fff;
	text-align: center;
	background: url(../images_201710/exam_bg.jpg) no-repeat 50% 50%;
	background-size: cover
}

#exam_schedule a.btn {
	display: inline-block;
	width: 300px;
	height: 50px;
	margin: 0 10px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 50px;
	text-decoration: none;
	background: #ed2100;
	border-radius: 5px;
}

#exam_type {
	width: 1180px;
	margin: 0 auto;
}

#exam_type table {
	width: 1180px;
	border-collapse: collapse;
	border-spacing: 0
}

#exam_type th {
	width: 140px;
	padding: 12px 0;
	font-size: 16px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	background: url(../images_201710/talk_.png);
	border: solid 1px #555;
}

#exam_type th.blank {
	width: 5px !important;
	padding: 0 !important;
}

#exam_type td {
	width: 140px;
	padding: 12px 0;
	font-size: 16px;
	color: #fff;
	text-align: center;
	border: solid 1px #555
}

#exam_type td a {
	color: #fff;
	text-decoration: underline
}

#exam_type td.blank {
	width: 5px !important;
	padding: 0 !important;
}

#coupon {
	text-align: center;
	color: #fff;
	font-size: 30px;
	line-height: 36px;
	background: url(../images_201710/coupon_bg.jpg) no-repeat 50% 50%;
	background-size: cover
}

#coupon strong {
	color: #ffff00;
	font-size: 24px;
	font-weight: normal
}

#coupon .coupon_slogon {
	display: block;
	width: 70%;
	max-width: 400px;
	margin: 0 auto 40px auto;
}

#coupon .coupon_img {
	display: block;
	width: 80%;
	max-width: 342px;
	margin: 40px auto;
}

#add_section {
	text-align: center;
	color: #fff;
	font-size: 23px;
	line-height: 30px;
	background: url(../images_201710/add_section_bg.jpg) no-repeat 50% 50%;
	background-size: cover
}

#add_section span {
	display: inline-block
}

#add_section a.btn {
	display: inline-block;
	width: 300px;
	height: 50px;
	margin: 0 10px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 50px;
	text-decoration: none;
	background: #ed2100;
	border-radius: 5px;
}

.add_section_box {
	width: 100%;
	max-width: 900px;
	margin: 20px auto 30px;
	padding: 30px 0;
	border: solid 7px #fff;
}


#busi_area_wrap {
	font-size: 16px;
	color: #fff;
	text-align: center;
	/*background:url(../images_201710/busi_area_bg.jpg) no-repeat 50% 50%;*/
	background-size: cover
}

#busi_area_wrap h1 {
	font-size: 42px;
	line-height: 52px;
	font-weight: 500;
	letter-spacing: -3px;
}

#busi_area_box {
	width: 1200px;
	margin: 0 auto;
	display: inline-block;
}

#busi_area_box .busi_area_cell {
	display: block;
	float: left;
	border-radius: 0px;
	width: 23%;
	margin: 0 0.8%;
	color: #ffffff;
	font-size: 24px;
	text-align: center;
	border: 1px solid #c6c9ce;
}

#busi_area_box .busi_area_cell a {
	text-decoration: none;
}

#busi_area_box .busi_area_img {
	display: block;
	margin: 28px auto 25px auto;
}

#busi_area_box .busi_area_tit {
	font-size: 26px;
	margin-bottom: 14px;
	color: #fff;
	letter-spacing: -2px;
}

#busi_area_box .busi_area_subt {
	font-size: 16px;
	color: #fff;
	letter-spacing: -1px;
}

#busi_area_box .busi_area_btn {
	display: block;
	width: 200px;
	height: 50px;
	margin: 46px auto 28px auto;
	color: #fff;
	font-size: 17px;
	text-align: center;
	line-height: 48px;
	text-decoration: none;
	background: #c6322c;
	border-radius: 5px;
}

#busi_area_wrap video {
	position: absolute;
	top: 0px;
	left: 0px;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -1;
	overflow: hidden;
	background: center center;
}


#life_review_wrap {
	font-size: 16px;
	color: #fff;
	text-align: center;
	background: url(../images_201710/life_review_bg.jpg) no-repeat 50% 50%;
	background-size: cover
}

#life_review_wrap h1 {
	font-size: 46px;
	line-height: 52px;
	font-weight: 600;
	letter-spacing: -4px;
	color: #000;
}

#life_review_wrap h1 span {
	color: #c6322c;
}

#life_review_wrap h3 {
	color: #433f3a;
	letter-spacing: -2px;
	font-size: 22px;
}

#life_review_box {
	width: 1200px;
	margin: 0 auto;
	display: inline-block;
}

#life_review_box .busi_area_cell {
	display: block;
	float: left;
	border-radius: 22px;
	width: 30%;
	margin: 0 1.6%;
	color: #ffffff;
	font-size: 24px;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.6);
}

#life_review_box .busi_area_cell a {
	text-decoration: none;
}

#life_review_box .busi_area_img {
	display: block;
	margin: 28px auto 25px auto;
}

#life_review_box .life_review_txt {
	font-size: 24px;
	margin-bottom: 14px;
	color: #000;
	letter-spacing: -1.5px;
	line-height: 30px;
}

#life_review_box .busi_area_subt {
	font-size: 16px;
	color: #fff;
	letter-spacing: -1px;
}

#life_review_box .busi_area_btn {
	display: block;
	width: 200px;
	height: 50px;
	margin: 25px auto 28px auto;
	color: #fff;
	font-size: 17px;
	text-align: center;
	line-height: 48px;
	text-decoration: none;
	background: #c6322c;
	border-radius: 5px;
}





#outro_wrap {
	font-size: 16px;
	color: #fff;
	text-align: center;
	background: url(../images_201710/outro_bg.jpg) no-repeat 50% 50%;
	background-size: cover
}

#outro_box {
	width: 1200px;
	margin: 0 auto
}

#outro_box .outro_cell {
	display: block;
	float: left;
	width: 370px;
	height: 250px;
	margin: 0 10px;
	padding: 20px 0 0 0;
	font-size: 24px;
	text-align: center;
	border: solid 1px #666;
}

#outro_box .outro_cell img {
	display: block;
	margin: 0 auto 12px auto;
}

#outro_box .outro_cell .tel {
	font-size: 48px;
	color: #ed2100;
	line-height: 50px;
}

#outro_box .outro_cell .fax {
	font-size: 18px;
	line-height: 30px;
}

#outro_box .outro_cell .time {
	font-size: 16px;
}

#outro_box .outro_cell a.btn {
	display: inline-block;
	height: 50px;
	padding: 0 16px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 50px;
	text-decoration: none;
	background: #ed2100;
	border-radius: 5px;
}

#outro_box .copy {
	display: block;
	color: #ccc;
	line-height: 24px
}

#outro_box .copy_m {
	display: none;
	color: #ccc;
	line-height: 24px
}


#viz_sub {
	display: table;
	width: 100%;
	margin: 0;
	padding: 80px 0 0 0;
	color: #fff;
	font-size: 36px;
	text-align: center;
	line-height: 56px;
	font-weight: 700;
	border-bottom: solid 5px #ed2100;
}

#viz_sub video {
	position: absolute;
	top: -140px;
	left: 0px;
	min-width: 100%;
	width: auto;
	height: auto;
	z-index: -1;
	overflow: hidden;
	background: center center;
}

#viz_sub span {
	display: table-cell;
	vertical-align: middle;
	height: 260px;
	color: #000;
}

#viz_sub span strong {
	display: block;
	margin: 0;
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
	color: rgb(0 0 0 / 90%);
}

#viz_sub .video_bg {
	height: 360px;
}

#viz_sub_p {
	display: table;
	width: 100%;
	margin: 0;
	padding: 80px 0 0 0;
	color: #000;
	font-size: 36px;
	text-align: center;
	line-height: 56px;
	font-weight: 700;
	border-bottom: solid 5px #ed2100;
}

#viz_sub_p span {
	display: table-cell;
	vertical-align: middle;
	height: 260px;
}

#viz_sub_p span strong {
	display: block;
	margin: 0;
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
}

ul.viz_serv {
	display: block;
	width: 950px;
	margin: 20px auto 0 auto
}

ul.viz_serv li {
	display: block;
	float: left;
	width: 140px;
	height: 100px;
	margin: 0 5px;
	padding: 10px 0 0 0;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	border: solid 1px rgb(0, 0, 0, 0.2);
}

ul.viz_serv li img {
	width: 40px;
	height: 40px;
	margin: 0 0 8px 0;
}

.content_title {
	display: block;
	margin: 0 0 40px 0;
	font-size: 30px;
	color: #444;
	font-weight: 700;
	line-height: 44px;
	text-align: center;
}

.content_title .sub {
	display: block;
	margin: 0;
	/*padding:0 0 0 18px;*/
	font-size: 16px;
	color: #666;
	font-weight: normal;
	line-height: 22px;
	/*border-left:solid 1px #ddd;*/
}

.content_title img {}

.content_title_sub {
	display: block;
	margin: 0 0 20px 0;
	font-size: 24px;
	color: #444;
	font-weight: 700;
	line-height: 36px;
	text-align: center;
}

.content_title_sub .sub {
	display: block;
	margin: 0;
	font-size: 16px;
	color: #666;
	font-weight: normal;
	line-height: 24px;
	/*border-left:solid 1px #ddd;*/
}

#location_wrap {
	height: 40px;
	border-bottom: solid 1px #ccc;
	background-color: #fff;
}

#location_wrap_fix {
	display: none
}

.location {
	width: 1200px;
	margin: 0 auto;
}

.location dl {}

.location dl dt {
	display: block;
	float: left;
	background: #fff;
}

.location dl dd {
	display: block;
	float: left;
	position: relative;
	background: #fff;
}

.location dl dd a {
	display: block;
	width: 169px;
	height: 40px;
	padding: 0;
	font-size: 12px;
	line-height: 40px;
	text-decoration: none;
	text-indent: 10px;
	background: url(../images_201710/arrow_down.gif) no-repeat right 50%;
	border-right: solid 1px #ccc;
	cursor: pointer
}

.location dl dd ul {
	display: none;
	position: absolute;
	left: -1px;
	top: 40px;
	background: #fff;
	border: solid 1px #ddd;
	z-index: 999999
}

.location dl dd ul li {
	display: block;
}

.location dl dd ul li a {
	display: block;
	line-height: 30px;
	font-size: 12px;
	background: none;
	border: none
}

.location dl dd ul li a:hover {
	color: #ff7700
}



#sitemap_wrap {
	padding: 80px 0;
	font-size: 24px;
	color: #fff;
	text-align: center;
	background: url(../images_201710/sitemap_bg.jpg) no-repeat 50% 50%;
	background-size: cover
}

#sitemap_wrap ul {
	width: 1200px;
	margin: 0 auto
}

#sitemap_wrap ul li {
	display: block;
	float: left;
	height: 330px;
	padding: 0 30px 0 20px;
	border-left: solid 1px rgb(0, 0, 0, 0.1);
}

#sitemap_wrap ul li dl {}

#sitemap_wrap ul li dl dt {
	display: block;
}

#sitemap_wrap ul li dl dt a {
	display: block;
	height: 40px;
	color: #222;
	font-size: 16px;
	font-weight: 700;
	text-align: left;
	letter-spacing: -1px;
}

#sitemap_wrap ul li dl dd {
	display: block;
}

#sitemap_wrap ul li dl dd a {
	display: block;
	height: 30px;
	color: #333;
	font-size: 14px;
	text-align: left;
	letter-spacing: -1px;
}

#sitemap_wrap strong {
	display: block;
	height: 80px;
	font-size: 30px;
	color: #000;
	font-weight: 700
}

#footer_wrap {
	padding: 60px 0;
	background: #fff;
	border-top: 1px solid #e5e5e5;
}

#footer_wrap ul {
	width: 1200px;
	margin: 0 auto
}

#footer_wrap ul li {
	display: block;
	float: left;
	width: 660px;
	height: 180px;
	margin: 0 20px 0 0;
	color: #666;
	font-size: 14px;
	line-height: 30px;
	border-right: solid 1px #dedede
}

#footer_wrap ul li.first {
	width: 260px;
}

#footer_wrap ul li.last {
	width: 200px;
	margin: 0;
	border: none
}

#footer_wrap ul li .copy {
	display: block;
}

#footer_wrap ul li .copy_m {
	display: none;
}

#content_wrap {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 60px 0;
}

#list_type {
	margin: 0 0 20px 0;
	border-top: none;
}

#list_type table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0
}

#list_type th {
	padding: 14px 0 14px 12px;
	font-size: 14px;
	color: #444;
	text-align: left;
	font-weight: bold;
	background: #f6f6f6;
	border-top: solid 1px #666;
	border-bottom: solid 1px #bbb
}

#list_type td {
	padding: 14px 0 14px 12px;
	font-size: 14px;
	text-align: left;
	border-bottom: solid 1px #ddd;
}

#list_type td .cmt {
	display: inline-block;
	margin: 0 2px;
	font-size: 12px;
	color: #ff7700;
}

#list_type td .list_info {
	display: none
}

.num {
	width: 60px;
	text-align: left
}

.subject {
	text-align: left;
}

.date {
	width: 100px;
	text-align: left
}

.name {
	width: 100px;
	text-align: left
}

.down {
	width: 140px;
	text-align: center !important;
}

.grade {
	width: 120px;
	text-align: left;
}

.vi_evalue {
	width: 80px;
	text-align: left;
}

.evalue_info {
	display: none
}

.evalue_grade {
	display: none
}

.pay_way {
	width: 140px;
	text-align: left;
}

.pay_price {
	width: 140px;
	text-align: left;
}

.proc {
	width: 120px;
	text-align: left;
}

.receipt {
	width: 80px;
	text-align: left;
}

#list_category {
	width: 100%;
	margin: 0 0 40px 0
}

#list_category h2 {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

#list_category ul {}

#list_category ul li {
	display: block;
	float: left;
	width: 12.5%
}

#list_category ul li a {
	display: block;
	height: 48px;
	margin: 0 -1px -1px 0;
	font-size: 14px;
	color: #999;
	text-align: center;
	line-height: 48px;
	background: #fff;
	border: solid 1px #ddd;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

#list_category ul li a#on {
	height: 48px;
	margin: 0 0 -1px 0 !important;
	color: #fff;
	font-weight: bold;
	background: #f75665;
	border: solid 1px #f75665;
	z-index: 99999
}

#list_category ul li a:hover {
	color: #fff;
	background: #666
}

.btn_frm {
	display: inline-block;
	padding: 0 14px;
	height: 36px;
	font-size: 14px;
	color: #666;
	font-weight: normal;
	text-decoration: none;
	border: solid 1px #ddd;
}

a.btn_frm {
	height: 32px;
	color: #666;
	line-height: 32px;
	text-decoration: none;
}

#paging_area {
	height: 80px;
	text-align: center
}

#paging_area a {
	display: inline-block;
	margin: 2px;
	padding: 0 12px;
	height: 30px;
	color: #666;
	letter-spacing: 0;
	line-height: 30px;
	border: solid 1px #ccc;
	vertical-align: middle
}

#paging_area a:focus,
#paging_area a:hover {
	text-decoration: none;
}

#paging_area a {
	background: #eee;
	text-decoration: none
}

#paging_area .pg_prev {
	padding: 0 12px 0 24px;
	background: url(../images_201710/btn_page_next.gif) no-repeat 50% 50%
}

#paging_area .pg_start {
	padding: 0 12px 0 24px;
	background: url(../images_201710/btn_page_next2.gif) no-repeat 50% 50%
}

#paging_area .pg_end {
	padding: 0 24px 0 12px;
	background: url(../images_201710/btn_page_prev2.gif) no-repeat 50% 50%
}

#paging_area .pg_next {
	padding: 0 24px 0 12px;
	background: url(../images_201710/btn_page_prev.gif) no-repeat 50% 50%
}

#paging_area .pg_current {
	display: inline-block;
	padding: 0 14px;
	color: #fff;
	font-weight: bold;
	background: #444;
	border: solid 1px #222;
}

#search_type {
	text-align: center;
}

#search_type .select {
	display: inline-block;
	width: 140px;
}

#search_type .input {
	width: 300px;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	text-indent: 6px;
	border: solid 1px #ccc
}

#search_type .btn {
	display: inline-block;
	width: 60px;
	height: 32px;
	color: #fff;
	font-size: 14px;
	line-height: 32px;
	text-align: center;
	background: #444;
	border: none
}

#search_type span,
#search_type input,
#search_type {
	vertical-align: top;
}

#btn_area_move {
	margin: 0 0 40px 0;
	font-size: 14px;
	text-align: left;
	border-top: solid 1px #ddd
}

#btn_area_move strong {
	display: inline-block;
	width: 60px;
	color: #666;
	font-weight: bold
}

#btn_area_move a.btn_prev {
	display: block;
	padding: 22px 10px 22px 34px;
	color: #999;
	border-bottom: solid 1px #ddd
}

#btn_area_move a.btn_next {
	display: block;
	padding: 22px 10px 22px 34px;
	color: #999;
	border-bottom: solid 1px #ddd
}

#btn_area_move a:hover {}

#btn_area_center {
	height: 50px;
	text-align: center;
	vertical-align: top;
}

#btn_area_center a {
	display: inline-block;
	margin-left: 3px;
	padding: 12px 18px;
	font-size: 14px;
	color: #fff;
	line-height: normal;
	text-decoration: none;
	background: #444;
	cursor: pointer;
}

#btn_area_center .btn_act {
	display: inline-block;
	margin-left: 3px;
	padding: 10px 18px;
	font-size: 14px;
	color: #fff;
	line-height: normal;
	background: #ed2100;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

#btn_area_center a.btn_cancel {
	padding: 9px 16px;
	color: #666;
	background: #f6f6f6;
	border: solid 1px #ddd;
	border-radius: 5px;
	cursor: pointer;
}

#btn_area_center input.btn_appl {
	display: inline-block;
	height: 50px;
	margin: 0 auto;
	padding: 0 36px 0 66px;
	font-size: 18px;
	color: #333;
	line-height: 50px;
	text-align: center;
	font-weight: 700;
	text-decoration: none;
	background: url(../images_201710/icon_appl.png) no-repeat 36px 50%;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	border: 2px solid #333;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

#btn_area_center input.btn_appl:hover {
	background: url(../images_201710/icon_appl.png) no-repeat 36px 50% #fffafa;
	border: 2px solid #ed2100;
	box-shadow: 1px 8px 13px 0px rgba(0, 0, 0, 0.1);
}

#btn_area_center input,
#btn_area_center a {
	vertical-align: top
}

#btn_area {
	height: 50px;
	text-align: right;
}

#btn_area a {
	display: inline-block;
	margin-left: 3px;
	padding: 12px 18px;
	font-size: 14px;
	color: #fff;
	line-height: normal;
	background: #444;
	text-decoration: none;
	border-radius: 5px;
}

#btn_area a.btn_act {
	background: #ed2100
}

#btn_area a.btn_cancel {
	padding: 10px 16px;
	color: #666;
	background: #f6f6f6;
	border: solid 1px #ddd
}



#view_title {
	padding: 22px 10px;
	color: #444;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	background: #f6f6f6;
	border-top: solid 1px #666;
	border-bottom: solid 1px #ddd
}

#view_title .category {
	color: #999;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	font-size: 14px;
	border-right: solid 1px #ddd
}

#view_title .date {
	color: #999;
	font-size: 14px;
}

#view_info {
	padding: 22px 10px;
	font-size: 14px;
	text-align: left;
	border-bottom: solid 1px #ddd
}

#view_info strong {
	color: #444;
	font-weight: bold;
}

#view_info .label {
	display: inline-block;
	width: 80px;
	color: #444;
	font-weight: bold
}

#view_file {}

#view_file h2 {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

#view_file ul {}

#view_file ul li {
	display: block;
	padding: 22px 10px;
	font-size: 14px;
	text-align: left;
	border-bottom: solid 1px #eee
}

#view_file ul li .label {
	display: inline-block;
	width: 80px;
	color: #444;
	font-weight: bold
}

#view_link {}

#view_link h2 {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

#view_link ul {}

#view_link ul li {
	display: block;
	padding: 22px 10px;
	font-size: 14px;
	text-align: left;
	border-bottom: solid 1px #eee
}

#view_link ul li .label {
	display: inline-block;
	width: 80px;
	color: #444;
	font-weight: bold
}


/*

#view_type {max-width:1200px;margin:0 auto 30px auto;}
#view_type #view_title {padding:22px 10px;color:#444;font-size:18px;font-weight:bold;text-align:left;background:#f6f6f6;border-top:solid 1px #666;border-bottom:solid 1px #ddd}
#view_type #view_title .category {color:#999;margin:0 10px 0 0;padding:0 10px 0 0;font-size:14px;border-right:solid 1px #ddd}
#view_type #view_title .date {color:#999;font-size:14px;}
#view_type #view_info {padding:22px 10px;font-size:14px;text-align:left;border-bottom:solid 1px #ddd}
#view_type #view_info strong {color:#444;font-weight:bold;}
#view_type #view_info .label {display:inline-block;width:80px;color:#444;font-weight:bold}

#view_type #view_file {}
#view_type #view_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#view_type #view_file ul {}
#view_type #view_file ul li {display:block;padding:22px 10px;font-size:14px;text-align:left;border-bottom:solid 1px #eee}
#view_type #view_file ul li .label {display:inline-block;width:80px;color:#444;font-weight:bold}

#view_type #view_link {}
#view_type #view_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#view_type #view_link ul {}
#view_type #view_link ul li {display:block;padding:22px 10px;font-size:14px;text-align:left;border-bottom:solid 1px #eee}
#view_type #view_link ul li .label {display:inline-block;width:80px;color:#444;font-weight:bold}
*/


#view_content_type {
	padding: 30px 10px;
	font-size: 14px;
	text-align: left;
}

#view_content_type h2 {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

#view_sns_type {
	height: 50px;
}

#view_sns_type ul {}

#view_sns_type ul li {
	display: block;
	float: left
}

#view_sns_type ul li a {
	display: block;
	margin: 0 8px 0 0
}

#btn_choice_good,
#btn_choice_bad {
	display: none;
	position: absolute;
	top: 30px;
	left: 0;
	min-width: 250px;
	padding: 19px;
	color: #999;
	text-align: center;
	background: #f6f6f6;
	border: solid 1px #ddd
}

#cmt_type {
	margin: 0 0 40px 0;
	font-size: 14px;
	text-align: left;
}

#cmt_type h2 {
	display: none
}

#cmt_type #cmt_title {
	display: block !important;
	height: 40px;
	padding: 30px 0 0 0;
	color: #444;
	font-weight: bold;
}

#cmt_type p {
	line-height: 22px;
}

#cmt_type .cmt_info {
	height: 30px;
}

#cmt_type .date {
	color: #999;
	font-size: 11px;
}

#cmt_type .cmt_info #cmt_btn {
	float: right;
}

#cmt_type .cmt_info #cmt_btn ul {}

#cmt_type .cmt_info #cmt_btn ul li {
	display: block;
	float: left;
}

#cmt_type .cmt_info #cmt_btn ul li a {
	display: block;
	margin: 0 6px 0 0;
	padding: 0 6px 0 0;
	color: #999;
	font-size: 14px;
	border-right: solid 1px #ddd;
}

#cmt_type .cmt_info #cmt_btn ul li a.last {
	margin: 0;
	padding: 0;
	border-right: none
}

#cmt_form_type {
	padding: 20px 0;
}

#cmt_form_type table {
	width: 100%;
	margin: 0 0 30px 0;
	border-collapse: collapse;
	border-top: solid 1px #ddd;
	border-spacing: 0
}

#cmt_form_type caption {
	display: none;
	padding: 10px 0;
	font-weight: bold;
	text-align: left
}

#cmt_form_type th {
	width: 120px;
	padding: 18px 8px;
	font-size: 14px;
	color: #444;
	text-align: left;
	font-weight: bold;
	/*background:#f6f6f6;*/
	border-bottom: solid 1px #eee;
}

#cmt_form_type td {
	width: ;
	padding: 18px 8px;
	font-size: 14px;
	color: #999;
	text-align: left;
	border-bottom: solid 1px #eee;
}

#cmt_form_type textarea {
	width: 95%;
	height: 150px;
	border: solid 1px #ddd;
}

#cmt_form_type .btn_cmt_submit {
	display: block;
	width: 100%;
	height: 50px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	background: #444;
	border: none;
	cursor: pointer
}

#btn_area_frm {
	position: relative;
	height: 80px;
	text-align: center
}

/* 서식단계 진행 */
#btn_area_frm .btn {
	display: inline-block;
	padding: 0 44px;
	font-size: 16px;
	font-weight: bold;
	background: #fff;
	border: solid 1px #ccc;
	cursor: pointer;
}

#btn_area_frm .btn_act {
	height: 50px;
	color: #fff;
	text-decoration: none;
	background: #ed2100;
	border: solid 1px #1e80ff !important
}

#btn_area_frm a.btn_act {
	height: 50px;
	color: #fff;
	line-height: 48px;
	text-decoration: none;
	background: #ed2100;
	border: solid 1px #1e80ff !important
}

#btn_area_frm .btn_normal {
	height: 50px;
	color: #666;
	text-decoration: none;
}

#btn_area_frm a.btn_normal {
	height: 48px;
	color: #666;
	line-height: 48px;
	text-decoration: none;
}

#btn_area_frm input,
#btn_area_frm button,
#btn_area_frm span,
#btn_area_frm img,
#btn_area_frm a {
	vertical-align: top;
}

#form_type {
	margin: 0 0 20px 0;
	border-top: solid 2px #ed2100;
}

#form_type table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0
}

#form_type th {
	width: 120px;
	padding: 12px 0 12px 14px;
	font-size: 14px;
	color: #444;
	text-align: left;
	font-weight: bold;
	background: #f6f6f6;
	border-bottom: solid 1px #bbb
}

#form_type td {
	width: ;
	padding: 12px 0 12px 14px;
	font-size: 14px;
	text-align: left;
	border-bottom: solid 1px #ddd;
}

#form_type td .input {
	width: 200px;
	height: 28px;
	font-size: 14px;
	line-height: 28px;
	text-indent: 7px;
	border: solid 1px #ccc;
}

#form_type td .input_b {
	width: 700px;
	height: 28px;
	font-size: 14px;
	line-height: 28px;
	text-indent: 7px;
	border: solid 1px #ccc;
}

#form_type td .select {
	display: inline-block;
	width: 200px;
}

#form_type td .textarea {
	width: 90%;
	height: 200px;
	border: solid 1px #ccc;
}

#form_type td .div_box {
	display: block;
	float: left;
	width: 25%;
}

#form_type td .div_box2 {
	display: block;
	float: left;
	width: 20%;
}

#form_type td .input_tel {
	display: inline-block;
	width: 80px;
	height: 30px;
	font-size: 14px;
	text-indent: 6px;
	line-height: normal;
	border: solid 1px #ccc;
}




#info_wrap {
	padding: 60px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 24px;
	background: url(../images_201710/info_bg.jpg) no-repeat center top #eee;
	background-size: cover
}

.reg_title {
	height: 50px;
	color: #444;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}

.find_txt {
	font-size: 16px;
	color: #666;
	text-align: center;
	font-weight: normal;
	margin-bottom: 44px;
	letter-spacing: -0.5px;
	line-height: 1.6;
}

.find_txt span {
	color: #333;
	font-weight: bold;
}



#login_wrap {
	max-width: 1000px;
	margin: 0 auto;
	text-align: left;
	font-size: 14px;
}

#login_wrap ul {
	max-width: 600px;
	margin: 0 auto;
}

#login_wrap ul li {
	display: block;
	position: relative;
	margin: 0 0 10px 0;
	text-align: left;
	font-size: 14px;
}

#login_wrap ul li label {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	font-size: 14px;
	line-height: 40px;
	padding: 0 0 0 9px
}

#login_wrap ul li .input {
	display: block;
	width: 100%;
	height: 38px;
	font-size: 14px;
	text-indent: 9px;
	line-height: 38px;
	border: solid 1px #ddd
}

#login_wrap ul li .btn_submit {
	width: 100%;
	height: 50px;
	color: #fff;
	font-size: 14px;
	line-height: 50px;
	text-align: center;
	background: #569ffd;
	border: none
}

#login_wrap p {
	display: block;
	max-width: 600px;
	margin: 0 auto 20px auto;
	text-align: left;
}

#login_wrap a {
	display: inline-block;
	margin: 0 2px;
	padding: 12px 18px;
	font-size: 14px;
	color: #666;
	line-height: normal;
	text-decoration: none;
	background: #f6f6f6;
	border: solid 1px #ddd;
}


#login_type {
	max-width: 500px;
	margin: 0 auto;
	padding: 39px;
	background: #eee;
}

#login_type ul.tabs {
	margin: 20px auto 0;
	padding: 0px;
	list-style: none;
	text-align: center;
}

#login_type ul.tabs li {
	background: none;
	color: #888;
	display: inline-block;
	padding: 13px 10px;
	cursor: pointer;
	margin: 0;
	border: solid 1px #cecece;
	width: 44.5%;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -0.5px;
}

#login_type ul.tabs li.current {
	background: #444444;
	color: #fff;
	border: none;
	padding: 14px 10px;
}

#login_type .tab-content {
	display: none;
	background: #ededed;
}

#login_type .tab-content.current {
	display: inherit;
}

#login_type .find_id_txt {
	text-align: center;
}

#login_type .find_id_txt p {
	font-size: 15px;
	color: #666;
	margin: 32px 0 34px;
	display: inline-block;
	letter-spacing: -0.5px;
	line-height: 1.5;
}

#login_type .find_id_txt .id_info {
	margin: 0 0 25px 0;
	font-weight: bold;
	color: #2f2626;
	background-color: #f1e6e6;
	padding: 23px 15px;
	width: 73%;
	border: 2px solid #ce322c;
}

#login_type .find_id_txt .id_info span {
	color: #c6322c;
}

#login_type .find_id_txt .pw_info_box {
	margin: 0 0 10px 0;
}

#login_type .find_id_txt .pw_info {
	font-size: 14px;
	margin: 0 0 30px 0;
}

#login_type .phone_number {
	margin: 0 0 8px 0;
}

#login_type .phone_number .idealselect .title {
	height: 40px;
	line-height: 40px;
}

#login_type .phone_number .input_tel {
	width: 35%;
	height: 38px;
	line-height: 38px;
	text-indent: 8px;
	border: solid 1px #ccc;
	vertical-align: top;
}

#login_type ul {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}

#login_type ul li {
	display: block;
	margin: 0 0 20px 0;
	line-height: 30px;
}

#login_type ul li label {
	display: block;
	height: 30px;
	color: #444;
	font-weight: 700;
}

#login_type ul li .input {
	width: 100%;
	height: 38px;
	line-height: 38px;
	text-indent: 8px;
	border: solid 1px #ccc;
}

#login_type .btn_reg_area {
	width: 100%;
	max-width: 400px;
	margin: 0 auto 24px auto;
}

#login_type .btn_reg_area .btn_act {
	width: 100%;
	height: 50px;
	color: #fff;
	text-align: center;
	line-height: 50px;
	font-weight: 700;
	background: #444;
	border: none;
	cursor: pointer
}

#agree_type {
	max-width: 1100px;
	margin: 0 auto;
	padding: 39px;
	background: #eee
}

#agree_type ul {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

#agree_type ul li {
	display: block;
	margin: 0 0 12px 0;
	line-height: 30px;
}

#agree_type ul li.chk {
	margin: 0 0 30px 0;
	line-height: 22px;
}

#agree_type ul li label {
	display: block;
	height: 40px;
	font-size: 18px;
	color: #444;
	font-weight: 700;
}

#agree_type ul li .input {
	width: 100%;
	height: 38px;
	line-height: 38px;
	text-indent: 8px;
	border: solid 1px #ccc;
}

#agree_type ul li .textarea {
	width: 100%;
	height: 180px;
	border: solid 1px #ccc
}

.btn_reg_area {
	width: 100%;
	max-width: 900px;
	margin: 0 auto 24px auto;
	text-align: center;
}

.btn_reg_area .btn_act {
	width: 140px;
	height: 50px;
	color: #fff;
	text-align: center;
	line-height: 50px;
	font-weight: 700;
	background: #444;
	border: none;
	cursor: pointer
}

.reg_title_sub {
	height: 40px;
	color: #444;
	font-size: 18px;
	font-weight: 700;
	text-align: left;
}

#reg_type {
	max-width: 1200px;
	margin: 0 auto 60px auto;
	padding: 9px 29px;
	background: #fff;
	border-top: solid 2px #ed2100;
}

#reg_type dl {}

#reg_type dl dd {
	display: block;
	position: relative;
	padding: 12px 0 12px 160px;
	line-height: 30px;
	border-bottom: solid 1px #ddd;
}

#reg_type dl dd label {
	display: block;
	position: absolute;
	left: 0;
	top: 12px;
	width: 160px;
	color: #444;
	font-size: 14px;
	font-weight: 700
}

#reg_type dl dd .form_info {
	color: #666;
	font-weight: normal;
	line-height: 22px;
}

#reg_type dl dd .input {
	display: inline-block;
	width: 272px;
	height: 30px;
	font-size: 14px;
	text-indent: 6px;
	font-weight: normal;
	line-height: normal;
	border: solid 1px #ccc;
}

#reg_type dl dd .btn_reg_in {
	display: inline-block;
	height: 30px;
	padding: 0 18px;
	color: #fff;
	text-align: center;
	line-height: 30px;
	text-align: center;
	font-weight: 700;
	background: #ed2100;
	border-radius: 5px;
}

#reg_type dl dd .select {
	display: inline-block;
	width: 300px;
}

#reg_type dl dd .input_b {
	display: inline-block;
	width: 80%;
	height: 30px;
	font-size: 14px;
	text-indent: 6px;
	font-weight: normal;
	line-height: normal;
	border: solid 1px #ccc;
}

#reg_type dl dd .input_tel {
	display: inline-block;
	width: 80px;
	height: 30px;
	margin: 0 10px 0 0;
	font-size: 14px;
	text-indent: 6px;
	line-height: normal;
	border: solid 1px #ccc;
}

#reg_type dl dd .radio_area {
	display: inline-block;
	width: 30%;
	margin: 0 0 12px;
	font-weight: normal;
	color: #666;
	line-height: normal
}

#reg_type dl dd .radio_area span,
#reg_type dl dd .radio_area input,
#reg_type dl dd .radio_area img,
#reg_type dl dd .radio_area a {
	vertical-align: middle
}

#reg_type dl dd .textarea {
	width: 95%;
	height: 150px;
	border: solid 1px #ccc
}

#reg_type dl dd .textarea_b {
	width: 100%;
	height: 200px;
	font-size: 14px;
	border: solid 1px #ccc
}

#reg_type dl dd input,
#reg_type dl dd span,
#reg_type dl dd img,
#reg_type dl dd a {
	vertical-align: middle
}

#reg_result_type {
	padding: 80px 0;
	text-align: center;
	font-size: 36px;
	color: #222
}

/* 팝업 */
#p_wrap {}

#p_title {
	height: 50px;
	margin: 0;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-indent: 10px;
	line-height: 50px;
	background: #444
}

#p_wrap p {
	min-height: 40px;
	margin: 30px 10px;
	padding: 9px 9px 9px 59px;
	font-size: 12px;
	line-height: 18px;
	background: url(../images_201710/icon_info.png) no-repeat 20px 13px #f6f6f6;
	border: solid 1px #ddd
}

#p_wrap .p_con {
	min-height: 40px;
	margin: 30px 20px;
	padding: 9px;
	line-height: 18px;
	background: #f6f6f6;
	border: solid 1px #ddd
}

#p_wrap .p_con strong {
	color: #444;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
}

#p_wrap .p_img {
	text-align: center;
}

#p_wrap .p_img img {
	max-width: 760px;
	height: auto
}

#p_form_wrap {
	margin: 0 10px;
}

#p_form_wrap label {
	display: block;
	height: 30px;
	color: #444;
	font-weight: bold;
}

#p_form_wrap .input {
	display: block;
	width: 100%;
	height: 38px;
	margin: 0 0 10px 0;
	line-height: 38px;
	text-indent: 7px;
	border: solid 1px #ccc
}

#p_form_wrap .input_b {
	width: 80px;
	height: 38px;
	margin: 0 0 10px 0;
	line-height: 38px;
	text-indent: 7px;
	border: solid 1px #ccc
}

#p_li_type {
	margin: 0 0 20px 0;
}

#p_li_type ul {}

#p_li_type ul li {
	display: block;
	padding: 16px 10px;
	line-height: normal;
	border-bottom: solid 1px #eee;
}

#p_li_type ul li.first {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	background: #666;
}

#p_li_type ul li .p_chk_area {
	display: inline-block;
	width: 20px;
}

#p_li_type ul li label {
	margin: 0;
	padding: 0;
}

#p_li_type ul li span,
#p_li_type ul li input,
#p_li_type ul li img,
#p_li_type ul li a {
	vertical-align: middle
}

#p_btn_wrap {
	height: 60px;
	text-align: center;
}

#p_btn_wrap .btn {
	display: inline-block;
	padding: 0 24px;
	font-size: 12px;
	font-weight: bold;
	background: #fff;
	border: solid 1px #ccc;
	cursor: pointer;
}

#p_btn_wrap .btn_act {
	height: 30px;
	color: #fff;
	text-decoration: none;
	background: #ed2100;
	border: solid 1px #a1200b !important
}

#p_btn_wrap .btn_normal {
	height: 30px;
	color: #666;
	line-height: 28px;
	text-decoration: none;
}

#print_title {
	height: 60px;
	padding: 0 10px;
	color: #444;
	font-size: 18px;
	line-height: 60px;
	text-align: left;
	font-weight: 700;
}

#print_title_sub {
	height: 40px;
	padding: 0 10px;
	color: #444;
	font-size: 16px;
	line-height: 40px;
	text-align: left;
	font-weight: 700;
}

#print_type {
	margin: 20px 10px;
}

#print_type table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0
}

#print_type caption {
	display: none;
	padding: 10px 0;
	font-weight: bold;
	text-align: left
}

#print_type th {
	padding: 12px 0 12px 3px;
	font-size: 12px;
	color: #444;
	text-align: left;
	font-weight: bold;
	background: #f6f6f6;
	border: solid 1px #666;
	border: solid 1px #bbb
}

#print_type td {
	padding: 12px 0 12px 7px;
	font-size: 12px;
	text-align: left;
	border: solid 1px #ddd;
}

#print_type td a {
	font-size: 14px !important
}

.print_txt {
	height: 70px;
	margin: 20px 10px;
	padding: 10px 70px 0 0;
	text-align: right;
	background: url(../images_201710/stemp.gif) no-repeat right top
}

#persnal_info {
	margin: 0 0 40px 0;
	padding: 29px 39px;
	background: #f6f6f6;
	border: solid 1px #ccc;
}

#persnal_info ul {}

#persnal_info ul li {
	display: block;
	float: left;
	width: 33.3%;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	text-align: left;
}

#persnal_info ul li label {
	display: inline-block;
	width: 130px;
	margin: 0 10px 0 0;
	color: #444;
	font-weight: 700;
	border-right: solid 1px #ddd;
}

#persnal_info ul li label img {
	width: 40px;
	height: auto
}

#persnal_info ul li strong {
	color: #444;
	font-weight: 700;
}

#persnal_info ul li.w100 {
	width: 100%;
	margin: 20px 0 0 0
}

#persnal_lec {
	margin: 0 0 40px 0;
	padding: 29px 0;
	background: #fff;
	border: solid 1px #ccc;
}

#persnal_lec ul {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}

#persnal_lec ul li {
	display: block;
	float: left;
	width: 33.3%;
	height: 16px;
	padding: 16px 0;
	line-height: 16px;
	font-size: 14px;
	text-align: left;
	border-bottom: solid 1px #eee;
}

#persnal_lec ul li label {
	display: inline-block;
	width: 110px;
	margin: 0 10px 0 0;
	color: #444;
	font-weight: 700;
	border-right: solid 1px #ddd;
}

#persnal_lec ul li strong {
	color: #ed2100;
	font-weight: 700
}

#persnal_lec ul li a {
	color: #ff7700;
	text-decoration: underline
}

#persnal_lec ul li.none {
	display: block
}

#persnal_btn {
	margin: 0 auto 40px auto;
	text-align: center;
}

#persnal_btn ul {}

#persnal_btn ul li {
	display: block;
	float: left;
	width: 25%;
}

#persnal_btn ul.persnal_btn_wrap li {
	width: 33.3%;
}

#persnal_btn a {
	display: block;
	width: 90%;
	height: 50px;
	margin: 0 auto;
	color: #333;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	line-height: 50px;
	text-decoration: none;
	background: transparent;
	border-radius: 5px;
	border: 2px solid #333;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

#persnal_btn a:hover {
	border: 2px solid #ed2100;
	background: #fffafa;
	box-shadow: 1px 8px 13px 0px rgba(0, 0, 0, 0.1);
}

#lecture_btn {
	margin: 0 auto 40px auto;
	text-align: center;
}

#lecture_btn ul {}

#lecture_btn ul li {
	display: block;
	float: left;
	width: 25%;
}

#lecture_btn a {
	display: block;
	width: 90%;
	height: 50px;
	margin: 0 auto;
	color: #333;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	line-height: 50px;
	text-decoration: none;
	background: #transparent;
	border-radius: 5px;
	border: 1px solid #ddd;
	background: #fff;
	border: 2px solid #333;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

#lecture_btn a:hover {
	border: 2px solid #ed2100;
	background: #fffafa;
	box-shadow: 1px 8px 13px 0px rgba(0, 0, 0, 0.1);
}

.lecture_search_2021 {
	text-align: right !important;
}

.lecture_search_2021 .lecture_search_form {
	margin-right: 15px;
}

.lecture_search_2021 .lecture_search_form input {
	padding: 0px 10px;
	color: #000;
	letter-spacing: -1px;
	font-weight: 500;
	margin-right: -5px;
	border: 1px solid #c5c5c5;
	border-radius: 3px;
	height: 36px;
	line-height: 36px;
	width: 200px;
}

.lecture_search_2021 .lecture_search_form button {
	background-color: #c6322c;
	color: #fff;
	height: 38px;
	line-height: 38px;
	padding: 0px 14px;
	letter-spacing: -1px;
	font-weight: 600;
	border-radius: 3px;
}

.lecture_search_2021 .lecture_search_form button:hover {
	background-color: #444;
}


#delay_policy {
	margin: 0 0 20px 0;
	padding: 19px;
	background: #f6f6f6;
	border: solid 1px #ddd;
}

#delay_policy .title {
	margin: 0 0 20px 0;
	color: #444;
	font-weight: 700;
	font-size: 24px;
	text-align: left;
	line-height: 32px;
}

#delay_policy .title img {
	vertical-align: top
}

#delay_policy ul {}

#delay_policy ul li {
	display: block;
	margin: 0 0 4px 0;
	;
	padding: 0 0 0 12px;
	background: url(../images_201710/bullet_orange.png) no-repeat 0 7px;
}

#calen_wrap {
	margin: 0 0 40px 0;
}

.bumlae {
	margin: 0 0 20px 0;
	padding: 19px;
	background: #f6f6f6;
	border: solid 1px #aaa
}

.bumlae ul {}

.bumlae ul li {
	display: block;
	float: left;
	width: 16.6%;
	height: 20px;
	line-height: 20px;
}

.calen_1 {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: #ff7700
}

.calen_2 {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: #1398d9
}

.calen_3 {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: #aa7bc1
}

.calen_4 {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: #f75665
}

.calen_5 {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: #05b721
}

.calen_6 {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: #717380
}

.calendar {}

.calendar_month {
	height: 40px;
	margin: 0 0 10px 0;
	color: #eb150a;
	font-size: 30px;
	text-align: center;
	font-weight: 700;
	line-height: normal;
}

.calendar ul {}

.calendar ul li {
	display: block;
	float: left;
	width: 16%;
	height: 180px;
	margin: 0 -1px -1px -1px;
	background: #fff;
	border: solid 1px #ddd;
}

.calendar ul li.week {
	width: 10%;
}

.calendar ul li.title {
	height: 40px !important;
	line-height: 40px;
	text-align: center;
	background: #eee
}

.calendar ul li.blank {
	background: #eee
}

.calendar ul li .day {
	font-weight: 700;
	text-align: left;
	border-bottom: solid 1px #ddd;
}

.calendar ul li div {
	margin: 0 8px 10px 8px;
	padding: 8px 0;
	text-align: center;
}

.calendar ul li div span {
	vertical-align: middle
}

.calendar ul li a {
	display: block;
	width: 100px;
	height: 35px;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	text-decoration: none;
	line-height: 35px;
	background: #444;
}

.calendar ul li a.point {
	background: #569ffd
}

#pop_title {
	position: relative;
	margin: 10px 20px 20px 20px;
	padding: 10px;
	color: #fff;
	font-weight: 700;
	font-size: 24px;
	background: #eb150a;
	border-radius: 5px;
}

#pop_title .slogon {
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
}

.lec_mov {
	margin: 20px
}

#lec_wrap {
	margin: 20px
}

.lec_img {
	float: left;
	overflow: hidden;
	text-align: center;
	border: solid 1px #ccc;
	border-radius: 5px;
}

.lec_img img {
	width: 270px;
	height: auto;
}

.lec_career {
	height: 220px;
	margin: 0 0 0 360px;
	padding: 19px;
	border: solid 1px #ccc;
	border-radius: 5px;
}

.lec_career dl {}

.lec_career dt {
	display: block;
	height: 40px;
	margin: 0 0 10px 0;
	padding: 0 0 0 12px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	;
	background: #363945;
	border-radius: 5px;
}

.lec_career dd {
	display: block;
	padding: 0 0 0 12px;
	font-size: 14px;
	line-height: 16px;
	/*background:url(../images_201710/bullet_red.png) no-repeat 0 50%*/
}

.lec_career dd strong {
	font-weight: 700;
	color: #444
}

.lec_con {
	font-size: 14px;
	margin: 20px 0 10px 0;
	padding: 19px;
	background: #f6f6f6;
	border: solid 1px #ccc;
	border-radius: 5px;
}

.lec_con .title {
	display: block;
	height: 40px;
	margin: 0 0 20px 0;
	padding: 0 0 0 12px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	;
	background: #363945;
	border-radius: 5px;
}

a.lec_con_lnk {
	display: block;
	width: 300px;
	height: 50px;
	margin: 0 auto;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 50px;
	text-decoration: none;
	background: #ed2100;
	border-radius: 5px;
}

.lec_class {
	overflow: hidden;
	font-size: 14px;
	margin: 30px 20px;
	padding: 0;
	background: #f6f6f6;
	border: solid 1px #ccc;
	border-radius: 5px;
}

.lec_class img {
	width: 100%;
	height: auto;
}

.lec_class .title {
	display: block;
	height: 40px;
	margin: 0 0 20px 0;
	padding: 0 0 0 12px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	;
	background: #363945;
	border-radius: 5px;
}

.lec_btn {
	margin: 20px 0;
	text-align: center;
}

.lec_btn .select {
	display: inline-block;
	width: 160px;
}

.lec_btn .btn {
	display: inline-block;
	height: 30px;
	padding: 0 12px;
	color: #fff;
	line-height: 30px;
	font-weight: 700;
	background: #555;
	border: solid 1px #444;
}

.lec_btn span,
.lec_btn input,
.lec_btn img,
.lec_btn a {
	vertical-align: top;
}

.lec_info {
	height: 220px;
	margin: 0 0 0 360px;
	padding: 19px;
	border: solid 1px #ccc;
	border-radius: 5px;
}

.lec_info dl {}

.lec_info dt {
	display: block;
	height: 40px;
	margin: 0 0 10px 0;
	padding: 0 0 0 12px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	;
	background: #363945;
	border-radius: 5px;
}

.lec_info dd {
	display: block;
	height: 25px;
	padding: 8px 0 0 0;
	font-size: 14px;
	line-height: normal;
}

.lec_info dd label {
	display: inline-block;
	width: 100px;
	margin: 0 10px 0 0;
	color: #444;
	font-weight: 700;
	border-right: solid 1px #ddd;
}

.manager_img {
	float: left;
	overflow: hidden;
	border: solid 1px #ccc;
	border-radius: 5px;
}

.manager_img img {
	width: 130px;
	height: auto;
}

.manager_career {
	height: 150px;
	margin: 0 0 0 160px;
	padding: 19px;
	border: solid 1px #ccc;
	border-radius: 5px;
}

.manager_career dl {}

.manager_career dt {
	display: block;
	height: 40px;
	margin: 0 0 10px 0;
	padding: 0 0 0 12px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	;
	background: #363945;
	border-radius: 5px;
}

.manager_career dd {
	display: block;
	height: 25px;
	padding: 0 0 0 12px;
	font-size: 14px;
	line-height: 25px;
	background: url(../images_201710/bullet_red.png) no-repeat 0 50%
}

.manager_career dd strong {
	font-weight: 700;
	color: #444
}

#chart_wrap {
	width: 40%;
	margin: 0 auto 40px auto;
}

#book_wrap {
	width: 100%;
	max-width: 1200px;
	margin: 60px auto;
	padding: 40px 0;
	background: url(../images_201710/book_wall.jpg);
}

#book_wrap ul {}

#book_wrap ul li {
	display: block;
	float: left;
	width: 20%;
	margin: 20px 0;
}

#book_wrap ul li a {
	display: block;
	width: 150px;
	height: 180px;
	margin: 0 auto;
	padding: 40px 0 0 25px;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	line-height: 24px;
	text-decoration: none;
	background: url(../images_201710/book_bg.png) no-repeat 0 0;
	background-size: 100% auto
}

a.lnk_blog {
	display: block;
	width: 500px;
	height: 50px;
	margin: 0 auto 40px auto;
	font-size: 16px;
	color: #fff;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
	background: #444;
	border-radius: 5px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

a.lnk_blog:hover {
	color: #fff;
	background: #ed2100;
}

#snb_sub {
	height: 40px;
	margin: 0 0 20px 0;
	border-bottom: solid 1px #444;
}

ul.sub_tabs {
	width: 400px;
	margin: 0 auto 40px auto
}

ul.sub_tabs li {
	display: block;
	float: left;
	width: 50%;
	margin: 0 -1px -1px -1px;
	background: #fff;
	border: solid 1px #444;
	border-bottom: none;
	cursor: pointer
}

ul.sub_tabs li a {
	display: block;
	height: 40px;
	color: #666;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
	font-weight: 700;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

ul.sub_tabs li a:hover {
	color: #fff;
	background: #ed2100;
}

ul.sub_tabs li.active {
	color: #fff !important;
	font-weight: bold;
	background: #444
}

ul.sub_tabs li.active a {
	color: #fff !important
}

ul.tabs {
	margin: 0 0 40px 0
}

ul.tabs li {
	display: block;
	float: left;
	width: 20%;
	margin: 0 -1px -1px -1px;
	background: #fff;
	border: solid 1px #ddd;
	cursor: pointer
}

ul.tabs li a {
	display: block;
	height: 40px;
	color: #999;
	font-size: 14px;
	text-align: center;
	line-height: 40px;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

ul.tabs li a:hover {
	color: #fff;
	background: #ed2100;
}

ul.tabs li.active {
	color: #fff !important;
	font-weight: bold;
	background: #666
}

ul.tabs li.active a {
	color: #fff !important
}

ul.tabs_b {
	margin: 0 0 20px 0
}

ul.tabs_b li {
	display: block;
	float: left;
	width: 33.3%;
	margin: 0 -1px -1px -1px;
	background: #fff;
	border: solid 1px #ddd;
	cursor: pointer
}

ul.tabs_b li a {
	display: block;
	height: 40px;
	color: #999;
	font-size: 14px;
	text-align: center;
	line-height: 40px;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

ul.tabs_b li a:hover {
	color: #fff;
	background: #ed2100;
}

ul.tabs_b li.active {
	color: #fff !important;
	font-weight: bold;
	background: #666
}

ul.tabs_b li.active a {
	color: #fff !important
}

#jrc_type {}

#jrc_type ul {}

#jrc_type ul li {
	display: block;
	float: left;
	width: 20%;
	margin: 0 0 40px 0;
}

#jrc_type ul li .jrc_con {
	display: block;
	width: 200px;
	margin: 0 auto;
	padding: 9px;
	font-size: 12px;
	border: solid 1px #ccc;
}

#jrc_type ul li .jrc_con .img {
	display: block;
	margin: 0 auto 14px auto;
}

#jrc_type ul li .jrc_con strong {
	display: block;
	height: 50px;
	margin: 0 0 8px 0;
	font-size: 16px;
	color: #444;
	font-weight: 700;
	letter-spacing: -1px;
	border-bottom: solid 1px #eee
}

#jrc_type ul li .jrc_con label {
	display: inline-block;
	width: 60px;
	margin: 0 7px 0 0;
	color: #444;
	font-weight: 700;
}

#jrc_type ul li dl {}

#jrc_type ul li dl dd {
	display: block;
	float: left;
	width: 33.3%;
	margin: 14px 0
}

#jrc_type ul li dl dd.w50 {
	width: 50% !important;
}

#jrc_type ul li dl dd a {
	display: block;
	width: 90%;
	margin: 0 auto;
	padding: 8px 0;
	font-size: 14px;
	color: #333;
	font-weight: 700;
	text-align: center;
	line-height: 18px;
	text-decoration: none;
	background: transparent;
	border-radius: 5px;
	box-shadow: 0 0 0 1px #333 inset;
}

#jrc_type ul li dl dd a.jrc_pay {
	background: #ed2100;
	color: #fff;
	box-shadow: none;
}

#jrc_list {
	margin: 0 0 20px 0;
}

#jrc_list ul {}

#jrc_list ul li {
	display: block;
	position: relative;
	padding: 16px 0 16px 120px;
	border-bottom: solid 1px #ddd
}

#jrc_list ul li label {
	display: block;
	position: absolute;
	width: 100px;
	left: 0;
	top: 16px;
	color: #444;
	font-weight: 700;
	border-right: solid 1px #ddd;
}

#jrc_list ul li strong {
	color: #ed2100;
	font-weight: 700
}

#jrc_list dl {}

#jrc_list dl dd {
	display: block;
	position: relative;
	margin: 0 -1px -1px -1px;
	padding: 8px 0;
	background: #f6f6f6;
	border: solid 1px #ddd;
}

#jrc_list dl dd .num {
	display: inline-block;
	width: 50px;
	margin: 0 10px 0 0;
	color: #ed2100;
	font-weight: 700;
	text-align: center;
	border-right: solid 1px #ddd;
}

#jrc_list dl dd a {
	display: block;
	position: absolute;
	right: 20px;
	top: 50%;
	margin: -11px 0 0 0
}

.price_type {
	margin: 0 0 10px 0;
	border-top: none;
}

.price_type table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0
}

.price_type caption {
	display: none;
	padding: 10px 0;
	font-weight: bold;
	text-align: left
}

.price_type th {
	width: 16.6%;
	padding: 14px 0 14px 0px;
	font-size: 14px;
	text-indent: 10px;
	color: #444;
	text-align: center;
	font-weight: bold;
	background: #fff;
	border: solid 1px #bbb;
}

.price_type td {
	width: 16.6%;
	padding: 14px 0 14px 0px;
	font-size: 14px;
	text-indent: 10px;
	text-align: center;
	border: solid 1px #ddd;
}

.price_type td a {
	text-decoration: none;
	cursor: pointer
}

.price_type td a:hover {
	color: #ff7700
}

.tab_container {
	margin: 0 0 20px 0;
}

.tab_container table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0
}

.tab_container td {
	padding: 12px 0;
	font-size: 16px;
	color: #666;
	text-align: center;
	background: #f6f6f6;
	border: solid 1px #ccc;
}

.tab_container td a {
	cursor: pointer
}

.grade_tt {
	display: none;
	width: 90%;
	margin: 10px 0;
	padding: 19px;
	line-height: 25px;
	background: #f6f6f6;
	border: solid 1px #ddd
}

.grade_tt strong {
	display: inline-block;
	width: 120px;
	color: #444;
	font-weight: 700
}

.grade_tt2 {
	display: none;
	width: 90%;
	margin: 10px auto;
	padding: 19px;
	line-height: 25px;
	background: #f6f6f6;
	border: solid 1px #ddd
}

.grade_tt2 strong {
	display: inline-block;
	width: 120px;
	color: #444;
	font-weight: 700
}

#class_process {
	margin: 0 0 40px 0px;
}

#class_process dl {}

#class_process dl dd {
	display: block;
	float: left;
	width: 320px;
	height: 120px;
	margin: 0 0 20px 0;
	padding: 19px;
	background: #f6f6f6;
	border: solid 1px #ccc;
}

#class_process dl dd img {
	display: block;
	margin: 0 0 12px 0;
}

#class_process dl dd strong {
	display: block;
	color: #444;
	font-size: 18px;
	font-weight: 700;
}

#class_process dl dd.arrow {
	width: 40px !important;
	padding: 19px 0;
	line-height: 140px;
	background: none;
	border: none;
}

#class_process dl dd.arrow img {
	display: inline;
	margin: 0
}

#class_process dl dd a#sms_view {
	position: relative;
}

#class_process dl dd a#sms_view img {
	display: inline-block;
	margin: 0;
}

#class_process dl dd #sms {
	display: none;
	position: absolute;
	z-index: 9999999
}

a.lnk_leveltest {
	display: block;
	width: 400px;
	height: 60px;
	margin: 0 auto 40px auto;
	font-size: 18px;
	color: #333;
	line-height: 60px;
	text-align: center;
	text-decoration: none;
	background: transparent;
	border-radius: 5px;
	border: 2px solid #333;
	font-weight: 600;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

a.lnk_leveltest:hover {
	border: 2px solid #ed2100;
	background: #fffafa;
	box-shadow: 1px 8px 13px 0px rgba(0, 0, 0, 0.1);
}

.lev_title {
	height: 40px;
	font-size: 24px;
	color: #222;
	text-align: center;
	font-weight: 700
}

#lev_choice {
	margin: 0 0 60px 0;
}

#lev_width {
	height: 20px;
	margin: 0 0 10px 0;
	padding: 1px;
	line-height: 0;
	background: #eee;
}

#lev_var {
	width: 0;
	height: 20px;
	background: url(../images_201710/lev_var.gif) no-repeat #999;
	-webkit-transition: all 0.6s ease-out;
	-moz-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
}

.lev_choice {
	margin: 0 0 40px 0;
	padding: 20px;
	line-height: 22px;
	background: #fff;
	border: 1px solid #ccc;
}

.lev_choice .area {
	display: block;
	float: left;
	width: 25%;
	height: 22px;
	padding: 6px 0;
	color: #222;
}

ul.lev_term {
	margin: 0;
}

ul.lev_term li {
	display: block;
	float: left;
	width: 25%;
	margin: 0 0 20px 0;
	;
}

ul.lev_term li a {
	display: block;
	width: 90%;
	height: 230px;
	margin: 0 auto;
	text-align: center;
	color: #222;
	font-size: 18px;
	font-weight: 700;
	line-height: 230px;
	text-decoration: none;
	background-size: cover !important;
	border: solid 4px #fff;
	cursor: pointer;
	-webkit-transition: all 0.6s ease-out;
	-moz-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
}

ul.lev_term li a:hover {
	border: solid 4px #f75665
}

ul.lev_term li a#lev_chk1 {
	background: url('../images_201710/lev_term1.jpg');
}

ul.lev_term li a#lev_chk2 {
	background: url('../images_201710/lev_term2.jpg');
}

ul.lev_term li a#lev_chk3 {
	background: url('../images_201710/lev_term3.jpg');
}

ul.lev_term li a#lev_chk4 {
	background: url('../images_201710/lev_term4.jpg');
}

ul.lev_term li a#lev_chk5 {
	background: url('../images_201710/lev_term5.jpg');
}

ul.lev_term li a#lev_chk6 {
	background: url('../images_201710/lev_term6.jpg');
}

ul.lev_term li a#lev_chk7 {
	background: url('../images_201710/lev_term7.jpg');
}

ul.lev_term li a#lev_chk8 {
	background: url('../images_201710/lev_term8.jpg');
}

ul.lev_term li a#lev_chk1:hover {
	background: url(../images_201710/lev_term1_on.jpg);
}

ul.lev_term li a#lev_chk2:hover {
	background: url(../images_201710/lev_term2_on.jpg);
}

ul.lev_term li a#lev_chk3:hover {
	background: url(../images_201710/lev_term3_on.jpg);
}

ul.lev_term li a#lev_chk4:hover {
	background: url(../images_201710/lev_term4_on.jpg);
}

ul.lev_term li a#lev_chk5:hover {
	background: url(../images_201710/lev_term5_on.jpg);
}

ul.lev_term li a#lev_chk6:hover {
	background: url(../images_201710/lev_term6_on.jpg);
}

ul.lev_term li a#lev_chk7:hover {
	background: url(../images_201710/lev_term7_on.jpg);
}

ul.lev_term li a#lev_chk8:hover {
	background: url(../images_201710/lev_term8_on.jpg);
}

ul.lev_term li a#lev_chk1:active {
	background: url(../images_201710/lev_term1_on.jpg);
}

ul.lev_term li a#lev_chk1:focus {
	background: url(../images_201710/lev_term1_on.jpg);
}

ul.lev_term li a#lev_chk1:visited {
	background: url(../images_201710/lev_term1_on.jpg);
}


#lev_test_form {
	display: none;
	position: relative;
}

#lev_test_form .choice_area {
	display: block;
	position: relative;
	line-height: 34px;
	margin: 0;
	padding: 0 0 0 30px;
}

#lev_test_form .choice_area:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#lev_test_form .choice_area .chk {
	position: absolute;
	left: 0;
	top: 7px;
}

#lev_test_form .choice_area input,
#lev_test_form .choice_area span {
	vertical-align: top
}

#lev_test_form .mg_check_wrap {
	display: flex;
	flex-flow: wrap;
	gap: 20px;
}

#lev_test_form .mg_check_wrap .mg_checkitem {
	display: flex;
	align-items: center;
	flex: 0 1 calc(25% - 15px);
	line-height: 20px;
}

#lev_test_form .mg_check_wrap .mg_checkitem .ez-checkbox {
	display: flex;
	margin-right: 6px;
}

#lev_test_form .mg_check_wrap .mg_checkitem input {}


#proc {
	height: 50px;
	text-align: center;
}

#proc a {
	display: inline-block;
	margin: 0 20px;
	color: #444;
	font-size: 16px;
	font-weight: 700;
	line-height: 47px;
	text-decoration: none
}

#proc a:hover {
	color: #ec2200;
}

#proc a.on {
	color: #ec2200;
	border-bottom: solid 3px #ec2200
}

#proc_sub {
	padding: 19px 0;
	text-align: center;
	background: #fff;
	border-top: solid 1px #ccc;
}

#proc_sub a {
	display: inline-block;
	width: 140px;
	height: 80px;
	margin: 0 5px;
	font-size: 18;
	color: #999;
	text-align: center;
	font-weight: 700;
	line-height: 80px;
	text-decoration: none;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #ddd;
}

#proc_sub a.proc1_1:hover {
	color: #000;
	background: url('' ../images_201710/p1_2_230718.jpg) 50% 50% !important;
	background-size: cover !important;
}

#proc_sub a.proc1_1_on {
	color: #000;
	background: url(../images_201710/p1_2_230718.jpg) 50% 50% !important;
	background-size: cover !important;
	box-shadow: 0 0 0 3px #ed2100 inset;
}

#proc_sub a.proc1_2:hover {
	color: #000;
	background: url(../images_201710/p1_1_230718.jpg) 50% 50% !important;
	background-size: cover !important;
}

#proc_sub a.proc1_2_on {
	color: #000;
	background: url(../images_201710/p1_1_230718.jpg) 50% 50% !important;
	background-size: cover !important;
	box-shadow: 0 0 0 3px #ed2100 inset;
}

#proc_sub a.proc1_3:hover {
	color: #000;
	background: url(../images_201710/p1_3_230718.jpg) 50% 50% !important;
	background-size: cover !important;
}

#proc_sub a.proc1_3_on {
	color: #000;
	background: url(../images_201710/p1_3_230718.jpg) 50% 50% !important;
	background-size: cover !important;
	box-shadow: 0 0 0 3px #ed2100 inset;
}

#proc_sub a.proc2_1:hover {
	color: #000;
	background: url(../images_201710/p2_1_230718.jpg) 50% 50% !important;
	background-size: cover !important;
}

#proc_sub a.proc2_1_on {
	color: #000;
	background: url(../images_201710/p2_1_230718.jpg) 50% 50% !important;
	background-size: cover !important;
	box-shadow: 0 0 0 3px #ed2100 inset;
}

#proc_sub a.proc3_1:hover {
	color: #000;
	background: url(../images_201710/p3_1_230718.jpg) 50% 50% !important;
	background-size: cover !important;
}

#proc_sub a.proc3_1_on {
	color: #000;
	background: url(../images_201710/p3_1_230718.jpg) 50% 50% !important;
	background-size: cover !important;
	box-shadow: 0 0 0 3px #ed2100 inset;
}

#proc_sub a.proc3_2:hover {
	color: #000;
	background: url(../images_201710/p3_2_230718.jpg) 50% 50% !important;
	background-size: cover !important;
}

#proc_sub a.proc3_2_on {
	color: #000;
	background: url(../images_201710/p3_2_230718.jpg) 50% 50% !important;
	background-size: cover !important;
	box-shadow: 0 0 0 3px #ed2100 inset;
}

#proc_sub a.proc4_1:hover {
	color: #000;
	background: url(../images_201710/p4_1_230718.jpg) 50% 50% !important;
	background-size: cover !important;
}

#proc_sub a.proc4_1_on {
	color: #000;
	background: url(../images_201710/p4_1_230718.jpg) 50% 50% !important;
	background-size: cover !important;
	box-shadow: 0 0 0 3px #ed2100 inset;
}

#proc_sub a.proc4_2:hover {
	color: #000;
	background: url(../images_201710/p4_2_230718.jpg) 50% 50% !important;
	background-size: cover !important;
}

#proc_sub a.proc4_2_on {
	color: #000;
	background: url(../images_201710/p4_2_230718.jpg) 50% 50% !important;
	background-size: cover !important;
	box-shadow: 0 0 0 3px #ed2100 inset;
}

#proc_sub a.proc4_3:hover {
	color: #000;
	background: url(../images_201710/p4_3_230718.jpg) 50% 50% !important;
	background-size: cover !important;
}

#proc_sub a.proc4_3_on {
	color: #000;
	background: url(../images_201710/p4_3_230718.jpg) 50% 50% !important;
	background-size: cover !important;
	box-shadow: 0 0 0 3px #ed2100 inset;
}

#proc_sub a.proc5_1:hover {
	color: #000;
	background: url(../images_201710/p5_1_230718.jpg) 50% 50% !important;
	background-size: cover !important;
}

#proc_sub a.proc5_1_on {
	color: #000;
	background: url(../images_201710/p5_1_230718.jpg) 50% 50% !important;
	background-size: cover !important;
	box-shadow: 0 0 0 3px #ed2100 inset;
}

#proc_sub a.proc5_2:hover {
	color: #000;
	background: url(../images_201710/p5_1_230718.jpg) 50% 50% !important;
	background-size: cover !important;
}

#proc_sub a.proc5_2_on {
	color: #000;
	background: url(../images_201710/p5_1_230718.jpg) 50% 50% !important;
	background-size: cover !important;
	box-shadow: 0 0 0 3px #ed2100 inset;
}

#proc_sub a.proc6_1:hover {
	color: #000;
	background: url(../images_201710/p6_1_230718.jpg) 50% 50% !important;
	background-size: cover !important;
}

#proc_sub a.proc6_1_on {
	color: #000;
	background: url(../images_201710/p6_1_230718.jpg) 50% 50% !important;
	background-size: cover !important;
	box-shadow: 0 0 0 3px #ed2100 inset;
}

#proc_sub a.proc6_2:hover {
	color: #000;
	background: url(../images_201710/p6_1_230718.jpg) 50% 50% !important;
	background-size: cover !important;
}

#proc_sub a.proc6_2_on {
	color: #000;
	background: url(../images_201710/p6_1_230718.jpg) 50% 50% !important;
	background-size: cover !important;
	box-shadow: 0 0 0 3px #ed2100 inset;
}

#proc_sub a.proc7_1:hover {
	color: #000;
	background: url(../images_201710/p7_1_230718.jpg) 50% 50% !important;
	background-size: cover !important;
}

#proc_sub a.proc7_1_on {
	color: #000;
	background: url(../images_201710/p7_1_230718.jpg) 50% 50% !important;
	background-size: cover !important;
	box-shadow: 0 0 0 3px #ed2100 inset;
}

#proc_sub a.proc7_2:hover {
	color: #000;
	background: url(../images_201710/p7_2_230718.jpg) 50% 50% !important;
	background-size: cover !important;
}

#proc_sub a.proc7_2_on {
	color: #000;
	background: url(../images_201710/p7_2_230718.jpg) 50% 50% !important;
	background-size: cover !important;
	box-shadow: 0 0 0 3px #ed2100 inset;
}

#proc_sub a.proc7_3:hover {
	color: #000;
	background: url(../images_201710/p7_3_230718.jpg) 50% 50% !important;
	background-size: cover !important;
}

#proc_sub a.proc7_3_on {
	color: #000;
	background: url(../images_201710/p7_3_230718.jpg) 50% 50% !important;
	background-size: cover !important;
	box-shadow: 0 0 0 3px #ed2100 inset;
}

#proc_sub a.proc7_4:hover {
	color: #000;
	background: url(../images_201710/p7_4_230718.jpg) 50% 50% !important;
	background-size: cover !important;
}

#proc_sub a.proc7_4_on {
	color: #000;
	background: url(../images_201710/p7_4_230718.jpg) 50% 50% !important;
	background-size: cover !important;
	box-shadow: 0 0 0 3px #ed2100 inset;
}

#proc_sub a.proc8_1:hover {
	color: #000;
	background: url(../images_201710/p8_1_230718.jpg) 50% 50% !important;
	background-size: cover !important;
}

#proc_sub a.proc8_1_on {
	color: #000;
	background: url(../images_201710/p8_1_230718.jpg) 50% 50% !important;
	background-size: cover !important;
	box-shadow: 0 0 0 3px #ed2100 inset;
}

#proc_sub a.proc8_2:hover {
	color: #000;
	background: url(../images_201710/p8_2_230718.jpg) 50% 50% !important;
	background-size: cover !important;
}

#proc_sub a.proc8_2_on {
	color: #000;
	background: url(../images_201710/p8_2_230718.jpg) 50% 50% !important;
	background-size: cover !important;
	box-shadow: 0 0 0 3px #ed2100 inset;
}

#proc_sub a.proc8_3:hover {
	color: #000;
	background: url(../images_201710/p8_3_230718.jpg) 50% 50% !important;
	background-size: cover !important;
}

#proc_sub a.proc8_3_on {
	color: #000;
	background: url(../images_201710/p8_3_230718.jpg) 50% 50% !important;
	background-size: cover !important;
	box-shadow: 0 0 0 3px #ed2100 inset;
}

#proc_sub a.proc8_4:hover {
	color: #000;
	background: url(../images_201710/p8_4_230718.jpg) 50% 50% !important;
	background-size: cover !important;
}

#proc_sub a.proc8_4_on {
	color: #000;
	background: url(../images_201710/p8_4_230718.jpg) 50% 50% !important;
	background-size: cover !important;
	box-shadow: 0 0 0 3px #ed2100 inset;
}

#proc_sub a.proc8_5:hover {
	color: #000;
	background: url(../images_201710/p8_5_230718.jpg) 50% 50% !important;
	background-size: cover !important;
}

#proc_sub a.proc8_5_on {
	color: #000;
	background: url(../images_201710/p8_5_230718.jpg) 50% 50% !important;
	background-size: cover !important;
	box-shadow: 0 0 0 3px #ed2100 inset;
}

#proc_sub a.proc8_6:hover {
	color: #000;
	background: url(../images_201710/p8_6_230718.jpg) 50% 50% !important;
	background-size: cover !important;
}

#proc_sub a.proc8_6_on {
	color: #000;
	background: url(../images_201710/p8_6_230718.jpg) 50% 50% !important;
	background-size: cover !important;
	box-shadow: 0 0 0 3px #ed2100 inset;
}

#proc_viz {
	display: table;
	width: 100%;
	height: 480px;
	color: #333;
	font-size: 24px;
	text-align: center;
	line-height: 30px;
	background-size: cover !important;
}

#proc_viz div {
	display: table-cell;
	vertical-align: middle;
	text-shadow: 2px 2px 18px rgb(255, 255, 255, 0.5);
}

#proc_viz strong {
	display: block;
	font-size: 60px;
	font-weight: 700;
	line-height: 72px;
	color: #000;
}

#proc_viz span {
	display: block;
	margin: 0 0 30px 0;
	font-size: 36px;
	font-weight: 700;
	line-height: 44px;
	color: #ec2200;
}

.proc_txt {
	margin: 0 0 20px 0;
	color: #f75665;
	font-size: 18px;
	text-align: center;
	font-weight: 700
}

.proc_lev {
	display: block;
	margin: 0 0 40px 0;
}

.proc_lev dl {}

.proc_lev dl dt {
	display: block;
	float: left;
	width: 10%;
	margin: 0 -1px;
	color: #444;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	text-indent: 7px;
	background: #fff;
	border: solid 1px #ccc;
	border-top: none;
	border-bottom: none
}

.proc_lev dl dt.last {
	border-right: none
}

.proc_lev dl dd {
	display: block;
	float: left;
	width: 10%;
	margin: 0 -1px;
	border: solid 1px #fff
}

.proc_lev dl dd a {
	display: block;
	height: 40px;
	line-height: 40px;
	color: #fff;
	text-indent: 7px;
	font-weight: 700;
	text-decoration: none;
}

.proc_lev dl dd:hover {
	background-color: #444 !important;
}

.proc_lev_m {
	display: none
}

#textbook {
	position: relative;
	margin: 0 0 20px 0;
	padding: 19px;
	border: solid 1px #aaa;
}

#textbook .textbook_img {
	float: left;
	width: 150px;
	padding: 4px;
	border: solid 1px #ddd;
}

#textbook .textbook_img img {
	width: 150px;
	height: auto;
	margin: 0;
}

#textbook .textbook_img a {
	display: block;
	height: 40px;
	margin: 10px 0 0 0;
	color: #fff;
	text-align: center;
	font-weight: 700;
	line-height: 40px;
	text-decoration: none;
	background: #444;
	cursor: pointer
}

#textbook .textbook_intro {
	margin: 0 0 0 200px;
}

#textbook .textbook_intro dt {
	display: block;
	height: 39px;
	margin: 0 0 20px 0;
	color: #444;
	font-size: 18px;
	font-weight: 700;
	border-bottom: solid 1px #ddd;
}

#textbook .textbook_intro dd {
	display: block;
	position: relative;
}

#textbook .textbook_intro dd label {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	padding: 8px 0;
	color: #444;
	font-weight: 700;
	background: url(../images_201710/var2.gif) no-repeat right 50%
}

#textbook .textbook_intro dd span {
	display: block;
	margin: 0 0 0 90px;
	padding: 8px 0;
}

#textbook .textbook_btn {
	position: absolute;
	display: block;
	right: 20px;
	top: 88px;
}

#textbook .textbook_btn a {
	display: block;
	width: 120px;
	height: 40px;
	margin: 0 0 10px 0;
	color: #fff;
	text-align: center;
	font-weight: 700;
	line-height: 40px;
	text-decoration: none;
	background: #444;
	cursor: pointer
}

#textbook .textbook_sample {
	display: none;
	margin: 20px 0 0 0;
	padding: 30px;
	text-align: center;
	background: #444
}

#textbook .textbook_sample a {
	display: inline-block;
	height: 50px;
	padding: 0 14px;
	color: #ccc;
	font-size: 14px;
	font-weight: 700;
	line-height: 50px;
	text-decoration: none;
	background: #222;
	border-radius: 5px;
	cursor: pointer
}

ul.mg_intro {
	margin: 0 0 40px 0;
}

ul.mg_intro li {
	display: block;
	float: left;
	width: 50%;
	margin: -1px;
	background: #fff;
	border: solid 1px #ccc
}

ul.mg_intro li .mg_intro_img {
	position: relative;
	margin: 0
}

ul.mg_intro li .mg_intro_img img {
	width: 100%;
	height: auto;
}

ul.mg_intro li .mg_intro_img strong {
	display: block;
	position: absolute;
	width: 100%;
	height: 60px;
	left: 0;
	bottom: 0;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	line-height: 60px;
	text-indent: 20px;
	background: #000;
	filter: alpha(opacity=70);
	/* ie  */
	-moz-opacity: 0.7;
	/* old mozilla browser like netscape  */
	-khtml-opacity: 0.7;
	/* for really really old safari */
	opacity: 0.7;
	/* css standard, currently it works in most modern browsers like firefox,  */
}

ul.mg_intro li .mg_intro_con {
	height: 180px;
	padding: 20px;
}

#content_sub {
	padding: 60px 0;
}

.mg_only {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 60px auto;
}

.mg_only ul {}

.mg_only ul li {
	display: block;
	float: left;
	width: 33.3%;
	color: #444;
	font-size: 16px;
	font-weight: 700;
	text-align: center
}

.mg_only ul li img {
	display: block;
	width: 70%;
	max-width: 240px;
	height: auto;
	margin: 0 auto 20px auto;
}

.mg_wing {
	display: table;
	width: 100%;
	margin: 0 0 40px 0;
	color: #fff;
	font-size: 36px;
	font-weight: 700;
	text-align: center;
	line-height: 44px;
	background: url(../images_201710/mg_wing.jpg) no-repeat;
	background-size: cover !important
}

.mg_wing span {
	display: table-cell;
	height: 300px;
	vertical-align: middle
}

.mg_service {
	margin: 0;
	min-width: 1200px;
	background: url(../images_201710/mg_service_bg.jpg);
	background-size: cover !important
}

.mg_service ul {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 60px 0;
}

.mg_service ul li {
	display: block;
	float: left;
	width: 33.3%;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
}

.mg_service ul li .mg_service_c {
	display: block;
	width: 200px;
	height: 200px;
	margin: 0 auto;
	background: rgb(255, 255, 255, 0.5);
	border-radius: 50%;
}

.mg_service ul li .mg_service_c img {
	margin: 30px 0 0 0
}

.mg_service ul li .mg_service_c strong {
	display: block;
	margin: 10px 0;
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
	color: #222;
}

.mg_service ul li .mg_service_con {
	min-height: 120px;
	margin: 10px 0;
	color: #333;
}

ul.mg_poddcy {}

ul.mg_poddcy li {
	display: block;
	float: left;
	width: 33.3%;
	margin: -1px;
	text-align: center;
	color: #888;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: -1px;
	background: #fff;
	border: solid 1px #ccc;
}

ul.mg_poddcy li .mg_poddcy_con {
	padding: 20px;
	height: 300px;
}

ul.mg_poddcy li .mg_poddcy_con strong {
	display: block;
	margin: 0 0 10px 0;
	color: #222;
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
}

ul.mg_poddcy li .size_s {
	height: 240px;
}

ul.mg_poddcy li.main {
	line-height: 240px;
	background: url(../images_201710/mg_poddcy_bg_1.jpg) !important;
	background-size: cover !important
}

ul.mg_poddcy li.main2 {
	line-height: 240px;
	background: url(../images_201710/mg_poddcy_bg2_1.jpg) !important;
	background-size: cover !important
}

#lec_profile {
	color: #fff;
	text-align: center;
	background: #efefef
}

#lec_profile ul {
	width: 1200px;
	margin: 0 auto;
	padding: 40px;
}

#lec_profile ul li {
	display: block;
	position: relative;
	float: left;
	width: 338px;
	margin: 0 30px 30px 30px;
	border-radius: 15px 15px 0 0;
}

#lec_profile ul li.last {
	margin: 0 0 0 0 !important
}

#lec_profile ul li:first-child .more_btn {
	display: inline;
	float: right;
	position: absolute;
	padding: 22px 0 0 255px;
}

#lec_profile ul li .more_btn {
	display: none;
}

#lec_profile ul li .more_btn a {
	color: #000;
	font-weight: bold;
	font-size: 14px;
	border: 1px solid rgba(0, 0, 0, 0.7) !important;
	padding: 7px 13px;
	border-radius: 3px;
	text-decoration: none;
}

#lec_profile ul li .img {
	width: 338px;
	height: 250px;
	border-radius: 15px 15px 0 0;
}

#lec_profile ul li .name {
	display: block;
	position: absolute;
	left: 0;
	top: 201px;
	width: 100%;
	height: 50px;
	color: #fff;
	font-size: 24px;
	text-align: center;
	line-height: 50px;
	background: #000;
	filter: alpha(opacity=60);
	/* ie  */
	-moz-opacity: 0.6;
	/* old mozilla browser like netscape  */
	-khtml-opacity: 0.6;
	/* for really really old safari */
	opacity: 0.6;
	/* css standard, currently it works in most modern browsers like firefox,  */
}

#lec_profile ul li ul {
	width: 100%;
	padding: 0;
	display: flex;
}

#lec_profile ul li ul li {
	width: 33.3%;
	margin: 0;
	border-right: 1px solid #ddd;
	border-radius: 0;
}

#lec_profile ul li ul li:last-child {
	border-right: 0;
}

#lec_profile ul li ul li.bb {
	display: block;
	width: 33.3%;
	height: 58px;
	color: #bbb;
	font-size: 16px;
	text-align: center;
	line-height: 58px;
	background: #444
}

#lec_profile ul li ul li a {
	display: block;
	height: 58px;
	color: #888;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	line-height: 58px;
	text-decoration: none;
	background: #fff
}

#lec_profile ul li ul li a:hover {
	color: #333;
}

#manager_intro {
	padding: 60px 0;
	background: #f6f6f6
}

#manager_intro .title {
	height: 50px;
	color: #444;
	font-size: 30px;
	font-weight: 700;
	text-align: center;
}

#manager_intro ul {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

#manager_intro ul li {
	display: block;
	float: left;
	width: 33.3%;
	min-height: 220px;
	margin: 0 -1px -1px -1px;
	background: #fff;
	border: solid 1px #ccc;
}

#manager_intro ul li .img {
	float: left;
	width: 130px;
	height: auto;
	margin: 20px;
	padding: 4px;
	border: solid 1px #ddd
}

#manager_intro ul li dl {
	margin: 20px 20px 0 180px;
}

#manager_intro ul li dl dt {
	display: block;
	height: 29px;
	color: #444;
	font-weight: 700;
	font-size: 16px;
	border-bottom: solid 1px #ddd;
}

#manager_intro ul li dl dd {
	display: block;
	height: 70px;
	padding: 10px 0;
	line-height: 18px !important;
}

#manager_intro ul li dl dd a {
	display: block;
	width: 100px;
	height: 40px;
	;
	color: #fff;
	text-align: center;
	line-height: 40px;
	font-weight: 700;
	text-decoration: none;
	background: #444;
	border-radius: 5px;
}

.abo_phone {
	color: #fff;
	font-size: 20px;
	text-align: center;
	line-height: 28px;
	background: #444;
}

.abo_phone h1 {
	display: block;
	margin: 0 0 20px 0;
	font-size: 48px;
	font-weight: 700;
	line-height: 50px
}

.abo_phone h2 {
	display: block;
	margin: 0 0 20px 0;
	font-size: 30px;
	font-weight: 700;
	line-height: 40px
}

.abo_phone strong {
	color: #fff568;
	font-weight: 700;
}

.abo_bg0 {
	background: url(../images_201710/abo_bg0.jpg) no-repeat 50% 50%;
}

.abo_bg1 {
	background: url(../images_201710/abo_bg1.jpg) no-repeat 50% 50%;
}

.abo_bg2 {
	background: url(../images_201710/abo_bg2.jpg) no-repeat 50% 50%;
}

.abo_bg3 {
	background: url(../images_201710/abo_bg3.jpg) no-repeat 50% 50%;
}

.abo_phone a.btn {
	display: inline-block;
	width: 300px;
	height: 50px;
	margin: 0 10px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 50px;
	text-decoration: none;
	background: #ed2100;
	border-radius: 5px;
}

.abo_phone .img {
	width: 100%;
	max-width: 600px;
}

.scr_bg0 {
	background: url(../images_201710/scr_bg0.jpg) no-repeat 50% 50%;
}

.scr_bg1 {
	background: url(../images_201710/scr_bg1.jpg) no-repeat 50% 50%;
}

.scr_bg2 {
	background: url(../images_201710/scr_bg2.jpg) no-repeat 50% 50%;
}

.scr_bg3 {
	background: url(../images_201710/scr_bg3.jpg) no-repeat 50% 50%;
}

.scr_bg4 {
	background: url(../images_201710/scr_bg4.jpg) no-repeat 50% 50%;
}

.scr_bg5 {
	background: url(../images_201710/scr_bg5.jpg) no-repeat 50% 50%;
}

.mg_bg0 {
	background: url(../images_201710/mg_bg0.jpg) no-repeat 50% 50%;
}

.mg_bg1 {
	background: url(../images_201710/mg_bg1.jpg) no-repeat 50% 50%;
}

.mg_bg2 {
	background: url(../images_201710/mg_bg2.jpg) no-repeat 50% 50%;
}

.screen_img {
	display: block;
	width: 80%;
	max-width: 500px;
	height: auto;
	margin: 0 auto 40px auto;
}

.screen_img img {
	width: 100%;
	height: auto;
	padding: 4px;
	border: solid 1px #777
}

ul.screen {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

ul.screen li {
	display: block;
	float: left;
	width: 50%;
	text-align: center;
}

ul.screen li img {
	width: 90%;
	max-width: 400px;
	height: auto;
	padding: 4px;
	border: solid 1px #666;
}

ul.screen li span {
	display: block;
	margin: 10px 0 40px 0;
	font-size: 16px;
	color: #fff200
}

.lev_intro {
	margin: 0 0 30px 0;
	padding: 19px 29px;
	text-align: left;
	font-size: 14px;
	line-height: 24px;
	background: #f6f6f6;
	border: solid 1px #ddd
}

.lev_intro strong {
	display: block;
	margin: 0 0 8px 0;
	padding: 0 0 0 14px;
	color: #444;
	font-size: 16px;
	font-weight: bold;
	background: url(../images_201710/bullet_orange.png) no-repeat 0 50%
}

.lev_intro .lev_intro_con {
	position: relative;
	margin: 0 0 10px 0;
	padding: 0 0 0 80px;
}

.lev_intro .lev_intro_con label {
	display: block;
	position: absolute;
	width: 60px;
	left: 0;
	top: 0;
	color: #569ffd;
	font-weight: bold;
	border-right: solid 1px #ccc;
}

#faq_wrap {
	margin: 0 0 30px 0;
	text-align: left;
}

#faq_wrap h2 {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

#faq_wrap ol {
	margin: 0;
	padding: 0;
	list-style: none
}

#faq_con {
	border-bottom: 1px solid #ddd;
}

#faq_con h3 a {
	display: block;
	padding: 18px 8px;
	font-size: 14px;
	font-weight: bold;
	line-height: 32px;
	border-top: 1px solid #ddd;
	text-decoration: none;
}

#faq_con .lbl_q {
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	margin-right: 10px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	background: #444;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
}

#faq_con .lbl_a {
	display: block;
	width: 32px;
	height: 32px;
	margin-bottom: 10px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	background: #569ffd;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
}

#faq_con .con_inner {
	display: none;
	padding: 10px 10px 40px 10px;
	font-size: 14px;
	line-height: 24px;
	border-top: solid 1px #ddd
}

#faq_con .con_closer {
	margin: 10px 0 0;
	text-align: right
}

#faq_con .closer_btn {
	height: 29px;
	padding: 0 12px;
	color: #666;
	text-align: center;
	line-height: 27px;
	font-weight: bold;
	text-decoration: none;
	background: #f6f6f6
		/*linear-gradient(0deg, #444, #666)*/
	;
	border: solid 1px #ccc;
	cursor: pointer;
}
}

#faq_con span,
#faq_con img,
#faq_con a {
	vertical-align: middle
}

#agree_tab {
	display: block;
	height: 50px;
	margin: 20px 20px -1px 20px
}

#agree_tab li {
	display: block;
	float: left;
	width: 33.3%
}

#agree_tab li a {
	display: block;
	height: 48px;
	margin: 0 -1px 0 -1px;
	color: #999;
	font-size: 16px;
	line-height: 48px;
	text-align: center;
	text-decoration: none;
	background: #f6f6f6;
	border: solid 1px #ccc;
	cursor: pointer
}

#agree_tab li a.on {
	color: #fff;
	background: #444;
}

#agree_tab li a.off {
	color: #999;
	background: #f6f6f6;
}

#agree_con {
	display: block;
	margin: 0 20px;
	padding: 20px 0;
}

#agree_con li {
	display: block;
	height: 400px;
	font-size: 14px;
	line-height: 24px;
}

#agree_con li.con1 {}

#agree_con li.con2 {
	display: none;
}

#agree_con li.con3 {
	display: none;
}

/* add file */
.fileWrapper {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

input[type=text].fileInputText {
	float: left;
	text-indent: 6px;
	font-size: 14px;
	border: 1px solid #ddd;
	margin: 0;
	padding: 0
}

input[type=button].fileInputButton {
	float: right;
	border: solid 1px #bbb;
	background: #eee;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	margin: 0;
	padding: 0
}

/* checkbox, radio */
/* CSS File for ezMark jQuery Plugin */
.ez-hide {
	width: 22px;
	height: 22px;
	opacity: 0;
	filter: alpha(opacity=0);
}

.ez-checkbox {
	display: inline-block;
	width: 22px;
	height: 22px;
	background: transparent url('../images_201710/checkbox.png') 0 0 no-repeat;
	cursor: pointer
}

.ez-radio {
	display: inline-block;
	width: 22px;
	height: 22px;
	background: transparent url('../images_201710/radio.png') 0 0 no-repeat;
}

.ez-checked {
	background-position: 0 -30px;
}

.ez-selected {
	background-position: 0 -30px;
}

.ez-checkbox,
.ez-radio {
	zoom: 1;
	*display: inline;
	_height: 30px;
}





#song_event {
	margin: 0 20px;
	background: #fff;
}

#song_event .se_img {
	width: 100%;
	height: auto;
}

.song_event_con {
	padding: 20px 10px;
}

.song_event_con dl {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: solid 1px #ddd;
}

.song_event_con dl:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.song_event_con dl dt {
	display: block;
	float: left;
	clear: both;
	margin: 0 10px 0 0
}

.song_event_con dl dt img {
	width: 100%;
	max-width: 310px;
	height: auto;
}

.song_event_con dl dd {
	display: block;
	float: left;
	width: 110px;
}



















/* 모바일 */
@media only screen and (max-width: 1024px) {

	#container_wrap {
		width: 100%;
		min-width: 320px;
	}

	.section {
		width: 100%;
		min-height: 1100px;
		margin: 0 auto;
		padding: 60px 0;
		background-size: cover !important;
		background-attachment: fixed;
	}

	h1 {
		font-size: 24px;
		line-height: 40px;
		font-weight: 700;
		letter-spacing: -1px;
	}

	h1 img {
		display: block;
		width: auto;
		height: 40px;
		margin: 0 auto
	}

	h2 {
		font-size: 18px;
		line-height: 30px;
		font-weight: normal;
		letter-spacing: -1px;
	}

	h3 {
		font-size: 16px;
	}

	body,
	th,
	td,
	input,
	select,
	textarea,
	button {
		font-size: 12px;
		line-height: 18px;
		font-family: 'Nanum Gothic', '돋움', dotum, sans-serif;
		color: #666
	}

	/* color값은 디자인가이드에 맞게사용 */

	#container_wrap {
		width: 100%;
		min-width: 320px;
	}

	#fullpage {
		width: 100%;
		min-width: 320px;
		margin: 0;
	}

	#fix_header .logo {
		display: block;
		position: absolute;
		width: 180px;
		height: 80px;
		left: 50%;
		top: 0;
		margin: 0 0 0 -90px;
		z-index: 9999999999
	}

	#fix_header .logo img {
		width: 100%;
		height: auto
	}

	#fix_header {
		width: 100%;
		min-width: 320px;
	}

	#fix_header .tnb {
		display: none;
	}

	#fix_footer {
		display: none;
	}

	#lev_test_form .mg_check_wrap .mg_checkitem {
		flex: 0 1 calc(33.3% - 15px);
	}









	ul.event_li li {
		float: none;
		width: 100%;
		margin: 0 0 20px 0;
	}

	#event_wrap h1 {
		display: block;
		margin: 0 10px 20px 10px;
		color: #fff;
		font-size: 24px;
		text-align: center;
		line-height: 30px;
		font-weight: 700
	}

	#event_wrap .wechat {
		width: auto;
		margin: 0 10px 40px 10px;
		padding: 40px 20px;
		color: #fff;
		font-size: 16px;
		line-height: 24px;
		text-align: left;
		border: solid 4px #fff;
	}

	#event_wrap .wechat strong {
		color: #fff568;
		font-size: 18px;
		font-weight: 700
	}

	#event_wrap .wechat .qr {
		display: block;
		width: 160px;
		height: auto;
		margin: 10px auto 0 auto;
	}

	#event_wrap .wechat_cont_img {
		background: url(/event/wechat_m.png) 50% 50% / cover no-repeat;
		padding: 450px 50px;
		background-size: contain;
	}

	.one-event {
		background: url(/event/190228_event_1_bg_m.jpg) 50% 50% / cover no-repeat;
	}

	.two-event {
		background: url(/event/190228_event_2_bg_m.jpg) 50% 50% / cover no-repeat;
	}

	#event_wrap a.btn {
		display: block;
		width: 180px;
		height: 40px;
		margin: 0 auto 12px auto;
		color: #fff;
		font-size: 14px;
		text-align: center;
		line-height: 40px;
		text-decoration: none;
		background: #ed2100;
		border-radius: 5px;
	}

	#event_wrap .event_con {
		background: url('/event/event_2_txt.png') 50% 50% / cover no-repeat;
		background-size: contain;
		padding: 100px 0 0 0;
		margin-top: 100px;
	}

	.brand_award_wrap .ytb_video {
		width: 100%;
		max-width: 650px;
		height: 366px;
	}

	#event_wrap .event_con_txt {
		background: url('/event/event_2_txt_m2.png') 50% 50% / cover no-repeat;
		background-size: contain;
		padding: 60px 0 0 0;
		max-width: 240px;
	}



	/**
.anniversary_bg { background: url(/event/anniversary_bg_m.jpg) 50% 50% / cover no-repeat; }
#event_wrap .anniversary {width:94%;margin:0 auto; background: none; padding: 0;}
#event_wrap .anniversary img {width:100%;height:auto;display:none; }
#event_wrap .anniversary_con { background: url(/event/anniversary_con_m.png) 50% 50% / cover no-repeat; background-size: contain; padding: 200px 0; }
#event_wrap .anniversary_txt { background-color: rgba(255, 255, 255, 0.5); border-radius: 25px; display: inline-block; padding: 24px 110px; font-size: 18px; line-height: 1.2; letter-spacing: -0.5px;}
**/

	.event_1_bg {
		background: url(/event/event_1_bg_m.jpg) 50% 50% / cover no-repeat;
	}

	#event_wrap .event_1 {
		width: 94%;
		margin: 0 auto;
		background: none;
		padding: 0;
	}

	#event_wrap .event_1 img {
		width: 100%;
		height: auto
	}

	#event_wrap .event_1_con {
		background: url(/event/event_1_txt_m.png) 50% 50% / cover no-repeat;
		background-size: contain;
		padding: 542px 0 0 0;
	}

	#event_wrap .event_1_btn {
		display: block;
		width: 200px;
		height: 50px;
		margin: 0 auto 12px auto;
		color: #fff;
		font-size: 17px;
		text-align: center;
		line-height: 48px;
		text-decoration: none;
		background: #ffa200;
		border-radius: 5px;
	}

	.mask_king_bg {
		background: url('/event/mask_king_bg_m.jpg') 50% 50% / cover no-repeat;
	}

	#mask_king_wrap .mask_king {
		width: 94%;
		margin: 0 auto;
		background: none;
		padding: 0;
	}

	#mask_king_wrap .mask_king img {
		width: 100%;
		height: auto
	}

	#mask_king_wrap .mask_king_con {
		background: url('/event/mask_king_txt_m.png') 50% 50% / cover no-repeat;
		background-size: contain;
		padding: 350px 0 0 0;
	}


	.new_year_bg {
		background: url('/event/new_year_bg_m_251231.jpg?v=251231') 50% 50% / cover no-repeat;
	}

	#new_year_wrap .new_year {
		width: 94%;
		margin: 0 auto;
		background: none;
		padding: 0;
	}

	#new_year_wrap .new_year img {
		width: 100%;
		height: auto
	}

	#new_year_wrap .new_year_con {
		background: url('/event/new_year_txt_m_260131.png?v=260131') 50% 50% / cover no-repeat;
		background-size: contain;
		padding: 440px 0 0 0;
	}


	.try_too_bg {
		background: url('/event/try_too_bg_m.jpg') 50% 50% / cover no-repeat;
	}

	#try_too_wrap .try_too {
		width: 94%;
		margin: 0 auto;
		background: none;
		padding: 0;
	}

	#try_too_wrap .try_too img {
		width: 100%;
		height: auto
	}

	#try_too_wrap .try_too_con {
		background: url('/event/try_too_txt_m_260331.png?v=260331') 50% 50% / cover no-repeat;
		background-size: contain;
		padding: 420px 0 0 0;
	}


	.autonomy_bg {
		background: url('/event/autonomy_bg_m.jpg') 50% 50% / cover no-repeat;
	}

	#autonomy_wrap .autonomy {
		width: 94%;
		margin: 0 auto;
		background: none;
		padding: 0;
	}

	#autonomy_wrap .autonomy img {
		width: 100%;
		height: auto
	}

	#autonomy_wrap .autonomy_con {
		background: url('/event/autonomy_txt_m.png') 50% 50% / cover no-repeat;
		background-size: contain;
		padding: 410px 0 0 0;
	}


	#event_wrap .event_footer {
		background: url(/event/event12_footer_m.png) 50% 50% / cover no-repeat;
		padding: 70px 0;
		width: 91%;
		margin: 0 auto;
	}

	.learning_drama_bg {
		background: url(/event/learning_drama_bg_m.jpg) 50% 50% / cover no-repeat;
	}

	#event_wrap .learning_drama {
		width: 94%;
		margin: 0 auto;
		background: none;
		padding: 0;
	}

	#event_wrap .learning_drama img {
		width: 100%;
		height: auto
	}

	#event_wrap .learning_drama_con {
		background: url(/event/learning_drama_con_m.png) 50% 50% / cover no-repeat;
		background-size: 70%;
		padding: 150px 0 0 0;
		max-width: 400px;
		margin: 0 auto;
	}

	#event_wrap .cont_wrap {
		width: 100%;
		max-width: 450px;
		margin: 0 auto;
		display: inline-block;
	}

	#event_wrap .cont_wrap .cont1 {
		background: url(/event/m_cont_img_1.png) 50% 50% / cover no-repeat;
		background-size: 70%;
		padding: 78px 0;
		width: 100%;
		margin: 4px 0;
	}

	#event_wrap .cont_wrap .cont1:hover {
		background: url(/event/m_cont_img_1_hover.png) 50% 50% / cover no-repeat;
		background-size: 70%;
		padding: 78px 0;
		width: 100%;
		margin: 4px 0;
	}

	#event_wrap .cont_wrap .cont2 {
		background: url(/event/m_cont_img_2.png) 50% 50% / cover no-repeat;
		background-size: 70%;
		padding: 78px 0;
		width: 100%;
		margin: 4px 0;
	}

	#event_wrap .cont_wrap .cont2:hover {
		background: url(/event/m_cont_img_2_hover.png) 50% 50% / cover no-repeat;
		background-size: 70%;
		padding: 78px 0;
		width: 100%;
		margin: 4px 0;
	}

	#event_wrap .cont_wrap .cont3 {
		background: url(/event/m_cont_img_3.png) 50% 50% / cover no-repeat;
		background-size: 70%;
		padding: 78px 0;
		width: 100%;
		margin: 4px 0;
	}

	#event_wrap .cont_wrap .cont3:hover {
		background: url(/event/m_cont_img_3_hover.png) 50% 50% / cover no-repeat;
		background-size: 70%;
		padding: 78px 0;
		width: 100%;
		margin: 4px 0;
	}


	.local_training_bg {
		background: url(/event/local_training_bg_m.jpg) 50% 50% / cover no-repeat;
	}

	#event_wrap .local_training {
		width: 94%;
		margin: 0 auto;
		background: none;
		padding: 0;
	}

	#event_wrap .local_training img {
		width: 100%;
		height: auto
	}

	#event_wrap .local_training_con {
		background: url(/event/local_training_con_m.png) 50% 50% / cover no-repeat;
		background-size: contain;
		padding: 670px 0 0 0;
	}

	.new_school_term_bg {
		background: url(/event/new_school_term_bg_m.jpg) 50% 50% / cover no-repeat;
	}

	.new_school_term_bg video {
		display: none;
	}

	#event_wrap .new_school_term {
		width: 94%;
		margin: 0 auto;
		background: none;
		padding: 0;
	}

	#event_wrap .new_school_term img {
		width: 100%;
		height: auto
	}

	#event_wrap .new_school_term_con {
		background: url(/event/new_school_term_txt_m.png) 50% 50% / cover no-repeat;
		background-size: contain;
		padding: 300px 0 0 0;
	}

	.app_pelease_bg {
		background: url(/event/app_pelease_bg_m.jpg) 50% 50% / cover no-repeat;
	}

	#event_wrap .app_pelease_tit {
		width: 100%;
		max-width: 190px;
		margin: 0 auto;
		background: url(/event/app_pelease_tit_m.png) 50% 50% / cover no-repeat;
		padding: 56px 20px;
	}

	#event_wrap .app_pelease_txt {
		width: 100%;
		max-width: 240px;
		margin: 0 auto;
		background: url(/event/app_pelease_txt_m.png) 50% 50% / cover no-repeat;
		padding: 39px 20px;
	}

	#event_wrap .ytb_video {
		width: calc(100% - 40px);
		max-width: 650px;
		height: 300px;
		padding: 0 20px;
	}

	.wechat_bg {
		background: url(/event/wechat_bg_m.jpg) 50% 50% / cover no-repeat;
	}

	#event_wrap .wechat_title {
		width: 100%;
		max-width: 190px;
		margin: 0 auto;
		background: url(/event/wechat_title_m.png) 50% 50% / cover no-repeat;
		padding: 52px 20px;
	}

	#event_wrap .wechat_video {
		width: calc(100% - 40px);
		max-width: 650px;
		height: 300px;
		padding: 0 20px;
	}

	#event_wrap .wechat_txt {
		width: 100%;
		max-width: 270px;
		margin: 0 auto;
		background: url(/event/wechat_txt.png) 50% 50% / cover no-repeat;
		padding: 26px 0;
		margin-top: 30px;
	}


	.use_method {
		background: url(/event/app_pelease_bg_m.jpg) 50% 50% / cover no-repeat;
	}

	#event_wrap .use_method_tit {
		width: 100%;
		max-width: 190px;
		margin: 0 auto;
		background: url(/event/use_method_txt_m.png) 50% 50% / cover no-repeat;
		padding: 56px 20px;
	}

	#event_wrap .use_method_video {
		width: calc(100% - 40px);
		max-width: 650px;
		height: 300px;
		padding: 0 20px;
	}



	/**
.ace_teacher_bg { background: url(/event/ace_teacher_bg_m.jpg) 50% 50% / cover no-repeat; }
#event_wrap .ace_teacher {width:94%;margin:0 auto;}
#event_wrap .ace_teacher img {width:100%;height:auto}
#event_wrap .ace_teacher_con { background: url(/event/ace_teacher_con_m.png) 50% 50% / cover no-repeat; background-size: contain; padding: 450px 0; }
**/


	.attendance_check_bg {
		background: url('/event/attendance_check_bg_m.jpg') 50% 50% / cover no-repeat;
	}

	#attendance_check .attendance_check {
		width: 94%;
		margin: 0 auto;
		background: none;
		padding: 0;
	}

	#attendance_check .attendance_check img {
		width: 100%;
		height: auto
	}

	#attendance_check .attendance_check_con {
		background: url('/event/attendance_check_txt_m_250930.png?v=250930') 50% 50% / cover no-repeat;
		background-size: contain;
		padding: 650px 0 0 0;
	}


	.concurrent_lecture_bg {
		background: url('/event/concurrent_lecture_bg_m.jpg') 50% 50% / cover no-repeat;
	}

	#concurrent_lecture .concurrent_lecture {
		width: 94%;
		margin: 0 auto;
		background: none;
		padding: 0;
	}

	#concurrent_lecture .concurrent_lecture img {
		width: 100%;
		height: auto
	}

	#concurrent_lecture .concurrent_lecture_con {
		background: url('/event/concurrent_lecture_txt_m4.png') 50% 50% / cover no-repeat;
		background-size: contain;
		padding: 500px 0 0 0;
	}



	.price_tuition_bg {
		background: url('/event/price_tuition_bg_m.jpg') 50% 50% / cover no-repeat;
	}

	#event_main .price_tuition {
		width: 94%;
		margin: 0 auto;
		background: none;
		padding: 0;
	}

	#event_main .price_tuition img {
		width: 100%;
		height: auto
	}

	#event_main .price_tuition {
		background: url('/event/price_tuition_txt_m2.png') 50% 50% / cover no-repeat;
		background-size: contain;
		padding: 350px 0 0 0;
	}


	.free_class_bg {
		background: url('/event/free_class_bg_m.jpg') 50% 50% / cover no-repeat;
	}

	#event_main .free_class {
		width: 94%;
		margin: 0 auto;
		background: none;
		padding: 0;
	}

	#event_main .free_class img {
		width: 100%;
		height: auto
	}

	#event_main .free_class {
		background: url('/event/free_class_txt_m.png') 50% 50% / cover no-repeat;
		background-size: contain;
		padding: 430px 0 0 0;
	}

	.pronunciation_bg {
		background: url('/event/pronunciation_event_bg_m.jpg') 50% 50% / cover no-repeat;
	}

	#pronunciation .pronunciation {
		width: 94%;
		margin: 0 auto;
		background: none;
		padding: 0;
	}

	#pronunciation .pronunciation img {
		width: 100%;
		height: auto
	}

	#pronunciation .pronunciation_con {
		background: url('/event/pronunciation_event_txt_m.png') 50% 50% / cover no-repeat;
		background-size: contain;
		padding: 500px 0 0 0;
	}

	.insta_review_event_bg {
		background: url('/event/Insta_review_event_bg_m.jpg?v=251031') 50% 50% / cover no-repeat;
	}

	#insta_review_event .insta_review_event {
		width: 94%;
		margin: 0 auto;
		background: none;
		padding: 0;
	}

	#insta_review_event .insta_review_event img {
		width: 100%;
		height: auto
	}

	#insta_review_event .insta_review_event_con {
		background: url('/event/Insta_review_event_txt_m_251129.png?v=251129') 50% 50% / cover no-repeat;
		background-size: contain;
		padding: 700px 0 0 0;
	}


	.test_taker_bg {
		background: url('/event/test_taker_bg_m.jpg') 50% 50% / cover no-repeat;
	}

	#test_taker .test_taker {
		width: 94%;
		margin: 0 auto;
		background: none;
		padding: 0;
	}

	#test_taker .test_taker img {
		width: 100%;
		height: auto
	}

	#test_taker .test_taker_con {
		background: url('/event/test_taker_txt_m.png') 50% 50% / cover no-repeat;
		background-size: contain;
		padding: 600px 0 0 0;
	}


	.letter_event_bg {
		background: url('/event/letter_event_bg_m_250430.jpg') 50% 50% / cover no-repeat;
	}

	#letter_event .letter_event {
		width: 94%;
		margin: 0 auto;
		background: none;
		padding: 0;
	}

	#letter_event .letter_event img {
		width: 100%;
		height: auto
	}

	#letter_event .letter_event_con {
		background: url('/event/letter_event_txt_m_250430.png') 50% 50% / cover no-repeat;
		background-size: contain;
		padding: 512px 0 0 0;
	}

	.write_letter_bg {
		background: url('/event/write_letter_bg_m.jpg') 50% 50% / cover no-repeat;
	}

	#write_letter .write_letter {
		width: 94%;
		margin: 0 auto;
		background: none;
		padding: 0;
	}

	#write_letter .write_letter img {
		width: 100%;
		height: auto
	}

	#write_letter .write_letter_con {
		background: url('/event/write_letter_txt_m.png') 50% 50% / cover no-repeat;
		background-size: contain;
		padding: 400px 0 0 0;
	}


	.event_main_bg {
		background: url('/event/event1_bg_m_260930.jpg?v=260930') 50% 50% / cover no-repeat;
	}

	#event_main .event_main {
		width: 94%;
		margin: 0 auto;
		background: none;
		padding: 0;
	}

	#event_main .event_main img {
		width: 100%;
		height: auto
	}

	#event_main .event_main_con {
		background: url('/event/event1_txt_m_260930.png?v=260930') 50% 50% / cover no-repeat;
		background-size: contain;
		padding: 400px 0 0 0;
	}

	#event_main .ytb_video {
		width: calc(100% - 40px);
		max-width: 650px;
		height: 300px;
		padding: 0 20px;
	}



	.fall_event_bg {
		background: url(/event/covid_event_bg_m.jpg) 50% 50% / cover no-repeat;
	}

	#fall_event .fall_event {
		width: 94%;
		margin: 0 auto;
		background: none;
		padding: 0;
	}

	#fall_event .fall_event img {
		width: 100%;
		height: auto
	}

	#fall_event .fall_event_con {
		background: url(/event/covid_event_txt_m.png) 50% 50% / cover no-repeat;
		background-size: contain;
		padding: 380px 0 0 0;
	}

	.third_party_bg {
		background: url(/event/third_party_bg_m.jpg) 50% 50% / cover no-repeat;
	}

	#third_party .third_party {
		width: 94%;
		margin: 0 auto;
		background: none;
		padding: 0;
	}

	#third_party .third_party img {
		width: 100%;
		height: auto
	}

	#third_party .third_party_con {
		background: url(/event/third_party_txt_m.png) 50% 50% / cover no-repeat;
		background-size: contain;
		padding: 440px 0 0 0;
	}

	.premium_package_bg {
		background: url('/event/premium_package_bg_m_251129.jpg?v=251031') 50% 50% / cover no-repeat;
	}

	#premium_package .premium_package_pc {
		display: none;
	}

	#premium_package .premium_package_m {
		display: inline-block;
		width: 100%;
		max-width: 560px;
		padding-top: 100px;
	}

	#premium_package .premium_package_m img {
		width: 100%;
	}


	#event_summer .event_summer {
		padding: 0 20px;
	}

	#event_summer span {
		display: block;
		margin: 0 0 10px 0;
	}

	#event_talk {
		font-size: 14px;
		line-height: 20px;
	}

	#event_talk h2 {
		margin: 0 10px 20px 10px;
		font-size: 24px;
	}

	#event_talk p {
		width: auto;
		margin: 0 10px 20px 10px;
		font-size: 16px;
	}

	#event_talk a {
		display: block;
		width: 240px;
		margin: 0 auto 10px auto;
		padding: 0;
	}

	ul.benefit {
		width: auto;
		margin: 0 10px 40px 10px;
		padding: 40px 20px;
	}

	ul.benefit li {
		min-height: 40px;
		margin: 0 0 10px 0;
		padding: 0 0 10px 0;
		font-size: 14px;
	}

	ul.benefit li label {
		display: block;
		position: relative;
		left: 0;
		top: 0;
		width: 120px;
		margin: 0 0 10px 0;
		font-size: 16px;
	}

	.event_appl {
		width: auto;
		margin: 0 20px;
	}

	.event_appl label {
		float: none;
		width: 100%;
		height: 40px;
		margin: 0 0 20px 0;
		line-height: 40px;
		background: #ff7700;
		border-radius: 20px;
	}

	.event_appl span {
		float: none;
		width: 100%;
		margin: 0 0 20px 0;
		text-align: center;
	}

	.event_w_box {
		width: auto;
		padding: 20px 10px;
		margin: 20px 0;
		text-align: left;
		background: url(../images_201710/event_w_bg.png);
		border-radius: 5px;
	}

	.event_w_box ul {
		float: none;
		width: 100%;
	}

	.event_w_box ul li {
		display: block;
		height: auto;
		padding: 0 0 12px 24px;
		line-height: normal;
		font-size: 12px;
		background: url(../images_201710/chk.png) no-repeat 0 0
	}

	.event_w_box span {
		display: block;
		text-align: center;
	}

	.event_w_box span img {
		width: auto;
		height: 66px;
	}

	#event_sub {
		width: 100%;
		margin: 30px auto 0 auto;
		text-align: center
	}

	.event1 {
		width: 100%;
		float: none;
		margin: 0 0 20px 0;
	}

	.event2 {
		width: 100%;
		float: none;
	}

	#event_sub img {
		width: 98%;
		height: auto
	}

	#spec_open_wrap {
		padding: 80px 0 0 0;
		color: #fff;
		text-align: center;
		font-size: 12px;
		background: url(../images_201710/spec_open_bg_m.jpg) no-repeat 50% top;
		background-size: cover
	}

	#spec_open_wrap a.btn {
		display: inline-block;
		width: 240px;
		height: 40px;
		margin: 0 5px 10px 5px;
		color: #fff;
		font-size: 18px;
		text-align: center;
		line-height: 40px;
		text-decoration: none;
		background: #ed2100;
		border-radius: 5px;
	}

	#ten_wrap {
		background: url(../images_201710/10_bg_.jpg) no-repeat 50% 50%;
		background-size: cover;
		height: auto;
	}

	#ten_wrap .con {
		margin: 30px 0 40px;
	}

	#ten_wrap a {
		display: block;
		width: 260px;
		height: 50px;
		margin: 0 auto 10px auto;
		padding: 0;
		font-size: 18px;
		line-height: 50px;
	}

	#ten_wrap .btn_200 {
		width: 260px;
		padding: 0;
	}


	#recent_wrap {
		width: auto;
		margin: 40px 10px 20px 10px;
	}

	.recent {
		float: none;
		width: 100%;
		height: 180px;
		margin: 0 0 20px 0;
		border: solid 1px #ccc;
	}

	.recent .title {
		height: 39px;
		padding: 0 10px;
		line-height: 40px;
		font-size: 16px;
		font-weight: 700;
		color: #444;
		background: #f6f6f6;
		border-bottom: solid 1px #ccc;
	}

	.recent .title .more {
		display: block;
		float: right;
		margin: 0 10px 0 0;
		color: #999;
		font-size: 12px;
		font-weight: normal;
		text-decoration: underline
	}

	.recent ul {
		margin: 10px 10px;
	}

	.recent ul li {
		display: block;
		position: relative;
	}

	.recent ul li a {
		display: block;
		height: 30px;
		line-height: 30px;
	}

	.recent ul li .date {
		position: absolute;
		right: 10px;
		top: 0;
		color: #999;
	}

	#quick_wrap {
		width: 100%;
		margin: 0 auto 40px auto;
	}

	#quick_wrap li {
		display: block;
		float: left;
		width: 25%;
		height: 130px;
	}

	#quick_wrap li a {
		display: block;
		font-size: 12px;
		text-align: center;
		font-weight: bold;
		letter-spacing: -1px;
	}

	#quick_wrap li a img {
		display: block;
		width: 80px;
		margin: 0 auto;
	}

	#add_class {
		position: relative;
		width: 100%;
		margin: 0 0 40px 0
	}

	#add_class .add_cl {
		display: table;
		vertical-align: middle;
		width: 100%;
		height: 150px;
		padding: 50px 0 0 0;
		color: #fff;
		font-size: 18px;
		text-align: center;
		line-height: 40px;
		background-size: contain;
		border: 0;
		cursor: pointer
	}

	#add_class .add_cl img {
		width: 40px;
		height: auto;
	}

	#add_class .add_cl_gap {
		display: block;
		width: 100%;
		height: 30px;
	}

	#add_class .add_circle {
		position: absolute;
		left: 50%;
		top: 50%;
		width: 120px;
		height: 80px;
		margin: -80px 0 0 -60px;
		padding: 40px 0 0 0;
		color: #fff;
		font-size: 18px;
		text-align: center;
		line-height: 22px;
		background: #ed2100;
		border-radius: 100px;
	}

	#talk_exam_wrap {
		width: 100%;
		padding: 0 10px;
		color: #fff;
		font-size: 12px;
		text-align: center;
		line-height: 18px;
		background: url(../images_201710/talk_bg.jpg) no-repeat 50% 50%;
		background-size: cover
	}

	#talk_exam_wrap strong {
		color: #ffff00;
		font-weight: 700
	}

	#talk_exam_wrap a.btn {
		display: inline-block;
		width: 240px;
		height: 40px;
		margin: 0 5px 10px 5px;
		color: #fff;
		font-size: 18px;
		text-align: center;
		line-height: 40px;
		text-decoration: none;
		background: #ed2100;
		border-radius: 5px;
	}

	#talk_exam_wrap dl {
		width: 100%;
		margin: 0;
	}

	#talk_exam_wrap dl dt {
		display: block;
		float: none;
		width: 100%;
		height: 30px;
		margin: 0 0 10px 0;
		font-size: 12px;
		color: #fff;
		text-align: center;
		line-height: 30px;
		background: #ff9900;
	}

	#talk_exam_wrap dl dd {
		display: block;
		float: none;
		width: 100%;
		height: 30px;
		margin: 0 0 10px 0;
		font-size: 12px;
		color: #fff;
		text-align: center;
		line-height: 30px;
		border: solid 1px #fff;
		border-radius: 15px;
	}

	#talk_exam_wrap dl dd.last {
		display: block;
		float: none;
		width: 100%;
		height: 30px;
		margin: 0 0 30px 0;
		font-size: 12px;
		color: #fff;
		text-align: center;
		line-height: 30px;
		background: url(../images_201710/talk_.png);
		border: solid 1px #fff;
		border-radius: 15px;
	}





	/*#band_wrap {padding:0 20px;color:#fff;font-size:12px;text-align:center;line-height:18px;}
#band_wrap .band_img {width:50px !important;height:auto}
#band_wrap a.btn {display:inline-block;width:140px;height:40px;margin:0 5px 10px 5px;color:#33bb11;font-size:12px;text-align:center;line-height:40px;text-decoration:none;background:#fff200;border-radius:5px;}
#band_wrap ul.band_talk {width:100%;margin:0 auto 30px auto;}
#band_wrap ul.band_talk li {display:block;float:none;width:100%;margin:0 0 10px 0}
#band_wrap ul.band_talk li span {display:block;position:relative;width:100%;max-width:450px;margin:0 auto;overflow:hidden;border-radius:5px;}
#band_wrap ul.band_talk li span img {width:100%;height:auto}
#band_wrap ul.band_talk li p {display:block;width:100%;font-size:24px;color:#fff;text-align:center;}
#band_wrap ul.band_talk li p strong {font-weight:700}*/


	#band_wrap {
		margin: 0;
		padding: 0;
		color: #fff;
		font-size: 12px;
		text-align: center;
		line-height: 18px;
		background: url(../images_201710/bg_band.jpg) no-repeat 50% 50%;
		background-size: cover
	}

	#band_wrap .band_img {
		width: 60px !important;
		height: auto;
		margin: 0 0 12px 0;
	}

	#band_wrap a.btn {
		display: block;
		width: 180px;
		height: 40px;
		margin: 0 auto 12px auto;
		color: #fff;
		font-size: 14px;
		text-align: center;
		line-height: 40px;
		text-decoration: none;
		background: #ed2100;
		border-radius: 5px;
	}

	#band_area {
		width: 98%;
		margin: 0 auto;
		padding: 0;
	}

	#band_area:after {
		display: block;
		visibility: hidden;
		clear: both;
		content: ""
	}

	#band_area .band_info {
		float: none;
		width: 100%;
		height: auto;
		padding: 40px 0;
		background: url(../images_201710/bg_band_over.jpg) no-repeat 0 50%;
		background-size: cover
	}

	#band_area .band_info h1 {
		display: block;
		margin: 0 0 18px 0;
		padding: 0 0 16px 0;
		color: #fff;
		font-size: 16px;
		font-weight: 700;
		background: url(../images_201710/band_var.gif) no-repeat 50% bottom;
	}

	#band_area ul {
		float: none;
		width: 100%;
	}

	#band_area ul:after {
		display: block;
		visibility: hidden;
		clear: both;
		content: ""
	}

	#band_area ul li {
		display: block;
		float: left;
		width: 33.3%;
		height: auto;
		padding: 30px 0;
		color: #fff;
		font-size: 16px;
		font-weight: 700;
		text-align: center;
	}

	#band_area ul li img {
		width: 40px;
		height: auto;
		margin: 0 0 8px 0;
	}




	#post_wrap {
		padding: 0 10px;
		text-align: center;
		background: url('../event/post_bg_m.jpg');
	}

	#post_wrap a.btn {
		display: inline-block;
		width: 180px;
		height: 40px;
		margin: 0 5px 10px 5px;
		color: #fff;
		font-size: 14px;
		text-align: center;
		line-height: 40px;
		text-decoration: none;
		background: #ed2100;
		border-radius: 5px;
	}

	#post_wrap ul {
		width: auto;
		margin: 0;
		padding: 0
	}

	#post_wrap ul li {
		display: block;
		position: relative;
		float: none;
		width: auto;
		height: auto;
		margin: 0 0 20px 0;
		padding: 9px 19px 49px 19px;
		text-align: left;
		font-size: 12px;
		line-height: 18px;
		border: solid 1px #444
	}

	#post_wrap ul li.last {
		margin: 0 0 20px 0;
	}

	#post_wrap ul li strong {
		display: block;
		margin: 0 0 10px 0;
		font-size: 16px;
		font-weight: normal
	}

	#post_wrap ul li strong img {
		margin: 0 0 10px 0;
		vertical-align: bottom
	}

	#card_wrap {
		padding: 40px 10px;
		text-align: center;
	}

	#board_frame {
		width: auto;
		margin: 0 auto;
		padding: 5px;
		background: url(../images_201710/wood.jpg) no-repeat 50% 50%;
		background-size: cover
	}

	#board_wrap {
		width: auto;
		margin: 0 auto;
		padding: 10px;
		background: url(../images_201710/board.jpg);
	}

	.card {
		width: auto;
		margin: 0 auto;
	}

	.card li {
		display: block;
		float: none;
		width: 100%;
		text-align: left;
	}

	.card li.half {
		width: 100% !important;
		margin: 0 0 0 0;
	}

	.card li span {
		display: block;
		padding: 9px;
		margin: 0 -1px -1px 0;
		border: solid 1px #666;
		/*background:#fff;*/
	}

	.card li span strong {
		display: block;
		height: 30px;
		font-size: 14px;
		color: #ed2100;
		font-weight: 700;
		line-height: 24px;
	}

	.card li span strong img {
		width: auto;
		height: 18px
	}



	.card_chk {
		width: auto;
		margin: 0 10px;
	}

	.card_chk li {
		display: block;
		float: none;
		width: auto;
		height: auto;
		padding: 0 0 6px 22px;
		line-height: 18px;
		text-indent: 0;
		text-align: left;
		background: url(../images_201710/chk.png) no-repeat 0 1px
	}

	#exam_schedule {
		font-size: 12px;
		color: #fff;
		text-align: center;
		background: url(../images_201710/exam_bg2.jpg) no-repeat 50% 50%;
		background-size: cover
	}

	#exam_schedule a.btn {
		display: inline-block;
		width: 240px;
		height: 40px;
		margin: 0 5px 10px 5px;
		color: #fff;
		font-size: 18px;
		text-align: center;
		line-height: 40px;
		text-decoration: none;
		background: #ed2100;
		border-radius: 5px;
	}

	#exam_type {
		width: 100%;
		margin: 0;
		overflow-x: scroll;
		overflow-y: hidden
	}

	#exam_type table {
		width: 740px;
		border-collapse: collapse;
		border-spacing: 0
	}

	#exam_type th {
		width: 90px;
		padding: 12px 0;
		font-size: 12px;
		color: #fff;
		text-align: center;
		font-weight: bold;
		background: url(../images_201710/talk_.png);
		border: solid 1px #555;
	}

	#exam_type th.blank {
		width: 5px !important;
		padding: 0 !important;
	}

	#exam_type td {
		width: 90px;
		padding: 12px 0;
		font-size: 12px;
		color: #fff;
		text-align: center;
		border: solid 1px #555
	}

	#exam_type td.blank {
		width: 5px !important;
		padding: 0 !important;
	}

	#coupon {
		padding: 0 20px;
		text-align: center;
		color: #fff;
		font-size: 18px;
		line-height: 24px;
		background: url(../images_201710/coupon_bg2.jpg) no-repeat 50% 50%;
		background-size: cover
	}

	#coupon strong {
		color: #ffff00;
		font-size: 14px;
		font-weight: normal
	}

	#coupon .coupon_slogon {
		display: block;
		width: 70%;
		max-width: 400px;
		margin: 0 auto 30px auto;
	}

	#coupon .coupon_img {
		display: block;
		width: 80%;
		max-width: 342px;
		margin: 30px auto;
	}


	#add_section {
		text-align: center;
		color: #fff;
		font-size: 16px;
		line-height: 24px;
		background: url(../images_201710/add_section_bg.jpg) no-repeat 50% 50%;
		background-size: cover
	}

	#add_section span {
		display: block
	}

	#add_section a.btn {
		display: inline-block;
		width: 240px;
		height: 40px;
		margin: 0 5px 10px 5px;
		color: #fff;
		font-size: 18px;
		text-align: center;
		line-height: 40px;
		text-decoration: none;
		background: #ed2100;
		border-radius: 5px;
	}

	.add_section_title {
		width: 100%;
		height: auto
	}

	.add_section_box {
		width: 90%;
		max-width: 900px;
		margin: 40px auto;
		padding: 33px 0;
		border: solid 4px #fff;
	}


	#busi_area_wrap {
		padding: 0 10px;
		font-size: 12px;
		color: #fff;
		text-align: center;
		background: url(../images_201710/busi_area_bg.jpg) no-repeat 50% 50%;
		background-size: cover
	}

	#busi_area_wrap h1 {
		font-size: 26px;
		line-height: 36px;
		margin-top: 60px;
	}

	#busi_area_box {
		width: auto;
		margin: 0 10px;
	}

	#busi_area_box img {
		width: 60%;
	}

	#busi_area_box .busi_area_img {
		margin: 10px auto 18px auto;
	}

	#busi_area_box .busi_area_cell {
		display: block;
		float: left;
		width: 41%;
		height: auto;
		padding: 3% 3% 0;
		margin: 0px 1% 8px;
		font-size: 18px;
		text-align: center;
		border: 1px solid #6d6863;
	}

	#busi_area_box .busi_area_cell:nth-child(4) .busi_area_btn {
		margin: 43px auto 28px auto;
	}

	#busi_area_box .busi_area_subt {
		font-size: 13px;
		letter-spacing: -1.5px;
	}

	#busi_area_box .busi_area_tit {
		font-size: 18px;
		font-weight: 700;
		margin-bottom: 8px;
	}

	#busi_area_box .busi_area_btn {
		margin: 25px auto 28px auto;
		width: 120px;
		height: 42px;
		font-size: 15px;
		line-height: 42px;
	}

	#busi_area_wrap video {
		display: none;
	}


	#life_review_wrap {
		padding: 0 10px;
		font-size: 12px;
		color: #fff;
		text-align: center;
		background: url(../images_201710/life_review_bg.jpg) no-repeat 50% 50%;
		background-size: cover
	}

	#life_review_wrap h1 {
		font-size: 28px;
		font-weight: 500;
		line-height: 36px;
		margin-top: 60px;
	}

	#life_review_wrap h3 {
		font-size: 16px;
		font-weight: 300;
		line-height: 26px;
		margin: 0 30px;
	}

	#life_review_box {
		width: auto;
		margin: 0 10px;
	}

	#life_review_box img {
		width: 45%;
	}

	#life_review_box .busi_area_img {
		margin: 10px auto 18px auto;
	}

	#life_review_box .busi_area_cell {
		display: block;
		float: left;
		width: 92%;
		height: auto;
		padding: 3% 3% 0;
		margin: 0px 1% 8px;
		font-size: 18px;
		text-align: center;
	}

	#life_review_box .life_review_txt {
		font-size: 18px;
		font-weight: 700;
		margin-bottom: 8px;
		line-height: 24px;
	}

	#life_review_box .busi_area_btn {
		margin: 25px auto 28px auto;
		width: 120px;
		height: 42px;
		font-size: 15px;
		line-height: 42px;
	}




	#outro_wrap {
		padding: 0 10px;
		font-size: 12px;
		color: #fff;
		text-align: center;
		background: url(../images_201710/outro_bg.jpg) no-repeat 50% 50%;
		background-size: cover
	}

	#outro_box {
		width: auto;
		margin: 0 10px;
	}

	#outro_box .outro_cell {
		display: block;
		float: none;
		width: 100%;
		height: auto;
		margin: 0 0 10px 0;
		padding: 20px 0;
		font-size: 18px;
		text-align: center;
		border: solid 1px #666;
	}

	#outro_box .outro_cell img {
		display: block;
		width: 40px;
		height: auto;
		margin: 0 auto 12px auto;
	}

	#outro_box .outro_cell .tel {
		font-size: 30px;
		color: #ed2100;
		line-height: 36px;
	}

	#outro_box .outro_cell .fax {
		font-size: 18px;
		line-height: 24px;
	}

	#outro_box .outro_cell .time {
		font-size: 14px;
	}

	#outro_box .outro_cell a.btn {
		display: inline-block;
		height: 40px;
		padding: 0 16px;
		color: #fff;
		font-size: 18px;
		text-align: center;
		line-height: 40px;
		text-decoration: none;
		background: #ed2100;
		border-radius: 5px;
	}

	#outro_box .copy {
		display: none;
		color: #ccc;
		line-height: 24px
	}

	#outro_box .copy_m {
		display: block;
		color: #ccc;
		line-height: 18px
	}

	#outro_box .copy_m .ft_privacy_policy {
		font-weight: 600;
		color: #c6322c;
	}

	#outro_box .copy_m .last {
		padding-top: 24px;
	}


	#viz_sub {
		display: table;
		width: 100%;
		margin: 0;
		padding: 80px 0 0 0;
		color: #fff;
		font-size: 24px;
		text-align: center;
		line-height: 30px;
		border-bottom: solid 5px #ed2100;
		background: url(../images_201710/viz1.jpg) 50% 50% / cover no-repeat;
	}

	#viz_sub video {
		display: none;
	}

	#viz_sub span {
		display: table-cell;
		vertical-align: middle;
		height: 180px;
		margin: 20px 0;
		font-weight: 700;
		text-shadow: none;
	}

	#viz_sub span strong {
		display: block;
		margin: 0 0 0 0;
		font-size: 14px;
		font-weight: normal;
		line-height: 18px
	}

	#viz_sub_p {
		display: table;
		width: 100%;
		margin: 0;
		padding: 80px 0 0 0;
		color: #000;
		font-size: 24px;
		text-align: center;
		line-height: 30px;
		border-bottom: solid 5px #ed2100;
	}

	#viz_sub_p span {
		display: table-cell;
		vertical-align: middle;
		height: 300px;
		margin: 20px 0;
		font-weight: 700;
	}

	#viz_sub_p span strong {
		display: block;
		margin: 0 0 0 0;
		font-size: 14px;
		font-weight: normal;
		line-height: 18px
	}

	ul.viz_serv {
		display: block;
		width: 100%;
		margin: 20px auto 0 auto
	}

	ul.viz_serv li {
		display: block;
		float: left;
		width: 28%;
		height: 80px;
		margin: 0 2% 10px 2%;
		padding: 10px 0 0 0;
		font-size: 12px;
		font-weight: bold;
		line-height: 16px;
		letter-spacing: -1px;
	}

	ul.viz_serv li img {
		width: 30px;
		height: 30px;
		margin: 0 0 8px 0;
	}

	.content_title {
		display: block;
		margin: 0 0 40px 0;
		font-size: 18px;
		color: #444;
		font-weight: 700;
		line-height: 30px;
		text-align: center;
	}

	.content_title .sub {
		display: block;
		margin: 0;
		/*padding:0 0 0 18px;*/
		font-size: 14px;
		color: #666;
		font-weight: normal;
		line-height: 18px;
		/*border-left:solid 1px #ddd;*/
	}

	.content_title img {
		width: 150px;
		height: auto
	}

	.content_title_sub {
		display: block;
		margin: 0 0 20px 0;
		font-size: 16px;
		color: #444;
		font-weight: 700;
		line-height: 30px;
		text-align: center;
	}

	.content_title_sub .sub {
		display: block;
		margin: 0;
		font-size: 14px;
		color: #666;
		font-weight: normal;
		line-height: 18px;
		/*border-left:solid 1px #ddd;*/
	}

	#location_wrap {
		height: 40px;
		border-bottom: solid 1px #ccc;
		background-color: #fff;
	}

	#location_wrap_fix {
		position: absolute;
		display: block;
		width: 100%;
		height: 40px;
		top: 80px;
		left: 0;
		border-bottom: solid 1px #ccc;
	}

	.location {
		width: 100%;
		margin: 0 auto;
	}

	.location dl {}

	.location dl dt {
		display: none;
		float: left;
		background: #fff;
	}

	.location dl dd {
		display: block;
		float: left;
		position: relative;
		width: 50%;
		background: #fff;
	}

	.location dl dd a {
		display: block;
		width: 100%;
		height: 40px;
		margin: 0 0 0 -1px;
		padding: 0;
		font-size: 12px;
		line-height: 40px;
		text-decoration: none;
		text-indent: 7px;
		background: url(../images_201710/arrow_down.gif) no-repeat right 50%;
		border-right: solid 1px #ccc;
		cursor: pointer
	}

	.location dl dd ul {
		display: none;
		position: absolute;
		left: 0;
		top: 40px;
		width: 100%;
		margin: 0 -1px 0 -1px;
		background: #fff;
		border: solid 1px #ddd;
		z-index: 999999
	}

	.location dl dd ul li {
		display: block;
	}

	.location dl dd ul li a {
		display: block;
		line-height: 30px;
		font-size: 12px;
		background: none;
		border: none
	}

	.location dl dd ul li a:hover {
		color: #ff7700
	}



	#sitemap_wrap {
		display: none;
	}

	#footer_wrap {
		padding: 40px 0;
		text-align: center;
	}

	#footer_wrap ul {
		width: auto;
		margin: 0 10px
	}

	#footer_wrap ul li {
		display: block;
		float: none;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 20px 0;
		font-size: 12px;
		line-height: 24px;
		border-bottom: solid 1px #dedede;
		border-right: none
	}

	#footer_wrap ul li.first {
		width: 100%
	}

	#footer_wrap ul li.last {
		width: 100%;
		margin: 0;
		border: none
	}

	#footer_wrap ul li .copy {
		display: none;
	}

	#footer_wrap ul li .copy_m {
		display: block;
	}

	#content_wrap {
		width: auto;
		max-width: 1200px;
		margin: 0 5px;
		padding: 60px 0;
	}

	#list_type {
		margin: 0 0 10px 0;
		border-top: solid 1px #666 !important;
	}

	#list_type table {
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0
	}

	#list_type caption {
		display: none;
		padding: 10px 0;
		font-weight: bold;
		text-align: left
	}

	#list_type th {
		display: none;
		padding: 12px 0 12px 3px;
		font-size: 12px;
		color: #444;
		text-align: left;
		font-weight: bold;
		background: #f6f6f6;
		border-top: solid 1px #666;
		border-bottom: solid 1px #bbb
	}

	#list_type td {
		padding: 12px 0 12px 7px;
		font-size: 12px;
		text-align: left;
		border-bottom: solid 1px #ddd;
	}

	#list_type td a {
		font-size: 12px !important
	}

	#list_type td .cmt {
		display: inline-block;
		margin: 0 2px;
		font-size: 11px;
		color: #ff7700;
	}

	#list_type td .list_info {
		display: block;
		margin: 6px 0 0 0;
	}

	#list_type td .list_info .var {
		display: inline-block;
		margin: 0 3px;
		font-size: 12px;
		color: #ccc
	}

	#list_type td .list_info strong {
		color: #666;
		font-weight: bold;
	}

	.num {
		display: none;
		width: 60px;
		text-align: left
	}

	.subject {
		text-align: left;
	}

	.date {
		display: none;
		width: 120px;
		text-align: left
	}

	.name {
		display: none;
		width: 100px;
		text-align: left
	}

	.down {
		width: 40px;
		text-align: center !important;
	}

	.grade {
		display: none;
		width: 120px;
		text-align: left;
	}

	.vi_evalue {
		display: none;
		width: 40px;
		text-align: left;
	}

	.vi_evalue img {
		width: 16px;
		height: auto;
	}

	.evalue_info {
		display: inline-block
	}

	.evalue_grade {
		display: block;
		margin: 10px 0;
	}

	.evalue_grade dl {}

	.evalue_grade dl dt {
		float: left;
		display: block;
		width: 16.6%;
		height: 28px;
		margin: 0 -1px -1px -1px;
		color: #444;
		text-align: center;
		line-height: 28px;
		background: #f6f6f6;
		border: solid 1px #ddd
	}

	.evalue_grade dl dd {
		float: left;
		display: block;
		width: 16.6%;
		height: 28px;
		margin: 0 -1px -1px -1px;
		text-align: center;
		line-height: 28px;
		background: #fff;
		border: solid 1px #ddd
	}

	.evalue_grade dl dd img {
		width: 16px;
		height: auto;
	}


	.pay_way {
		display: none;
		width: 140px;
		text-align: left;
	}

	.pay_price {
		display: none;
		width: width:80px;
		text-align: right;
	}

	.proc {
		display: none;
		width: 120px;
		text-align: left;
	}

	.receipt {
		width: 40px;
		text-align: left;
	}



	#list_category {
		width: 100%;
		margin: 0 0 40px 0
	}

	#list_category h2 {
		position: absolute;
		font-size: 0;
		line-height: 0;
		overflow: hidden
	}

	#list_category ul {}

	#list_category ul li {
		display: block;
		float: left;
		width: 50% !important
	}

	#list_category ul li a {
		display: block;
		height: 38px;
		margin: 0 -1px -1px 0;
		font-size: 12px;
		color: #999;
		text-align: center;
		line-height: 38px;
		background: #fff;
		border: solid 1px #ddd;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

	#list_category ul li a#on {
		height: 38px;
		margin: 0 0 -1px 0 !important;
		color: #fff;
		font-weight: bold;
		background: #e87a45;
		border: solid 1px #e87a45;
		z-index: 99999
	}

	#list_category ul li a:hover {
		color: #fff;
		background: #666
	}



	.btn_frm {
		display: inline-block;
		padding: 0 14px;
		height: 32px;
		font-size: 12px;
		color: #666;
		font-weight: normal;
		text-decoration: none;
		border: solid 1px #ddd;
	}

	a.btn_frm {
		height: 32px;
		color: #666;
		line-height: 32px;
		text-decoration: none;
	}

	#btn_area_move {
		margin: 0 0 40px 0;
		font-size: 12px;
		text-align: left;
		border-top: solid 1px #ddd
	}

	#btn_area_move strong {
		display: inline-block;
		width: 60px;
		color: #666;
		font-weight: bold
	}

	#btn_area_move a.btn_prev {
		display: block;
		padding: 18px 10px 18px 34px;
		color: #999;
		border-bottom: solid 1px #ddd
	}

	#btn_area_move a.btn_next {
		display: block;
		padding: 18px 10px 18px 34px;
		color: #999;
		border-bottom: solid 1px #ddd
	}

	#btn_area_move a:hover {}

	#btn_area_center {
		height: 50px;
		text-align: center;
		vertical-align: top;
	}

	#btn_area_center a {
		display: inline-block;
		margin-left: 3px;
		padding: 10px 14px;
		font-size: 12px;
		color: #fff;
		line-height: normal;
		text-decoration: none;
		background: #444;
		cursor: pointer;
	}

	#btn_area_center .btn_act {
		display: inline-block;
		margin-left: 3px;
		padding: 8px 12px;
		font-size: 12px;
		color: #fff;
		line-height: normal;
		background: #ed2100;
		border: none;
		cursor: pointer;
	}

	#btn_area_center a.btn_cancel {
		padding: 7px 14px;
		color: #666;
		background: #f6f6f6;
		border: solid 1px #ddd;
		cursor: pointer;
	}

	#btn_area_center input.btn_appl {
		display: inline-block;
		height: 40px;
		margin: 0 auto;
		padding: 0 36px 0 66px;
		font-size: 14px;
		line-height: 40px;
		text-align: center;
		font-weight: 700;
		text-decoration: none;
		background: url(../images_201710/icon_appl.png) no-repeat 36px 50%;
		border-radius: 5px;
		cursor: pointer;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

	#btn_area_center input,
	#btn_area_center a {
		vertical-align: top
	}

	#btn_area {
		height: 50px;
		text-align: right;
	}

	#btn_area a {
		display: inline-block;
		margin-left: 2px;
		padding: 8px 12px;
		font-size: 12px;
		color: #fff;
		line-height: normal;
		background: #444;
	}

	#btn_area a.btn_act {
		background: #ed2100
	}

	#paging_area {
		height: 50px;
		text-align: center
	}

	#paging_area a {
		display: inline-block;
		margin: 2px;
		padding: 0 6px;
		height: 18px;
		color: #666;
		letter-spacing: 0;
		line-height: 18px;
		border: solid 1px #ccc;
		vertical-align: middle
	}

	#paging_area a:focus,
	#paging_area a:hover {
		text-decoration: none;
	}

	#paging_area a {
		background: #eee;
		text-decoration: none
	}

	#paging_area .pg_prev {
		padding: 0 8px 0 14px;
		background: url(../images_201710/btn_page_next.gif) no-repeat 50% 50%
	}

	#paging_area .pg_start {
		padding: 0 8px 0 14px;
		background: url(../images_201710/btn_page_next2.gif) no-repeat 50% 50%
	}

	#paging_area .pg_end {
		padding: 0 14px 0 8px;
		background: url(../images_201710/btn_page_prev2.gif) no-repeat 50% 50%
	}

	#paging_area .pg_next {
		padding: 0 14px 0 8px;
		background: url(../images_201710/btn_page_prev.gif) no-repeat 50% 50%
	}

	#paging_area .pg_current {
		display: inline-block;
		padding: 0 8px;
		color: #fff;
		font-weight: bold;
		background: #444;
		border: solid 1px #222;
	}

	#search_type {
		text-align: center;
	}

	#search_type .select {
		display: inline-block;
		width: 80px;
		font-size: 14px;
	}

	#search_type .input {
		display: inline-block;
		width: 120px;
		height: 30px;
		font-size: 12px;
		line-height: 30px;
		text-indent: 6px;
		border: solid 1px #ddd
	}

	#search_type .btn {
		display: inline-block;
		width: 60px;
		height: 32px;
		color: #fff;
		font-size: 12px;
		line-height: 32px;
		text-align: center;
		background: #444;
		border: none
	}

	#search_type span,
	#search_type input,
	#search_type {
		vertical-align: top;
	}

	#view_type {
		max-width: 1200px;
		margin: 0 auto 30px auto;
	}

	#view_type #view_title {
		padding: 18px 10px;
		color: #444;
		font-size: 14px;
		font-weight: bold;
		text-align: left;
		background: #f6f6f6;
		border-top: solid 1px #666;
		border-bottom: solid 1px #ddd
	}

	#view_type #view_title .category {
		display: block;
		color: #999;
		margin: 0 10px 6px 0;
		padding: 0 10px 0 0;
		font-size: 14px;
		border-right: none
	}

	#view_type #view_title .date {
		color: #999;
		font-size: 12px;
	}

	#view_type #view_info {
		padding: 18px 10px;
		font-size: 12px;
		text-align: left;
		border-bottom: solid 1px #ddd
	}

	#view_type #view_info strong {
		color: #444;
		font-weight: bold;
	}

	#view_type #view_info .label {
		display: inline-block;
		width: 80px;
		color: #444;
		font-weight: bold
	}

	#view_type #view_file {}

	#view_type #view_file h2 {
		position: absolute;
		font-size: 0;
		line-height: 0;
		overflow: hidden
	}

	#view_type #view_file ul {}

	#view_type #view_file ul li {
		display: block;
		padding: 18px 10px;
		font-size: 12px;
		text-align: left;
		border-bottom: solid 1px #eee
	}

	#view_type #view_file ul li .label {
		display: inline-block;
		width: 60px;
		color: #444;
		font-weight: bold
	}

	#view_type #view_link {}

	#view_type #view_link h2 {
		position: absolute;
		font-size: 0;
		line-height: 0;
		overflow: hidden
	}

	#view_type #view_link ul {}

	#view_type #view_link ul li {
		display: block;
		padding: 18px 10px;
		font-size: 12px;
		text-align: left;
		border-bottom: solid 1px #eee
	}

	#view_type #view_link ul li .label {
		display: inline-block;
		width: 60px;
		color: #444;
		font-weight: bold
	}

	#view_content_type {
		padding: 30px 10px;
		font-size: 12px;
		text-align: left;
	}

	#view_content_type h2 {
		position: absolute;
		font-size: 0;
		line-height: 0;
		overflow: hidden
	}

	#view_sns_type {
		height: 50px;
	}

	#view_sns_type ul {}

	#view_sns_type ul li {
		display: block;
		float: left
	}

	#view_sns_type ul li a {
		display: block;
		margin: 0 8px 0 0
	}

	#btn_choice_good,
	#btn_choice_bad {
		display: none;
		position: absolute;
		top: 30px;
		left: 0;
		min-width: 250px;
		padding: 19px;
		color: #999;
		text-align: center;
		background: #f6f6f6;
		border: solid 1px #ddd
	}

	#cmt_type {
		margin: 0 0 40px 0;
		font-size: 12px;
		text-align: left;
	}

	#cmt_type h2 {
		display: none
	}

	#cmt_type #cmt_title {
		display: block !important;
		height: 40px;
		padding: 20px 0 0 0;
		color: #444;
		font-weight: bold;
	}

	#cmt_type p {
		line-height: 18px;
	}

	#cmt_type .cmt_info {
		height: 30px;
	}

	#cmt_type .date {
		color: #999;
		font-size: 11px;
	}

	#cmt_type .cmt_info #cmt_btn {
		float: right;
	}

	#cmt_type .cmt_info #cmt_btn ul {}

	#cmt_type .cmt_info #cmt_btn ul li {
		display: block;
		float: left;
	}

	#cmt_type .cmt_info #cmt_btn ul li a {
		display: block;
		margin: 0 6px 0 0;
		padding: 0 6px 0 0;
		color: #999;
		font-size: 12px;
		border-right: solid 1px #ddd;
	}

	#cmt_type .cmt_info #cmt_btn ul li a.last {
		margin: 0;
		padding: 0;
		border-right: none
	}

	#cmt_form_type {
		padding: 20px 0;
	}

	#cmt_form_type table {
		width: 100%;
		margin: 0 0 30px 0;
		border-collapse: collapse;
		border-top: solid 1px #ddd;
		border-spacing: 0
	}

	#cmt_form_type caption {
		display: none;
		padding: 10px 0;
		font-weight: bold;
		text-align: left
	}

	#cmt_form_type th {
		width: 120px;
		padding: 18px 8px;
		font-size: 12px;
		color: #444;
		text-align: left;
		font-weight: bold;
		/*background:#f6f6f6;*/
		border-bottom: solid 1px #eee;
	}

	#cmt_form_type td {
		width: ;
		padding: 18px 8px;
		font-size: 12px;
		color: #999;
		text-align: left;
		border-bottom: solid 1px #eee;
	}

	#cmt_form_type textarea {
		width: 95%;
		height: 100px;
		border: solid 1px #ddd;
	}

	#cmt_form_type .btn_cmt_submit {
		display: block;
		width: 100%;
		height: 40px;
		color: #fff;
		font-weight: bold;
		font-size: 14px;
		text-align: center;
		background: #444;
		border: none;
		cursor: pointer
	}

	#btn_area_frm {
		position: relative;
		height: 80px;
		text-align: center
	}

	/* 서식단계 진행 */
	#btn_area_frm .btn {
		display: inline-block;
		padding: 0 44px;
		font-size: 14px;
		font-weight: bold;
		background: #fff;
		border: solid 1px #ccc;
		cursor: pointer;
	}

	#btn_area_frm .btn_act {
		height: 50px;
		color: #fff;
		text-decoration: none;
		background: #ed2100;
		border: solid 1px #1e80ff !important
	}

	#btn_area_frm a.btn_act {
		height: 50px;
		color: #fff;
		line-height: 48px;
		text-decoration: none;
		background: #ed2100;
		border: solid 1px #1e80ff !important
	}

	#btn_area_frm .btn_normal {
		height: 50px;
		color: #666;
		text-decoration: none;
	}

	#btn_area_frm a.btn_normal {
		height: 48px;
		color: #666;
		line-height: 48px;
		text-decoration: none;
	}

	#btn_area_frm input,
	#btn_area_frm button,
	#btn_area_frm span,
	#btn_area_frm img,
	#btn_area_frm a {
		vertical-align: top;
	}

	#form_type {
		margin: 0 0 20px 0;
		border-top: solid 2px #ed2100;
	}

	#form_type table {
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0
	}

	#form_type th {
		width: 80px;
		padding: 8px 0 8px 6px;
		font-size: 12px;
		color: #444;
		text-align: left;
		font-weight: bold;
		background: #f6f6f6;
		border-bottom: solid 1px #bbb
	}

	#form_type td {
		width: ;
		padding: 8px 0 8px 6px;
		font-size: 12px;
		text-align: left;
		border-bottom: solid 1px #ddd;
	}

	#form_type td .input {
		width: 120px;
		height: 28px;
		font-size: 12px;
		line-height: 28px;
		text-indent: 7px;
		border: solid 1px #ccc;
	}

	#form_type td .input_b {
		width: 95%;
		height: 28px;
		font-size: 12px;
		line-height: 28px;
		text-indent: 7px;
		border: solid 1px #ccc;
	}

	#form_type td .select {
		display: inline-block;
		width: 95%;
	}

	#form_type td .textarea {
		width: 95%;
		height: 200px;
		border: solid 1px #ccc;
	}

	#form_type td .div_box {
		display: block;
		float: left;
		width: 95%;
		padding: 4px 0;
	}

	#form_type td .div_box2 {
		display: block;
		float: left;
		width: 95%;
		padding: 4px 0;
	}

	#form_type td .input_tel {
		display: inline-block;
		width: 60px;
		height: 28px;
		font-size: 14px;
		text-indent: 6px;
		line-height: normal;
		border: solid 1px #ccc;
	}

	#info_wrap {
		padding: 40px;
		font-size: 14px;
		color: #fff;
		text-align: center;
		line-height: 18px;
		background: url(../images_201710/info_bg.jpg) no-repeat center top #eee;
		background-size: cover
	}

	.reg_title {
		height: 50px;
		color: #444;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
	}

	#agree_type {
		max-width: 1100px;
		margin: 0 auto;
		padding: 9px;
		background: #eee
	}

	#agree_type ul {
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
	}

	#agree_type ul li {
		display: block;
		margin: 0 0 12px 0;
		line-height: 30px;
	}

	#agree_type ul li.chk {
		margin: 0 0 30px 0;
		line-height: 22px;
	}

	#agree_type ul li label {
		display: block;
		height: 30px;
		font-size: 14px;
		color: #444;
		font-weight: 700;
	}

	#agree_type ul li .input {
		width: 100%;
		height: 38px;
		font-size: 12px;
		line-height: 38px;
		text-indent: 8px;
		border: solid 1px #ccc;
	}

	#agree_type ul li .textarea {
		width: 100%;
		height: 180px;
		font-size: 12px;
		border: solid 1px #ccc
	}

	.btn_reg_area {
		width: 100%;
		max-width: 900px;
		margin: 0 auto 24px auto;
		text-align: center;
	}

	.btn_reg_area .btn_act {
		width: 120px;
		height: 40px;
		font-size: 12px;
		color: #fff;
		text-align: center;
		line-height: 40px;
		font-weight: 700;
		background: #444;
		border: none;
		cursor: pointer
	}

	#reg_type {
		max-width: 1200px;
		margin: 0 auto 60px auto;
		padding: 9px 9px;
		background: #fff;
		border-top: solid 2px #ed2100;
	}

	#reg_type dl {}

	#reg_type dl dd {
		display: block;
		position: relative;
		padding: 12px 0 12px 0px;
		line-height: 30px;
		border-bottom: solid 1px #ddd;
	}

	#reg_type dl dd label {
		display: block;
		position: relative;
		left: 0;
		top: 0;
		width: 160px;
		color: #444;
		font-size: 14px;
		font-weight: 700
	}

	#reg_type dl dd .form_info {
		color: #666;
		font-weight: normal;
		line-height: 22px;
	}

	#reg_type dl dd .input {
		display: inline-block;
		width: 130px;
		height: 30px;
		font-size: 14px;
		text-indent: 6px;
		font-weight: normal;
		line-height: normal;
		border: solid 1px #ccc;
	}

	#reg_type dl dd .btn_reg_in {
		display: inline-block;
		height: 30px;
		padding: 0 18px;
		color: #fff;
		text-align: center;
		line-height: 30px;
		text-align: center;
		font-weight: 700;
		background: #ed2100;
		border-radius: 5px;
	}

	#reg_type dl dd .select {
		display: inline-block;
		width: 300px;
		margin: 10px 0 0 0
	}

	#reg_type dl dd .input_b {
		display: inline-block;
		width: 100%;
		height: 30px;
		font-size: 14px;
		text-indent: 6px;
		font-weight: normal;
		line-height: normal;
		border: solid 1px #ccc;
	}

	#reg_type dl dd .input_tel {
		display: inline-block;
		width: 60px;
		height: 28px;
		margin: 0 5px 0 0;
		font-size: 14px;
		text-indent: 6px;
		line-height: normal;
		border: solid 1px #ccc;
	}

	#reg_type dl dd .select {
		display: inline-block;
		width: 100%;
	}

	#reg_type dl dd .textarea {
		width: 95%;
		height: 150px;
		border: solid 1px #ccc
	}

	#reg_type dl dd .textarea_b {
		width: 100%;
		height: 200px;
		font-size: 12px;
		border: solid 1px #ccc
	}

	#reg_type dl dd .radio_area {
		display: inline-block;
		width: 40%;
		margin: 0 0 12px;
		font-weight: normal;
		color: #666;
		line-height: normal
	}

	#reg_type dl dd .radio_area span,
	#reg_type dl dd .radio_area input,
	#reg_type dl dd .radio_area img,
	#reg_type dl dd .radio_area a {
		vertical-align: middle
	}

	#reg_type dl dd input,
	#reg_type dl dd span,
	#reg_type dl dd img,
	#reg_type dl dd a {
		vertical-align: middle
	}

	#reg_type dl dd.w85 {
		width: 100% !important
	}

	#reg_type dl dd.w100 {
		width: 100% !important
	}

	#reg_type dl dd .form_info {
		font-weight: normal
	}

	#reg_result_type {
		padding: 60px 0;
		text-align: center;
		font-size: 16px;
		color: #222;
		line-height: 20px;
	}

	#persnal_info {
		margin: 0 0 40px 0;
		padding: 19px 9px;
		background: #f6f6f6;
		border: solid 1px #ccc;
	}

	#persnal_info ul {}

	#persnal_info ul li {
		display: block;
		float: none;
		width: 100%;
		height: 30px;
		padding: 6px 0;
		line-height: 30px;
		font-size: 12px;
		text-align: left;
	}

	#persnal_info ul li label {
		display: inline-block;
		width: 120px;
		margin: 0 10px 0 0;
		color: #444;
		font-weight: 700;
		border-right: solid 1px #ddd;
	}

	#persnal_info ul li label img {
		width: 30px;
		height: auto
	}

	#persnal_info ul li strong {
		color: #444;
		font-weight: 700;
	}

	#persnal_info ul li.w100 {
		width: 100%;
		margin: 0
	}

	#persnal_lec {
		margin: 0 0 40px 0;
		padding: 19px 0;
		background: #fff;
		border: solid 1px #ccc;
	}

	#persnal_lec ul {
		width: 100%;
		max-width: 1100px;
		margin: 0 auto;
	}

	#persnal_lec ul li {
		display: block;
		float: none;
		width: 100%;
		height: auto;
		padding: 12px 0;
		line-height: 14px;
		font-size: 12px;
		text-align: left;
		border-bottom: solid 1px #eee;
	}

	#persnal_lec ul li label {
		display: inline-block;
		width: 100px;
		margin: 0 10px 0 10px;
		color: #444;
		font-weight: 700;
		border-right: solid 1px #ddd;
	}

	#persnal_lec ul li strong {
		color: #ed2100;
		font-weight: 700
	}

	#persnal_lec ul li.none {
		display: none
	}

	#persnal_btn {
		margin: 0 auto 40px auto;
		text-align: center;
	}

	#persnal_btn ul {}

	#persnal_btn ul.persnal_btn_wrap li {
		width: 100%;
	}

	#persnal_btn ul li {
		display: block;
		float: none;
		width: 100%;
		margin: 0 0 5px 0;
	}

	#persnal_btn ul li.m_none {
		display: none
	}

	#persnal_btn a {
		display: block;
		width: 100%;
		height: 40px;
		margin: 0 auto;
		font-size: 12px;
		font-weight: 700;
		text-align: center;
		line-height: 40px;
		text-decoration: none;
		border-radius: 5px;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

	#persnal_btn a img {
		width: 20px;
		height: auto
	}

	#persnal_btn .blank {
		display: none
	}

	#lecture_btn {
		margin: 0 auto 40px auto;
		text-align: center;
	}

	#lecture_btn ul {}

	#lecture_btn ul li {
		display: block;
		float: left;
		width: 50%;
		margin: 0 0 5px 0;
	}

	#lecture_btn ul li.m_none {
		display: none
	}

	#lecture_btn a {
		display: block;
		width: 96%;
		height: 40px;
		margin: 0 auto;
		font-size: 12px;
		font-weight: 700;
		text-align: center;
		line-height: 40px;
		text-decoration: none;
		;
		border-radius: 5px;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

	/*#lecture_btn a:hover {background:#ed2100;}*/
	#lecture_btn a img {
		width: 20px;
		height: auto
	}

	#lecture_btn .blank {
		display: none
	}

	#delay_policy {
		padding: 19px;
		background: #f6f6f6;
		border: solid 1px #ddd;
	}

	#delay_policy .title {
		margin: 0 0 40px 0;
		color: #444;
		font-weight: 700;
		font-size: 16px;
		text-align: left;
		line-height: 32px;
	}

	#delay_policy .title img {
		vertical-align: top
	}

	#delay_policy ul {}

	#delay_policy ul li {
		display: block;
		margin: 0 0 4px 0;
		;
		padding: 0 0 0 12px;
		background: url(../images_201710/bullet_orange.png) no-repeat 0 7px;
	}

	#calen_wrap {
		margin: 0 0 40px 0;
	}

	.bumlae {
		float: none;
		width: auto;
		margin: 0 0 10px 0;
		padding: 9px;
		background: #f6f6f6;
		border: solid 1px #aaa
	}

	.bumlae ul {}

	.bumlae ul li {
		display: block;
		float: left;
		width: 50%;
		height: 30px;
		line-height: 30px;
	}

	.calendar {
		margin: 0;
	}

	.calendar_month {
		height: 30px;
		margin: 0 0 10px 0;
		color: #eb150a;
		font-size: 24px;
		text-align: center;
		font-weight: 700;
		line-height: normal;
	}

	.calendar_month img {
		width: 24px;
		height: auto
	}

	.calendar ul {}

	.calendar ul li {
		display: block;
		clear: both;
		float: none;
		width: 100%;
		height: auto;
		margin: 0;
		background: #fff;
		border-bottom: :solid 1px #ddd;
		border-right: none;
		border-top: none;
		border-left: none
	}

	.calendar ul li.week {
		width: 100%;
	}

	.calendar ul li.title {
		display: none;
	}

	.calendar ul li.blank {
		display: none;
	}

	.calendar ul li .day {
		display: block;
		float: left;
		width: 30px;
		font-weight: 700;
		text-align: left;
		border-bottom: none;
	}

	.calendar ul li div {
		display: block;
		float: left;
		width: 150px;
		margin: 0;
		padding: 8px 0;
		text-align: left;
	}

	.calendar ul li div span {
		vertical-align: middle
	}

	.calendar ul li a {
		display: block;
		float: right;
		width: 80px;
		height: 25px;
		margin: 8px auto;
		color: #fff;
		text-align: center;
		text-decoration: none;
		line-height: 25px;
		background: #444;
	}

	#pop_title {
		position: relative;
		margin: 10px;
		padding: 10px;
		color: #fff;
		font-weight: 700;
		font-size: 18px;
		background: #eb150a;
		border-radius: 5px;
	}

	#pop_title .slogon {
		display: none
	}

	.lec_mov {
		margin: 10px
	}

	#lec_wrap {
		margin: 20px 10px
	}

	.lec_img {
		float: none;
		width: 270px;
		overflow: hidden;
		margin: 0 auto 10px auto;
		text-align: center;
		border: solid 1px #ccc;
		border-radius: 5px;
	}

	.lec_img img {
		width: 270px;
		height: auto;
	}

	.lec_career {
		height: auto;
		margin: 0;
		padding: 9px;
		border: solid 1px #ccc;
		border-radius: 5px;
	}

	.lec_career dl {}

	.lec_career dt {
		display: block;
		height: 40px;
		margin: 0 0 10px 0;
		padding: 0 0 0 12px;
		color: #fff;
		font-size: 14px;
		font-weight: 700;
		line-height: 40px;
		;
		background: #363945;
		border-radius: 5px;
	}

	.lec_career dd {
		display: block;
		padding: 0 0 0 12px;
		font-size: 12px;
		line-height: 16px;
		/*background:url(../images_201710/bullet_red.png) no-repeat 0 50%*/
	}

	.lec_con {
		font-size: 12px;
		margin: 10px 0 10px 0;
		padding: 19px;
		background: #f6f6f6;
		border: solid 1px #ccc;
		border-radius: 5px;
	}

	.lec_con .title {
		display: block;
		height: 40px;
		margin: 0 0 20px 0;
		padding: 0 0 0 12px;
		color: #fff;
		font-size: 14px;
		font-weight: 700;
		line-height: 40px;
		;
		background: #363945;
		border-radius: 5px;
	}

	a.lec_con_lnk {
		display: block;
		width: auto;
		height: 40px;
		margin: 0 0 10px 0;
		color: #fff;
		font-size: 14px;
		text-align: center;
		line-height: 40px;
		text-decoration: none;
		background: #ed2100;
		border-radius: 5px;
	}

	.lec_class {
		overflow: hidden;
		font-size: 12px;
		margin: 30px 10px;
		padding: 0;
		background: #f6f6f6;
		border: solid 1px #ccc;
		border-radius: 5px;
	}

	.lec_class img {
		width: 100%;
		height: auto;
	}

	.lec_class .title {
		display: block;
		height: 40px;
		margin: 0 0 20px 0;
		padding: 0 0 0 12px;
		color: #fff;
		font-size: 14px;
		font-weight: 700;
		line-height: 40px;
		;
		background: #363945;
		border-radius: 5px;
	}

	.lec_btn {
		margin: 20px 0;
		text-align: center;
	}

	.lec_btn .select {
		display: block;
		width: 100%;
		margin: 0 0 10px 0;
	}

	.lec_btn .btn {
		display: inline-block;
		height: 30px;
		padding: 0 12px;
		color: #fff;
		line-height: 30px;
		font-weight: 700;
		background: #555;
		border: solid 1px #444;
	}

	.lec_btn span,
	.lec_btn input,
	.lec_btn img,
	.lec_btn a {
		vertical-align: top;
	}

	.lec_info {
		height: auto;
		margin: 0;
		padding: 9px;
		border: solid 1px #ccc;
		border-radius: 5px;
	}

	.lec_info dl {}

	.lec_info dt {
		display: block;
		height: 40px;
		margin: 0 0 10px 0;
		padding: 0 0 0 12px;
		color: #fff;
		font-size: 14px;
		font-weight: 700;
		line-height: 40px;
		;
		background: #363945;
		border-radius: 5px;
	}

	.lec_info dd {
		display: block;
		height: 25px;
		padding: 8px 0 0 0;
		font-size: 12px;
		line-height: normal;
	}

	.lec_info dd label {
		display: inline-block;
		width: 80px;
		margin: 0 10px 0 0;
		color: #444;
		font-weight: 700;
		border-right: solid 1px #ddd;
	}

	.manager_img {
		float: none;
		overflow: hidden;
		width: 130px;
		margin: 0 auto 10px auto;
		border: solid 1px #ccc;
		border-radius: 5px;
	}

	.manager_img img {
		display: block;
		width: 130px;
		height: auto;
		margin: 0 auto;
	}

	.manager_career {
		height: auto;
		margin: 0;
		padding: 9px;
		border: solid 1px #ccc;
		border-radius: 5px;
	}

	.manager_career dl {}

	.manager_career dt {
		display: block;
		height: 40px;
		margin: 0 0 10px 0;
		padding: 0 0 0 12px;
		color: #fff;
		font-size: 14px;
		font-weight: 700;
		line-height: 40px;
		;
		background: #363945;
		border-radius: 5px;
	}

	.manager_career dd {
		display: block;
		height: 25px;
		padding: 0 0 0 12px;
		font-size: 12px;
		line-height: 25px;
		background: url(../images_201710/bullet_red.png) no-repeat 0 50%
	}

	#chart_wrap {
		width: 80%;
		margin: 0 auto 40px auto;
	}

	#book_wrap {
		width: 100%;
		max-width: 1200px;
		margin: 40px auto;
		padding: 40px 0;
		background: url(../images_201710/book_wall.jpg);
	}

	#book_wrap ul {}

	#book_wrap ul li {
		display: block;
		float: left;
		width: 33.3%;
		margin: 20px 0;
	}

	#book_wrap ul li a {
		display: block;
		width: 115px;
		height: 140px;
		margin: 0 auto;
		padding: 30px 0 0 15px;
		color: #fff;
		font-size: 14px;
		font-weight: 700;
		text-align: center;
		line-height: 18px;
		text-decoration: none;
		background: url(../images_201710/book_bg.png) no-repeat 0 0;
		background-size: 100% auto
	}

	a.lnk_blog {
		display: block;
		width: 100%;
		height: 40px;
		margin: 0 auto 20px auto;
		font-size: 12px;
		color: #fff;
		line-height: 40px;
		text-align: center;
		text-decoration: none;
		background: #444;
		border-radius: 5px;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

	a.lnk_blog:hover {
		color: #fff;
		background: #ed2100;
	}

	a.lnk_blog img {
		width: 14px;
		height: auto
	}

	#snb_sub {
		height: 40px;
		margin: 0 0 20px 0;
		border-bottom: solid 1px #444;
	}

	ul.sub_tabs {
		width: 100%;
		margin: 0 auto 40px auto
	}

	ul.sub_tabs li {
		display: block;
		float: left;
		width: 50%;
		margin: 0 -1px -1px -1px;
		background: #fff;
		border: solid 1px #444;
		border-bottom: none;
		cursor: pointer
	}

	ul.sub_tabs li a {
		display: block;
		height: 40px;
		color: #666;
		font-size: 14px;
		text-align: center;
		line-height: 40px;
		font-weight: 700;
		text-decoration: none;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

	ul.sub_tabs li a:hover {
		color: #fff;
		background: #ed2100;
	}

	ul.sub_tabs li.active {
		color: #fff !important;
		font-weight: bold;
		background: #444
	}

	ul.sub_tabs li.active a {
		color: #fff !important
	}

	ul.tabs {
		margin: 0 0 40px 0
	}

	ul.tabs li {
		display: block;
		float: left;
		width: 50%;
		margin: 0 -1px -1px -1px;
		background: #fff;
		border: solid 1px #ddd;
		cursor: pointer
	}

	ul.tabs li a {
		display: block;
		height: 30px;
		color: #999;
		font-size: 12px;
		text-align: center;
		line-height: 30px;
		text-decoration: none;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

	ul.tabs li a:hover {
		color: #fff;
		background: #ed2100;
	}

	ul.tabs li.active {
		color: #fff !important;
		font-weight: bold;
		background: #666
	}

	ul.tabs li.active a {
		color: #fff !important
	}

	ul.tabs_b {
		margin: 0 0 20px 0
	}

	ul.tabs_b li {
		display: block;
		float: left;
		width: 33.3%;
		margin: 0 -1px -1px -1px;
		background: #fff;
		border: solid 1px #ddd;
		cursor: pointer
	}

	ul.tabs_b li a {
		display: block;
		height: 30px;
		color: #999;
		font-size: 12px;
		text-align: center;
		line-height: 30px;
		text-decoration: none;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

	ul.tabs_b li a:hover {
		color: #fff;
		background: #ed2100;
	}

	ul.tabs_b li.active {
		color: #fff !important;
		font-weight: bold;
		background: #666
	}

	ul.tabs_b li.active a {
		color: #fff !important
	}

	#jrc_type {}

	#jrc_type ul {}

	#jrc_type ul li {
		display: block;
		float: left;
		width: 50%;
		margin: 0 0 40px 0;
	}

	#jrc_type ul li .jrc_con {
		display: block;
		width: 200px;
		margin: 0 auto;
		padding: 9px;
		font-size: 12px;
		border: solid 1px #ccc;
	}

	#jrc_type ul li .jrc_con .img {
		display: block;
		margin: 0 auto 14px auto;
	}

	#jrc_type ul li .jrc_con strong {
		display: block;
		height: 40px;
		margin: 0 0 8px 0;
		font-size: 14px;
		color: #444;
		font-weight: 700;
		letter-spacing: -1px;
		border-bottom: solid 1px #eee
	}

	#jrc_type ul li .jrc_con label {
		display: inline-block;
		width: 60px;
		margin: 0 7px 0 0;
		color: #444;
		font-weight: 700;
	}

	#jrc_type ul li dl {}

	#jrc_type ul li dl dd {
		display: block;
		float: left;
		width: 33.3%;
		margin: 14px 0
	}

	#jrc_type ul li dl dd a {
		display: block;
		width: 90%;
		margin: 0 auto;
		padding: 8px 0;
		font-size: 12px;
		font-weight: 700;
		text-align: center;
		line-height: 18px;
		text-decoration: none;
		border-radius: 5px;
	}

	#jrc_type ul li dl dd a.jrc_pay {
		background: #ed2100;
		color: #fff;
		box-shadow: none;
	}

	#jrc_list {
		margin: 0 0 20px 0;
	}

	#jrc_list ul {}

	#jrc_list ul li {
		display: block;
		position: relative;
		padding: 12px 0;
		border-bottom: solid 1px #ddd
	}

	#jrc_list ul li label {
		display: block;
		position: relative !important;
		width: 100%;
		left: 0;
		top: 0;
		margin: 0 0 6px 0;
		color: #444;
		font-weight: 700;
		border-right: none
	}

	#jrc_list ul li strong {
		color: #ed2100;
		font-weight: 700
	}

	#jrc_list dl {}

	#jrc_list dl dd {
		display: block;
		position: relative;
		margin: 0 -1px -1px -1px;
		padding: 8px 0;
		background: #f6f6f6;
		border: solid 1px #ddd;
	}

	#jrc_list dl dd .num {
		display: inline-block;
		width: 30px;
		margin: 0 7px 0 0;
		color: #ed2100;
		font-weight: 700;
		text-align: center;
		border-right: solid 1px #ddd;
	}

	#jrc_list dl dd a {
		display: block;
		position: absolute;
		right: 7px;
		top: 50%;
		margin: -11px 0 0 0
	}

	#price_title {
		margin: 0 0 20px 0;
		font-size: 12px;
		color: #f75665;
		text-align: center;
	}

	#price_title strong {
		display: block;
		font-size: 16px;
		color: #444;
		margin: 0 0 8px 0;
		font-weight: bold;
	}

	.price_type {
		width: 100%;
		overflow-x: scroll;
		margin: 0 0 10px 0;
		border-top: none;
	}

	.price_type table {
		width: 1000px;
		border-collapse: collapse;
		border-spacing: 0
	}

	.price_type caption {
		display: none;
		padding: 10px 0;
		font-weight: bold;
		text-align: left
	}

	.price_type th {
		width: 16.6%;
		padding: 7px 0;
		font-size: 12px;
		text-indent: 6px;
		color: #444;
		text-align: center;
		font-weight: bold;
		background: #f6f6f6;
		border: solid 1px #bbb;
	}

	.price_type td {
		width: 16.6%;
		padding: 7px 0;
		font-size: 12px;
		text-indent: 6px;
		text-align: center;
		border: solid 1px #ddd;
	}

	.grade_tt {
		display: none;
		width: 90%;
		margin: 10px 0;
		padding: 9px;
		line-height: 25px;
		background: #f6f6f6;
		border: solid 1px #ddd
	}

	.grade_tt strong {
		display: inline-block;
		width: 80px;
		color: #444;
		font-weight: 700
	}

	.grade_tt2 {
		display: none;
		width: 90%;
		margin: 10px auto;
		padding: 9px;
		line-height: 25px;
		background: #f6f6f6;
		border: solid 1px #ddd
	}

	.grade_tt2 strong {
		display: inline-block;
		width: 80px;
		color: #444;
		font-weight: 700
	}

	.tab_container table {
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0
	}

	.tab_container td {
		padding: 12px 0;
		color: #666;
		text-align: center;
		background: #f6f6f6;
		border: solid 1px #ccc;
	}

	.tab_container td a {
		cursor: pointer
	}

	#class_process {
		margin: 0 0 40px 0px;
	}

	#class_process dl {}

	#class_process dl dd {
		display: block;
		float: none;
		width: 70%;
		height: 100px;
		margin: 0 auto 20px auto;
		padding: 19px;
		text-align: center;
		background: #f6f6f6;
		border: solid 1px #ccc;
		-webkit-transition: all 0.6s ease-out;
		-moz-transition: all 0.6s ease-out;
		-o-transition: all 0.6s ease-out;
		transition: all 0.6s ease-out;
	}

	#class_process dl dd img {
		display: block;
		margin: 0 auto 12px auto;
	}

	#class_process dl dd strong {
		display: block;
		color: #444;
		font-size: 16px;
		font-weight: 700;
	}

	#class_process dl dd.arrow {
		width: 40px !important;
		height: 40px;
		padding: 0;
		line-height: normal;
		background: none;
		border: none;
	}

	#class_process dl dd.arrow img {
		display: inline;
		margin: 0;
		-webkit-transition: all 0.6s ease-out;
		-moz-transition: all 0.6s ease-out;
		-o-transition: all 0.6s ease-out;
		transition: all 0.6s ease-out;

		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	#class_process dl dd a#sms_view {
		position: relative;
	}

	#class_process dl dd a#sms_view img {
		display: inline-block;
		margin: 0;
	}

	#class_process dl dd #sms {
		display: none;
		position: absolute;
		left: 50%;
		margin: 0 0 0 -161px;
		z-index: 9999999
	}

	a.lnk_leveltest {
		display: block;
		width: 100%;
		height: 40px;
		margin: 0 auto 20px auto;
		font-size: 16px;
		line-height: 40px;
		text-align: center;
		text-decoration: none;
		border-radius: 5px;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

	a.lnk_leveltest img {
		width: 18px;
		height: auto
	}

	.lev_title {
		height: 30px;
		font-size: 16px;
		color: #222;
		text-align: center;
		font-weight: 700
	}

	#lev_choice {
		margin: 0 0 40px 0;
	}

	#lev_width {
		height: 20px;
		margin: 0 0 5px 0;
		padding: 1px;
		line-height: 0;
		background: #eee;
	}

	#lev_var {
		width: 0;
		height: 20px;
		background: url(../images_201710/lev_var.gif) no-repeat #999;
		-webkit-transition: all 0.6s ease-out;
		-moz-transition: all 0.6s ease-out;
		-o-transition: all 0.6s ease-out;
		transition: all 0.6s ease-out;
	}

	.lev_choice {
		margin: 0 0 40px 0;
		padding: 20px;
		line-height: 22px;
	}

	.lev_choice .area {
		display: block;
		float: left;
		width: 50%;
		height: 22px;
		padding: 6px 0;
	}

	ul.lev_term {
		margin: 0;
	}

	ul.lev_term li {
		display: block;
		float: left;
		width: 50%;
		margin: 0 0 10px 0;
	}

	ul.lev_term li a {
		display: block;
		width: 90%;
		height: 140px;
		margin: 0 auto;
		text-align: center;
		font-size: 14px;
		font-weight: 700;
		line-height: 140px;
		background: #444;
		border: solid 4px #fff;
		cursor: pointer;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

	#proc {
		height: 120px;
		padding: 10px;
		text-align: center;
	}

	#proc a {
		display: block;
		float: left;
		width: 33.3%;
		height: 40px;
		margin: 0;
		color: #444;
		font-size: 12px;
		font-weight: 700;
		line-height: 14px;
		text-align: center;
		letter-spacing: -1px;
		text-decoration: none;
		background: #fff;
	}

	#proc a:hover {
		color: #ec2200;
	}

	#proc a.on {
		color: #ec2200;
		border-bottom: none
	}

	#proc_sub {
		padding: 19px 0;
		text-align: center;
		border-top: solid 1px #ccc;
		border-bottom: solid 1px #ccc
	}

	#proc_sub a {
		display: inline-block;
		width: 80px;
		height: 50px;
		margin: 0 5px;
		font-size: 14;
		color: #999;
		text-align: center;
		font-weight: 700;
		line-height: 50px;
		text-decoration: none;
		background: #fff;
		border-radius: 5px;
	}

	/* #proc_sub a.proc1_1:hover {color:#fff;background:url(../images_201710/p1_1.jpg) 50% 50% !important;background-size:cover !important;}
#proc_sub a.proc1_2:hover {color:#fff;background:url(../images_201710/p1_2.jpg) 50% 50% !important;background-size:cover !important;}
#proc_sub a.proc1_1_on {color:#fff;background:url(../images_201710/p1_1.jpg) 50% 50% !important;background-size:cover !important;}
#proc_sub a.proc1_2_on {color:#fff;background:url(../images_201710/p1_2.jpg) 50% 50% !important;background-size:cover !important;} */

	#proc_viz {
		display: table;
		width: 100%;
		height: 180px;
		font-size: 14px;
		text-align: center;
		line-height: 18px;
		background-size: cover !important;
	}

	#proc_viz div {
		display: table-cell;
		vertical-align: middle;
	}

	#proc_viz strong {
		display: block;
		font-size: 24px;
		font-weight: 700;
		line-height: 30px;
	}

	#proc_viz span {
		display: block;
		margin: 0 0 20px 0;
		font-size: 16px;
		font-weight: 700;
		line-height: 20px;
	}

	.proc_txt {
		margin: 0 0 20px 0;
		color: #f75665;
		font-size: 12px;
		text-align: center;
		font-weight: 700
	}

	.proc_lev {
		display: none
	}

	.proc_lev_m {
		display: block;
		margin: 0 0 40px 0;
	}

	.proc_lev_m dl {}

	.proc_lev_m dl dt {
		display: block;
		float: left;
		width: 20%;
		margin: 0 -1px;
		color: #444;
		font-size: 12px;
		font-weight: 700;
		line-height: 30px;
		text-indent: 7px;
		background: #fff;
		border: solid 1px #ccc;
		border-top: none;
		border-bottom: none
	}

	.proc_lev_m dl dt.last {
		border-right: none
	}

	.proc_lev_m dl dd {
		display: block;
		float: left;
		width: 20%;
		margin: 0 -1px;
		border: solid 1px #fff
	}

	.proc_lev_m dl dd a {
		display: block;
		height: 30px;
		line-height: 30px;
		color: #fff;
		text-indent: 7px;
		font-weight: 700;
		text-decoration: none;
	}

	#textbook {
		position: relative;
		margin: 0 0 20px 0;
		padding: 9px;
		border: solid 1px #aaa;
	}

	#textbook .textbook_img {
		float: none;
		width: 120px;
		margin: 0 auto 20px auto;
		padding: 4px;
		border: solid 1px #eee;
	}

	#textbook .textbook_img img {
		width: 120px;
		margin: 0 0 5px 0;
		height: auto;
	}

	#textbook .textbook_intro {
		margin: 0;
	}

	#textbook .textbook_intro dt {
		display: block;
		height: auto;
		padding: 0 0 14px 0;
		color: #444;
		font-size: 14px;
		font-weight: 700;
		border-bottom: solid 1px #ddd;
	}

	#textbook .textbook_intro dd {
		display: block;
		position: relative;
		border-bottom: solid 1px #ddd;
	}

	#textbook .textbook_intro dd label {
		display: block;
		position: relative;
		left: 0;
		top: 0;
		width: 90%;
		padding: 6px 0;
		color: #444;
		font-weight: 700;
		background: none
	}

	#textbook .textbook_intro dd span {
		display: block;
		margin: 0;
		padding: 6px 0;
	}

	#textbook .textbook_btn {
		position: relative;
		display: block;
		left: 0;
		top: 0;
		text-align: center;
	}

	#textbook .textbook_btn a {
		display: inline-block;
		width: 120px;
		height: 40px;
		margin: 10px 0 10px 0;
		color: #fff;
		text-align: center;
		font-weight: 700;
		line-height: 40px;
		text-decoration: none;
		background: #444;
		cursor: pointer
	}

	#textbook .textbook_sample {
		display: none;
		position: relative;
		margin: 20px 0 0 0;
		padding: 30px;
		text-align: center;
		background: #444
	}

	#textbook .textbook_sample a {
		display: block;
		height: 40px;
		margin: 0 0 10px 0;
		padding: 0 14px;
		color: #ccc;
		font-size: 12px;
		font-weight: 700;
		line-height: 40px;
		text-decoration: none;
		background: #222;
		border-radius: 5px;
		cursor: pointer
	}

	#textbook .textbook_sample a img {
		width: auto;
		height: 30px;
	}

	ul.mg_intro {
		margin: 0 0 40px 0;
	}

	ul.mg_intro li {
		display: block;
		float: left;
		width: 100%;
		margin: -1px;
		background: #fff;
		border: solid 1px #ccc
	}

	ul.mg_intro li .mg_intro_img {
		position: relative;
		margin: 0
	}

	ul.mg_intro li .mg_intro_img img {
		width: 100%;
		height: auto;
	}

	ul.mg_intro li .mg_intro_img strong {
		display: block;
		position: absolute;
		width: 100%;
		height: 50px;
		left: 0;
		bottom: 0;
		color: #fff;
		font-size: 16px;
		font-weight: 700;
		line-height: 50px;
		text-indent: 20px;
		background: #000;
		filter: alpha(opacity=70);
		/* ie  */
		-moz-opacity: 0.7;
		/* old mozilla browser like netscape  */
		-khtml-opacity: 0.7;
		/* for really really old safari */
		opacity: 0.7;
		/* css standard, currently it works in most modern browsers like firefox,  */
	}

	ul.mg_intro li .mg_intro_con {
		height: auto;
		padding: 20px 10px;
	}

	#content_sub {
		margin: 0 5px;
		padding: 60px 0;
	}

	.mg_only {
		width: 100%;
		max-width: 1200px;
		margin: 0 auto 40px auto;
	}

	.mg_only ul {}

	.mg_only ul li {
		display: block;
		float: left;
		width: 100%;
		margin: 0 0 30px 0;
		padding: 0 0 30px 0;
		color: #444;
		font-size: 14px;
		font-weight: 700;
		text-align: center;
		border-bottom: solid 1px #ddd
	}

	.mg_only ul li img {
		display: block;
		width: 70%;
		max-width: 240px;
		height: auto;
		margin: 0 auto 20px auto;
	}

	.mg_wing {
		display: table;
		width: 100%;
		margin: 0 0 20px 0;
		color: #fff;
		font-size: 18px;
		font-weight: 700;
		text-align: center;
		line-height: 24px;
		background: url(../images_201710/mg_wing.jpg) no-repeat;
		background-size: cover !important
	}

	.mg_wing span {
		display: table-cell;
		height: 160px;
		vertical-align: middle
	}

	.mg_service {
		margin: 0;
		min-width: auto;
		background: url(../images_201710/mg_service_bg.jpg) no-repeat;
		background-size: cover !important
	}

	.mg_service ul {
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		padding: 40px 0;
	}

	.mg_service ul li {
		display: block;
		float: none;
		width: 100%;
		color: #fff;
		font-size: 12px;
		font-weight: 700;
		text-align: center;
	}

	.mg_service ul li .mg_service_c {
		display: block;
		width: 160px;
		height: 160px;
		margin: 0 auto;
		border-radius: 50%;
	}

	.mg_service ul li .mg_service_c img {
		width: 40px;
		height: auto;
		margin: 25px 0 0 0
	}

	.mg_service ul li .mg_service_c strong {
		display: block;
		margin: 10px 0;
		font-size: 16px;
		font-weight: 700;
		line-height: 20px;
	}

	.mg_service ul li .mg_service_con {
		min-height: 0;
		margin: 10px 0;
		padding: 0 0 40px 0;
	}

	ul.mg_poddcy {}

	ul.mg_poddcy li {
		display: block;
		float: none;
		width: 100%;
		margin: -1px;
		text-align: center;
		font-size: 12px;
		line-height: 18px;
		letter-spacing: -1px;
	}

	ul.mg_poddcy li .mg_poddcy_con {
		padding: 20px;
		height: auto;
	}

	ul.mg_poddcy li .mg_poddcy_con strong {
		display: block;
		margin: 0 0 10px 0;
		font-size: 16px;
		font-weight: 700;
		line-height: 20px;
	}

	ul.mg_poddcy li .size_s {
		height: auto;
	}

	ul.mg_poddcy li.main {
		display: none
	}

	ul.mg_poddcy li.main2 {
		display: none
	}

	#lec_profile {
		color: #fff;
		text-align: center;
	}

	#lec_profile img {
		width: 80%;
		height: auto;
		max-width: 400px;
	}

	#lec_profile ul {
		width: auto;
		margin: 0 auto;
		padding: 10px;
		display: flex;
		flex-wrap: wrap;
	}

	#lec_profile ul li {
		display: block;
		position: relative;
		float: left;
		width: 50%;
		margin-bottom: 20px;
		flex: 1 1 calc(50% - 5px);
		margin: 0 5px 20px;
	}

	#lec_profile ul li:nth-child(odd) {
		margin-left: 0;
	}

	#lec_profile ul li:nth-child(even) {
		margin-right: 0;
	}

	#lec_profile ul li .img {
		width: 100% !important;
		height: auto;
		max-width: 100%;
	}

	#lec_profile ul li.last {
		margin: 0 -1px 20px -1px !important
	}

	#lec_profile ul li:first-child .more_btn {
		display: inline;
		float: right;
		position: absolute;
		padding: 14px 0 0 126px;
	}

	#lec_profile ul li .more_btn {
		display: none;
	}

	#lec_profile ul li .more_btn a {
		color: #000;
		font-weight: bold;
		font-size: 14px;
		border: 1px solid rgba(0, 0, 0, 0.7) !important;
		padding: 7px 9px;
		border-radius: 3px;
		text-decoration: none;
	}

	#lec_profile ul li .name {
		display: block;
		position: relative;
		width: 100%;
		height: 40px;
		left: 0;
		top: 0;
		color: #fff;
		font-size: 14px;
		text-align: center;
		line-height: 40px;
		background: #222;
	}

	#lec_profile ul li ul {
		flex-flow: column;
	}

	#lec_profile ul li ul li {
		width: 100%;
		margin: 0;
		border: none;
	}

	#lec_profile ul li ul li img {
		width: 20px;
		height: auto
	}

	#lec_profile ul li ul li.bb {
		display: block;
		width: 100%;
		height: 38px;
		color: #fff;
		font-size: 12px;
		text-align: center;
		line-height: 38px;
		background: #444;
		border-top: solid 1px #666
	}

	#lec_profile ul li ul li a {
		display: block;
		height: 38px;
		color: #888;
		font-size: 12px;
		text-align: center;
		line-height: 38px;
		text-decoration: none;
		background: #fff;
		border-top: solid 1px #ddd
	}

	#p_wrap .p_con {
		min-height: 40px;
		margin: 20px 10px;
		padding: 9px;
		line-height: 16px;
		background: #f6f6f6;
		border: solid 1px #ddd
	}

	#p_wrap .p_con strong {
		color: #444;
		font-size: 14px;
		font-weight: 700;
		line-height: 18px;
	}

	#p_wrap .p_img {
		margin: 0 10px;
		text-align: center
	}

	#p_wrap .p_img img {
		width: 100%;
		max-width: 600px;
		height: auto
	}

	#manager_intro {
		padding: 40px 0;
		background: #f6f6f6
	}

	#manager_intro .title {
		height: 40px;
		color: #444;
		font-size: 18px;
		font-weight: 700;
		text-align: center;
	}

	#manager_intro ul {
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
	}

	#manager_intro ul li {
		display: block;
		float: none;
		width: 100%;
		margin: 0 -1px -1px -1px;
		background: #fff;
		border: solid 1px #ccc;
	}

	#manager_intro ul li .img {
		float: left;
		width: 90px;
		height: auto;
		margin: 10px;
		padding: 4px;
		border: solid 1px #ddd
	}

	#manager_intro ul li dl {
		margin: 10px 10px 0 120px;
	}

	#manager_intro ul li dl dt {
		display: block;
		height: 29px;
		color: #444;
		font-weight: 700;
		font-size: 14px;
		border-bottom: solid 1px #ddd;
	}

	#manager_intro ul li dl dd {
		display: block;
		height: 50px;
		padding: 5px 0;
	}

	#manager_intro ul li dl dd a {
		display: block;
		width: 80px;
		height: 30px;
		color: #fff;
		text-align: center;
		line-height: 30px;
		font-weight: 700;
		text-decoration: none;
		background: #444;
		border-radius: 5px;
	}

	.abo_phone {
		padding: 0 20px;
		color: #fff;
		font-size: 14px;
		text-align: center;
		line-height: 18px;
		background: #444;
	}

	.abo_phone h1 {
		display: block;
		margin: 0 0 20px 0;
		font-size: 24px;
		font-weight: 700;
		line-height: 30px
	}

	.abo_phone h2 {
		display: block;
		margin: 0 0 20px 0;
		font-size: 18px;
		font-weight: 700;
		line-height: 24px
	}

	.abo_phone strong {
		color: #fff568;
		font-weight: 700;
	}

	.abo_bg0 {
		background: url(../images_201710/abo_bg0.jpg) no-repeat 50% 50%;
	}

	.abo_bg1 {
		background: url(../images_201710/abo_bg1.jpg) no-repeat 50% 50%;
	}

	.abo_bg2 {
		background: url(../images_201710/abo_bg2_m.jpg) no-repeat 50% 50%;
	}

	.abo_bg3 {
		background: url(../images_201710/abo_bg3.jpg) no-repeat 50% 50%;
	}

	.abo_phone a.btn {
		display: inline-block;
		width: 240px;
		height: 40px;
		margin: 0 5px 10px 5px;
		color: #fff;
		font-size: 18px;
		text-align: center;
		line-height: 40px;
		text-decoration: none;
		background: #ed2100;
		border-radius: 5px;
	}

	.scr_bg0 {
		background: url(../images_201710/scr_bg0.jpg) no-repeat 50% 50%;
	}

	.scr_bg1 {
		background: url(../images_201710/scr_bg1.jpg) no-repeat 50% 50%;
	}

	.scr_bg2 {
		background: url(../images_201710/scr_bg2.jpg) no-repeat 50% 50%;
	}

	.scr_bg3 {
		background: url(../images_201710/scr_bg3.jpg) no-repeat 50% 50%;
	}

	.scr_bg4 {
		background: url(../images_201710/scr_bg4.jpg) no-repeat 50% 50%;
	}

	.scr_bg5 {
		background: url(../images_201710/scr_bg5.jpg) no-repeat 50% 50%;
	}

	.mg_bg0 {
		background: url(../images_201710/mg_bg0.jpg) no-repeat 50% 50%;
	}

	.mg_bg1 {
		background: url(../images_201710/mg_bg1.jpg) no-repeat 50% 50%;
	}

	.mg_bg2 {
		background: url(../images_201710/mg_bg2.jpg) no-repeat 50% 50%;
	}

	ul.screen li {
		display: block;
		float: none;
		width: 100%;
		text-align: center;
	}

	ul.screen li img {
		width: 90%;
		max-width: 400px;
		height: auto;
		padding: 4px;
		border: solid 1px #666;
	}

	ul.screen li span {
		display: block;
		margin: 10px 0 20px 0;
		font-size: 14px;
		color: #fff200
	}

	.lev_intro {
		margin: 0 0 20px 0;
		padding: 9px;
		text-align: left;
		font-size: 12px;
		line-height: 18px;
		background: #f6f6f6;
		border: solid 1px #ddd
	}

	.lev_intro strong {
		display: block;
		margin: 0 0 8px 0;
		padding: 0 0 0 12px;
		color: #444;
		font-size: 14px;
		font-weight: bold;
		background: url(../images_201710/bullet_orange.png) no-repeat 0 50%
	}

	.lev_intro .lev_intro_con {
		position: relative;
		margin: 0 0 10px 0;
		padding: 0 0 0 0;
	}

	.lev_intro .lev_intro_con label {
		display: block;
		position: relative;
		width: 100%;
		left: 0;
		top: 0;
		margin: 0 0 4px 0;
		color: #569ffd;
		font-weight: bold;
		border-right: none;
	}

	#faq_wrap {
		margin: 0 0 30px 0;
		text-align: left;
	}

	#faq_wrap h2 {
		position: absolute;
		font-size: 0;
		line-height: 0;
		overflow: hidden
	}

	#faq_wrap ol {
		margin: 0;
		padding: 0;
		list-style: none
	}

	#faq_con {
		border-bottom: 1px solid #ddd;
	}

	#faq_con h3 a {
		display: block;
		padding: 16px 8px;
		font-size: 14px;
		font-weight: bold;
		line-height: 26px;
		border-top: 1px solid #ddd;
		text-decoration: none
	}

	#faq_con .lbl_q {
		display: block;
		float: left;
		width: 26px;
		height: 26px;
		margin-right: 10px;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		line-height: 26px;
		background: #444;
		border-radius: 16px;
		-moz-border-radius: 16px;
		-webkit-border-radius: 16px;
	}

	#faq_con .lbl_a {
		display: block;
		width: 26px;
		height: 26px;
		margin-bottom: 10px;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		line-height: 26px;
		background: #569ffd;
		border-radius: 16px;
		-moz-border-radius: 16px;
		-webkit-border-radius: 16px;
	}

	#faq_con .con_inner {
		display: none;
		padding: 10px 10px 40px 10px;
		font-size: 12px;
		line-height: 18px
	}

	#faq_con .con_closer {
		margin: 10px 0 0;
		text-align: right
	}

	#faq_con .closer_btn {
		height: 29px;
		padding: 0 12px;
		color: #666;
		text-align: center;
		line-height: 27px;
		font-weight: bold;
		text-decoration: none;
		background: #f6f6f6
			/*linear-gradient(0deg, #444, #666)*/
		;
		border: solid 1px #ccc;
		cursor: pointer;
	}

	#faq_con span,
	#faq_con img,
	#faq_con a {
		vertical-align: middle
	}

	#agree_tab {
		display: block;
		height: 130px;
		margin: 10px 10px -1px 10px
	}

	#agree_tab li {
		display: block;
		float: none;
		width: 100%
	}

	#agree_tab li a {
		display: block;
		height: 38px;
		margin: 0 0 -1px 0;
		color: #999;
		font-size: 14px;
		line-height: 38px;
		text-align: center;
		background: #f6f6f6;
		border: solid 1px #ccc;
		cursor: pointer
	}

	#agree_tab li a.on {
		color: #fff;
		background: #444;
	}

	#agree_con {
		display: block;
		;
		margin: 0 10px;
		padding: 20px 0;
	}

	#agree_con li {
		display: block;
		height: 400px;
		font-size: 12px;
		line-height: 20px;
	}

	#agree_con li.con1 {}

	#agree_con li.con2 {
		display: none;
	}

	#agree_con li.con3 {
		display: none;
	}

	.bnr_edu {
		display: inline-block;
		padding: 0 6px;
	}

	/* add file */
	.fileWrapper {
		position: relative;
		overflow: hidden;
		margin: 0;
		padding: 0;
	}

	input[type=text].fileInputText {
		float: left;
		text-indent: 6px;
		font-size: 12px;
		border: 1px solid #ddd;
		margin: 0;
		padding: 0
	}

	input[type=button].fileInputButton {
		float: right;
		border: solid 1px #bbb;
		background: #eee;
		box-sizing: content-box;
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		margin: 0;
		padding: 0
	}
}




#mypaper_wrap {
	width: 100%;
	background: #222
}

#mypaper_wrap ul {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

#mypaper_wrap ul li {
	display: block;
	float: left;
	width: 20%;
	text-align: center;
}

#mypaper_wrap ul li a {
	display: block;
	margin: 0 -1px 0 -1px;
	padding: 16px 0;
	color: #fff;
	text-decoration: none;
	background: #222;
	border-left: solid 1px #444;
	border-right: solid 1px #444;
	-webkit-transition: all 0.6s ease-out;
	-moz-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
}

#mypaper_wrap ul li a:hover {
	background: #ed2100
}

#mypaper_wrap ul li a img {
	display: block;
	width: 40px;
	height: auto;
	margin: 0 auto 8px auto;
}

.pdf_wrap {
	width: 100%;
	height: 600px;
}



@media only screen and (max-width: 430px) {
	#book_wrap {
		width: 100%;
		max-width: 1200px;
		margin: 40px auto;
		padding: 40px 0;
		background: url(../images_201710/book_wall.jpg);
	}

	#book_wrap ul {}

	#book_wrap ul li {
		display: block;
		float: left;
		width: 50%;
		margin: 20px 0;
	}

	#book_wrap ul li a {
		display: block;
		width: 115px;
		height: 140px;
		margin: 0 auto;
		padding: 30px 0 0 15px;
		color: #fff;
		font-size: 14px;
		font-weight: 700;
		text-align: center;
		line-height: 18px;
		text-decoration: none;
		background: url(../images_201710/book_bg.png) no-repeat 0 0;
		background-size: 100% auto
	}

	#jrc_type {}

	#jrc_type ul {}

	#jrc_type ul li {
		display: block;
		float: left;
		width: 100%;
		margin: 0 0 40px 0;
	}

	#jrc_type ul li .jrc_con {
		display: block;
		width: 200px;
		margin: 0 auto;
		padding: 9px;
		font-size: 12px;
		border: solid 1px #ccc;
	}

	#jrc_type ul li .jrc_con .img {
		display: block;
		margin: 0 auto 14px auto;
	}

	#jrc_type ul li .jrc_con strong {
		display: block;
		height: 40px;
		margin: 0 0 8px 0;
		font-size: 14px;
		color: #444;
		font-weight: 700;
		letter-spacing: -1px;
		border-bottom: solid 1px #eee
	}

	#jrc_type ul li .jrc_con label {
		display: inline-block;
		width: 60px;
		margin: 0 7px 0 0;
		color: #444;
		font-weight: 700;
	}

	#jrc_type ul li dl {}

	#jrc_type ul li dl dd {
		display: block;
		float: left;
		width: 33.3%;
		margin: 14px 0
	}

	#jrc_type ul li dl dd a {
		display: block;
		width: 90%;
		margin: 0 auto;
		padding: 8px 0;
		font-size: 12px;
		font-weight: 700;
		text-align: center;
		line-height: 18px;
		text-decoration: none;
		border-radius: 5px;
	}



	#login_type .phone_number .input_tel {
		width: 34%;
	}


	.lecture_search_2021 .lecture_search_form {
		margin-right: 5px;
	}

	.lecture_search_2021 .lecture_search_form input {
		width: calc(100% - 105px);
	}


	.song_event_con dl dt {
		display: block;
		float: left;
		clear: both;
		width: 100%;
		margin: 0 0 20px 0
	}

	.song_event_con dl dt img {
		width: 100%;
		max-width: 310px;
		height: auto;
	}

	.song_event_con dl dd {
		display: block;
		float: left;
		width: 50%;
		text-align: center;
	}

	.song_event_con dl dd img {
		width: 100%;
		max-width: 107px;
		height: auto
	}

}


@media all and (max-width:500px) {
	#login_type ul.tabs li {
		font-size: 14px;
		padding: 12px 6px;
		width: 44%;
	}

	#login_type ul.tabs li.current {
		padding: 13px 6px;
	}

	.pdf_wrap {
		display: block;
		width: 90%;
		height: 300px;
		margin: 0 auto;
	}
}

@media all and (max-width:700px) {
	.videoBoxWrap {
		position: relative;
		background: #fff;
		/*margin-top:-60px;padding-bottom:56.23%;*/
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

	.videoBox {
		/*position:fixed; top:0px; left:5px; right:5px; padding-top:10px;*/
		background: #fff;
	}

	.sticky {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
	}

	#lev_test_form .mg_check_wrap {
		gap: 12px;
	}

	#lev_test_form .mg_check_wrap .mg_checkitem {
		flex: 0 1 calc(50% - 6px);
	}

}