/*=========================================
* CLASS TOP
*==========================================*/
#class .Top {
	text-align:center;
	padding:230px 0 200px;
	background-size:cover;
	background-position:50% 50%;
	background-repeat:no-repeat;

}
#class .topTitle p {
	font-size:18px;
}
#class .topTitle h1 {
	font-size: 150px;
    font-weight: 600;
    margin-top: 0;
    line-height: 1;
	letter-spacing:1rem;
}
#class .topTitle.korean h1 {
	font-size:90px;
	margin-top:15px;
	letter-spacing:0;
}
/*== AUDIO BEFORE & AFTER ==*/
.beat {
	margin-top:150px;
}
.beat h4 {
	display:inline-block;
	font-size:30px;
	font-weight:600;
	color:#fff;
	position:relative;
}
.beat h4 span {
	font-weight:200;
}
.beat h4:before {
	content:"";
	position:absolute;
	width:250px;
	height:1px;
	background:rgba(255,255,255,.5);
	right:calc(100% + 10px);
	top:50%;
}
.beat h4:after {
	content:"";
	position:absolute;
	width:250px;
	height:1px;
	background:rgba(255,255,255,.5);
	left:calc(100% + 10px);
	top:50%;
}
.beat_audio {
	margin-top:30px;
}
.beat_audio ul {
	width:650px;
	margin:0 auto;
}
.beat_audio ul:after {
	content:"";
	display:block;
	clear:both;
}
.beat_audio li.before {
	float:left;
}
.beat_audio li.after {
	float:right;
}

/* 반응형 */
@media (max-width:1200px) {
	#class .Top { padding:170px 0 120px; }
	#class .topTitle p { font-size:15px; }
	#class .topTitle h1 { font-size:120px; }
	#class .topTitle.korean h1 { font-size:70px; margin-top:10px; letter-spacing:0; }
	.beat { margin-top:100px; }
	.beat h4 { font-size:26px; }
	.beat h4:before, .beat h4:after { width:100px; }
	.beat_audio { margin-top:10px; }
	.beat_audio ul { width:550px; }
	.beat_audio li.before img, .beat_audio li.after img { max-width:250px; }
}
@media (max-width:767px) {
	#class .Top { padding:120px 0 80px }
	#class .topTitle p { font-size:12px; letter-spacing:0.2rem; }
	#class .topTitle h1 { font-size:70px; }
	#class .topTitle.korean h1 { font-size:55px; margin-top:8px; }
	.beat h4 { font-size:20px; }
	.beat h4:before { margin:0 auto; width:1px; height:40px; left:0; right:0; top:-75px; }
	.beat h4:after { display:none; }
	.beat_audio { margin-top:0; }
	.beat_audio ul { width:280px; }
	.beat_audio li.before, .beat_audio li.after { float:none; }
	.beat_audio li.after { margin-top:15px; }
	.beat_audio li.before img, .beat_audio li.after img { max-width:200px; }

}

