@import url('https://cdn.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.1/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css');

@font-face {
    font-family: 'JalnanGothic';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/JalnanGothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body *{
  font-family: 'Wanted Sans Variable', 'Noto Sans', '나눔 고딕', sans-serif !important;
  transition: 0.12s;
}

:root {
  --color-primary-blue: #2196F3;    /* 선명한 블루 */
  --color-accent-purple: #BA8CFF;   /* 퍼플 포인트 */
  --color-sub-blue: #5A7FBF;        /* 세컨더리 블루 */

  --color-deep-gray: #1E293B;       /* 딥 쿨그레이 */
  --color-cool-gray: #64748B;       /* 뉴트럴 쿨그레이 */

  --color-gray-50: #F8FAFC;
  --color-gray-100: #F0F4F8;      /* 라이트 그레이/블루그레이 */
  --color-gray-200: #D9E1E8; /* 조금 더 진한 쿨그레이 */
  --color-gray-300: #BFCBD6; /* 중간 톤 */
  --color-gray-400: #A6B4C2; /* 진한 쿨그레이 */
  --color-gray-500: #8CA0AD; /* 가장 진한 쿨그레이 */
}


h2.lTitle1 {color: var(--color-cool-gray); font-size: 22.5px; text-align:center; letter-spacing: -.02em;font-weight:600; }
h2.lTitle1 span.ltS{color: var(--color-accent-purple); font-size: 14px; display: block;font-weight:400;}
h2.lTitle2 {color: #ffffff; font-size: 22.5px; text-align:center; letter-spacing: -.02em;font-weight:600; }
h2.lTitle2 span.ltS{color: var(--color-gray-300); font-size: 14px; display: block;font-weight:400;}
h2.lTitle3 {color: #ffffff; font-size: 22.5px; text-align:left; letter-spacing: -.02em; font-weight: 600;}
h2.lTitle3_c {color: #ffffff; font-size: 20.5px; text-align:center; letter-spacing: -.02em; }
h2.lTitle4 {display:inline-block;color: #333; font-size: 22.5px; text-align:center; letter-spacing: -.02em;border-bottom:1px solid #cccccc;font-weight: 600;}
h2.lTitle4 span {color:var(--color-accent-purple); font-weight: 600;}
h2.lTitle5 {color: var(--color-deep-gray); font-size: 20.5px; text-align:left; letter-spacing: -.04em; line-height: 1.4;font-weight: 600;}
h2.lTitle5 span{display: block;color: #ffffff;}
h2.lTitle5:before{content:"";display:block;clear:both;width:45px;height:1px;background:#fff;margin-bottom:20px;}
h2.lTitle6 {color: #ffffff; font-size: 21px; text-align:center; letter-spacing: -.04em; display: inline-block; padding: 1px 8px;background: var(--color-deep-gray);font-weight: 600;}
h2.lTitle7 {
	display:inline-block;
	color: #fff; 
	font-size: 20px; 
	text-align:center; 
	letter-spacing: -.04em;
	font-weight:600; 
	padding:20px 60px;
	/* border:5px solid var(--color-sub-blue); */
	margin-bottom:35px;
}
h3.lTitle8 {color: var(--color-cool-gray); font-size: 22.5px; text-align:center; letter-spacing: -.04em;font-weight: 600;}
h3.lTitle8 span.l81{display:block;color:var(--color-sub-blue);font-size:16px; letter-spacing:0;}
h3.lTitle8 span.ltS{color: var(--color-cool-gray); font-size: 14px; display: block;font-weight:400;margin-top:20px;}
h3.lTitle8.l82 {background: url(https://img.megastudyacademy.co.kr/campus/tjlecture/imgview_icon.png) no-repeat 50% 0; padding-top:70px;}
h3.lTitle8.l83 {background: url(https://img.megastudyacademy.co.kr/campus/tjlecture/cbh_icon.png) no-repeat 50% 0; padding-top:70px;}
h3.lTitle9 {color: #111; font-size: 22.5px; text-align:center; letter-spacing: -.04em; margin-top: 60px;font-weight: 600;}
h3.lTitle9 span.l81{display:block;color:var(--color-sub-blue);font-size:16px; letter-spacing:0;}
h3.lTitle9 span.ltS{color: var(--color-cool-gray); font-size: 14px; display: block;font-weight:400;margin-top:20px;}
h2.lTitle10 {color: #111111; font-size: 22.5px; text-align:center; letter-spacing: -.04em;font-weight:600; }
h2.lTitle11 {color: #ffffff; font-size: 22.5px; text-align:right; letter-spacing: -.04em; padding-top:90px;padding-right:40px;font-weight: 600;}
h2.lTitle11 span{font-size: 15px;display: block;color: var(--color-gray-100);font-weight: 400;}
h2.lTitle12 {display:inline-block;color: var(--color-cool-gray); font-size: 20px; text-align:center; letter-spacing: -.04em;font-weight:600; padding:20px 60px;border:5px solid var(--color-sub-blue);margin-bottom:35px;}
h2.lTitle12 span{color:var(--color-primary-blue);  border-bottom:1px dashed;}
h2.pf {text-align:left; font-size: 31px; color: #222;font-style:italic; font-weight:600; padding-right:5px;}


/* 과목상단 설명 */
#lectureTop {width: 100%;min-width:1180px;height:745px;position:relative;background:var(--color-deep-gray);overflow:hidden;}
#lectureTop .lTitle1{color:#fff;}
#lectureTop .bgimg{position:absolute;left:50%;top:0;margin-left:-1000px;z-index:1;opacity:0.3;}
#lectureTop .topbox{
	width:1000px;height:353PX;
	text-align:center;
	position:absolute;
	left:50%;top:0;
	margin-left:-500px;
	z-index:2;
}
#lectureTop .topbox span.en{
	display:block;
	font-size:12px;
	color: #ffffff80;
	padding-top:66px;
}
#lectureTop .topbox p.ltS{
	display:block;
	font-size:13.4px;
	color:#a3a3a3;
	margin-top:40px;
}
#lectureTop .topbox .lectureshow p{
	display:block;
	font-size:13.5px;
	color:#d7d7d7;
	margin-top:50px;
	font-weight:300;
}

#lectureTop .callbox{
	width:1000px;height:46px;
	position:relative;
	left:50%;top:353px;
	margin-left:-500px;
	z-index:3;
}

#lectureTop .callbox .campuspdf {
	display:flex;
}

#lectureTop .callbox .campuspdf li{
	width:33.333%;
	float:left;
	display:block;
	text-align:center;
	flex:1;
}
#lectureTop .callbox .campuspdf li a{
	display:block;
	height:46px;
	line-height:42px;
  font-weight: 600;
  color: #fff;
}

#lectureTop .callbox .campuspdf li.metabus{
	line-height:42px;
	height:46px;
	background: url('https://img.megastudyacademy.co.kr/campus/tjlecture/youtube_icon.png') 78% 50% no-repeat #564f49;
}
#lectureTop .callbox .campuspdf li.metabus a{
	color:#fff;
	font-size:13.5px;
	line-height:46px;
	padding-right:30px;
}
#lectureTop .callbox .campuspdf li.metabus:hover{
	background: url('https://img.megastudyacademy.co.kr/campus/tjlecture/youtube_icon.png') 78% 50% no-repeat #706760;
}
#lectureTop .callbox .campuspdf li.metabus a:hover{
	color:#fff;
}

#lectureTop .callbox .campuspdf li.onlineLink{
	border:2px solid var(--color-primary-blue);
	color:#2b2927;
	line-height:42px;
	background:var(--color-primary-blue);
	height:46px;
}
/*230215 배은주원장님 요청 hrdNet버튼 추가 CSS by.이하림주임*/
#lectureTop .callbox .campuspdf li.hrdNet, #lectureTopk .callbox .campuspdf li.hrdNet{
	background:url('https://img.megastudyacademy.co.kr/campus/tjlecture/hrdnetBg.jpg') 100% 100% no-repeat;
}

#lectureTop .callbox .campuspdf li.hrdNet a, #lectureTopk .callbox .campuspdf li.hrdNet a{
	color:#fff;
	line-height:46px;
}
#lectureTop .callbox .campuspdf li.hrdNet span img, #lectureTopk .callbox .campuspdf li.hrdNet span img{
	margin-bottom:0.4px; margin-right:5px;
}


/*hrd 평일주말 추가 by.이하림주임*/
#lectureTop .callbox .campuspdf li.hrdNet_week{
	
	background:url('https://img.megastudyacademy.co.kr/campus/tjlecture/hrdnetBg.jpg') 100% 100% no-repeat;
	display:flex;
	justify-content:space-around;
	align-items:center;
}

#lectureTop .callbox .campuspdf li.hrdNet_week .hrdNetT{
	color:#fff;
	margin-left:32px;
	margin-right:15px;
}
#lectureTop .callbox .campuspdf li.hrdNet_week .hrdNetT span img{
	margin-bottom:0.3px; margin-right:5px;
}

.weekday img{padding-top:6px;}
.weekend img{padding-top:9px; margin-left:2px;}
#lectureTopk .callbox .campuspdf li.hrdNet_week{
	
	background:url('https://img.megastudyacademy.co.kr/campus/tjlecture/hrdnetBg.jpg') 100% 100% no-repeat;
	display:flex;
	justify-content:start;
	align-items:center;
}

#lectureTopk .callbox .campuspdf li.hrdNet_week .hrdNetT{
	color:#fff;
	margin-left:32px;
}
#lectureTopk .callbox .campuspdf li.hrdNet_week .hrdNetT span img{
	margin-bottom:0.3px; margin-right:5px;
}





/**/
#lectureTop .callbox .campuspdf li.campusCall{
	/* border:2px solid var(--color-primary-blue); */
  border:2px solid var(--color-cool-gray);
  /* background-color: var(--color-cool-gray); */
	color:#fff;
	line-height:42px;
	background:url('https://img.megastudyacademy.co.kr/campus/tjlecture/campusB_re.png') 95% 50% no-repeat var(--color-cool-gray);
}
#lectureTop .callbox .campuspdf li.campusCall:hover{
  cursor: pointer;
}
#lectureTop .callbox .campuspdf li.campusPdfd{
	float:left;
	height:46px;
	line-height:46px;
	text-align:center;
	font-size:13.5px;
	color:var(--color-gray-100);
	background:var(--color-cool-gray);
	cursor:pointer;
}

