/* * * * * S U B J E C T  P A G E  T I T L E * * * * */

.pgTitle{
    width: 100%; height: 300px;
    background-position: -95px center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
#COURSE_subjects.pgTitle{
    background-image: url(../img/2subject/editorial_pgTitle_bg.jpg);    
}

/* 디자인과정 - 세부과목 타이틀 백그라운드 */
#COURSE_subjects.pgTitle.D1{
    background-image: url(../img/2subject/d1_pgTitle_bg.jpg);
}
#COURSE_subjects.pgTitle.D2{
    background-image: url(../img/2subject/d2_pgTitle_bg.jpg); 
}
#COURSE_subjects.pgTitle.D3{
    background-image: url(../img/2subject/d3_pgTitle_bg.jpg); 
}
#COURSE_subjects.pgTitle.D4{
    background-image: url(../img/2subject/d4_pgTitle_bg.jpg); 
}
#COURSE_subjects.pgTitle.D5{
    background-image: url(../img/2subject/d5_pgTitle_bg.jpg); 
}
#COURSE_subjects.pgTitle.D6{
    background-image: url(../img/2subject/d6_pgTitle_bg.jpg); 
}
#COURSE_subjects.pgTitle.D7{
    background-image: url(../img/2subject/d7_pgTitle_bg.jpg); 
}
#COURSE_subjects.pgTitle.D8{
    background-image: url(../img/2subject/d8_pgTitle_bg.jpg); 
}
/* 단과과정 - 세부과목 타이틀 백그라운드 */
#COURSE_subjects.pgTitle.S1{
    background-image: url(../img/2subject/s1_pgTitle_bg.jpg); 
}
#COURSE_subjects.pgTitle.S2{
    background-image: url(../img/2subject/s2_pgTitle_bg.jpg); 
}
#COURSE_subjects.pgTitle.S3{
    background-image: url(../img/2subject/s3_pgTitle_bg.jpg); 
}
#COURSE_subjects.pgTitle.S4{
    background-image: url(../img/2subject/s4_pgTitle_bg.jpg); 
}
#COURSE_subjects.pgTitle.S5{
    background-image: url(../img/2subject/s5_pgTitle_bg.jpg); 
}
#COURSE_subjects.pgTitle.S6{
    background-image: url(../img/2subject/s6_pgTitle_bg.jpg); 
}
#COURSE_subjects.pgTitle.S7{
    background-image: url(../img/2subject/s7_pgTitle_bg.jpg); 
}
#COURSE_subjects.pgTitle.S8{
    background-image: url(../img/2subject/s8_pgTitle_bg.jpg); 
}
#COURSE_subjects.pgTitle.S9{
    background-image: url(../img/2subject/s9_pgTitle_bg.jpg); 
}
#COURSE_subjects.pgTitle.S10{
    background-image: url(../img/2subject/s10_pgTitle_bg.jpg); 
}
#COURSE_subjects.pgTitle.S11{
    background-image: url(../img/2subject/s11_pgTitle_bg.jpg); 
}
#COURSE_subjects.pgTitle.S12{
    background-image: url(../img/2subject/s12_pgTitle_bg.jpg); 
}
#COURSE_subjects.pgTitle.S13{
    background-image: url(../img/2subject/s13_pgTitle_bg.jpg); 
}
#COURSE_subjects.pgTitle.S14{
    background-image: url(../img/2subject/s14_pgTitle_bg.jpg); 
}
#COURSE_subjects.pgTitle.S15{
    background-image: url(../img/2subject/s15_pgTitle_bg.jpg); 
}
#COURSE_subjects.pgTitle.S16{
    background-image: url(../img/2subject/s16_pgTitle_bg.jpg); 
}

