@import url('https://cdn.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.1/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css');
body *{
  font-family: 'Wanted Sans Variable', 'Noto Sans', '나눔 고딕', sans-serif !important;
}
: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; /* 가장 진한 쿨그레이 */
}

/* temp _ 기본 과목설명 */
#lecterDisT1 {width: 100%; background: #ffffff; padding:90px 0;}
#lecterDisT1Inner {width: 1000px;margin: 0 auto; text-align:center; line-height:1.5; letter-spacing: -.03em;}
#lecterDisT1Inner .box4 li {width:22%;}
#lecterDisT1Inner .oddul { margin-left:2%;margin-right:2%;}
#lecterDisT1 #lecterDisT1Inner li.mZero{ margin:0;}
#lecterDisT1Inner .box3 li:nth-of-type(2) {margin-left:5%;margin-right:5%;}
#lecterDisT1Inner ul{width:850px;margin:auto;}
#lecterDisT1Inner ul li {width:30%;float:left;border-radius:12px;border:1px solid var(--color-gray-200);overflow:hidden;}
#lecterDisT1Inner ul li:nth-child(2){margin-left:5%;margin-right:5%;}
#lecterDisT1Inner ul li span{display:block;width:100%;overflow:hidden;}
#lecterDisT1Inner ul li span img{width:100%;}
#lecterDisT1Inner ul li strong{display:block;width:100%;background:#fff;color:#222;font-size:12.3px;text-align:center;padding:21px 0;}
#lecterDisT2 {width: 100%; background: url('https://img.megastudyacademy.co.kr/campus/tjlecture/h2lTitle7bg_web.jpg') top center no-repeat; padding: 65px 0 80px 0; text-align:center;}
#lecterDisT2Inner {width: 1000px; margin: 0 auto;}
#lecterDisT2Inner .processimg{width:100%;display: block; margin:auto;text-align:center;}
#lecterDisT2Inner .processimg img{max-width:100%;}
p.ldp1{font-size: 13.5px; color: var(--color-sub-blue); margin: 35px 0 20px 0;font-weight:500;}
p.ldp2{font-size: 13.5px; color: var(--color-deep-gray); margin-bottom: 40px;}
p.ldp3{font-size: 13.5px; color: var(--color-deep-gray); margin: 50px 0 25px 0;}
p.ldp4{font-size: 17.5px; color: var(--color-primary-blue); font-weight:600;}
p.ldp6{
	display:block;
	font-size: 13.5px; 
	color: var(--color-gray-200); 
	padding:40px 0;
	text-align:center;
	background:rgba(0,0,0,0.2);
	white-space: pre-line;
	line-height:0.8;
	backdrop-filter: blur(8px);
}
p.ldp6 b{font-weight:500;font-size:15px; color:#fff; display: inline-block;border-bottom:1px dotted var(--color-gray-300);padding:0 60px 15px;margin-bottom:15px;}

div.idp_list table{width:720px; background:#fafafa; margin:auto; border:2px solid #c3a084;}
div.idp_list table tr{text-align:left; }
div.idp_list table td{padding:15px 30px; border-bottom:1px solid #ddd;}

strong.idp_tt {display:inline-block; padding:5px 15px; background-color:#696461; color:#fff; border-radius:25px 25px; margin-top:30px; margin-bottom:15px;}

/* p.ldp5{font-size: 13.5px; color: #fff; font-weight:400; padding: 45px 0 0 0;background:rgba(0,0,0,0.2);}
p.ldp7 {color:#454545; font-size:14px; margin:0 auto 40px;}
p.ldp7 span{color:var(--color-primary-blue);} */
#lecterDisT3 {background: #ffffff; width: 100%; padding-top: 80px;}
#ld3Inner1 {width: 1080px; margin: 0 auto 40px;}
#ld3Inner1 .stepBox {position:relative; width:100%;margin:45px auto 0;border:2px solid var(--color-gray-200);padding:30px 40px;}
#ld3Inner1 .stepBox ul {width: 100%; display:flex;}
#ld3Inner1 .stepBox ul li{width: 20%; float: left; text-align:center; background: url(https://img.megastudyacademy.co.kr/campus/tjlecture/process_bullet.png) no-repeat 50% 50px;position:relative; flex:1;}
#ld3Inner1 .stepBox ul li:after{content:"";display:block;clear:both;width:100%;height:1px;border-top: 1px dotted #a7a7a7;position:absolute;left:50%;top:60px;}
#ld3Inner1 .stepBox ul li:last-child:after{display:none;}
#ld3Inner1 .stepBox ul li p{display:block;font-size: 13.5px; color: #454545; height:42px; }
#ld3Inner1 .stepBox ul li span{font-size: 12px; color: #888888; display: block; margin-top:40px; }
#ld3Inner2 {width: 1080px; margin: 0 auto 80px;}
#ld3Inner2 ul{width: 1000px; margin: 50px auto 25px;}
#ld3Inner2 ul li{float: left;   width: 490px; height: 308px; border: 2px solid var(--color-gray-200); position:relative;}
#ld3Inner2 ul li>p{display:inline-block;position:absolute; top:12px; right:15px; color: #fff; font-weight:500; text-align:right;font-size: 12px; background:rgba(0,0,0,0.5);padding:0 5px;}
#ld3Inner2 ul li+li{margin-left: 20px;}
#ld3Inner2 p.grayBox{width: 1000px;margin:auto; height:50px; line-height:50px; text-align:center; color: #454545; font-size: 14px; background: var(--color-gray-100);}
#lecterDisT4 {width: 100%; margin: auto; background: var(--color-gray-50); padding: 60px 0 100px;}
#lecterDisT4 > table {width: 1000px; letter-spacing: -.04em;position:relative;margin:50px auto 0;}
#lecterDisT4 > table .br5px {border-right: 5px solid #ffffff;}
#lecterDisT4 > table th,#lecterDisT4 > table td {border-bottom: 2px solid var(--color-gray-100);word-break:keep-all;}
#lecterDisT4 > table th {width: 280px; color: #ffffff; font-size: 13.5px; text-align:left; padding: 20px; vertical-align: middle;
	position:relative;
}
#lecterDisT4 > table th img{
	position:absolute;
	right:0;bottom:0;
	opacity:1;
}
#lecterDisT4 > table th.op1{background:var(--color-gray-300);}
#lecterDisT4 > table th.op2{background:var(--color-gray-400);}
#lecterDisT4 > table th.op3{background:var(--color-gray-500)}
#lecterDisT4 > table td {width: 675px; background: #ffffff; color: #454545; font-size: 13.5px;  text-align:left; padding: 25px;}
#lecterDisT4 .ptText {margin:25px auto 0;width: 1000px;height:290px;position:relative;overflow:hidden;}
#lecterDisT4 .ptText img{width:1332px;height:290px;position:absolute;left:50%;margin-left:-666px;top:0;}
#lecterDisT4 .ptText .p{width:100%;position:absolute;top:0;left:0;padding-top:55px;color: #ffffff; text-align:center;}
#lecterDisT4 .ptText p.ptp1{font-size: 15.5px; line-height:1.6;margin-bottom:23px;}
#lecterDisT4 .ptText p.ptp2{font-size: 13.5px; line-height:1.5;color:var(--color-gray-100);}
#lecterDisT4 .ptText p.ptp2 span{display:inline-block;margin-top:23px;font-size:13.5px;color:var(--color-deep-gray);background:var(--color-gray-100);padding:1px 3px;font-weight:500;}

/* 단과 - 드론 */
.subTt{width: 465px; height:60px;padding:18px 0; margin:0 auto 40px; text-align:center; font-size:16px;color:#fff;background:var(--color-gray-400); border-radius: 30px;  }
.subTtS{
	/* width: 380px; height:60px;padding:18px 0; margin:0 auto; text-align:center; font-size:16px; color:#fff;background:var(--color-gray-400); border-radius: 30px;   */
	font-size: 1.2rem;
	font-weight: 600;
	color: var(--color-sub-blue);
	margin: auto;
	text-align: center;
	border-bottom: 1px solid var(--color-gray-400);
	padding-bottom: 12px;
	width: 60%;
}
#courseDisT1 {width: 100%; background: #ffffff; padding:90px 0 50px;}
#courseDisT1Inner {width: 1000px;margin: 0 auto; text-align:center; line-height:1.5; letter-spacing: -.03em;}
#courseDisT1Inner img{display: block; margin: 0 auto;}
#courseDisT1Inner .droneP {margin: 50px 0;padding:45px 0;background:var(--color-gray-100); }
.droneT {margin:0 auto; width:80%;}
.droneT td,.droneT th{border-right:1px solid #e5e5e5; border-bottom:1px solid;}
.droneT td:last-child, .droneT th:last-child{border-right:none;}
.droneT th {background:var(--color-sub-blue); font-size: 13.5px; vertical-align:middle; color: var(--color-gray-100);height:40px ;line-height:1.5;}
.droneT td {font-size: 15px; color: #575757; vertical-align:middle; padding:19px;}
.droneT td span {font-size:13px; color:var(--color-sub-blue);}
.coursebox .drbox{ background:#fff; width:88%;margin:45px auto; border:3px solid var(--color-gray-200);}
.coursebox .drbox2{ background:#fff; width:88%;margin:45px auto; border:3px solid var(--color-gray-200); padding-bottom:55px;}
.coursebox .drbox dl {position:relative;}
.coursebox .drbox dl:after{content:""; display:block;clear:both; width:95%;height:1px;background:#e0e0e0;position:absolute;left:23px;top:100%;}
.coursebox .drbox dt {font-size:15px; color:var(--color-gray-400);text-align:left;  padding:40px 0 40px 70px;  position:relative;}
.coursebox .drbox dt:before {content:""; display:block;clear:both; width:11px; height:11px;transform: rotate(45deg); background:var(--color-gray-400);position:absolute;left:50px;top:45px;}
.coursebox .drbox dt:last-child:before{display:none;}
.coursebox .drbox dd { float:left;  width:68%; position:absolute;left:31%;top:35px;}
.coursebox .drbox dt.list2{height: 140px; }
.coursebox .drbox dt.list3{height: 160px; }
.coursebox .drbox dt.list4{height: 180px; }
#courseDisT1Inner .coursebox .drbox .drtxt {margin:0; width:100%;  text-align:left;}
#courseDisT1Inner .coursebox .drbox .drtxt li {display:block; font-size:14px; color:#575757; padding:0; line-height:1.9;float:none; position:relative;}
#courseDisT1Inner .coursebox .drbox .drtxt li:before{content:""; display:block;clear:both; width:4px; height:1px;background:#575757;position:absolute;left:-10px;top:13px;}
.droneSubTt {font-size:18px; padding: 85px 0 30px;color:var(--color-gray-400);  background:url("https://img.megastudyacademy.co.kr/campus/tjlecture/drone/drone_practical_icon.jpg") 50% 25% no-repeat;  position:relative;}
.droneSubTt:last-of-type:before{content:""; display:block;clear:both; width:100%; height:1px;background:#000; position:absolute;left:0;top:-20px;}
.miniTt {font-size:15px; color:var(--color-gray-400);text-align:left; padding:50px 0 20px 8%; position:relative; }
.miniTt:before{content:""; display:block;clear:both; width:11px; height:11px;transform: rotate(45deg); background:var(--color-gray-400); position:absolute;left:50px;top:55px;}
table.miniBoxT{width:90%; margin:0 auto;}
.miniBoxT th { background:var(--color-gray-400); height:45px; vertical-align:middle; color:#fff; border:1px solid #fff; border-collapse:collapse; }
.miniBoxT td {background:#e8eaef; vertical-align:middle; height:80px;border:1px solid #fff; border-collapse:collapse;}
.drMiniBox {margin:0 auto;width:90%; border:1px solid var(--color-gray-200); text-align:left;  }
.drMiniBox  dt {padding: 35px 0 15px 33px; font-size:14px;}
.coursebox .drMiniBox dd {padding-left:45px; color:#575757;position:relative; padding-top:3px;}
.coursebox .drMiniBox dd:before {content:""; display:block;clear:both; width:3px; height:1px; background:#575757; position:absolute;left:38px;top:12px;}
.drMiniBox a { text-align:left;display:block; font-size:15px;width:300px; height:50px; background:var(--color-sub-blue); color:#fff; vertical-align:middle; margin:40px 0 35px 33px; padding: 14px 0 0 25px;position:relative;  }
.drMiniBox a:after{content:""; display:block;clear:both; width:0; height:0;border-top:7px solid transparent; border-left:12px solid #fff; border-bottom:7px solid transparent; position:absolute;left:265px;top:19px;}
.oneoneC {white-space: pre-line; text-align:center; width: 1000px; margin: 50px auto; color: var(--color-cool-gray); font-size: 13.5px; line-height:1.6;  padding: 0 200px;background: url(https://img.megastudyacademy.co.kr/campus/tjlecture/oneoneC_bg1.png) no-repeat 0 50%, url(https://img.megastudyacademy.co.kr/campus/tjlecture/oneoneC_bg2.png) no-repeat 100% 50%; }

/*일반고위탁과정 */

#lecture3Btn.highconBtn {width: 100%; background: var(--color-deep-gray); padding: 25px 0;}
#lecture3Btn.highconBtn ul{width: 1000px; margin: 0 auto; }
#lecture3Btn.highconBtn ul li {width: 49%; height: 50px;  float: left; border: 1px solid #ffffff; }
/* #lecture3Btn.highconBtn ul li+li {margin-left:6%;} */
/* #lecture3Btn.highconBtn ul li:last-child{margin-right: 0;} */
#lecture3Btn.highconBtn ul li a {color: #ffffff; line-height: 50px; display: block; text-align:center; font-size: 15px;} 
#lecture3Btn.highconBtn ul li a:hover { color: var(--color-deep-gray);background: #ffffff; }

#lecterDisT6 {width: 100%; background: #ffffff; padding:50px 0 80px 0;}
#lecterDisT6 #lecterDisT1Inner .tableC td {text-align:center;  }
.ceTable {width:1000px; margin:50px auto; line-height:1.8;  } 
.ceTable tr{ border-bottom: 1px dotted #d5d5d5; }
.ceTable thead,.ceTable tbody{border-top: 1px dotted #d5d5d5;}
.ceTable thead th{color:#111;height:35px;vertical-align:middle;}
.ceTable tbody th{background:var(--color-deep-gray); color:white;vertical-align:middle; padding:5px 0;}
.ceTable td{ text-align:center; padding:7px 0 7px 15px; border-left:1px dotted #d5d5d5; vertical-align:middle;}
.gtqSub td,.gtqSub th{background:var(--color-gray-100); text-align:center;vertical-align:middle;}

/* 일반고위탁과정 신청 form */	
.popBg {position:fixed; background-color: rgba(0,0,0,0.5); width: 100%; height: 100%; top:0; left:0; z-index:998; display: none;}
.popBox {position:fixed; top: 50%; left: 50%; margin-left: -405px; margin-top:-400px;width: 820px; z-index:999; overflow-x: hidden; display: none;}
.popBox.h700 {height:700px;}
.popBox .pbTit {width: 100%; height: 50px; line-height:50px; position:relative; color: #ffffff; font-size: 18px; text-align:center; font-weight:500; background: #353a40;}
.popBox .pbTit a{color: #fff; top:13px; right:20px; font-size: 14px; display: block;position:absolute;}
.popBox .pbArea{background: #fff;  padding: 40px; }
.popBox .pbArea table{width: 100%; border-top: 1px solid #000000; margin-bottom:30px;}
.popBox .pbArea table th{width: 19%; background: var(--color-gray-100); color: #111; font-size: 14px; text-align:left; text-indent: 20px; padding:12px 0; border-bottom: 1px solid #000000;	vertical-align:middle;}
.popBox .pbArea table th i {color: var(--color-primary-blue);}
.popBox .pbArea table td{width: 81%; background: #fff; color: #111; font-size: 13.5px; text-align:left; padding:12px 20px;	border-bottom: 1px solid #000000;}
.popBox .pbArea table td input[type="text"]{width: 300px;padding: 0 10px; border: 1px solid #e1e1e1; height: 32px;}
.popBox .pbArea table td select{width: 300px;padding: 0 10px; border: 1px solid #e1e1e1; height: 32px;}
.popBox .pbArea table td li {line-height:26px; }
.popBox .pbArea table td span{color: #1954cc; font-size: 17px; font-weight:500;}
.popBox .sczc {font-size: 16px; color: var(--color-sub-blue); font-weight:500; }
.popBox .sczcImg {margin: 10px 0 35px; }
.popBox .szbx {width: 698px; border: 1px solid #7f7f7f; padding: 15px; color: #555555; font-size: 12px; line-height:1.5; overflow-y:scroll; height:70px; margin-bottom:15px;}
.popBox .szdu {font-size: 13.5px; color: #444444; display: inline-block; font-weight:500;}
.popBox .pbBtn {margin-top:30px;}
.popBox .pbBtn li a{display: block; height:50px; float: left; width:50%;line-height:50px; color: #fff;font-size: 14px; font-weight:500; text-align:center;}
.popBox .pbBtn li a.scBtn1{background: var(--color-primary-blue); }
.popBox .pbBtn li a.scBtn2{background: #959595; }
.popBox p.orange {font-size: 12.5px; color: var(--color-primary-blue); line-height: 18px; margin: 15px 0; font-weight:500; }

/*일반고위탁과정 상단레이아웃*/

#lectureTop .callboxhigh{
	width:250px;height:46px;
	position:relative;
	left:50%;top:353px;
	margin-left:-125px;
	z-index:3;
}

#lectureTop .callboxhigh .campuspdf li{
	height:46px;
	line-height:46px;
	text-align:center;
	font-size:13.5px;
	color:var(--color-gray-100);
	background:var(--color-deep-gray);
	cursor:pointer;
}
#lectureTop .callboxhigh .campuspdf li{
	border:2px solid #635b58;
	color:#fff;
	line-height:42px;
	background:url('../../images/campusB.png') 95% 50% no-repeat;
}
#lectureTop .callboxhigh .campuspdf li.on{
	background:url('../../images/campusB_on.png') 95% 50% no-repeat;
}

#lectureTop .callboxhigh .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;
}
#lectureTop .callboxhigh .telbox li{
	float:left;
	line-height:2;
	color:var(--color-deep-gray);
	padding-left:35px;
	position:relative;
	text-align:left;
}

#lectureTop .callboxhigh .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 .callboxhigh .telbox li em{color:var(--color-gray-500);margin-left:8px;}
#lectureTop .callboxhigh .telbox li:hover{background:var(--color-gray-100);}

#lectureTop .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;
}
#lectureTop .callbox .telbox li{
	float:left;
	width:50%;height:30px;
	line-height:30px;
	color:var(--color-deep-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-gray-500);margin-left:8px;}
#lectureTop .callbox .telbox li:hover{background:var(--color-gray-100);}


/* 과정평가형 */
#lecterDisT5 { width:100%; padding:50px; background:var(--color-gray-100);}
#lecterDisT5  .differ {width:1000px; text-align:center; margin:40px auto 50px;}
#lecterDisT5  .differ thead { width:100%; background:var(--color-deep-gray);  }
#lecterDisT5  .differ thead th {font-size:15px; padding:15px; height:35px; color:#fff; vertical-align:middle;font-weight:500; border-top:1px solid #d5d5d5;  border-bottom:1px solid var(--color-gray-200);}
#lecterDisT5  .differ thead th:nth-of-type(1){border-right:1px solid #d5d5d5;}
#lecterDisT5  .differ tbody td:nth-of-type(1){border-right:1px solid var(--color-gray-200);}
#lecterDisT5  .differ tbody td{vertical-align:middle; padding:15px;border-bottom:1px solid var(--color-gray-200);background:#fafafa;}
.differ tbody td span{ color:var(--color-primary-blue);}
#lecterDisT5 p span {color:var(--color-primary-blue);}



/* 5가지 특별함 */
#tje5Special {background: var(--color-cool-gray);}
/* #tje5Special ul li{border-bottom: 3px solid var(--color-gray-100);} */
#tje5Special h2.lTitle2{color:#fff;}


/* 에듀혜택 */
#eduSpecial {background: url(https://img.megastudyacademy.co.kr/campus/tjlecture/edu_bg.png) top center no-repeat;}
#eduSpecialInner li:first-child .lTitle3{
	color:#3b291c;
	background:url('https://img.megastudyacademy.co.kr/campus/tjlecture/edu_icon.png') left top no-repeat;
}
#eduSpecialInner li:first-child .lTitle3 span{color:var(--color-sub-blue);}
#eduSpecialInner strong{color: #fff; background:var(--color-deep-gray);}
#eduSpecialInner span{color: #808080;}


/* 자격증 테이블 */
.certificateTableA {border-top: 1px solid var(--color-cool-gray); border-bottom: 1px solid var(--color-cool-gray);}
.certificateTableA table{width:1000px; }
.certificateTableA .bcg {background:var(--color-gray-100); vertical-align:middle; font-weight:500;
	text-align: center;
}
.certificateTableA th{height:45px; background-color:var(--color-cool-gray); color:#fff; vertical-align:middle; font-weight:500; }
.certificateTableA tr{border-bottom:1px solid var(--color-gray-200);}
.certificateTableA tr:last-child{border-bottom:0px;}
.certificateTableA td{vertical-align:middle;padding:10px 0 ;border-right:1px solid var(--color-gray-200);}
.certificateTableA td:last-child{text-align:left; padding-left:20px; vertical-align:middle;border-right:0px; }
.ctfTableTitle {font-size:17px; font-weight:500; color:var(--color-deep-gray); display:inline-block; margin-bottom:20px;}
.ctfTableTitle span{display: inline-block; font-size:8px; color:var(--color-sub-blue);margin: 0 3px;}
.certificateTline {border:1px dotted #ddd; width:1000px; margin-top:60px;margin-bottom:50px;}
.certificateTableA em{background:var(--color-deep-gray); color:#fff; font-size:12px; padding:2px 4px; margin-right:6px; }
.certificateTableA em.orange{background:var(--color-sub-blue);}

.certificateTableB {border-top: 1px solid var(--color-deep-gray); border-bottom: 1px solid var(--color-deep-gray);}
.certificateTableB table{width:1000px; }
.certificateTableB .bcg {background:var(--color-gray-100); vertical-align:middle; font-weight:500;text-align: center;}
.certificateTableB th{background-color:var(--color-deep-gray); color:#fff; vertical-align:middle; font-weight:500; height:45px;}
.certificateTableB tr{border-bottom:1px solid var(--color-gray-200);}
.certificateTableB td{vertical-align:middle;padding:10px 0 ;border-right:1px solid var(--color-gray-200);
	text-align: center;
}
.certificateTableB td:last-child{border-right:0px;}

.certificateTableBbc table td:last-child{text-align:left; padding-left:40px;}
.certificateTableBbc table td.gray{background-color:#f4f4f4;}

.cftTableTip {font-size:13px; color:#555; text-align:right;}
.cftTableTip.Fst{margin-top:10px;}
.cftTableTip span{display:inline-block; color:var(--color-sub-blue);}

/* 국기 혼합과정 추가 css 200810 - 권희진*/
#courseDisT1Inner {
	width: 960px;
	margin: 0 auto;
}

.s_title{
	display: block;
	width: 327px;
	height: 307px;
	position: relative;
	margin: 0 auto;
}

.vi img{
	display: block;
	width: 286px;
	height: 268px;
}

.title_box{
	display: block;
	width: 329px;
	height: 39px;
	background: var(--color-primary-blue);
	border-radius: 50px 50px;
	text-align: center; 
	position: absolute;
	bottom: 0;
}

.title_box span{
	font-size: 21px;
	font-weight: 300;
	color: #fff;
	line-height: 37px;
	letter-spacing: -1px; 
}

.explanation {
	text-align: center;
	font-size:15px;
	color: #111111;
	letter-spacing: -1px; 
	margin-top: 35px;
	margin-bottom: 50px;
} 

.explanation strong{
	font-weight: bold;
	color:var(--color-primary-blue);
}

.gray_box{
	width: 960px;
	height: 366px;
	background: #fafafa;
	border-top: solid 2px #4f4b4a;
	margin-bottom: 40px;
}

.gray_box .contents-box{
	display: block;
	width: 960px;
	list-style: none;
}

.contents-box .box_contents_1{
	box-sizing: border-box;
	width: 883px;
	height: 130px;
	border-bottom: 1px solid #d1c8c1;
	margin: 0 auto;
	padding-left: 30px;
}

.contents-box .box_contents_1 .number_0001{
	float: left;
	margin-top: 43px;
}

.p_001{
	float: left;
	width: 170px;
	font-size: 17px;
	letter-spacing: -0.9px;
	text-align: left; 
	margin-top: 40px;
	margin-left: 25px;
}

.sxbold{
	font-weight: bold;
}

.p_002{
	float: left;
	line-height: 21px;
	font-weight: 500;
	letter-spacing: -0.9px;
	text-align: left; 
	margin-top: 34px;
	font-size: 14px;
}

.contents-box .box_contents_2{
	box-sizing: border-box;
	padding-left: 30px;
	width: 883px;
	height: 108px;
	border-bottom: 1px solid #d1c8c1;
	margin: 0 auto;
}

.contents-box .box_contents_2 .number_0002{
	float: left;
	margin-top: 35px;
}

.contents-box .box_contents_2 .p_001{
	float: left;
	width: 170px;
	font-size: 17px;
	letter-spacing: -0.9px;
	text-align: left; 
	margin-top: 40px;
	margin-left: 25px;
}

.contents-box .box_contents_2 .p_002{
	float: left;
	font-size: 14px;
	line-height: 21px;
	font-weight: 500;
	text-align: left; 
	letter-spacing: -0.9px;
	margin-top: 34px;
}

.contents-box .box_contents_3{
	box-sizing: border-box;
	padding-left: 30px;
	width: 883px;
	height: 130px;
	margin: 0 auto;
}

.contents-box .box_contents_3 .number_0003{
	float: left;
	margin-top: 43px;
}

.contents-box .box_contents_3 .p_001{
	float: left;
	width: 170px;
	font-size: 17px;
	letter-spacing: -0.9px;
	text-align: left; 
	margin-top: 40px;
	margin-left: 25px;
}

.contents-box .box_contents_3 .p_002{
	float: left;
	font-size: 14px;
	line-height: 21px;
	font-weight: 500;
	text-align: left; 
	letter-spacing: -0.9px;
	margin-top: 34px;
}

.t_box{
	display: block;
	width: 960px;
	height: 220px;
	position: relative;
	margin-bottom: 50px;
}

.brown_box{
	display: inline-block;
	width: 900px;
	height: 166px;
	background: linear-gradient(to bottom, #8c8480, #695e58);
	position: absolute;
	top: 25px;
	right:0;
}

.text{
	position: absolute;
	right: 45px;
	width: 460px;
	margin-top: 47px;
}

.brown_box p{
	font-size:15px;
	font-weight: 400;
	color: #fff;
	text-align: left;
	letter-spacing: -1px;
	line-height: 23px;
}

.brown_box span{
	display: block;
	font-size:16px;
	color: #ddd8d6;
	text-align: left;
	letter-spacing: 5.5px;
	margin-top: 10px;
}

.t_box img{
	position: absolute;
	left:0;
}

.cclassa_box_warp{
	width: 560px;
	height: 280px;
	margin: 0 auto;
}

.cclasss_box{
	display: block;
	width: 560px;
}

.last_line_box_warp{
	margin-top: 30px;
}

.last_line_box{
	display: block;
	box-sizing:border-box;
	width: 706px;
	height: 70px;
	text-align: center;
	border: solid 6px #e1e1e1;
	margin: 0 auto;
}

.last_line_box .last_line-box_exp{
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.7px;
	color: #111111;
	margin-top: 16px;
}

.last_line_box span{
	color: var(--color-primary-blue);
}

/*제품디자인*/

.courseInfoIMT {
    width: 100%;
    padding: 35px 50px;
    margin-top: 60px;
    background: var(--color-gray-100);
}

.courseInfoIMT ul li {
    float: left;
}

.courseInfoIMT ul li:last-child {
    float: right;
    text-align: left;
    line-height: 1.8;
    margin-top: 20px;
    width: 500px;
}

.courseInfoIMT ul:after {
    display: block;
    content: "";
    clear: both;
}


/*디지털웹콘텐츠(스마트스토어)제작 실무_혼합*/
.courseInfoTB {border-top:1px solid var(--color-gray-400); border-bottom:1px solid var(--color-gray-400);}
.courseInfoTB ul li dl dt{float:left; width:470px; }
.courseInfoTB ul li:first-child dd{border-top:0px;}
.courseInfoTB ul li dl dd{float:left; text-align:left; padding:40px 0; width:450px; line-height:1.8; margin-left:50px;  border-top:1px solid #e5e5e5; }
.courseInfoTB ul li dl dd em{font-weight:500; display:block; font-size:17px; margin-bottom:20px; color:var(--color-gray-400); }
.courseInfoTB dd .cb{color:var(--color-gray-400);font-weight:600;}