#lectureTop .callbox .campuspdf li:last-child.on{
  border:2px solid var(--color-deep-gray);
	background:url('https://img.megastudyacademy.co.kr/campus/tjlecture/campusB_on_re.png') 95% 50% no-repeat var(--color-deep-gray);
}
#lectureTop .callbox .telbox{
  position: absolute;
  right: 0;
	display:none;
	width:50%;
  height:auto;
	border:8px solid var(--color-gray-200);
	background:#fff;
	padding:15px 0;
}
#lectureTop .callbox .telbox li{
	float:left;
	width:50%;height:30px;
	line-height:30px;
	color:var(--color-cool-gray);
	padding-left:35px;
	position:relative;
	text-align:left;
}

#lectureTop .callbox .telbox li:before{
	content:"";display:block;clear:both;
	width:3px;height:3px;
	border-radius:50%;
	background:var(--color-gray-500);	
	position:absolute;
	left:28px;top:14px;
}
#lectureTop .callbox .telbox li:nth-child(odd){border-right:1px dashed #c2c2c2;}
#lectureTop .callbox .telbox li em{color:var(--color-deep-gray);margin-left:8px;}
#lectureTop .callbox .telbox li:hover{background:var(--color-gray-100);}


#lectureTop .guide{
	width:100%;min-width:1000px;height:287px;
	position:absolute;
	left:0;bottom:0;
	z-index:1;
}
#lectureTop .guide li{
	width:50%;height:287px;
	padding-top:30px;
	color:#fff;
	float:left;
	font-weight:300;
}
#lectureTop .guide li:first-child{
	background:rgba(255,255,255,0.1);
	text-align:left;
}
#lectureTop .guide li:last-child{
	background:rgba(255,255,255,0.2);
	text-align:left;
}
#lectureTop .guide li dl{
	width:500px;
	padding-left:50px;
	float:left;
}
#lectureTop .guide li dl dt{
	font-size:13.5px;
	font-weight:400;
	margin-bottom:10px;
}
#lectureTop .guide li dl dt strong,.guide p strong,#lectureTop .guide li dl dd.pt span,#lectureTop .guide li table.timebox tr th strong{color:var(--color-gray-100);margin-right:5px;font-weight:400;}
#lectureTop .guide li dl dt span{color:var(--color-primary-blue);margin-left:5px;}
#lectureTop .guide li dl dd{
	font-size:12.5px;
	font-weight:200;
	color:var(--color-gray-100);
	padding:1px 0 1px 10px;
	position:relative;
}
#lectureTop .guide li dl dt:nth-of-type(2){margin-top:20px;}
#lectureTop .guide li li{
	padding:1px 0 1px 10px;
	width:100%;height:auto;
	font-size:12.5px;
	font-weight:200;
	color:var(--color-gray-100);
	position:relative;
}
#lectureTop .guide li li:last-child{background:transparent;}

#lectureTop .guide li dl dd:before,#lectureTop .guide li li:before{
	content:"";display:block;clear:both;
	width:5px;height:1px;
	background:var(--color-gray-100);
	position:absolute;
	left:0;top:10px;
}
#lectureTop .guide li dl dd.pt:before{display:none;}
#lectureTop .guide li dl dd.pt{margin-top:10px;}

.guide p{ 
	/* display:block; */
	width:500px;
	padding-left:50px;
	color:#fff;
	font-size: 13.5px;
	/* display:inline-block;  */
}
.guide p span{ 
	display:inline-block;
  color: var(--color-primary-blue);
  margin-left: 5px;
}
.guide .targeting{ 
	width:500px; 
	margin-left:70px;
}
.guide .targeting th{ 
	width:20%; 
	color:#fff;
	font-size: 13.5px;
	vertical-align:top;
	padding:0.5rem 0 0.5rem 0.7rem;
	position:relative;
	text-align:left;
}
.guide .targeting th:before{ 
	content: ""; display: block; clear: both;
    width: 0.417rem;
    height: 1px;
    background: var(--color-gray-100);
    position: absolute;
    left: 0; top: 1.133rem;
}
.guide .targeting td{ 
	width:80.5%; 
	color:#fff;
	padding:0.5rem 0;
	font-size: 13.5px;
}
.guide .targeting td span{ 
	display: block;
    font-size: 12.5px;
    color: var(--color-gray-100); 
}

#lectureTop .guide li table.timebox{
	width:450px;float:right;
	margin-right:50px;
	color:inherit;
}
#lectureTop .guide li table.timebox tr{border-bottom:1px dashed var(--color-gray-100);}
#lectureTop .guide li table.timebox tr:last-child{border-bottom:none;}
#lectureTop .guide li table.timebox tr th{
	width:85px;
	padding:15px 0;
	font-size:13px;
	font-weight:300;
}
#lectureTop .guide li table.timebox tr td{
	padding:15px 0;
	font-size:13px;
}
#lectureTop .guide li table.timebox tr td span{
	display:block;
	font-size:11.5px;
	color:var(--color-gray-100);
	font-weight:300;
}
#lectureTop .guide li table.timebox tr td span.benefit{
	display:block;
	font-size:12.5px;
	font-weight:400;
}
#lectureTop .guide li table.timebox tr td span.box{
	display:inline-block;
	background:var(--color-gray-100);
	color:#111;
	font-size:11.5px;
	font-weight:400;
	padding:0px 5px;
	/* margin:0 12px 0 2px; */
	border-radius: 3px;
}
#lectureTop .guide li table.timebox tr td span.box:last-of-type{
	margin-left: 12px;
}
#lectureTop .guide li table.timebox tr td a.linkbox{
	display:block;
	color:var(--color-deep-gray);
	font-size:12.5px;
  /* line-height: 12.5px; */
	background:#fff;
	text-align:center;
	width:140px;
  padding: 3px;
	font-weight:600;
	margin-top:5px;
  border-radius: 4px;
}
#lectureTop .guide li table.timebox tr td a.linkbox:hover{
  background-color: var(--color-cool-gray);
  color: #fff;
}

#lecture3Btn {width: 100%; background: var(--color-deep-gray); padding: 25px 0;}
#lecture3Btn ul{
	width: 1000px; 
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#lecture3Btn ul li {
	width: 49%; 
	height: 50px;  
	/* float: left; */
	border: 1px solid var(--color-cool-gray);
	background-color: rgba(255, 255, 255, 0.12);
	/* background-color: var(--color-deep-gray); */
	/* margin-right:2%; */
	border-radius: 8px;
	overflow: hidden;
}
/*#lecture3Btn ul.highul li {width: 47.5%;}*/
/* #lecture3Btn ul li:last-child{margin-right:0;} */
#lecture3Btn ul li a { color: #ffffff; line-height: 50px; display: block; text-align:center; font-size: 15px;} 
#lecture3Btn ul li.on a,#lecture3Btn ul li a:hover { background: var(--color-cool-gray); } 


/* 국기설명 */
#trainingDis {width: 100%; background: #fff; padding: 75px 0 100px 0;}
#trainingDisInner {width: 1000px;margin :0 auto;}
#trainingDisInner > ul {width: 850px; margin: 50px auto 0;border:1px solid var(--color-gray-200);border-bottom:3px solid var(--color-gray-200);padding:35px;}
#trainingDisInner > ul li{width: 25%; float: left; }
#trainingDisInner > ul.workul li{width:50%;}
#trainingDisInner > ul li.cardli{width:33.333%;}
#trainingDisInner > ul li.sandaeli{width:33.333%;}


#trainingDisInner > ul li img{margin: 0 auto; display: block;}
#trainingDisInner > ul li p{color: #111111; font-size: 13.5px; letter-spacing: -.04em; line-height:1.4; text-align:center; padding-top:20px;}
/* #trainingDisInner > ul li+li{background: url(https://img.megastudyacademy.co.kr/campus/tjlecture/tr_dd_bg.jpg) no-repeat 0 50%;} */
#trainingDisInner p.trP{width:850px;color: #111111; font-size: 13.5px; line-height:1.6; text-align:center; letter-spacing: -.02em;background:var(--color-gray-100);margin:auto;padding:30px 0;font-weight:300;}
#trainingDisInner p.ltstrP{margin-top:30px;}
#trainingDisInner p.trP b{color: var(--color-deep-gray);font-weight:500;}
#trainingDisInner p.trP strong{
	display:block;
	font-weight:500;
	margin-bottom:10px;
}
#trainingDisInner .processBox {position:relative; width: 1000px;margin:80px auto 0;height:145px; display:block;}
#trainingDisInner .processBox ul {width: 100%;  position:absolute;}
#trainingDisInner .processBox ul li{width: 16.66666%; float: left; text-align:center;letter-spacing: -.03em;}
#trainingDisInner .processBox ul li p{
	display:block;
	width:35px;height:35px;
	border-radius:50%;
	border:1px dotted var(--color-sub-blue);
	color:var(--color-sub-blue);
	background:#fff;
	font-size:19px;
	line-height:35px;
	margin: 0 auto 20px;
	font-weight:700;
	position:relative;
}
#trainingDisInner .processBox ul li.li6 p{
	border-color:var(--color-primary-blue);
	background:var(--color-primary-blue);
	color:#fff;
}
#trainingDisInner .processBox ul li p:before{
	content:"";display:block;clear:both;
	width:132px;height:1px;
	border-top:1px dotted var(--color-sub-blue);
	position:absolute;
	left:35px;top:17px;
}
#trainingDisInner .processBox ul li.li6 p:before{
	width:6px;height:6px;
	border-radius:50%;
	left:50%;top:-13px;
	margin-left:-3px;
	background:var(--color-primary-blue);
}
#trainingDisInner .processBox ul li strong{
  display:block;
  font-size: 12.5px; 
  color: var(--color-deep-gray); 
  font-weight:500; 
  padding-bottom:8px;
  line-height: 15px;
  font-weight: 600;
}
#trainingDisInner .processBox ul li em{
  font-size: 12.5px; 
  color: var(--color-cool-gray); 
  display: block;
  line-height:1.6; 
}
#trainingDisInner .btngono{display:none;}
#trainingDis .foryoup{
	width:800px;
	margin:30px auto 0;
	text-align:center;
	color:var(--color-deep-gray);
	font-size:17.5px;
	font-weight:500;
	line-height:1.5;
}
#trainingDis .foryoup .yellow{
	color:var(--color-primary-blue);
	border-bottom:1px dashed var(--color-primary-blue);
}

#trainingDisInner .equal{background:url('https://img.megastudyacademy.co.kr/campus/tjlecture/ncsprocess_plus.png') 230px 50% no-repeat,url('https://img.megastudyacademy.co.kr/campus/tjlecture/ncsprocess_equal.png') 522px 50% no-repeat;}
#trainingDisInner .equal li{
	width:198px;height:198px;
	background:#fff;
	border-radius:50%;
	position:relative;
}
#trainingDisInner .equal li+li{margin-left:94px;}
#trainingDisInner .equal li p{padding-top:0;}
#trainingDisInner .equal li span{
	display:block;
	width:198px;height:198px;
	border:2px dotted var(--color-sub-blue);
	border-radius:50%;
	position:absolute;left:0;top:0;
	animation: doticonbox 30s linear infinite;
}
	@keyframes doticonbox{
		0%{transform:rotate(0deg);}
		50%{transform:rotate(180deg);}
		100%{transform:rotate(360deg);}
	}