/* 자격증과정 - 세부과목 타이틀 백그라운드 */ 
#COURSE_subjects.pgTitle.L1{
    background-image: url(../img/2subject/l1_pgTitle_bg.jpg);    
}
#COURSE_subjects.pgTitle.L2{
    background-image: url(../img/2subject/l2_pgTitle_bg.jpg);    
}
#COURSE_subjects.pgTitle.L3{
    background-image: url(../img/2subject/l3_pgTitle_bg.jpg);    
}
#COURSE_subjects.pgTitle.L4{
    background-image: url(../img/2subject/l4_pgTitle_bg.jpg);    
}
#COURSE_subjects.pgTitle.L5{
    background-image: url(../img/2subject/l5_pgTitle_bg.jpg);    
}
#COURSE_subjects.pgTitle.L6{
    background-image: url(../img/2subject/l6_pgTitle_bg.jpg);    
}
#COURSE_subjects.pgTitle.L7{
    background-image: url(../img/2subject/l7_pgTitle_bg.jpg);    
}
#COURSE_subjects.pgTitle.L8{
    background-image: url(../img/2subject/l8_pgTitle_bg.jpg);    
}
#COURSE_subjects.pgTitle.L9{
    background-image: url(../img/2subject/l9_pgTitle_bg.jpg);    
}
/* 게임과정 - 세부과목 타이틀 백그라운드 */ 
#COURSE_subjects.pgTitle.G1{
    background-image: url(../img/2subject/g1_pgTitle_bg.jpg);    
}
#COURSE_subjects.pgTitle.G2{
    background-image: url(../img/2subject/g2_pgTitle_bg.jpg);    
}
#COURSE_subjects.pgTitle.G3{
    background-image: url(../img/2subject/g3_pgTitle_bg.jpg);    
}
#COURSE_subjects.pgTitle.G4{
    background-image: url(../img/2subject/g4_pgTitle_bg.jpg);    
}
#COURSE_subjects.pgTitle.G5{
    background-image: url(../img/2subject/g5_pgTitle_bg.jpg);    
}
#COURSE_subjects.pgTitle.G6{
    background-image: url(../img/2subject/g6_pgTitle_bg.jpg);    
}

/**/


.pgTitle .Wrapper{
    height: 300px;
    margin-bottom: 50px;
    padding: 40px 0px 60px 0px;
}

.pgTitle .pgTitArea{
    width: 100%; height: 100%;
    position: relative;
}
.titareaTop .crstitB{
    font-size: 30px;
    font-weight: 500;
    line-height: 36px;
    color: #eee;
    margin-top: 7px;
}
.titareaTop .crstitB>span{
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
    color: #fff;
    display: block;
}
.titareaTop .crstitL{
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #eee;
    margin: 14px 0;
}

.titareaBot{
    position: absolute;
    bottom: 0; left: 0;
}

.titareaBot .crsLink>li{
    float: left;
    margin-right: 10px;
}
.titareaBot .crsLink>li>a{
    display: block;
    width: 180px; height: 45px;
    border: 2px solid #eee;
    color: #fff;
    border-radius: 10px 0 10px 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 40px;
    text-align: center;
    padding: 0 8px;
}
.titareaBot .crsLink>li>a>span{
    color: #fff;
}
.titareaBot .crsLink>li>a:hover{
    border: 2px solid #eee;
    background: #eee;
    font-weight: 500;
    color: #333;
}
.titareaBot .crsLink>li>a:hover span{
    color: #333;
    font-weight: 900;
}



/* * * * * * C O U R S E  세 부 M E N U * * * * * */
#crsNav{
    width: 100%; 
    background: #eee;
    border-bottom: 1px solid #ddd;
    position: absolute;
    z-index: 10;
    padding: 20px 0;
    transition: all 0.1s;
}
#crsNav .crsMenu{
    display: flex;
}
#crsNav .crsMenu>li:first-child{
    display: block;
    line-height: 16px;
    color: #555;
    font-weight: 500;
    font-size: 15px;
}
#crsNav .crsMenu>li:first-child>span{
    display: inline-block;
    margin-left: 13px;
}
#crsNav .crsMenu>li>a{
    display: block;
    line-height: 16px;
    color: #888;
    font-size: 15px;
    padding: 0 14px;
    border-right: 1px solid #999;
}