/*=========================================
* OPIC
*==========================================*/
#opic {
	text-align:center;
}
#opic .con01 {
	height:630px;
	background:#27282f;
}
#opic .con01 figure {
	padding-top:60px;
}
#opic .con02 {
	padding:130px 0 100px;
	background:url("../img/sub/opic_compare_bg.jpg") 50% 50% no-repeat;
	background-size:cover;
}
#opic .con03, #opic .con04, #opic .con05, #opic .con06, #opic .con07 {
	padding:200px 0;
} 
#opic .con03 h6, #opic .con04  h6, #opic .con05  h6, #opic .con06  h6 {
	font-size:30px;
	color:#ffdb49;
	font-weight:700;
	line-height:52px;
	display:inline-block;
	width:60px;
	height:60px;
	border-radius:5px;
	border:3px solid #ffdb49;
}
#opic .con03 h5, #opic .con04  h5, #opic .con05  h5, #opic .con06  h5 {
	margin-top:50px;
	font-size:50px;
	font-weight:200;
	line-height:1;
	letter-spacing:-0.25rem;
	color:#fff;
}
#opic .con03 h5 span, #opic .con04  h5 span, #opic .con05  h5 span, #opic .con06  h5 span {
	display:block;
	margin-top:10px;
	font-size:70px;
	font-weight:700;
	color:#fff;
}
#opic .con04  h6 {
	color:#2670c1;
	border-color:#2670c1;
}
#opic .con04  h5, #opic .con04  h5 span {
	color:#2670c1;
}
/* 반응형 */
@media (max-width:1200px) {
	#opic .con01 { height:480px; }
	#opic .con01 figure { max-width:700px; margin-left:auto; margin-right:auto; }
	#opic .con02 { padding:130px 5rem 100px; }
	#opic .con03, #opic .con04, #opic .con05, #opic .con06, #opic .con07 { padding:130px 0;  }
	#opic .con03 h6, #opic .con04 h6, #opic .con05 h6, #opic .con06 h6 { font-size:20px; width:50px; height:50px; line-height:45px; }
	#opic .con03 h5, #opic .con04 h5, #opic .con05 h5, #opic .con06 h5 { margin-top:30px; font-size:38px; letter-spacing:-0.15rem; font-weight:300; }
	#opic .con03 h5 span, #opic .con04 h5 span, #opic .con05 h5 span, #opic .con06 h5 span { font-size:60px; margin-top:5px; letter-spacing:-0.25rem;}
}
@media (max-width:992px) {
	#opic .con03, #opic .con04, #opic .con05, #opic .con06, #opic .con07 { background-size:cover; background-position:50% 50%; background-repeat:no-repeat; }
	#opic .con03 { background-image:url('../img/sub/img/sub/opic_bg01.jpg'); }
	#opic .con04 { background-image:url('../img/sub/img/sub/opic_bg02.jpg'); }
	#opic .con05 { background-image:url('../img/sub/img/sub/opic_bg03.jpg'); }
	#opic .con06 { background-image:url('../img/sub/img/sub/opic_bg04.jpg'); }
	#opic .con07 { background-image:url('../img/sub/img/sub/opic_bg05.jpg'); }
}
@media (max-width:767px) {
	#opic .con01 { height:310px; }
	#opic .con02 { padding:100px 2rem 50px }
	#opic .con03, #opic .con04, #opic .con05, #opic .con06 { padding:100px 0; }
	#opic .con03 h5, #opic .con04 h5, #opic .con05 h5, #opic .con06 h5 { margin-top:20px; font-size:26px; letter-spacing:-0.1rem; }
	#opic .con03 h5 span, #opic .con04 h5 span, #opic .con05 h5 span, #opic .con06 h5 span { font-size:40px; }
	#opic .con07 { padding:60px 3rem 100px; background-position:50% 100% !important; background-size:contain !important; background-color:#000; }
}

/*=========================================
* TSC
*==========================================*/
.tsc_top {
	margin-top:150px;
}
#tsc {
	text-align:center;
} 
.checking {
	padding:130px 0 150px;
	background:url('../img/sub/tsc_con01_bg.jpg') 0% 0% no-repeat;
	background-size:cover;
}
.checking .textWp {
	padding-left:45%;
	text-align:left;
}
.checking h6 {
	font-size:60px;
	font-weight:600;
	color:#f44b01;
}
.checking ul {
	margin-top:40px;
}
.checking ul li {
	width:700px;
	padding:15px 0 15px 30px;
	margin-bottom:15px;
	background:#555;
	color:#fff;
	font-size:26px;
	font-weight:400;
	letter-spacing:-0.15rem;
	border-radius:60px;
}
.checking ul li i {
	color:#fff;
	margin-right:10px;
}
.checking h5 {
	margin-top:50px;
	font-size:45px;
	font-weight:200;
	letter-spacing:-0.1rem;
}
.checking h5 span {
	display:block;
	margin-top:5px;	
	font-size:70px;
	font-weight:200;
	letter-spacing:-0.4rem;
}
.checking h5 span strong {
	color:#f44b01;
}
.normalcenter {
	width:100%;
	height:800px;
}
.normalcenter:after {
	content:"";
	display:block;
	clear:both;
}
.normalcenter .left {
	width:50%;
	height:100%;
	float:left;
	padding:100px 0;
	background:url('../img/sub/tsc_con02_bg01.jpg') 50% 50% no-repeat;
	background-size:cover;
}
.normalcenter .right {
	width:50%;
	height:100%;
	float:right;
	background:url('../img/sub/tsc_con02_bg02.jpg') 50% 50% no-repeat;
	background-size:cover;
}
.normalcenter .right h4 {
	margin-top:150px;
	font-size:70px;
	font-weight:200;
	color:#222;
	letter-spacing:-0.5rem;
}
.normalcenter .right h4 span {
	display:block;
	font-weight:700;
}