#trainingDisInner .difference{
	text-align:center;
	padding-top:50px;
	margin-top:50px;
	border-top:1px dashed #c2c2c2;
}
#trainingDisInner .difference strong{
	display:inline-block;
	font-weight:500;
	color:#222;
	padding:10px 30px;
	border:3px solid #f58e15;
	border-radius:30px;
	background:#fff;
}
#trainingDisInner .difference table{
	width:100%;
	margin-top:20px;
	border-top:1px solid #282121;
}
#trainingDisInner .difference table th{
	height:50px;
	padding:10px 0;
	text-align:center;
	vertical-align:middle;
	border-bottom:1px solid #dadada;
	border-right:1px solid #dadada;
	background:#f8f8f8;
	font-weight:500;
	font-size:14px;
	color:#212128
}
#trainingDisInner .difference table td{
	height:50px;
	padding:10px 0;
	text-align:center;
	vertical-align:middle;
	border-bottom:1px solid #dadada;
	border-right:1px solid #dadada;
	background:#fff;
	font-size:14px;
	color:#55555b
}
#trainingDisInner .difference table th:last-of-type,#trainingDisInner .difference table td:last-of-type{border-right:none;}
#trainingDisInner2{
	width:100%;
	border-top:1px dotted #dddddd;
	background:#fff;
	margin-top:75px;margin-bottom:-100px;
	padding:75px 0;
	text-align:center;
}
#trainingDisInner2 strong{
	display:block;
	text-align:center;
	font-size:21px;
	font-weight:500;
	color:#303030;
	margin-bottom:40px;
}


/* 5가지 특별함 */
#tje5Special {width: 100%; padding: 70px 0;}
#tje5Special ul {width: 1000px; margin: 55px auto 0;}
/* #tje5Special ul li{float: left;  width: 180px; height: 185px; background: #ffffff; border:1px solid var(--color-gray-100);
	box-shadow:0px 0px 10px 5px rgba(0,0,0,0.03);
} */
#tje5Special ul li{
	float: left;
	width: 180px;
	height: 185px;
	background-color: #fff;
	border-radius: 8px;
	border: unset;
}
#tje5Special ul li img{display: block; margin:30px auto 22px; }
#tje5Special ul li p{color: #111111; font-size: 14px; text-align:center; line-height:1.5; letter-spacing: -.04em;}
#tje5Special ul li+li{margin-left: 25px;}


/* 에듀혜택 */
#eduSpecial {width: 100%; height:337px; padding: 60px 0 0;border-bottom:1px solid #ededed;}
#eduSpecialInner {width: 1000px; margin: 0 auto;  text-align:left; letter-spacing: -.04em;}
#eduSpecialInner li{float:left;width:312px;}
#eduSpecialInner li:last-child{float:right;width:600px;}
#eduSpecialInner p{font-size: 13.5px; color: #444343;font-weight:400; line-height: 1.5;  padding: 20px 0;}
#eduSpecialInner li:first-child .lTitle3{
	font-size:22px;
	line-height:1;
	padding:13px 0 0 60px;
}
#eduSpecialInner li:first-child .lTitle3 span{font-size:22px;}
#eduSpecialInner strong{display: inline-block;font-size: 17px; font-weight:500; margin-bottom:20px;padding:2px 8px 4px;}
#eduSpecialInner span{display: block; font-size:11px;  line-height:1.5;}
#eduSpecialInner span.en{
	color:#352d28;
	font-size:14px;
	letter-spacing:3px;
}
#eduSpecialInner span.en span.br{color:var(--color-accent-purple);font-size:14px;display:inline-block; letter-spacing:3px;}


/* 과목 큰 타이틀 */
#PhotoText {width: 100%; height:205px; overflow:hidden;position:relative;background:#000;}
#PhotoText img{display:block;width:1920px;position:absolute;left:50%;top:0;margin-left:-960px;}
#PhotoText p{display:block;width:100%;color: #ffffff; font-size: 18px; font-weight:400; line-height: 1.5;text-align:center; padding: 62px 0;position:absolute;top:0;left:0;}
#PhotoText p span{display:block;font-size:11px;color:var(--color-primary-blue);text-transform:uppercase;margin-bottom:10px;}

/* 이런분들에게추천 */
#recommendYou {width: 100%; background: #fff;padding: 80px 0 90px;text-align:center;}
#recommendYou .ryTextBox1 {width: 100%;}
#recommendYou .ryTextBox1 .rtbInner1{width: 850px; margin: 45px auto;border:8px solid var(--color-gray-100);padding:22px;}
#recommendYou .ryTextBox1 .rtbInner1.web{background:url('https://img.megastudyacademy.co.kr/campus/tjlecture/rtbInner1_web.jpg') 22px 50% no-repeat;}
.rtbInner1.drone{background:url('https://img.megastudyacademy.co.kr/campus/tjlecture/rtbInner1_drone.jpg') 22px 50% no-repeat;}
.rtbInner1.it{background:url('https://img.megastudyacademy.co.kr/campus/tjlecture/rtbInner1_it.jpg') 22px 50% no-repeat;}
.rtbInner1.ed{background:url('https://img.megastudyacademy.co.kr/campus/tjlecture/rtbInner1_ed.jpg') 22px 50% no-repeat;}
.rtbInner1.fin{background:url('https://img.megastudyacademy.co.kr/campus/tjlecture/rtbInner1_fin.jpg') 22px 50% no-repeat;}
.rtbInner1.gv{background:url('https://img.megastudyacademy.co.kr/campus/tjlecture/rtbInner1_gv.jpg') 22px 50% no-repeat;}
.rtbInner1.metabus{background:url('https://img.megastudyacademy.co.kr/campus/tjlecture/rtbInner1_metabus.jpg') 22px 50% no-repeat;}
.rtbInner1.pd{background:url('https://img.megastudyacademy.co.kr/campus/tjlecture/rtbInner1_pd.jpg') 22px 50% no-repeat;}
.rtbInner1.pm{background:url('https://img.megastudyacademy.co.kr/campus/tjlecture/rtbInner1_pm.jpg') 22px 50% no-repeat;}
.rtbInner1.vr{background:url('https://img.megastudyacademy.co.kr/campus/tjlecture/rtbInner1_vr.jpg') 22px 50% no-repeat;}
#recommendYou .ryTextBox1 .rtbInner1:after{content:"";display:block;clear:both;}
#recommendYou .ryTextBox1 .rtbInner1 ul{width:485px;text-align:left;float:right;}
#recommendYou .ryTextBox1 .rtbInner1 li{color: var(--color-deep-gray); font-size:13.5px; line-height:1.5; letter-spacing: -.04em; padding:5px 0 5px 15px;position:relative;}
#recommendYou .ryTextBox1 .rtbInner1 li:before{
	content:"";display:block;clear:both;
	width:3px;height:3px;
	border-radius:50%;
	background:var(--color-deep-gray);
	position:absolute;
	left:0;top:14px;
}
#recommendYou .ryTextBox1 .rtbInner2{padding-top:20px; text-align:center; width: 1000px; margin: 0 auto;background:url('https://img.megastudyacademy.co.kr/campus/tjlecture/rtbInner2_p1.gif') top center no-repeat;}
#recommendYou .ryTextBox1 .rtbInner2 p{font-size: 14.5px; line-height: 1.7; letter-spacing: -.04em;}
#recommendYou .ryTextBox1 .rtbInner2 p.p1{padding-bottom:30px; color: var(--color-cool-gray); }
#recommendYou .ryTextBox1 .rtbInner2 p.p2{font-weight:400; color: #333; font-size:13.5px; }
#recommendYou .ryTextBox1 .rtbInner2 p.p2 strong{display:inline-block;padding:5px 10px;background:var(--color-gray-100);color:var(--color-cool-gray);font-size:14.5px;font-weight:500;margin-bottom:10px;}


/* 수업후 이런변화 */
#whatChange {width: 100%; background: var(--color-deep-gray); padding: 60px 0; }
#whatChange .wcBox {width: 800px; margin: 30px auto 0;   text-align:center;  }
#whatChange .wcBox .wcbLeft{width: 400px; height:190px; padding-top:95px; float: left; background: url(https://img.megastudyacademy.co.kr/campus/tjlecture/bh_q.png) no-repeat 50% 30px, var(--color-gray-50);}
#whatChange .wcBox .wcbRight{width: 399px;height:190px; padding-top:95px; float: right; background: url(https://img.megastudyacademy.co.kr/campus/tjlecture/bh_n.png) no-repeat 50% 30px, #ffffff;}
#whatChange .wcbBottom{width: 800px;}
#whatChange .wcbBottom li{float: left; width: 400px; height:45px; color: var(--color-sub-blue); text-align:center; font-size: 15px; font-weight:400; line-height: 45px;  }
#whatChange .wcbBottom li.sJ{background: var(--color-gray-200); }
#whatChange .wcbBottom li.sH{color: #fff; background: url(https://img.megastudyacademy.co.kr/campus/tjlecture/bh_center.png) no-repeat 0 0, var(--color-sub-blue); }


/* 입문자를 위한 qna */
#qnaArea {width: 100%; height: 400px; background: url('https://img.megastudyacademy.co.kr/campus/tjlecture/qna_bgg_re.jpg') no-repeat 50% 0, #f9f9f9; }
#qnaAinner {width: 1000px; margin: 0 auto;}
#qnaAinner .qnaLeft {width: 36%; float: left; padding: 65px 0 0 45px; }
#qnaAinner .qnaRight {width: 55%; float: right;height: 320px; margin: 40px 0 40px 45px; padding:15px 0px 15px 0;}
#qnaAinner .qnaRight dl {line-height:1.5; text-align:left; letter-spacing: -.03em;}
#qnaAinner .qnaRight dl dt {padding-left:35px;padding-top:3px;padding-bottom:4px; background: url(https://img.megastudyacademy.co.kr/campus/tjlecture/qna_q_re.png) no-repeat 0 0; color: var(--color-cool-gray); font-size: 13.5px; margin-bottom:18px;word-break:keep-all;font-weight: 500;}
#qnaAinner .qnaRight dl dd {padding-left:35px; background: url(https://img.megastudyacademy.co.kr/campus/tjlecture/qna_a_re.png) no-repeat 0 0; color: #101010; font-size: 12.5px; margin-bottom:40px;word-break:keep-all;}
#qnaAinner .qnaRight dl dd:last-of-type{margin-bottom:0;}