#crsNav .crsMenu>li>a:hover{
    color: #333;
}

#crsNav .crsMenu>li>a.crsSelect{
    color: #ff7800;
    font-weight: 500;
}
/* crsNav 스크롤에 따른 Sticky STYLE */
.Sticky{
    position: fixed !important;
    top: 57px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08);
    background: rgba(0,0,0,.7) !important;
}
.Sticky .crsMenu>li:first-child{
    color: #ddd !important;
}
.Sticky .crsMenu>li:first-child>span{
    color: #ddd;
}
.Sticky .crsMenu>li>a{
    color: #ddd !important;
}
.Sticky .crsMenu>li>a:hover{
    color: #fff !important;
}
.Sticky .crsMenu>li>a.crsSelect{
    color: #ff7800 !important;
    font-weight: 500 !important;
}




/* D E T A I L S - T I T L E 영 역  공 통 사 항 */

#sjt_Curriculum, #sjt_Instructor, #sjt_Portfolio, #sjt_Review{
    padding-top: 10px;
    margin-bottom: 70px;
}
/* 섹션 분할 메뉴 */
.sjt_secMenu{
    width: 100%; height: 50px;
    background: #fff;
    margin-top: 50px;
    border-bottom: 1px solid #000;
}
.sjt_secMenu .secMenu{
    display: flex;
}
.sjt_secMenu .secMenu>li{
    /* 강사소개 메뉴 없앰 넓이 조절 width: 20%; */
    width: 25%;
    text-align: center;
    background: #fff;
}
.sjt_secMenu .secMenu>li>a{
    display: block;
    font-size: 17px;
    color: #888;
    padding: 10px 0 12px 0;
    border-bottom: 1px solid #000;
}
.sjt_secMenu .secMenu>li>a:hover{
    color: #000;
}
.sjt_secMenu .secMenu .selected{
    border-bottom: none !important;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    color: #000;
}
/* 섹션분할메뉴 simple.ver */
.sjt_secMenu.simple{
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
}
.sjt_secMenu.simple .secMenu{
    
}
.sjt_secMenu.simple .secMenu>li{
    /* 강사소개 메뉴 없앰 넓이 조절 width: 20%; */
    width: 33.33%;
    text-align: center;
    background: #f5f5f5;
}
.sjt_secMenu.simple .secMenu>li>a{
    border-bottom: 1px solid #ddd;
}
.sjt_secMenu.simple .secMenu .selected{
    background: #fff;
    border-bottom: none !important;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}



/** 자격증과정 포트폴리오 삭제 변경 STYLE **/
#license_course .sjt_secMenu .secMenu>li{
    width: 25%;
}
#license_course .w_process .Wrapper {
    border-top: none;
}


/* 섹션 큰 기본 타이틀 */
.dT_Tit{
    text-align: left;
    margin-top: 60px;
    margin-bottom: 25px;
    /*background: pink;*/
}
.dT_Tit .dT_Titicon{
    display: inline-block;
    float: left;
    width: 58px; height: 58px;
    background-repeat: no-repeat !important;
}
/* 커리큘럼+강사소개 타이틀 아이콘 */
#sjt_Curriculum .dT_Tit .dT_Titicon{
    background: url(../img/2subject/CURRICULUM.svg);
}
#sjt_Instructor .dT_Tit .dT_Titicon{
    background: url(../img/2subject/INSTRUCTOR.svg);
}

.dT_Tit .dT_Titarea{
    float: left;
    padding-left: 0px;
}

.dT_Tit h4{
    font-size: 30px;
    font-weight: 500;
    line-height: 36px;
}
.dT_Tit span{
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #888;
}
/* 섹션 큰 중앙 타이틀 */
.dT_Tit.subtitle{
    text-align: center;
}
/* 섹션 작은 중앙 타이틀 */
.dT_Tit.smalltitle{
    text-align: center;
}
.dT_Tit.smalltitle h4{
    font-size: 24px;
    line-height: 30px;
}
.dT_Tit.smalltitle span{
    font-size: 12.5px;
    color: #f24611;
}