#tsc .con03 {
	padding:150px 0;
	background:#f44b01;
}
#tsc .con03 h4 {
	font-size:70px;
	color:#fff;
	font-weight:600;
	letter-spacing:-0.3rem;
}
#tsc .con04 {
	padding:150px 0;
	background:url('../img/sub/tsc_con04_bg.jpg')50% 50% no-repeat;
	background-size:cover;
}
#tsc .con04 h4 {
	font-size:70px;
	color:#fff;
	font-weight:600;
	letter-spacing:-0.3rem;
}
#tsc .con04 h4 span {
	color:#ff5021;
	font-weight:700;
}
#tsc .con05 {
	width:100%;
	max-width:1100px;
	margin:0 auto;
	padding:130px 0;
}
#tsc .con05 h4 {
	font-size:50px;
	color:#222;
	font-weight:200;
	letter-spacing:-0.35rem;
}
#tsc .con05 h4 span {
	font-weight:700;
}
#tsc .con05 .con05Wp {
	margin-top:20px;
}
#tsc .con05 .con05Wp:after {
	content:"";
	display:block;
	clear:both;
}
#tsc .con05 .box {
	width:50%;
	float:left;
	margin-top:45px;
}
#tsc .con05 .box p {
	margin-top:10px;	
	font-size:26px;
	letter-spacing:-0.1rem;
}
#tsc .con06 {
	padding:150px 0;
	background:url('../img/sub/tsc_con06_bg.jpg') 50% 50% no-repeat;
	background-size:cover;
}
#tsc .con06 h4 {
	font-size:50px;
	font-weight:200;
	color:#fff;
	letter-spacing:-0.35rem;
}
#tsc .con06 h4 span {
	font-weight:600;
}
#tsc .con06 figure {
	margin-top:50px;
}
/* 반응형 */
@media (max-width:1400px) {
	.checking { padding:100px 0 130px; }
	.checking .textWp { padding-left:35%; }
	.normalcenter { height:600px; }
	.normalcenter .left { padding:60px 0 0 0; }
	.normalcenter .left figure { max-width:480px; margin-left:auto; margin-right:auto; }
	.normalcenter .right h4 { margin-top:120px; font-size:50px; letter-spacing:-0.3rem;}
}
@media (max-width:1200px) {
	.tsc_top { margin-top:100px; }
	.tsc_top img { max-width:650px; }
	.checking { padding:70px 0 100px; }
	.checking .textWp { padding-left:20%; }
	.normalcenter { height:550px; }
	.normalcenter .left figure { max-width:420px; }
	#tsc .con03, #tsc .con04 { padding:100px 0; }
	#tsc .con03 h4, #tsc .con04 h4 { font-size:50px; }
	#tsc .con05 { padding:100px 5rem; }
	#tsc .con05 .box { padding:0 10px; }
	#tsc .con05 .box p { font-size:20px; }
	#tsc .con06 { padding:100px 5rem; }
}
@media (max-width:992px) {
	.checking .textWp { }
	.checking h6 { font-size:45px; }
	.checking ul { margin-top:20px; }
	.checking ul li {  width:100%; border-radius:60px 0 0 60px; font-size:22px; position:relative; padding-left:50px; padding-right:30px;}
	.checking ul li i { position:absolute; margin-right:0; left:20px; top:18px; }

	.checking h5 { margin-top:50px; font-size:34px; }
	.checking h5 span { font-size:50px; }
	.normalcenter { height:450px; }
	.normalcenter .left { padding:60px 0 0 0; }
	.normalcenter .left figure { max-width:320px; }
	.normalcenter .right h4 { margin-top:100px; font-size:40px; }
	#tsc .con03, #tsc .con04 { padding:80px 0; }
	#tsc .con03 h4, #tsc .con04 h4 { font-size:40px; }
	#tsc .con05 { padding:100px 3rem; }
}
@media (max-width:767px) {
	.tsc_top { margin-top:70px; }
	.tsc_top img { max-width:90%; }
	.checking { padding:100px 0 100px; }
	.checking .textWp {padding-left:20px;}
	.checking h6 { font-size:32px; font-weight:600; }
	.checking ul { margin-top:15px; }
	.checking ul li { padding:12px 5px 12px 42px; font-size:15px; letter-spacing:-0.05rem; margin-bottom:7px; }
	.checking ul li i { top:14px; }
	.checking h5 { margin-top:60px; font-size:24px; font-weight:300;}
	.normalcenter { height:auto; }
	.normalcenter .left, .normalcenter .right { width:100%; float:none; }
	.normalcenter .left { padding:30px 0; }
	.normalcenter .right { height:350px; }
	.normalcenter .right h4 { margin-top:0; padding-top:60px; }
	#tsc .con03, #tsc .con04 { padding:60px 0; }
	#tsc .con03 h4, #tsc .con04 h4 { font-size:30px; letter-spacing:-0.1rem; }
	#tsc .con05 { padding:50px 2rem; }
	#tsc .con05 h4 { font-size:28px; letter-spacing:-0.15rem; max-width:280px; margin-left:auto; margin-right:auto; line-height:1; }
	#tsc .con05 h4 span {  display:block;font-size:36px; margin-top:7px;  padding-bottom:5px;}
	#tsc .con05 .box { width:300px; float:none; margin-left:auto; margin-right:auto; margin-top:25px; }
	#tsc .con05 .box p { font-size:17px; }
	#tsc .con06 { padding:60px 2rem; }
	#tsc .con06 h4 { font-size:32px; letter-spacing:-0.2rem; }
	#tsc .con06 figure { margin-top:30px; }
}
@media (max-width:380px) { 
	.checking { background-size:contain; background-position:left top; padding-bottom:50px; }
	.checking h6 { text-align:center; }
	.checking ul li { font-size:13px; letter-spacing:0.025rem; }
	.checking h5 { margin-top:30px; font-size:20px; letter-spacing:-0.05rem;  text-align:center;}
	.checking h5 span { font-size:30px; letter-spacing:-0.08rem; } 
}