/* 수료생인터뷰 */
#studentInterv{width: 100%;  padding: 60px 0; background: var(--color-gray-100);}
#studentIntervInner{width: 1000px;  margin: 0 auto; overflow: hidden;}
#studentIntervInner .swiper-container{width:100%;min-width: 1000px;  margin: 45px auto 0; overflow: hidden;height: 270px;}
#studentIntervInner .swiper-wrapper .swiper-slide{width: 490px; height: 230px;padding: 35px 25px; background: #ffffff; cursor:pointer; border:2px solid var(--color-gray-300); }
#studentIntervInner .swiper-wrapper .swiper-slide .imgB{float: left; width: 135px; margin-right:20px; }
#studentIntervInner .swiper-wrapper .swiper-slide .imgBox{width: 135px; height: 135px; overflow: hidden;}
#studentIntervInner .swiper-wrapper .swiper-slide .imgBox img{width:180px;height:135px;margin-left:-22px;}
#studentIntervInner .swiper-wrapper .swiper-slide .imgText{width: 135px; height: 25px; overflow: hidden; color: #ffffff; font-size: 13px; line-height: 25px;font-weight:500; background: var(--color-sub-blue);text-align:center; }
#studentIntervInner .swiper-wrapper .swiper-slide .textB span{display:block;color:#9a9795;font-size:16px;}
#studentIntervInner .swiper-wrapper .swiper-slide .textB b{color: #111111; font-size: 14px; line-height:1.4;font-weight:400;  display: block;margin-bottom:15px; letter-spacing: -.02em;  }
#studentIntervInner .swiper-wrapper .swiper-slide .textB p{height:98px;color: #787777; font-size: 13px; line-height:1.3; word-break:keep-all; box-sizing: content-box; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;font-weight:300;}
#studentIntervInner .swiper-pagination {width:100%;text-align:center;margin-bottom:-25px;left:50%;margin-left:-500px;}
#studentIntervInner .swiper-pagination-bullet {width: 5px; height:5px; background: url(https://img.megastudyacademy.co.kr/campus/tjlecture/interview_off.png) no-repeat; border-radius:0; opacity:1; margin: 0 6px;transition:0.3s;}
#studentIntervInner .swiper-pagination-bullet-active {width: 55px; height:5px; background: url(https://img.megastudyacademy.co.kr/campus/tjlecture/interview_on.png) no-repeat;transition:0.3s;}


/* 강의환경 */
#TjStudyPhoto{width:100%;min-width:1240px;height:460px;background:#000;position:relative;}
#TjStudyPhoto:before{content:"";display:block;clear:both;width:25%;height:460px;background:rgba(0,0,0,0.7);position:absolute;top:0;left:0;z-index:2;}
#TjStudyPhoto:after{content:"";display:block;clear:both;width:25%;height:460px;background:rgba(0,0,0,0.7);position:absolute;top:0;right:0;z-index:2;}
#TjStudyPhoto .c6SliderBtn{display:block;width:60%;height:460px;position:relative;top:-460px;margin:auto;}
#TjStudyPhoto .c6SliderBtn span{display:block;width:35px;height:34px;position:absolute;top:50%;margin-top:-17px;opacity:0.5;z-index:3;}
#TjStudyPhoto .c6SliderBtn span:hover{opacity:1;}
#TjStudyPhoto .c6SliderBtn span.prev{left:0;}
#TjStudyPhoto .c6SliderBtn span.next{right:0;}

/* 포트폴리오 */
#portfolioArea {width: 100%; height:750px; padding: 70px 0 0; background: url(https://img.megastudyacademy.co.kr/campus/tjlecture/pf_bg_09.png) center bottom repeat-x,var(--color-gray-100);}
#portV{width: 1000px; margin: 0 auto;}
#portV .boxV{width:100%;height:500px;margin:auto;}
#portV .boxV .sizings{width:100%;height:500px;margin: -14px auto 25px;border-top:1px solid #2e2e2e; background:#fff;box-shadow: rgba(113,113,113,0.2) 0px 0px 10px;overflow:hidden;}
#portV .boxV .sizings .ptLeft {float: left; width: 85%;  padding:20px;}
#portV .boxV .sizings .ptTit {width: 100%; padding:12px 0 0;border-top:1px solid var(--color-gray-200);margin-top:20px;}
#portV .boxV .sizings .ptTit li {float: left; letter-spacing: -.04em;width:50%;}
#portV .boxV .sizings .ptTit li b{color: #111111; font-size: 15.5px; display: block; padding-bottom:3px;}
#portV .boxV .sizings .ptTit li p{display: block; width: 100%;color: var(--color-cool-gray); font-size: 13px; text-align:left;}
#portV .boxV .sizings .ptTit li:last-child{color: var(--color-sub-blue); font-size: 19px; text-align:right;padding-top:27px;position:relative;}
#portV .boxV .sizings .ptTit li:last-child:before{content:"";display:block;clear:both;width:13px;height:1px;background:var(--color-sub-blue);position:absolute;right:0;top:20px;}
#portV .boxV .sizings .ptTit li.scli{float:left;width: 51px; height:51px; border-radius: 50%; border: 1px solid #2e2e2e;margin-right:12px;}
#portV .boxV .sizings .ptTit li .scImgB{width: 48px; height:48px;border-radius:50%; border: 3px solid #ffffff; overflow:hidden;}
#portV .boxV .sizings .ptTit li .scImgB img{display: block; width:46px;margin-top:-2px;margin-left:-2px;}
#portV .boxV .sizings .protimg{background:#fff;overflow:hidden; margin-top:20px;text-align:center;text-align:100%;}
#portV .boxV .sizings .protimg img{width:810;height:350px;margin:auto;}
#portV .boxV .sizings .sumlist{width: 15%; float: right; background: var(--color-gray-100); height:500px;  padding: 15px;}
#portV .boxV .sizings .sumlist .portlist li{text-align:center;cursor:pointer;	margin-bottom:12px;	overflow:hidden;}
#portV .boxV .sizings .sumlist .portlist li img{ width:120px;height:60px;	border: 1px solid var(--color-gray-200);}
#portV .boxV .sizings .sumlist .portlist li:hover img{border:2px solid #2e2e2e;}
#portV .boxV .sizings .sumlist .portlist li strong{display:block;color:#111111;font-size:12px;letter-spacing: -.04em;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#portV .boxV .pfW{color: #e7e7e7; text-align:center; font-size: 13.5px; }


/* 커리큘럼 */
#lecCurri {width: 1000px; margin: 0 auto; padding: 70px 0 80px 0;}
#lecCurri {width: 1000px; margin: 0 auto; padding: 70px 0 80px 0;}
#lecCurri .lcTable{margin: 40px 0;border-top: 2px solid var(--color-gray-100);border-bottom: 1px solid var(--color-gray-200);}
#lecCurri .lcTable table{width: 100%; margin-top:-1px;}
#lecCurri .lcTable table .bb1{border-bottom: 1px solid var(--color-gray-200);}
#lecCurri .lcTable table th {width: 160px; text-align:center; color: var(--color-sub-blue); font-size: 14.5px;vertical-align: middle;  border-bottom: 1px solid var(--color-gray-200);}
#lecCurri .lcTable table td.title {width: 220px; text-align:left; color: #111111; font-size: 13.5px; vertical-align: middle;padding: 12px 0 12px 20px;word-break:keep-all;}
#lecCurri .lcTable table td:last-child {width: 620px; text-align:left; color: var(--color-cool-gray);  font-size: 13.5px; vertical-align: middle; padding:12px 20px;font-weight:300;word-break:keep-all;}
#lecCurri a.crmore {width: 230px; height:45px; line-height:45px; color: #ffffff; font-size: 13.5px; text-align:center; border-radius:30px; background: var(--color-sub-blue); display: block; margin: 0 auto;}



/* 강사소개 */
#tjTeacherRoll {width: 100%;  background: var(--color-gray-100); padding: 60px 0;}
#tjTeacherRollinner {width: 1180px; margin: 0 auto; position:relative;}
#tjTeacherRollinner .swiper-container{width: 100%;min-width: 1000px; padding: 0 30px; height:370px; overflow: hidden; margin-top:20px;}
#tjTeacherRollinner .swiper-slide{position:relative;width: 30%; height:370px;  }
#tjTeacherRollinner .swiper-slide .teacherImg{width: 195px; height:195px; overflow:hidden; border-radius: 50%;position:absolute; top:0; left:0;z-index:2;}
#tjTeacherRollinner .swiper-slide .teacherImg div{width:195px;height:195px;position:relative;}
#tjTeacherRollinner .swiper-slide .teacherImg img{width:244px;position:absolute;top:0;left:50%;margin-left:-122px;}
#tjTeacherRollinner .swiper-slide a{display: block;width:100%;height:auto;}
#tjTeacherRollinner .swiper-slide dl.teacherDis{display:block;width: 100%; padding:93px 30px 30px 30px;height: 260px; background: #ffffff; position:absolute; bottom:0; left:0;display: block;z-index:1;  letter-spacing: -.04em;background:url('https://img.megastudyacademy.co.kr/campus/tjlecture/teacher_more_view.png') right 30px top 30px no-repeat,#fff;}
#tjTeacherRollinner .swiper-slide dl.teacherDis > dt {display:block;border-bottom: 1px solid var(--color-gray-200); width: 100%; padding: 0 0 10px 0;margin-bottom:13px;}
#tjTeacherRollinner .swiper-slide dl.teacherDis > dt b{color: var(--color-cool-gray); font-size: 13px; font-weight:500; display: block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#tjTeacherRollinner .swiper-slide dl.teacherDis > dt b span{color: #111111; font-size: 15px; font-weight:400; }
#tjTeacherRollinner .swiper-slide dl.teacherDis > dt p{color: var(--color-sub-blue); font-size: 14px; font-weight:300; display: block;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#tjTeacherRollinner .swiper-slide dl.teacherDis > dd{display:block;width:100%;height:80px;overflow:hidden;}
#tjTeacherRollinner .swiper-slide dl.teacherDis dd dl > dt:first-of-type{font-size:14px;color:#111;}
#tjTeacherRollinner .swiper-slide dl.teacherDis dd dl > dt{width:100px;font-size:13px;float:left;clear:both;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color:#666;}
#tjTeacherRollinner .swiper-slide dl.teacherDis dd dl > dd{width:180px;font-size:13px;float:right;text-align:left;font-size:13px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color:#666;}
#tjTeacherRollinner .swiper-button-prev{left:0; top:70%;background: url(https://img.megastudyacademy.co.kr/campus/tjlecture/teacher_arrow_l.svg) no-repeat; width: 24px; height:24px;}
#tjTeacherRollinner .swiper-button-next{right:0; top:70%; background: url(https://img.megastudyacademy.co.kr/campus/tjlecture/teacher_arrow_r.svg) no-repeat; width: 24px; height:24px;}