/* * * D E T A I L S - S U M * * */
#sjt_Details{
    position: relative;
    top: 0;
    padding-top: 140px;
}
#sjt_Details.skillup{
    padding-top: 80px;
}
.Sum_Top .dT_Sumimg{
    width: 40%; height: 323px;
    float: left;
    background: white;
    background-position:  center !important;
    background-repeat:  no-repeat !important;
    background-size: 100% !important;
}
.Sum_Top .dT_Sumimg>img{
    width: auto; height: 100%;
}
.Sum_Top .dT_Sumtxt{
    width: 60%; 
    float: left;
    padding: 15px 0;
    padding-left: 45px;
}
/* 과목설명 타이틀제목 */
.Sum_Top .dT_Sumtxt .dT_About h3{
    font-size: 50px;
    font-weight: 700;
    line-height: 56px;
    color: #000;
}
.Sum_Top .dT_Sumtxt .dT_About h3>span{
    font-size: 50px;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: -0.02em;
}
.Sum_Top .dT_Sumtxt .dT_About>p{
    margin-top: 20px;
    font-size: 21px;
    font-weight: 500;
    line-height: 26px;
}

.Sum_Bot{
    margin-top: 50px;
    padding-bottom: 40px;
    border-top: 1px solid #666;
    border-bottom: 1px solid #ddd;
}
.Sum_Bot>div{
    width: 50%;
    float: left;
}

/* 과목설명 박스 타이틀 */
.dT_boxTit{
    font-size: 17px;
    font-weight: 500;
    line-height: 22px;
    margin: 40px 0 15px 0;
}
.dT_boxTit>span{
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    color: #888;
}
.dT_boxTxt{
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.008em;
    color: #666;
}



/* * * W  A C A D E M Y - M E R I T * * */
.w_merit{
    margin-bottom: 70px;
}
.w_merit .merit_Con{
    padding-bottom: 20px;
}
.merit_Con .merit_List{
    display: flex;
    padding: 0 25px 20px 25px;
}
.merit_Con .merit_List>li{
    width: 20%; 
    margin: 0 25px 25px 25px;
    padding: 24px 0;
    background: white;
    text-align: center;
}