/*=========================================
* 회화
*==========================================*/

#talk {
	text-align:center;
}
#talk .checking h6 {
	color:#04cfe1;
}
#talk .checking h5 span strong {
	color:#04cfe1;
}
#talk .normalcenter .right {
	background-image:url('../img/sub/talk_con02_bg02.jpg');
}
#talk .normalcenter .right h4 {
	margin-top:250px;
	text-align:right;
	padding-right:100px;
}
#talk .con03 {
	padding:150px 0;
	background:#04cfe1;
}
#talk .con03 h4 {
	font-size:70px;
	color:#fff;
	font-weight:700;
	letter-spacing:-0.3rem;
}
#talk .con04 {
	padding:150px 0;
	background:url('../img/sub/talk_con04_bg.jpg')50% 50% no-repeat;
	background-size:cover;
}
#talk .con04 h4 {
	font-size:70px;
	color:#fff;
	font-weight:700;
	letter-spacing:-0.5rem;
}
#talk .con04 h4 span {
	color:#12ecff;
}
#talk .con04 figure {
	margin-top:80px;
}
#talk .con05 {
	width:100%;
	max-width:1100px;
	margin:0 auto;
	padding:130px 0;
}
#talk .con05 h4 {
	font-size:50px;
	color:#222;
	font-weight:200;
	letter-spacing:-0.35rem;
}
#talk .con05 h4 span {
	font-weight:700;
}
#talk .con05 .con05Wp {
	margin-top:20px;
}
#talk .con05 .con05Wp:after {
	content:"";
	display:block;
	clear:both;
}
#talk .con05 .box {
	width:50%;
	float:left;
	margin-top:45px;
}
#talk .con05 .box p {
	margin-top:10px;	
	font-size:26px;
	letter-spacing:-0.1rem;
}
#talk .con06 {
	padding:150px 0;
	background:url('../img/sub/tsc_con06_bg.jpg') 50% 50% no-repeat;
	background-size:cover;
}
#talk .con06 h4 {
	font-size:50px;
	font-weight:200;
	color:#fff;
	letter-spacing:-0.35rem;
}
#talk .con06 h4 span {
	font-weight:600;
}
#talk .con06 figure {
	margin-top:50px;
}
/* 반응형 */
@media (max-width:1400px) {
	#talk .normalcenter .right h4 { padding-right:60px; margin-top:200px; }
}
@media (max-width:1200px) {
	#talk .normalcenter .right h4 { padding-right:0px; margin-top:100px; text-align:center; }
	#talk .con03, #talk .con04 { padding:100px 0; }
	#talk .con03 h4, #talk .con04 h4 { font-size:50px; }
	#talk .con04 figure { max-width:90%; margin-left:auto; margin-right:auto; }
	#talk .con05 { padding:100px 5rem; }
	#talk .con05 .box { padding:0 10px; }
	#talk .con05 .box p { font-size:20px; }
	#talk .con06 { padding:100px 5rem; } 
}
@media (max-width:992px) {
	#talk .normalcenter .right { background-position:0% 0%; }
	#talk .normalcenter .right h4 { margin-top:80px; }
	#talk .con03 { padding:80px 0; }
	#talk .con03 h4 { font-size:40px; }
	#talk .con04 h4 {  font-size:50px; letter-spacing:-0.2rem; }
	#talk .con04 figure { margin-top:50px; }
	#talk .con05 { padding:100px 3rem; }
}
@media (max-width:767px) {
	#talk .normalcenter .right h4 { margin-top:0; padding-top:50px; }
	#talk .con03 { padding:60px 0; }
	#talk .con03 h4 { font-size:38px; letter-spacing:-0.1rem; }
	#talk .con04 { padding:80px 0; }
	#talk .con04 h4 { font-size:38px; }
	#talk .con04 h4 span { display:block; margin-top:5px;}
	#talk .con05 { padding:50px 2rem; }
	#talk .con05 h4 { font-size: 28px; letter-spacing: -0.15rem;  margin-left: auto; margin-right: auto; line-height: 1; }
	#talk .con05 h4 span { display:block; }
	#talk .con05 .box { width: 300px; float: none; margin-left: auto; margin-right: auto; margin-top: 25px; }
	#talk .con05 .box p { font-size:17px; }
	#talk .con06 { padding:60px 2rem; }
	#talk .con06 h4 { font-size:32px; letter-spacing:-0.2rem; }
	#talk .con06 figure { margin-top:30px; }
}   