/* 강사팝업 */
#tjTeacherRollinner .popteacher{
	width:900px;height:450px;
	border:1px solid #d7d7d7;
	background:#fff;
	position:absolute;left:50%;top:50%;
	margin-left:-450px;margin-top:-300px;
	z-index:20;
	overflow:hidden;
	display:none;
}
#tjTeacherRollinner .popteacher .tboxing{ 
	position:relative; 
}
#tjTeacherRollinner .popteacher .tboxing img{ 
	width:400px;
	margin-top:20px;
}
#tjTeacherRollinner .popteacher .tboxing .textbox{ 
	width:400px;height:300px;
	position:absolute;right:50px; top:75px;
}
#tjTeacherRollinner .popteacher .tboxing .textbox strong{ 
	display:block;
	font-size:24px;
	font-weight:600;
}
#tjTeacherRollinner .popteacher .tboxing .textbox em{ 
	display:block;
	font-size:16px;
	color:var(--color-primary-blue);
}
#tjTeacherRollinner .popteacher .tboxing .textbox .textboxs{ 
	margin-top:10px; 
	position:relative;
}
#tjTeacherRollinner .popteacher .tboxing .textbox .textboxs .teacherbox{ 
	width:100%;height:40px;
}
#tjTeacherRollinner .popteacher .tboxing .textbox .textboxs .teacherbox li{ 
	float:left; 
	width:50%;height:40px;
	line-height:40px;
	text-align:center;
	background:#efefef;
	border-bottom:2px solid var(--color-sub-blue);
	cursor:pointer;
}
#tjTeacherRollinner .popteacher .tboxing .textbox .textboxs .teacherbox li.on{ 
	background:var(--color-sub-blue); 
	color:#fff;
}
#tjTeacherRollinner .popteacher .tboxing .textbox .textboxs dl{ 
	width:100%;height:200px;
	position:absolute;left:0;top:45px;
	background:#fff;
	overflow:auto;
}
#tjTeacherRollinner .popteacher .tboxing .textbox .textboxs dl:last-of-type{display:none;}
#tjTeacherRollinner .popteacher .tboxing .textbox .textboxs dl dt{ 
	float:left;
	width:55%;
	line-height:1.3;
	text-align:left;
	font-size:14px;
	color:#111;
	word-break:keep-all;
	margin-top:0.5rem;
	clear:both;
}
#tjTeacherRollinner .popteacher .tboxing .textbox .textboxs dl dd{ 
	float:right;
	width:40%;
	line-height:1.3;
	text-align:left;
	font-size:13px;
	color:#888;
	word-break:keep-all;
	font-weight:100;
	margin-top:0.5rem;
}
#tjTeacherRollinner .popteacher .closeb{
	display:block;
	width:35px;height:35px;
	text-align:center;
	position:absolute;	right:30px;top:25px;
	cursor:pointer;
}
#tjTeacherRollinner .popteacher .closeb>img.closebimg{
	margin-top: 0px;
	width: 30px;
	height: 30px;
}
#tjTeacherRollinner .popteacher .closeb:hover img.closebimg{
	transform: rotate(180deg);
}
/* #tjTeacherRollinner .popteacher .closeb i{ 
	font-size:30px;
	color:#707070;
	transition:0.3s;
}
#tjTeacherRollinner .popteacher .closeb:hover i{
	color:#111;
	transform: rotate(180deg);
} */



/* 추천강좌 */
#tjccLecture {width: 100%;  background: #fff; padding: 60px 0;}
#tjccLectureInner {width: 1180px; margin: 0 auto;}
#tjccLectureInner .sectionbox{
	width:100%;
	margin-top:50px;
	padding:0 30px;
	overflow:hidden;
}
#tjccLectureInner .pointbox{
	width:3330px;
	height:inherit;
}
#tjccLectureInner .coursebox{
	float:left;
	width:320px;height:370px;
	border-radius:12px;
	border:1px solid var(--color-gray-200);
	overflow:hidden;
	margin:0 30px 0 0;
	transition:0.3s;
}
#tjccLectureInner .coursebox li{
	float:left;
}
#tjccLectureInner .coursebox li.photo{
	width:100%;height:185px;
	overflow:hidden;
	position:relative;
}
#tjccLectureInner .coursebox li.photo img{width:100%;}
#tjccLectureInner .coursebox li.photo span{
	display:block;
	width:50px;height:50px;
	border-radius:50%;
	background:#fff;
	position:absolute;
	right:15px;top:15px;
	overflow:hidden;
	/* display: flex;
	align-items: center;
	justify-content: center; */
}
#tjccLectureInner .coursebox li.photo span img{
	width: 50px;
	height: 50px;
	object-fit: contain;
}
#tjccLectureInner .coursebox li.guide{
	width:100%;height:145px;
	background:#fff;
	padding:20px;
	text-align:left;
}
#tjccLectureInner .coursebox li.guide strong{
	display:block;
	font-size:14.5px;
	color:#111;
	margin-bottom:10px;
	text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
	transition:0.3s;
}
#tjccLectureInner .coursebox li.guide strong span{
	display:block;
	font-size:12px;
	color:var(--color-sub-blue);
	line-height:1;
}
#tjccLectureInner .coursebox li.guide p{
	display:block;
	width:100%;height:58px;
	font-size:12.5px;
	color:var(--color-cool-gray);
	overflow:hidden;
	text-overflow:ellipsis;
	text-align:left;
	word-wrap:break-word;
	display: -webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient: vertical;
}
#tjccLectureInner .coursebox li.bntonline,#tjccLectureInner .coursebox li.bntcourse{
	width:50%;height:40px;
}
#tjccLectureInner .coursebox li.bntonline a,#tjccLectureInner .coursebox li.bntcourse a{
	display:block;
	width:100%;height:40px;
	line-height:38px;
	text-align:center;
	color:var(--color-sub-blue);
	transition:0.3s;
}
#tjccLectureInner .coursebox li.bntonline a{background:var(--color-cool-gray);color:#fff;}
#tjccLectureInner .coursebox li.bntcourse a{background:var(--color-gray-100);}

#tjccLectureInner .coursebox li.bntonline a:hover{background:var(--color-primary-blue);}
#tjccLectureInner .coursebox li.bntcourse a:hover{background:var(--color-sub-blue);color:#fff;}

#tjccLectureInner .coursebox:hover li.guide strong{color:var(--color-primary-blue)}

#tjccLecture .swiper-button-prev{left:0px; top:50%;background: url(https://img.megastudyacademy.co.kr/campus/tjlecture/teacher_arrow_l.svg) no-repeat; width: 12px; height:11px;}
#tjccLecture .swiper-button-next{right:0px; top:50%; background: url(https://img.megastudyacademy.co.kr/campus/tjlecture/teacher_arrow_r.svg) no-repeat; width: 12px; height:11px;}


/* 취업지원프로세스 */
#ccProcess{width: 100%;background: var(--color-deep-gray); }
#ccProcessInner{width: 1180px;  margin: 0 auto;background: url(https://img.megastudyacademy.co.kr/campus/tjlecture/career_bg_re.jpg) no-repeat 0 0;height: 480px; }
#ccProcessInner .cpIBox{width:100%;min-width:1000px; margin: 0 auto;}
#ccProcessInner .processBox {width:100%;min-width: 1000px;position:relative; margin-top:35px;}
#ccProcessInner .processBox ul {width: 60%;  position:absolute; background:url(https://img.megastudyacademy.co.kr/campus/tjlecture/spandotLine.png) no-repeat 50% 30px;right:0;}
#ccProcessInner .processBox ul li{width: 20%; float: left; text-align:center; }
#ccProcessInner .processBox ul li span{display:block;width:60px;height:60px;border-radius:50%;overflow:hidden;margin:auto;background: var(--color-deep-gray);}
#ccProcessInner .processBox ul li strong{
  display:block;
  font-size: 14px;
  line-height: 17px;
  font-weight: 600; 
  color: #fff; 
  margin-top:25px;
}
#ccProcessInner .processBox ul li em{
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: var(--color-gray-100); 
  display: block; 
  margin-top:15px; 
}
#ccProcessInner .processBox ul li:last-child strong, #ccProcessInner .processBox ul li:last-child em{color: var(--color-accent-purple);}


/* 수료생들의 수강후기 */
#lectureReview {width: 100%;min-width:1180px; padding:80px 0; background: var(--color-gray-50);}
#lectureReviewInner {width: 1180px; margin: 0 auto; text-align:center;}
#lectureReviewInner table.lrTable{width:100%;background: #ffffff; text-align:left; font-size: 13px; letter-spacing: -.04em; margin: 40px 0 50px 0;}
#lectureReviewInner table.lrTable .bt1 {border-top : 1px solid var(--color-gray-400);}
#lectureReviewInner table.lrTable tr{border-bottom: 1px solid var(--color-gray-200);}
#lectureReviewInner table.lrTable tr:hover{background-color: var(--color-gray-100);}
#lectureReviewInner table.lrTable tr:first-child{border-top: 1px solid var(--color-gray-200);}
#lectureReviewInner table.lrTable tr:hover{cursor: pointer;}
#lectureReviewInner table.lrTable th{color: var(--color-sub-blue); width: 315px; padding: 12px 20px; }
#lectureReviewInner table.lrTable td{color: #111111; width: 600px;}
#lectureReviewInner table.lrTable td:last-child{text-align:center; width: 85px; }
#lectureReviewInner table.lrTable td strong{display: block;padding: 12px 20px;  }
#lectureReviewInner table.lrTable td em{ margin:15px 0 10px 0;color: #888888; word-break: break-all; display: block;padding: 0 20px; }


/* 게시판페이징 */
.boardpages{width:100%;text-align:center;padding-top:40px;}
.pages{
	display:inline-block;
	text-align:center;
	margin-bottom:40px;
}
.pages div a,
.pages .nums li,
.pages .number li{
	width:36px;
  height:36px;
  border-radius: 50%;
	display:block;
	color:#111111;
	font-size:16px;
	float:left;
	text-align:center;
	margin:0 6px;
  background-color: var(--color-gray-200);
	line-height:36px;
}

.pages .prev a, .pages .next a{
  display: flex;
  align-items: center;
  justify-content: center;
}
.pages div a img {
	margin:0;
}
.pages div a:hover,
.pages .nums li:hover,
.pages .number li:hover{
  background-color: var(--color-gray-400);
}

.pages .nums li.on,
.pages .number li.on{
	color: #fff;
  background-color: var(--color-cool-gray);
}

.pages div,.pages .nums,
.pages div,.pages .number{
	float:left;
}