.merit_Con .merit_List>li .meritList_Tit{
    margin-bottom: 15px;
    text-align: center;
}
.meritList_Tit .meritList_Icn{
    display: inline-block;
    width: 180px; height: 55px;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
/* 더블유선택이유 아이콘 */
.meritList_Tit .meritList_Icn.merit1{
    background: url(../img/2subject/merit01.svg);
    background-size: 55px 55px;
}
.meritList_Tit .meritList_Icn.merit2{
    background: url(../img/2subject/merit02.svg);
    background-size: 55px 55px;
}
.meritList_Tit .meritList_Icn.merit3{
    background: url(../img/2subject/merit03.svg);
    background-size: 65px 65px;
}
.meritList_Tit .meritList_Icn.merit4{
    background: url(../img/2subject/merit04.svg);
    background-size: 55px 55px;
}
.meritList_Tit .meritList_Icn.merit5{
    background: url(../img/2subject/merit05.svg);
    background-size: 55px 55px;
}
/* */
.merit_Con .merit_List>li .meritList_Txt{
    border-top: 1px solid #000;
    padding-top: 15px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #666;
}
.merit_Con .merit_List>li .meritList_Txt .orange{
    font-weight: 500;
    color: #f24611;
}



/* * * 과 목 별 - C L A S S I F Y 영 역 * * */
.classify{
	width: 100%;
}
/*타이틀구분*/
.classify .dT_Tit h4, 
.classify .acc_title h4{
	font-family: 'GmarketSansBold';
	font-size: 40px;
	line-height: 54px;
	letter-spacing: -0.02em;
}
.classify .dT_Tit span,
.classify .acc_title span{
	color: #ff7800;
	font-weight: 600;
	font-size: 16px;
}
.classify .acc_title{
	padding-bottom: 50px;
	text-align: center;
}
.classify .acc_title h4{
	color:#fff;
}
.classify .acc_title span{
	font-size: 18px;
}

/*이미지영역*/
.classify .class_img{
	margin-bottom: 70px;
}
.class_img .imgArea{
	width: 100%;
	background: #eee;
	font-size: 0;
}
/*텍스트영역-합격자명단*/
.classify .class_txt{
	margin-bottom: 70px;
}
.class_txt .passList{
	padding: 30px;
}
.class_txt .passList li{
	font-size: 15px;
	color: #555;
	padding-bottom: 7px;
	text-align: center;
	float: left;
	width: 50%; /*합격자명단 기본분할 - 2분할*/
}
.class_txt .passList li:first-child{
	text-align: center;
	margin-bottom: 15px;
	font-size: 13px;
	font-weight: 600;
	width: 100%;
}
.class_txt .passList li:last-child{
	text-align: center;
	padding-top: 10px;
	color: #888;
	width: 100%;
	font-size: 13px;
}
.class_txt .passList li:last-child span:after{
	content: '. . .';
	display: block;
	margin-bottom: 15px;
	color: #888;
}
.class_txt .passTotal{
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	color: #555;
	margin-top: 30px;
}
/*bgType텍스트영역-과목별강점*/
.classify .class_txt.bgType{
	margin-bottom: 0 !important;
	padding: 100px 0 70px 0;
	background: #000;
	background-size: 1920px !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-attachment: fixed !important;
}
.class_txt.bgType .area{
	padding: 5px;
	min-height: 180px;
}
.class_txt.bgType .area .title-text{
	padding-bottom: 7px;
	font-size: 20px;
	font-weight: 600;
	color: #fff;
}
.class_txt.bgType .area .sub-text{
	border-top: 2px solid #fff; 
	padding-top: 7px;
	font-size: 14px;
	color: #eee;
}

/*** 세부과목 별도영역 그리드 레이아웃 ***/
[class*="col-"] {
  float: left;
  padding: 10px;
}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
/* */



/** 자격증 과정 세부 영역 구분 - MOS **/
/*합격자명단*/
#mos.classify .class_txt{
	margin-bottom: 100px;
}
/*mos강점*/
#mos.classify .class_txt.bgType{
	background: url(/img/2subject/classify/classify_bg_mos.jpg);
}


/** 자격증 과정 세부 영역 구분 - 컴퓨터활용능력 **/
/*컴활자격증과정이미지 - 두번째영역*/
#com.classify .class_img{
	margin-top: 100px;
	margin-bottom: 30px;
}
/*컴활자격증과정이미지 - 두번째영역*/
#com.classify .class_img.second{
	margin-bottom: 0px;
}
/*컴활강점*/
#com.classify .class_txt.bgType{
	background: url(/img/2subject/classify/classify_bg_com.jpg);
}
/*합격자명단*/
#com.classify .class_txt .passList li{
	width: 25%; /*합격자명단 - 4분할*/
}
#com.classify .class_txt .passList li:first-child, 
#com.classify .class_txt .passList li:last-child{
	width: 100%;
}


/** 자격증 과정 세부 영역 구분 - 컬러리스트 **/
/*컬러리스트과정이미지*/
#colorist.classify .class_img{
	margin-bottom: 80px;
}
/*컬러리스트과정이미지 - 두번째영역*/
#colorist.classify .class_img.second{
	margin-top: 100px;
	margin-bottom: 0px;
}
/*컬러리스트강점*/
#colorist.classify .class_txt.bgType{
	background: url(/img/2subject/classify/classify_bg_colorist.jpg);
}