/*=========================================
* 시험대비반
*==========================================*/
#exam {
	text-align:center;
}
#exam .con_title {
	font-size:70px;
	font-weight:600;
	color:#fff;
	letter-spacing:-0.5rem;
	position:relative;
	display:inline-block;
}
#exam .con_title:before {
	content:"";
	position:absolute;
	width:250px;
	height:2px;
	background:rgba(255,255,255,.8);
	right:calc(100% + 20px);
	top:calc(50% - 1px);
}
#exam .con_title:after {
	content:"";
	position:absolute;
	width:250px;
	height:2px;
	background:rgba(255,255,255,.8);
	left:calc(100% + 20px);
	top:calc(50% - 1px);
}
#exam .con01, #exam .con02, #exam .con03 {
	padding:150px 0;
	background-size:cover;
}
#exam .con01 figure, #exam .con02 figure, #exam .con03 figure {
	margin-top:80px;
}

#exam .con01 {
	background:url('../img/sub/exam_con01_bg.jpg')50% 50% no-repeat;
}
#exam .con02 {
	background:url('../img/sub/exam_con02_bg.jpg')50% 0% no-repeat;
}
#exam .con03 {
	background:url('../img/sub/exam_con03_bg.jpg')50% 100% no-repeat;
}
#exam .con03 .con_title {
	color:#222;
}
#exam .con03 .con_title:before, #exam .con03 .con_title:after {
	background:rgba(0,0,0,.5);
}
#exam .con04 {
	padding:100px 0;
	background:#2f3178;
}
/* 반응형 */
@media (max-width:1200px) {
	#exam .con01, #exam .con02, #exam .con03 { padding:120px 80px; }
	#exam .con01 img, #exam .con02 img, #exam .con03 img { max-width:100%; }
	#exam .con_title { font-size:50px; }
	#exam .con_title:before, #exam .con_title:after { width:100px; }
	#exam .con04 { padding:80px 50px; }
}
@media (max-width:992px) {
	#exam .con01, #exam .con02, #exam .con03 { padding:100px 50px; }
}
@media (max-width:767px) {
	#exam .con01, #exam .con02, #exam .con03 { padding:80px 30px; }
	#exam .con_title { font-size:30px; }
	#exam .con_title:before {}
	#exam .con04 { padding:4rem 2rem; }

}