.pfViewPage {width:60%;min-width:1000px; margin: 90px auto 0;}
.pfViewPage p{text-align:center; font-size: 14px; color: #666666; margin-bottom:90px;}
.pfViewPage .pvArea{border-top: 1px solid #bac2c1;border-bottom: 1px solid #bac2c1; text-align:center; padding: 80px 0;}
.pfViewPage .pvArea img{display: block; margin: 0 auto;}
.pfViewPage ul.pvTit{width:100%; height: 50px; line-height: 50px;  padding: 0 25px;}
.pfViewPage ul.pvTit li{width:50%;}
.pfViewPage ul.pvTit li:first-child{float: left; color: #111111; font-size: 20px; font-weight:500; text-align:left;}
.pfViewPage ul.pvTit li:last-child{float: right; color: #666666; font-size: 14px;text-align:right;}
.pfViewPage ul.pvPage {width: 100%; margin:15px 0 65px 0; }
.pfViewPage ul.pvPage li {float: left;width:33.333%; height: 49px;text-align:left;}
.pfViewPage ul.pvPage li:nth-child(2){text-align:center;}
.pfViewPage ul.pvPage li:last-child{text-align:right;}
.pfViewPage ul.pvPage li a{display:inline-block;width:49px;height:49px;border: 1px solid #bac2c1;padding:0;}


/* 우측 배너 */
#quickbanner{
	position:absolute;right:10px;top:320px;
}


/* form */

/* PDF 다운로드 */
.pdfdown{display:none;width:496px;margin-left:248px;}
.pdfdown strong{
	display:block;
	width:100%;height:46px;
	background:var(--color-accent-purple);
	text-align:center;
	line-height:46px;
	color:#fff;
	font-size:14.5px;
	position:relative;
}
.pdfdown strong span{
	display:block;
	width:46px;height:46px;
	background:url('https://img.megastudyacademy.co.kr/campus/tjlecture/closeexicon.png') 50% 50% no-repeat,#9e8775;
	position:absolute;
	right:0;top:0;
	cursor:pointer;
}
.pdfdown .box{
	width:496px;
	padding:20px;
	box-sizing:border-box;
	background:#fff;
	border:7px solid var(--color-gray-100);
}
.pdfdown .box .smallG{
	font-size:11px;
	color:#989898;
}
.pdfdown .agreeB{
	position:relative;
	margin-top:5px;
}
.pdfdown .agreeB .abTit{
	position:absolute;
	right:0;top:0;
}
.pdfdown .agreeB b{display:block;margin-bottom:5px;}
.pdfdown .ccDownBtn {
	display:block;
	width:50%;height:30px;
	line-height:30px;
	margin: 15px auto 0;
	background:#353a40;
	text-align:center;
	color:#fff;
	cursor:pointer;
}


input[type="text"],input[type="tel"],input[type="email"]{
	width:48%;max-width:507px;height:32px;
	border:1px solid var(--color-gray-200);
	font-size:12.5px;
	color:#111;
	padding:0 10px;
	background:#fff;
	box-sizing:border-box;
	margin:3px 0;
}
input[type="email"]{margin-left:3%;}
textarea{
	width:442px;height:60px;
	border:1px solid var(--color-gray-200);
	font-size:12.5px;
	color:#111;
	padding:10px;
	box-sizing:border-box;
	resize:none;
}

.numbSel{
	width:28%;height:32px;
	border:1px solid var(--color-gray-200);
	font-size:12.5px;
	color:#111;
	padding: 0 10px;
	margin-left:0;
}




.orange{color:var(--color-primary-blue);}
.beig{color:var(--color-gray-100);}


/* 셀렉트 버튼 */
select  {appearance: none; -webkit-appearance: none;} /*appearance는 모바일에서 특히 IOS에서 모서리가 둥글게 연출한다던가 그림자가 생긴다던가 OS에 따라 폼요소들의 특징적인것을 초기화 시키는 작업*/
select::-ms-expand  {display:none; }  /*-ms-expand는 IE를 처리하기 위한 코드*/

:root select{
	background:url('https://img.megastudyacademy.co.kr/campus/tj_html_img/images/selarr.png') right 50% no-repeat,#fff;
}


/*  체크 박스  */
input[type='checkbox']{
	width:16px;height:16px;
	margin: 0 3px 2px 0;
	background: #fff;
  border: solid 1px var(--color-gray-200);
	position:relative;
	vertical-align: middle;
}
input[type='checkbox']:checked:after {
	content:"";display:block;clear:both;
	width:16px;height:16px;
	/* background:url('https://img.megastudyacademy.co.kr/campus/tj_html_img/images/checkicon.png?v=20190926') 50% 50% no-repeat; */
	background-size:60%;
	position:absolute;top:-1px;left:-1px;
	vertical-align: middle;
	box-sizing:border-box;
}


/*  라디오 박스  */
input[type='radio']{
	width:16px;height:16px;
	margin: 0 3px 2px 0;
	background: #fff;
  border: solid 1px var(--color-gray-200);
	border-radius:50%;
	vertical-align: middle;
	-webkit-appearance: none;
}
input[type='radio']:checked:after {
	content:"";display:block;clear:both;
	width:8px;height:8px;
	border-radius:50%;
	background:var(--color-sub-blue);
	position:relative;top:3px;left:3px;
}
label{margin-right:15px;}

/* 파일 업로드 버튼 */
input.upload {
	float:left;
	width:140px;height:35px;
	opacity:0;
	position:relative;
	cursor:pointer;
}
a.replace{
	float:left;
	display:block;
	width:120px;height:35px;
	line-height:35px;
	text-align:center;
	color:var(--color-sub-blue);
	background:#fff;
	border:1px solid var(--color-sub-blue);
	position:absolute;
	cursor:pointer;
}
a.codechange,a.certificationcode,a.certificationcodegood{
	width:100px;height:35px;
	line-height:33px;
	text-align:center;
	color:var(--color-sub-blue);
	background:#fff;
	border:1px solid var(--color-sub-blue);
	position:absolute;
	cursor:pointer;
	z-index:1;
	margin-left:10px;
}
a.certificationcode{margin-top:-10px;}
span.file-text{
	display:block;
	float:left;
	font-size:13.5px;
	text-align:left;
	color:var(--color-cool-gray);
	margin-top:11px;
	font-weight:300;
	overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:1; -webkit-box-orient: vertical;white-space:nowrap;word-wrap:normal;
}

/* input 버튼 */
.btngono{
	margin:40px 0 60px;
	text-align:center;
}
.btngono a{display:inline-block;}
a.writeButton{display:block;margin:40px auto 0;}
input[type='submit'],.btngono .res,a.writeButton{
	width:250px;height:45px;
	line-height:45px;
	text-align:center;
	background:var(--color-primary-blue);
	font-size:14.5px;
	font-weight:500;
	color:#fff;
	cursor:pointer;
	border:0;
	border-radius:10px;
}
.btngono .paylist{
	width:250px;height:45px;
	line-height:45px;
	text-align:center;
	background:var(--color-sub-blue);
	font-size:14.5px;
	font-weight:500;
	color:#fff;
	cursor:pointer;
	border:0;
	border-radius:10px;
	margin-left:10px;
}

input[type='reset'],.btngono .mainb{
	width:250px;height:45px;
	line-height:45px;
	text-align:center;
	background:var(--color-cool-gray);
	font-size:14.5px;
	font-weight:300;
	color:#fff;
	margin-left:10px;
	cursor:pointer;
	border:0;	
	border-radius:10px;	
}
input[type='submit'].orangeb,.btngono .res{
	margin-right:-4px;
	background:var(--color-primary-blue);
	border:1px solid var(--color-primary-blue);
}
.paybutton{
	width:250px;height:45px;
	line-height:45px;
	text-align:center;
	background:var(--color-primary-blue);
	font-size:14.5px;
	font-weight:300;
	color:#fff;
	border:0;	
	border-radius:10px;
	cursor:pointer;
}
.cancelbutton{
	width:250px;height:45px;
	line-height:45px;
	text-align:center;
	background:var(--color-cool-gray);
	font-size:14.5px;
	font-weight:300;
	color:#fff;
	border:0;	
	border-radius:10px;	
	margin-left:-4px;
	cursor:pointer;
}




/* NEW 신청 Form */
.allformbox{
	width:1180px;
	margin:auto;
}
.allformbox .guidetxt{margin-bottom:15px;}
.allformbox .myroomguidetxt{width:500px;margin:20px auto 30px;}
.allformbox .guidetxt p{font-size:12.5px;color:var(--color-cool-gray);padding-left:10px;position:relative; font-weight: 300;}
.allformbox .guidetxt p:before{
	content:"";display:block;clear:both;
	width:3px;height:3px;
	border-radius:50%;
	background:#777;
	position:absolute;left:0;top:40%;
}
.allformbox .certification{margin-top:20px;}
.allformbox .tablebox{
	width:100%;
	text-align:right;
}



.allformbox .snsjoin{
	width:100%;width:100%;
	border:1px solid var(--color-gray-200);
	padding:30px;
	margin-bottom:20px;
}
.allformbox .tablebox .snslogin li{width:50%;float:left;text-align:center;transition:0.3s;}
.allformbox .tablebox .snslogin li a{
	display:block;
	width:90%;min-width:445px;height:51px;
	line-height:53px;
	border-radius:3px;
	color:#fff;
	font-weight:500;
	margin:auto;
	background-position:23% 50%;
	background-repeat:no-repeat;
	background-size:20%;
	transition:0.3s;
}
.allformbox .tablebox .snslogin li:nth-child(1) a{
	color:#fff;
	background:#08a600;
}
.allformbox .tablebox .snslogin li:nth-child(1):hover a{
	color:#08a600;
	background:#fff;
	border:1px dashed #08a600;
}
.allformbox .tablebox .snslogin li:nth-child(1) a span.kanit{
	font-family: 'Kanit', sans-serif;
	font-weight:800;
	margin-right:3px;
	font-size:15px;
}
.allformbox .tablebox .snslogin li:nth-child(2) a{
	color:#fff;
	background:#39528f;
}
.allformbox .tablebox .snslogin li:nth-child(2):hover a{
	color:#39528f;
	background:#fff;	
	border:1px dashed #39528f;
}

.allformbox .tablebox > img{
	position:relative;bottom:-18px;	
}
.allformbox .privacyapproval em{
	display:block;
	width:100%;
	padding:15px 25px;
}
.allformbox .tablebox table{
	width:100%;
	
}
.allformbox .tablebox table tr.myemail{display:none;}
.allformbox .tablebox table th{
	width:25%;
	font-size:13.5px;
	font-weight:400;
	color:#484644;
	text-align:left;
	vertical-align:middle;
	padding-left:35px;
	border-bottom:1px solid #fff;
	background: var(--color-gray-100);	
	position:relative;
}

.allformbox .tablebox table td{
	height:58px;min-height:58px;
	font-size:13.5px;
	text-align:left;
	vertical-align:middle;
	padding:10px 10px 10px 30px;
	border-bottom:1px solid var(--color-gray-200);
	border-top:1px solid var(--color-gray-200);
	border-right:1px solid var(--color-gray-200);
}
.allformbox .tablebox table td span{display:inline-block;}
.allformbox .tablebox table th strong{margin-left:5px;}
.allformbox .tablebox table td strong{font-size:11.5px;padding-left:15px;color:red;}
.allformbox .tablebox table td strong.guide{color:#666;}
.allformbox .tablebox table td strong.bed{color:red;}
.allformbox .tablebox table td strong.good{color:#0082ff;}
.allformbox .tablebox table td strong.malmal{color:#fe8544;}
.allformbox .tablebox table td strong.nono{color:red;font-weight:500;}
.allformbox .tablebox table td em{font-size:11.5px;color:gray;padding-left:15px;}
.allformbox .tablebox table td input[type="text"],.allformbox .tablebox table td input[type="email"],.allfombox .tablebox table td input[type="password"],.allformbox .tablebox table td input[type="password"]{
	width:48%;max-width:507px;height:36px;
	border:1px solid var(--color-gray-200);
	font-size:13.5px;
	color:#111;
	padding:10px;
	background:#fff;	
}
.allformbox .tablebox table td input[type="date"],.allformbox .tablebox table td input[type="month"]{
	width:161px;height:36px;
	border:1px solid var(--color-gray-200);
	font-size:13.5px;
	color:#111;
	padding:10px;
	
}
.allformbox .tablebox table td select.calltext{
	width:161px;height:36px;
	border:1px solid var(--color-gray-200);
	font-size:13.5px;
	color:#111;
	padding: 0 10px;
	
}
.allformbox .tablebox table td select.time{
	width:80px;height:36px;
	border:1px solid var(--color-gray-200);
	font-size:13.5px;
	color:#111;
	padding: 0 10px;
	
}
.allformbox .tablebox table td input[type="tel"],.allformbox .tablebox table td.birthday input[type="text"],.allformbox .tablebox table td.birthday select,.allformbox .tablebox table td.businessnumber input[type="text"]{
	width:160px;height:36px;
	border:1px solid var(--color-gray-200);
	font-size:13.5px;
	color:#111;
	padding: 0 10px;
	
}

.allformbox .tablebox table td textarea, textarea{
	width:100%;height:155px;
	border:1px solid var(--color-gray-200);
	font-size:13.5px;
	color:#111;
	padding:10px;
	resize:none;
}
.box textarea{height:60px;}

.allformbox .privacyapproval{margin-top:50px;}
.allformbox .privacyapproval strong{
	font-size:13.5px;
	font-weight:500;
	color:#111;
}
.allformbox .privacyapproval > strong{
	display:block;
	font-size:14.5px;
	font-weight:400;
	color:#111;
	text-align:left;
	margin-bottom:10px;
}
.allformbox .privacyapproval > strong span{color:red;font-size:14px;}
.allformbox .privacyapproval em.privacybox{
	height:150px;
	background:var(--color-gray-50);	
	border: 1px solid var(--color-gray-200);
}
.allformbox .privacyapproval em.privacybox > div{
	display:block;
	width:100%;	height:108px;
	line-height:1.8;
	overflow:auto;
	color:var(--color-cool-gray);
	font-size:13px;
	font-weight:300;
	white-space: pre-line;
}
.allformbox .privacyapproval em.approval{
	margin-top:-1px;
	color:#111111;
	font-size: 14px;
	border: 1px solid var(--color-gray-200);
	border-top: none;
}


.allformbox .tablebox table td select.category,.allformbox .wbox table th select.category{
	width:31%;height:38px;
	border:1px solid var(--color-gray-200);
	font-size:13.5px;
	color:#111;
	padding: 0 10px;	
}
#campus_code{ 
	width:48%;height:32px;
	border:1px solid var(--color-gray-200);
	font-size:13.5px;
	color:#111;
	padding: 0 10px;
	margin-left:13px;
}
.allformbox .tablebox table td select.curriculumcategory{
	width:68%;height:36px;
	border:1px solid var(--color-gray-200);
	font-size:13.5px;
	color:#111;
	padding:10px;
	
}

.allformbox .carebox{
	width:900px;
	margin:auto;
	padding:0 10px;
	
}
.allformbox .care{margin-top:20px;text-align:center;}
.allformbox .result{width:900px;margin:20px auto 0;text-align:left;}
.allformbox .care strong,.allformbox .result strong{font-weight:600;font-size:13.5px;}
.allformbox .care strong span,.allformbox .result strong span{color:red;}




.allformbox .tablebox table .curriculum th,.allformbox .tablebox table .workcurriculum th{
	vertical-align:top;
	padding-top:20px;
	
}

.allformbox .tablebox table .curriculum:first-of-type td,.allformbox .tablebox table .workcurriculum:first-of-type td{padding:10px 0 10px 50px;}

.allformbox .tablebox table .curriculum td .sectionbox li strong{
	display:block;
	width:100%;
	font-size:12.5px;
	padding:7px 0 7px 30px;
	background:var(--color-sub-blue);
	color:#fff;
	font-weight:400;
	text-align:left;	
}

.allformbox .tablebox table .curriculum td .sectionbox li .curriname{
	width:100%;
	padding:10px 0;
	
	background:#f8f8f8;
}
.allformbox .tablebox table .curriculum td .sectionbox li .curriname li{
	float:left;
	width:50%;
	line-height:30px;
	font-size:13.5px;
	color:#888;
	text-align:left;
	white-space: nowrap;
	padding:0 30px;
	overflow:hidden;
	text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;
	
}
.allformbox .tablebox table .curriculum td .sectionbox li .curriname li:nth-child(odd){border-right:1px dotted #22345e;}
.allformbox .tablebox table .curriculum td .sectionbox li .curriname li:hover{background:#e9e9e9;}

.allformbox .tablebox table .workcurriculum td ul{width:100%;}
.allformbox .tablebox table .workcurriculum td ul li{float:left;font-size:13.5px;text-align:center;}
.allformbox .tablebox table .workcurriculum td ul li:nth-child(1){width:3%;}
.allformbox .tablebox table .workcurriculum td ul li:nth-child(2){width:59%;text-align:left;}
.allformbox .tablebox table .workcurriculum td ul li:nth-child(3){width:8%;}
.allformbox .tablebox table .workcurriculum td ul li:nth-child(4){width:15%;}
.allformbox .tablebox table .workcurriculum td ul li:nth-child(5){width:15%;}
.allformbox .tablebox table .workcurriculum td .workgroup,.allformbox .tablebox table .workcurriculum td .workgroup2{
	width:100%;	
	padding:9px 0 9px 30px;
	
	background:#22345e;
	color:#fff;
	font-weight:600;
}
.allformbox .tablebox table .workcurriculum td .workgroup2{background:var(--color-primary-blue);font-weight: 600;}
.allformbox .tablebox table .workcurriculum td .workgroup li:nth-child(2),.allformbox .tablebox table .workcurriculum td .workgroup2  li:nth-child(2){text-align:center;}
.allformbox .tablebox table .workcurriculum td .workcurri{
	width:100%;	
	padding:9px 0 9px 30px;
	background:#f8f8f8;
	
	border-bottom:1px dotted #22345e;
}
.allformbox .tablebox table .workcurriculum td .workcurri li{height:40px;}
.allformbox .tablebox table .workcurriculum td .workcurri li:nth-child(1),.allformbox .tablebox table .workcurriculum td .workcurri li:nth-child(3),.allformbox .tablebox table .workcurriculum td .workcurri li:nth-child(4),.allformbox .tablebox table .workcurriculum td .workcurri li:nth-child(5){line-height:40px;}
.allformbox .tablebox table .workcurriculum td .workcurri li label{font-weight:600;color:#111;}
.allformbox .tablebox table .workcurriculum td .workcurri li label span{display:block;font-size:12.5px;font-weight:400;color:#777;}
.allformbox .tablebox table .workcurriculum td .workcurri:hover{background:#e9e9e9;}
.allformbox .tablebox table td b{font-size:18px;font-weight:600;}
.allformbox .tablebox table td ul.right li{padding:5px 0;}
.allformbox .tablebox table td.jobadd a{
	display:inline-block;
	width: 100px;height: 35px;
    line-height: 35px;
    text-align: center;
    color: var(--color-primary-blue) !important;
    background: #fff;
    border: 1px solid var(--color-primary-blue);
    cursor: pointer;

}
.allformbox .tablebox table td.jobadd input[type="text"]:nth-of-type(1){width:70px;}
.allformbox .tablebox table td.jobadd input[type="text"]:nth-of-type(2){width:240px;}
.allformbox .tablebox table td.jobadd input[type="text"]:nth-of-type(3){width:247px;}
.allformbox .tablebox table td.jobadd .category{margin-bottom:7px;}
.allformbox .tablebox table td .yes,.allformbox .tablebox table td .now{display:none;}
.allformbox .tablebox table td .multiuploadcf{padding:15px 20px 20px;background:#f8f8f8;}
.allformbox .tablebox table td .multiuploadcf li{float:left;width:33%;padding:10px 0;border-bottom:1px dotted var(--color-cool-gray);}
.allformbox .tablebox table td .multiuploadcf li.opguide{width:100%;color:var(--color-cool-gray);font-weight:400;font-size:11.5px;padding:10px 0 0;border-bottom:none;}
.allformbox .tablebox table td .multiuploadcf li .replace{font-size:11.5px;color:#919191;border:1px solid #a2a2a2;}
.allformbox .tablebox table td .multiuploadcf li span.file-text{width:50%;font-size:11.5px;}

.allformbox .tablebox table td table thead th{font-size:12.5px;text-align:center;padding:5px;border-bottom:1px solid var(--color-gray-200);background:#f8f8f8;}
.allformbox .tablebox table td table thead th:last-of-type:after{display:none;}
.allformbox .tablebox table td table tbody tr:first-of-type td{padding:0 0 0 15px;}
.allformbox .tablebox table td table tbody tr:first-of-type td:last-child{border-right:0;}
.allformbox .tablebox table td table tbody td{font-size:12.5px;text-align:center;}
.allformbox .tablebox table td table tbody td input[type="text"]{width:70%;height:31px;padding:5px;font-size:12.5px;}

.allformbox .tablebox table td.pay input[type="text"]:nth-of-type(1){width:334px;margin-right:10px;}
.allformbox .tablebox table td.pay input[type="text"]:last-of-type{width:40px;margin-left:10px;}


.allformbox .tablebox table .curriculum tr:first-of-type td,.allformbox .tablebox table .curriculum tr td{padding:0;}
.allformbox .tablebox table .curriculum td .councurri td{border-bottom:1px dotted var(--color-gray-200);border-right:0;}
.allformbox .tablebox table .curriculum td .councurri tr:nth-of-type(3) td{border-bottom:1px dotted var(--color-primary-blue);}
.allformbox .tablebox table .curriculum td .councurri .secmaster{width:100%;}
.allformbox .tablebox table .curriculum td .councurri .secmaster li{
	float:left;
	width:91%;height:58px;
	line-height:35px;
	font-size:13.5px;
	text-align:left;
	padding:11px 0;
	
}
.allformbox .tablebox table .curriculum td .councurri .secmaster li input[type="checkbox"]{margin-right:10px;}
.allformbox .tablebox table .curriculum td .councurri .secmaster li.currBli{width:9%;padding-top:20px;}
.allformbox .tablebox table .curriculum td .councurri .secmaster li.currBli a{
	display:block;
	float:right;
	width:75px;height:25px;
	line-height:21px;
	background:var(--color-primary-blue);
	border:2px solid var(--color-primary-blue);
	color:#fff;
	font-size:11.5px;
	text-align:center;
	border-radius:25px;
	margin-right:15px;
}
.allformbox .tablebox table .curriculum td .councurri .secmaster li.currBli a.on{
	display:none;
	background:#fff;
	border:1px solid var(--color-primary-blue);
	color:var(--color-primary-blue);
}
.allformbox .tablebox table .curriculum td .councurri .sectionbox{display:none;}


section .onlinecenter{margin-top:60px;}
section > div.onlinecenter{ 
	width:auto; 
	text-align:left;
}




/* 과목상단 설명 K디지털 [20210601추가] */
#lectureTopk {width: 100%;min-width:1180px;height:950px;position:relative;background:#111;overflow:hidden;}
#lectureTopk .lTitle1{color:#fff;}
#lectureTopk .kds{color:#ddd;font-size:19px;opacity:0.8;color:var(--color-gray-100);}
#lectureTopk .bgimg{position:absolute;left:50%;top:0;margin-left:-1000px;z-index:1;opacity:0.3;height:100%;}
#lectureTopk .topbox{
	width:1000px;
  height:353PX;
	text-align:center;
	position:absolute;
	left:50%;top:0;
	margin-left:-500px;
	z-index:2;
}
#lectureTopk .topbox span.en{
	display:block;
	font-size:12px;
	color:#ffffff80;
	padding-top:66px;

}
#lectureTopk .topbox p.ltS{
	display:block;
	font-size:13.4px;
	color:#a3a3a3;
	margin-top:60px;
}
#lectureTopk .topbox .lectureshow p{
	display:block;
	font-size:13.5px;
	color:#d7d7d7;
	margin-top:40px;
	font-weight:300;
}

#lectureTopk .callbox{
	width:1000px;height:46px;
	position:relative;
	left:50%;top:365px;
	margin-left:-500px;
	z-index:3;
}

#lectureTopk .callbox .campuspdf li{
	width:33.333%;
	float:left;
	display:block;
	text-align:center;
}
#lectureTopk .callbox .campuspdf li a{
	display:block;
	height:46px;
	line-height:42px;
}
#lectureTopk .callbox .campuspdf li.onlineLink{
	border:2px solid var(--color-primary-blue);
	color:#fff;
	line-height:42px;
	background:var(--color-primary-blue);
	height:46px;
  font-weight: 600;
}
#lectureTopk .callbox .campuspdf li.campusCall{
	border:2px solid var(--color-primary-blue);
	color:#fff;
	line-height:42px;
	background:url('https://img.megastudyacademy.co.kr/campus/tjlecture/campusB.png') 95% 50% no-repeat;
}
#lectureTopk .callbox .campuspdf li.campusPdfd{
	float:left;
	height:46px;
	line-height:46px;
	text-align:center;
	font-size:13.5px;
	color:var(--color-gray-100);
	background:var(--color-cool-gray);
	cursor:pointer;
}
#lectureTopk .callbox .campuspdf li.campusCall.on{
	border-color:var(--color-gray-100);
	background:url('https://img.megastudyacademy.co.kr/campus/tjlecture/campusB_on.png') 95% 50% no-repeat;
}
#lectureTopk .callbox .campuspdf li:last-child.on{
	background:var(--color-deep-gray);
	color:#888888;
}
#lectureTopk .callbox .telbox{
  position: absolute;
  right: 0;
	display:none;
	/* margin-left:248px; */
	width:50%;
  height:auto;
	border:8px solid var(--color-gray-100);
	background:#fff;
	padding:15px 0;
}
#lectureTopk .callbox .telbox li{
	float:left;
	width:50%;height:30px;
	line-height:30px;
	color:var(--color-cool-gray);
	padding-left:35px;
	position:relative;
	text-align:left;
}