/** 자격증 과정 세부 영역 구분 - 컴퓨터그래픽스운용기능사 **/
/*합격자명단*/
#graphics.classify .class_txt .passList li{
	width: 25%; /*합격자명단 - 4분할*/
}
#graphics.classify .class_txt .passList li:first-child, 
#graphics.classify .class_txt .passList li:last-child{
	width: 100%;
}
/*컴그운강점*/
#graphics.classify .class_txt.bgType{
	background: url(/img/2subject/classify/classify_bg_graphics.jpg);
}

/** 자격증 과정 세부 영역 구분 - GTQ/GTQi **/
/*합격자명단*/
#gtq.classify .class_txt{
	margin-bottom: 50px;
}
/*GTQ강점*/
#gtq.classify .class_txt.bgType{
	background: url(/img/2subject/classify/classify_bg_gtq.jpg);
}


/** 자격증 과정 세부 영역 구분 - 전산응용건축제도기능사 **/
/*합격자명단*/
#ad.classify .class_txt .passList li{
	width: 16.66%; /*합격자명단 - 6분할*/
}
#ad.classify .class_txt .passList li:first-child{
	margin-bottom: 0px;
	font-size: 15px;
	font-weight: 400;
	width: 16.66%;
}
#ad.classify .class_txt .passList li:last-child{
	text-align: center;
	padding-top: 30px;
	color: #888;
	width: 100%;
	font-size: 13px;
}

/** 자격증 과정 세부 영역 구분 - tax **/
/*합격자명단*/
#tax.classify .class_txt{
	margin-bottom: 100px;
}
/* 전산세무회계 강점*/
#tax.classify .class_txt.bgType{
	background: url(/img/2subject/classify/classify_bg_tax.jpg);
}



/* * * D E T A I L S - S T  R E V I E W * * */
#sjt_Review .dT_Tit{
    margin-top: 80px;
    margin-bottom: 10px;
}

.reviewBox{
    width: 100%;
    padding: 10px 50px 40px 50px;
}

.reviewBox .RV_List{
    padding: 5px;
    background: #fff;
}
.reviewBox .RV_List>a{
    display: block;
    width: 100%; height: 100%;
    padding: 30px 35px;
    border: 1px solid #fff;
    box-shadow: 2px 2px 5px rgba(153,153,153,.5);
}
.reviewBox .RV_List>a:hover{
    border: 1px solid #000;
}
.RV_List .RV_Name{
    padding-bottom: 15px;
    border-bottom: 2px solid #ff7800;
    margin-bottom: 15px;
}
.RV_List .RV_Name h5{
    float: left;
    font-size: 17px;
    font-weight: 500;
}
.RV_List .RV_Name .RV_Sort{
    float: right;
    font-size: 13px;
    font-weight: 500;
    color: #666;
    margin-top: 5px;
}
.RV_List .RV_Txt{
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    
    min-height: 80px;
    max-height: 80px;
    color: #555;
    /* ↓ 여러줄 ... 노출 (IE안먹힘) */
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;

    text-overflow: ellipsis;
    overflow: hidden;    
}
/* 후기 더보기 링크 버튼 */
.dT_Review .rvLink{
    text-align: right;
    margin-right: 50px;
}
.dT_Review .rvLink>a, 
.dT_Review .rvLink>a>span{
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #888;
}
.dT_Review .rvLink>a:hover, 
.dT_Review .rvLink>a:hover>span{
    color: #f24611;
}





/* * * D E T A I L S - C U R R I C U L U M * * */
.dT_Curri .moreLink>a{
    width: 40%;
    background: #333;
}
.dT_Curri .moreLink>a:hover{
    background: #000;
}
/* 커리큘럼 표 */
.curritable{
    width: 100%;
    margin-bottom: 30px;
}
.curritable tr>*{
    height: 50px;
    padding: 13px 25px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    color: #666;
    text-align: center;
    font-size: 14px;
    letter-spacing: -0.015em;
    vertical-align: middle;
}
.curritable tr>*:last-child{
    border-right: 0;
}
.curritable .content{
    text-align: left;
    font-size: 14px;
}
.curritable td:first-child{
    width: 7%;
}
.curritable td{
    width: 33%;
}
.curritable td:last-child{
    width: 60%;
}
.curritable .title>tr>th{
    background: #333;
    font-size: 16px;
    color: #fff;
    height: 50px;
}
.conceptsWrap .curritable .tsmall{
    font-size: 13px;
}