#lectureTopk .callbox .telbox li:before{
	content:"";display:block;clear:both;
	width:3px;height:3px;
	border-radius:50%;
	background:#998b7f;	
	position:absolute;
	left:28px;top:14px;
}
#lectureTopk .callbox .telbox li:nth-child(odd){border-right:1px dashed #c2c2c2;}
#lectureTopk .callbox .telbox li em{color:var(--color-accent-purple);margin-left:8px;}
#lectureTopk .callbox .telbox li:hover{background:#faf4f0;}


#lectureTopk .guide{
	width:100%;min-width:1000px;height:440px;
	position:absolute;
	left:0;bottom:0;
	z-index:1;
}
#lectureTopk .guide li{
	width:50%;height:440px;
	padding-top:30px;
	color:#fff;
	float:left;
	font-weight:300;
}
#lectureTopk .guide li:first-child{
	background:rgba(255,255,255,0.1);
	text-align:left;
}
#lectureTopk .guide li:last-child{
	background:rgba(255,255,255,0.2);
	text-align:left;
}
#lectureTopk .guide li dl{
	width:500px;
	padding-left:50px;
	float:left;
}
#lectureTopk .guide li dl dt{
	font-size:13.5px;
	font-weight:400;
	margin-bottom:10px;
}
#lectureTopk .guide li dl dt strong{color:var(--color-gray-100);margin-right:5px;font-weight:400;}
#lectureTopk .guide p strong{color:var(--color-gray-100);margin-right:5px;font-weight:400;}
#lectureTopk .guide li dl dd.pt span{color:var(--color-gray-100);margin-right:5px;font-weight:400;}
#lectureTopk .guide li table.timebox tr th strong{color:var(--color-gray-100);margin-right:5px;font-weight:400;}
#lectureTopk .guide li dl dt span{color:var(--color-primary-blue);margin-left:5px;}
#lectureTopk .guide li dl dd{
	font-size:12.5px;
	font-weight:200;
	color:var(--color-gray-100);
	padding:1px 0 1px 10px;
	position:relative;
}
#lectureTopk .guide li dl dt:nth-of-type(2){margin-top:20px;}
#lectureTopk .guide li li{
	padding:1px 0 1px 10px;
	width:100%;height:auto;
	font-size:12.5px;
	font-weight:200;
	color:var(--color-gray-100);
	position:relative;
}
#lectureTopk .guide li li:last-child{background:transparent;}

#lectureTopk .guide li dl dd:before,#lectureTopk .guide li li:before{
	content:"";display:block;clear:both;
	width:5px;height:1px;
	background:var(--color-gray-100);
	position:absolute;
	left:0;top:10px;
}
#lectureTopk .guide li dl dd.pt:before{display:none;}
#lectureTopk .guide li dl dd.pt{margin-top:10px;}



#lectureTopk .guide p{ 
	display:block;
	width:550px;
	padding-left:50px;
	color:#fff;
	font-size: 13.5px;
	display:inline-block; 
}
#lectureTopk .guide p span{ 
	display:inline-block;
  color: var(--color-primary-blue);
  margin-left: 5px;
	margin-top:7px;
}

#lectureTopk .guide .targetingK{
	width:500px;
}

#lectureTopk .guide .targetingK p{
	margin-left:10px;
	font-size:13px;
}

#lectureTopk .guide .targetingK p.dkline{
	position:relative;
}

#lectureTopk .guide .targetingK p.dkline img{
	position:absolute;left:50px;top:-6px;
}

#lectureTopk .guide .targeting th{ 
	width:20%; 
	color:#fff;
	font-size: 13.5px;
	vertical-align:top;
	padding:0.5rem 0 0.5rem 0.7rem;
	position:relative;
}
#lectureTopk .guide .targeting th:before{ 
	content: ""; display: block; clear: both;
    width: 0.417rem;
    height: 1px;
    background: var(--color-gray-100);
    position: absolute;
    left: 0; top: 1.133rem;
}
#lectureTopk .guide .targeting td{ 
	width:80.5%; 
	color:#fff;
	padding:0.5rem 0;
	font-size: 13px;
}
#lectureTopk .guide .targeting td span{ 
	display: block;
    font-size: 12.5px;
    color: var(--color-gray-100); 
}

#lectureTopk .guide li table.timebox{
	width:450px;float:right;
	margin-right:50px;
	color:inherit;
}
#lectureTopk .guide li table.timebox tr{border-bottom:1px dashed var(--color-gray-100);}
#lectureTopk .guide li table.timebox tr:last-child{border-bottom:none;}
#lectureTopk .guide li table.timebox tr th{
	width:85px;
	padding:15px 0;
	font-size:13px;
	font-weight:300;
}
#lectureTopk .guide li table.timebox tr td{
	padding:15px 0;
	font-size:13px;
}
#lectureTopk .guide li table.timebox tr td span{
	display:block;
	font-size:11.5px;
	color:var(--color-gray-100);
	font-weight:300;
}
#lectureTopk .guide li table.timebox tr td span.benefit{
	display:block;
	font-size:12.5px;
	font-weight:400;
}
#lectureTopk .guide li table.timebox tr td span.box{
	display:inline-block;
	background:var(--color-gray-100);
	color:#111;
	font-size:11.5px;
	font-weight:400;
	padding:1px 3px;
	margin-right:5px;
}
#lectureTopk .guide li table.timebox tr td a.linkbox{
	display:block;
	color:#494949;
	font-size:12.5px;
	background:#e9d9cd;
	text-align:center;
	width:140px;
	font-weight:500;
	margin-top:5px;
}

#lectureTopK2{height:1000px;}
#lectureTopK2 .guide{height:530px}
#lectureTopK2 .guide li{height:530px;}

#lectureTop2{height:970px;}
#lectureTop2 .bgimg{object-fit: cover;height: 100%;}
#lectureTop2 .guide{height:500px;}
#lectureTop2 .guide li{height:500px;}