/* 커리큘럼 긴 버전 */
.curritable.longT tr>*{
    height: auto;
    padding: 11px 25px;
}



/* * * D E T A I L S - I N S T R U C T O R * * */
#sjt_Tinstructor .dT_Tit{
    margin-top: 80px;
}
.dT_Teacher{
    background: #f7f7f7
}
.wTeachers{
    width: 100%;
    padding: 30px 50px;
}
.wTeachers .WT_List{
    height: 320px;
    border: 1px solid #eee;
    background: white;
    
    background: url(../img/0index/instructor_bg.jpg) center no-repeat;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
    background-size: cover !important;
    position: relative;
    
}
.wTeachers .WT_List:hover{
    border: 1px solid #000;
}
.wTeachers .WT_List .WT_Img{
    width: 88%;
    position: absolute;
    right: 0; bottom: 0;
}


.wTeachers .WT_List .WT_Txt{
    position: relative;
    width: 100%; height: 100%;
    padding: 30px;
}
.WT_Txt .WT_top{
    padding-bottom: 10px;
    border-bottom: 1px solid #000;
}
.WT_top .WT_topName{
    float: left;
}
.WT_top .WT_topName h5{
    display: inline-block;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.02em;
}
.WT_top .WT_topName h5>span{
    font-weight: 400;
    font-size: 14px;
    color: #666;
}
.WT_top .WT_topName h5>span:after{
    content: '|';
    font-size: 15px;
    color: #d7d7d7;
    margin: 0 5px 0 7px;
}
.WT_top .WT_topName .point{
    display: inline-block;
    font-weight: 500;
    font-size: 17px;
    line-height: 25px;
    letter-spacing: -0.02em;
    color: #ff7800;
}

.WT_top .WT_topMore{
    float: right;
    font-size: 25px;
    line-height: 28px;
    font-weight: 300;
}
.WT_top>a:hover .WT_topMore{
    color: #000;
}
.WT_Txt .WT_bot{
    position: absolute;
    bottom: 40px; 
}

.WT_bot .WT_botSubject>li:first-child{
    font-weight: 500;
    color: #333;
    margin-bottom: 18px;
}
.WT_bot .WT_botSubject>li>a, 
.WT_bot .WT_botSubject>li>a>span{
    display: inline-block;
    font-size: 15px;
    line-height: 20px;
    color: #666;
}

.WT_bot .WT_botSubject>li>a:hover, 
.WT_bot .WT_botSubject>li>a:hover span{
    color: #ff7800;
}






/* * * D E T A I L S - P O R T F O L I O * * */

#sjt_Portfolio .dT_Tit.subtitle span{
    color: #ff7800;
}
.portfolios{
    width: 100%; 
    min-width: 1200px;
    padding: 30px 0;
}
.portfolios .PF_List{
    width: 285px; height: 290px;
    float: left;
    margin-right: 20px;
    margin-bottom: 30px;
    position: relative;
    border: 1px solid #eee;
    overflow: hidden;
}
.portfolios .PF_List>a{
    width: 100%; height: 100%;
}
.portfolios .PF_List:nth-child(4), 
.portfolios .PF_List:nth-child(8){
    margin-right: 0px;
}
.PF_List .PF_Img{
    width: 100%; height: 230px;
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    background: green;
    overflow: hidden;
    
    opacity: 1;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    
}
.PF_List .PF_Img>img{
    width: auto;
    height: 100%;
    position:absolute;
    top: 0; left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
}

.PF_List .PF_Txt{
    width: 100%; height: 62px;
    position: absolute;
    bottom: 0; left: 0;
    background: #fff;
    border-top: 2px solid #000;
    padding: 3px 7px;
}
.PF_Txt .PF_Name>h5{
    font-size: 13px;
    font-weight: 500;
    line-height: 27px;
}
.PF_Txt .PF_Name>span{
    display: block;
    font-size: 12px;
    line-height: 27px;
    color: #666;
}
.PF_Txt .PF_Hits{
    font-size: 12px;
    line-height: 27px;
    color: #888;
    position: absolute;
    bottom: 2px; right: 7px;
}
.PF_Txt .PF_Hits>span{
    font-size: 11px;
    color: #888;
}

/* 포트폴리오 썸네일 hover STYLE */
.portfolios .PF_List:hover .PF_Img{
    opacity: 0.7;
    transform: scale(1.12);
    -webkit-transform: scale(1.12);
    -ms-transform: scale(1.12);
    -moz-transform: scale(1.12);
    -o-transform: scale(1.12);
}
.portfolios .PF_List:hover .PF_Txt .PF_Name>h5{
    color: #ff7800;
}
.portfolios .PF_List:hover .PF_Txt .PF_Name>span, 
.portfolios .PF_List:hover .PF_Txt .PF_Hits, 
.portfolios .PF_List:hover .PF_Txt .PF_Hits>span{
    color: #333;
}

/* * * W  A C A D E M Y - P R O C E S S * * */
.w_process{
    padding-top: 20px;
    margin-bottom: 70px;
}
.w_process .Wrapper{
    border-top: 1px solid #eee;
}
.process_Con .process_List{
    display: flex;
    margin: 45px 0 70px 0;
    background: url(../img/2subject/WProcess_bg.jpg) 0 center;
}
.process_List>li{
    width: 20%;
    background: #fff;
    padding: 30px 14px 35px 13px;
    margin-right: 40px;
    border: 1px solid #eee;
}
.process_List>li:last-child{
    margin-right: 0;
}
.process_List .pList_Top{
    text-align: center;
}
.process_List .pList_Top .pList_Icn{
    display: inline-block;
    width: 60px; height: 60px;
}

.process_List .pList_Bot{
    margin-top: 10px;
    text-align: center;
}

.process_List .pList_Bot .pList_Tit{
    font-size: 18px; 
    font-weight: 700;
}

.process_List .pList_Bot .pList_Txt{
    margin-top: 7px;
    font-size: 13px; 
    line-height: 20px;
    color: #888;
}




/* SUBJECT PAGE SLIDER STYLE - owl Carousel */
.wTeachers.owl-carousel .owl-nav, 
.reviewBox.owl-carousel .owl-nav{
    width: 1100px;
    position: absolute;
    top: 45%;
    font-family: 'Arita-dotum-Medium';
    font-weight: bold;
    font-size: 25px;
    margin: 0;
}
.reviewBox.owl-carousel .owl-nav{
    top: 38%;
}

.wTeachers.owl-carousel .owl-nav .owl-prev, 
.wTeachers.owl-carousel .owl-nav .owl-next, 
.reviewBox.owl-carousel .owl-nav .owl-prev, 
.reviewBox.owl-carousel .owl-nav .owl-next{
    width: 50px; height: 50px;
    border-radius: 0px;
    margin: 0;
    position: absolute;
}
.wTeachers.owl-carousel .owl-nav .owl-prev, 
.reviewBox.owl-carousel .owl-nav .owl-prev{
    left: -50px;
}
.wTeachers.owl-carousel .owl-nav .owl-next, 
.reviewBox.owl-carousel .owl-nav .owl-next{
    right: -50px;
}
.wTeachers.owl-carousel .owl-nav .owl-prev:hover, 
.wTeachers.owl-carousel .owl-nav .owl-next:hover, 
.reviewBox.owl-carousel .owl-nav .owl-prev:hover, 
.reviewBox.owl-carousel .owl-nav .owl-next:hover{
    color: #000;
}
/* */