/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * *  i n d e x - S L I C K  S L I D E R * * * * * * */

/* "CURRICULUM, PORTFOLIO" SLIDER ARROWS & DOTS STYLE */
.curriRoll.swiper-container .swiper-button-next, 
.curriRoll.swiper-container .swiper-button-prev, 
.pfRoll.swiper-container .swiper-button-next, 
.pfRoll.swiper-container .swiper-button-prev{
    color: rgba(255,255,255,1);
    background: rgba(0,0,0,0.4);
}
.curriRoll.swiper-container .swiper-button-next:hover, 
.curriRoll.swiper-container .swiper-button-prev:hover, 
.pfRoll.swiper-container .swiper-button-next:hover, 
.pfRoll.swiper-container .swiper-button-prev:hover{
    background: rgba(0,0,0,.8);
}
.progress.swiper-container .swiper-button-next:after, 
.curriRoll.swiper-container .swiper-button-next:after, 
.pfRoll.swiper-container .swiper-button-next:after,  
.eivBox.swiper-container .swiper-button-next:after{
    font-family: 'Arita-dotum-Medium';
    content: '>';
    font-size: 20px;
    margin-left: 3px;
    margin-top: 3px;
}
.progress.swiper-container .swiper-button-prev:after,
.curriRoll.swiper-container .swiper-button-prev:after, 
.pfRoll.swiper-container .swiper-button-prev:after,  
.eivBox.swiper-container .swiper-button-prev:after{
    font-family: 'Arita-dotum-Medium';
    content: '<';
    font-size: 20px;
    margin-left: -3px;
    margin-top: 3px;
}

/* "MAIN BANNER, CURRICULUM" SLIDER ARROWS & DOTS STYLE */
.progress.swiper-container .swiper-button-prev, 
.curriRoll.swiper-container .swiper-button-prev{
    left: 0px;
}
.progress.swiper-container .swiper-button-next, 
.curriRoll.swiper-container .swiper-button-next{
    right: 0px;
} 

/* MAIN BANNER SLIDER SLIDER 구분 */
.progress .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{  
    background: #ff7800;
}
.progress .swiper-button-next, 
.progress .swiper-button-prev{
    color: rgba(255,255,255,.6);
}       
.progress .swiper-button-next:hover, 
.progress .swiper-button-prev:hover{
        color: rgba(255,255,255,1);
}

/* CURRICULUM SLIDER 구분 */
.curriRoll.swiper-container .swiper-pagination{
    bottom: 0px;
} 

/* PORTFOLIO SLIDER 구분 */
.pfRoll.swiper-container{
    overflow: visible;
}
.pfRoll.swiper-container .swiper-button-prev{
    left: -10px;
}
.pfRoll.swiper-container .swiper-button-next{
    right: -10px;
}         

/* EMPLOY INTERVIEW SLIDER 구분 */
.eivBox.swiper-container .swiper-button-next, 
.eivBox.swiper-container .swiper-button-prev{
    color: #666;
    background: #fff;
    border: 1px solid #ddd;
}
.eivBox.swiper-container .swiper-button-prev, 
.eivBox.swiper-container .swiper-button-next{
    top: inherit; bottom: 0;
    transform: translate(0,0);
    width: 30px; height: 30px;
}
.eivBox.swiper-container .swiper-button-prev{
    left: inherit; right: 35px;
}
.eivBox.swiper-container .swiper-button-next{
    right: 0;
}

/* FACILITY SLIDER 구분 */
.fciRoll.swiper-container .swiper-pagination{
    bottom: 0px;
} 




/* * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * *  M A I N  B A N N E R * * * * * * */
#Mbanner{
    width: 100%;
    position: relative;
    top: 0; 
    font-size: 0;
}
#Mbanner .m_mainBnr .bnr{
    display: block;
    width: 100%; 
    background-position: center;
    background-repeat: no-repeat;
}
#Mbanner .m_mainBnr .bnr>a{
    display: block;
    width: 100%; height: 100%;
}



/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * *  SECTION 공 통 사 항 * * * * * * */

section{
    padding: 40px 0 20px 0;
}

.titleBig{
    padding-bottom: 15px;
    font-size: 18px;
    text-align: center;
}
.titleSm{
    padding-bottom: 5px;
    margin-bottom: 7px;
    border-bottom: 1px solid #eee;
}

.main-tit-wrap{
    position: relative;
    display: flex;
    justify-content: space-between;
}


/* section Title 변형 STYLE */

.story .titleBig,
.portfolio .titleBig,
.curriculum .titleBig, 
.employ .titleBig{
    text-align: left;    
}
.story .titleBig h2,
.portfolio .titleBig h2,
.curriculum .titleBig h2,
.portfolio .titleBig h2{
    display: inline-block;
}
.story .interview .titleSm{
    padding: 10px 10px 5px 10px;
    margin-bottom: 0;
    border-bottom: none;
}


/* after: 수강생 붙이기 */
.rvCnt, 
.itvBot .itvTxt, 
.pfBox .pfTxt .pfName:after, 
.estBox .estCnt>a .estName:after{
    content: '수강생';
    margin-left: 3px;
}



/* * * * * * * * * * * * * * * * * * * *  * * * * * * * * * */
/* * * * * * * * *  W  R E A L  R E V I E W * * * * * * * * */
.review{
    display: block;
    width: 100%;
    height: 301px;
    color: #333;
    letter-spacing: normal;
    background-color: #fff;
    
}
.rvcntBox{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%; height: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    overflow: hidden;
}
.rvcntBox::before{
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100%;
    z-index: 1;
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0.75) 10%, rgba(170,0,0,0) 20%);
}
.rvcntBox::after{
    content:'';
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 100%;
    z-index: 1;
    background: linear-gradient(to left,  rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.75) 10%, rgba(170,0,0,0) 20%);
}

.rvBox{
    height:100%;
    position: absolute;
    display: block;   
}
.rvBox > ul{ 
    margin: 0;
    list-style: none;
    padding: 0 0 8px 0;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}
.rvBox > ul > li{
    padding: 8px 10px;
}
.rvBox > ul > li span{
    display: block;
}
.rvBox .rv_bottom{
    position: relative;
}
.rvBox .rv_bottom .rv_cnt {
    left: -15%;
}

.rv_cnt{
    width: 200px;
    height: 100%;
    margin: 0 3px;
    padding: 10px;
    border-radius: 8px;
    background-color: #f2f2f2;
    position: relative;
}
.rv_cnt .rv_bot .rv_txt{
    width: 100%;
    height: 56px;
    font-size: 12px;
    line-height: 18px;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.rv_cnt .rv_bot .rv_date{
    color: #888;
    font-size: 11px;
    font-weight: 300;
}
.rv_cnt .rv_tit{ 
    color: #333;
    white-space: nowrap;
    padding-left: 35px;
    margin: 15px 0 3px 0;
    position: relative;
    font-size: 12px;
    line-height: 0.95rem;
}
.rv_cnt .rv_tit .sub_img{
    position: absolute;
    width: 30px;
    left: 0;
}
.rv_cnt .rv_tit .sub_img>img{
    width: 100%;
    height: auto;
}
.rv_cnt .rv_tit .sub_name{
    margin: 0;
    font-weight: 500;
}
.rv_cnt .rv_tit .stu_name{
    margin: 0;
    font-size: 11px;
    color: #666;
}
.rv_cnt .rv_tit .stu_name span{
    display: inline-block;
    color: #666;
}

/* 우측 뱃지 */
.rv_cnt .rv_tit .stu_name .badge_r p{
    display: inline-block;
    border-radius: 5px;
    margin: 3px 0;
    font-weight: 400;
    font-size: 9px;
    line-height: 12px;
    padding: 0 3px 1px 3px;
    background: #ee2525;
    color: #fff;
}
.rv_cnt .rv_tit .stu_name .badge_o p{
    display: inline-block;
    border-radius: 5px;
    margin: 3px 0;
    font-weight: 400;
    font-size: 9px;
    line-height: 12px;
    padding: 0 3px 1px 3px;
    background: #ff7800;
    color: #fff;
}
.rv_cnt .rv_tit .stu_name .badge_b p{
    display: inline-block;
    border-radius: 5px;
    margin: 3px 0;
    font-weight: 400;
    font-size: 9px;
    line-height: 12px;
    padding: 0 3px 1px 3px;
    background: #09a292;
    color: #fff;
}



/* * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * *  C U R R I C U L U M * * * * * * */
.curriculum .cntBox{
    width: 100%;
    padding: 0 8px;
}

.curri-grid-wrap{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 4px;
    grid-row-gap: 4px;
}
.curri-grid-wrap >li a{
    display: block;
    width: 100%;
    position: relative;
}
.curri-grid-wrap >li a:after{
    content:'';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    height: 75px;
    background: linear-gradient(0deg, rgb(0, 0, 0, 1) 3%, transparent);
}
.curri-grid-wrap >li h6{
    position: absolute;
    z-index: 9;
    bottom: 10px;
    left:8px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    line-height: 1.2;
}
.curri-grid-wrap >li:last-child{
    grid-column-start: auto;
    grid-column-end: span 2;
}

.curri-grid-wrap .curri-thumb{
    padding-bottom: 128%;
    background-size: cover;
    background-position: center top;
}
.curri-grid-wrap >li:last-child .curri-thumb{
    padding-bottom: 63%;
}
.curri-grid-wrap >li:last-child h6{
    position: absolute;
    z-index: 9;
    bottom: 10px;
    left:8px;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 1.4;
}
.curri-grid-wrap >li span{
    font-size: 10px;
    font-weight:200;
    color: #fff;
    line-height: 1;
}


/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * *  P O R T F O L I O * * * * * * */
.portfolio .pfcntBox{
    width: 100%; 
    padding: 0 10px;
}
.portfolio .pfcntBox .pfRoll{
    width: 100%;
    padding: 20px 0 40px 0;
}
.pfRoll .pfBox{
    position: relative;
    font-size: 0;
}
.pfRoll .pfBox>a{
    width: 100%; height: 100%;
}
.pfRoll .pfBox .pfImg{
    width: auto; height: 300px;
    overflow: hidden;
    position: relative;
}
.pfRoll .pfBox .pfImg>img{
    width: auto; height: 100%;
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
}

/* 리뉴얼 전 pfTxt-css */
.pfRoll .pfBox .pfTxt{
    position: absolute;
    bottom: -20px; left: 50%;
    transform: translate(-50%,0);
    width: 90%; 
    background: #fff;
    border-radius:  5px;
    box-shadow: 3px 3px 3px rgba(153,153,153,.2);
    font-size: 16px;
}
.pfBox .pfTxt .pfTit{
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    padding: 7px 15px 0 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.pfBox .pfTxt .pfName{
    width: 100%;
    font-size: 13px;
    color: #888;
    padding: 0 15px 7px 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.pfBox .pfTxt .pfName>span{
    color: #888;
}
.pfBox .pfTxt .pfName>span:after{
    content: '/';
    margin: 0 3px;
    height: 100%;
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
}

/* 인스타 style - css */
/*
.pfBox .pf_wrap .pf_sub{
    position: absolute;
    width: 30px;
    padding: 2px;
    height: auto;
    left:9px;
    top: 8px;
    z-index: 1;
}
.pfRoll .pfBox .pfTxt{ 
    position: absolute;
    top: 0px; left: 50%;
    transform: translate(-50%,0);
    width: 64%;
    font-size: 16px;
    z-index: 1;
}
.pfBox .pfTxt .pfTit{
    width: 100%;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 5px 0 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 0;
}
.pfBox .pfTxt .pfName{
    width: 100%;
    font-size: 11px;
    color: #888;
    padding: 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.pfBox .pfTxt .pfName>span{
    color: #888;
}
.pfBox .pfTxt .pfName>span:after{
    content: '/';
    margin: 0 3px;
}

.pfBox .pf_like{ 
    width: 100%;
    position: absolute;
    bottom: 0; left: 50%;
    transform: translate(-50%,0);
    width: 93%;
    font-size: 13px;
    color: #888;
    z-index: 1;
    line-height: 15px;
    padding-bottom: 5px;
}
.pfBox .pf_like .pf_lv{
    width: 100%;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 0;
    color: #888;
}
.pfBox .pf_like .pf_lv .like_num,
.pfBox .pf_like .pf_lv .view_num{
    position: absolute;
    bottom: 20px;
    color: #888;
}

.pfBox .pf_like .pf_lv .like_num{
    left: 8%;
}
.pfBox .pf_like .pf_lv .view_num{
    left: 33%;
}

.pfBox .pf_like .pf_lv .like-sym,
.pfBox .pf_like .pf_lv .view-sym{
    position: absolute;
    padding: 0;
    font-size:15px;
    bottom: 19px;
}
.pfBox .pf_like .pf_lv .view-sym{
    left: 25%;
}

.pfBox .pf_like .pf_tool{
    width: 100%;
    font-size: 11px;
    color: #888;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.pfBox .pf_like .pf_tool>span{
    color: #888;
}
*/


/* * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * *  I N T E R V I E W * * * * * * */
.interview{ 
    padding-top: 10px;
    width: 100%;
    display: grid;
    height: 100%;
}

.interview .itv-slider{
    width: 110vw;
    display: flex;
}
.itv-slider .itv-bot{
    width: 95%;
    flex: 1;
    background: #fff;
    box-shadow: 1px 1px 5px rgba(150, 150, 150, 0.5);
    margin: 1px;
}

.itv-slider .itv-bot .content{ 
  padding: 10px 8px;
}
.itv-bot .content .title{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 12px;
    line-height: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.itv-bot .content .title>span{
    font-weight: 500;
    color: #333;
}
.itv-bot .content .name{
    display: block;
    margin-right: 2px;
}
.itv-bot .content .name,
.itv-bot .content .name>span{
    text-align: right;
    margin-top: 10px;
    font-size: 11px;
    color:#888;
}



/* * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * *  I N S T R U C T O R * * * * * * */
.instructor .insWrap{
	overflow: hidden;
}
.insWrap .insView .insBx{
	width: 100%;
	overflow: hidden;
	background: url(/img/0index/instructor_bg.jpg);
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    position: relative;
    cursor: pointer;
	border: 1px solid #eee;
	
}
.insView .insBx .insBx_img{
    position: absolute;
    width: 40%; 
    height: 100%;
	right: 0;
}
.insBx .insBx_img > img{
	width: 190%;
    position: absolute;
    right: -25%; 
    top: 0%;
}
.insView .insBx .insBx_txt{
    position: relative;
    height: 100%;
	padding: 30px 15px;
}
.insBx .insBx_txt .topName h5{
	float: none;
	display: block;
	font-weight: 700;
	font-size: 24px;
	line-height: 30px;
}
.insBx .insBx_txt .topName h5>span{
	display: inline-block;
	font-size: 16px;
	margin-left: 3px;
}
.insBx .insBx_txt .topName .subName{
    display: block;
    font-family: 'GmarketSansMedium';
    font-size: 16px;
    line-height: 24px;
    padding-top: 5px;
}
.insBx .insBx_txt .botName{
	width: 100%;
    padding-top: 30px;
}
.insBx .insBx_txt .botName .branch{
}

.insBx .insBx_txt .botName .branch p{
	display: inline-block;
    margin-top: 5px;
    margin-right: 5px;
    font-weight: 400;
    font-size: 14px;
    padding: 0 5px 1px 5px;
    background: #888;
    color: #fff;
}
.insBx .insBx_txt .botName .course{
	display: inline-block;
	margin-top: 5px;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #ff7800;
}
.insBx .insBx_txt .botName .botMore{
	display: block;
    width: 80%;
    color: #ff7800;
    border: 1px solid #ff7800;
    border-radius: 2px;
    padding: 2px 13px 4px 13px;
    margin-top: 10%;
    margin-bottom: 3%;
    margin-left: -2px;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
}
.insBx .insBx_txt .botName .botMore span{
	margin-left: 15px;
    padding-right: 3px;
    font-size: 14px;
    font-weight: 600;
    color: #ff7800;
}
.instructor .moreLink .linkBtn{
	background-image: none;
	border-radius: 3px;
	border: 1px solid #888;
	color: #666;
}
.instructor .moreLink .linkBtn>span{
	color: #666;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * *  E M P L O Y  C E N T E R * * * * * * */
.emcntBox{
    border: 1px solid #ddd;  
    padding: 10px 15px 15px 15px;
    
}
.em_status .emcntBox, 
.em_interview .emcntBox{
    margin-top: 20px;
}

/* * * I N C R U I T  N O T I C E - 미사용중 * * */
.eicBox{
    
}
.eicBox .eicCnt>a{
    display: block;
    width: 100%; height: 100%;
    
}
.eicBox .eicCnt>a .eicTit{
    width: 85%; 
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #888;
    font-size: 15px;
    padding-bottom: 7px;    
}
.eicBox .eicCnt>a .eicTit:before{
    content: "・";
}
.eicBox .eicCnt>a .eicIcn{
    width: 10%; height: 25px;
    float: right;
    background: url(/img/0index/NEW_ICN.gif) center center no-repeat;    
}


/* * * E M P L O Y  S T A T U S * * */
.estBox .swiper-wrapper{
    height: 20px; 
    padding: 15px 0;
}
.estBox .estCnt{
    width: 100%; height: 100%;
}
.estBox .estCnt>a{
    display: block;
    width: 100%; height: 100%;
    text-align: center;
}
.estBox .estCnt>a .estTit{
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    color: #ff7800;
}
.estBox .estCnt>a .estTit:after{
    content: '취업을 축하드립니다 !';
    color: #333;
    font-weight: normal;
    margin-left: 5px;
}
.estBox .estCnt>a .estName{
    display: inline-block;
    margin-left: 15px;
    font-size: 16px;
    color: #888;
    text-align: center;
}


/* * * E M P L O Y  I N T E R V I E W * * */
.em_interview{
}
.eivBox{
}

.eivCnt .eivImg{
    width: 40%;
    float: left;
    border: 1px solid #eee;
    box-sizing: border-box;
}
.eivCnt .eivTxt{
    width: 60%; 
    float: left;
    max-height: 242px;
    padding-left: 30px;
    overflow: hidden;
}
.eivCnt .eivTxt .eivTit{
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    padding-right: 7px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;    
}
.eivCnt .eivTxt .eivName{
    font-weight: 500;
    line-height: 20px;
    margin-top: 0;
    margin-bottom: 10px;
}
.eivCnt .eivTxt .eivName>em{
    font-weight: 500;
}
.eivCnt .eivTxt .eivDetail{
    display: block;
    color: #888;
    margin-top: 10px;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    
}



/* * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * F A C I L I T Y * * * * * * */
.fcRoll{
    font-size: 0;
}



/* * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * M E D I A * * * * * * * * * * */
@media screen and (max-width: 700px){    
    /* STUDENT INTERVIEW */
    .itv-slider .itv-bot{
        width: 95%;
    }
    
    /* CURRICULUM */
    .curri-grid-wrap >li h6{
        font-size: 22px;
        font-weight: 600;
        line-height: 20px;
    }
    .curri-grid-wrap >li:last-child h6{
        font-size: 28px;
        font-weight: 600;
    }
    .curri-grid-wrap >li span{
        font-size: 15px;
        font-weight: 300;
    }
    
    /* EMPLOY INTERVIEW */
    .eivCnt .eivTxt .eivDetail{
        -webkit-line-clamp: 4;
    }
    
}
@media screen and (max-width: 650px){
    /* CURRICULUM */
    .curriRoll.swiper-container .swiper-slide-prev>a>img, 
    .curriRoll.swiper-container .swiper-slide-next>a>img, 
    .curriRoll.swiper-container .swiper-slide-prev>a .curriTxt, 
    .curriRoll.swiper-container .swiper-slide-next>a .curriTxt{
        opacity: .5;
    }
    .curriRoll.swiper-container .swiper-slide-active>a>img, 
    .curriRoll.swiper-container .swiper-slide-active>a .curriTxt{
        opacity: 1;
    }
    .curri-grid-wrap >li h6{
        font-size: 20px;
        font-weight: 500;
        line-height: 18px;
    }
    .curri-grid-wrap >li:last-child h6{
        font-size: 26px;
        font-weight: 600;
    }
    .curri-grid-wrap >li span{
        font-size: 13px;
        font-weight: 300;
    }
    
    /* PORTFOLIO */    
    .portfolio .pfcntBox .pfRoll{
        padding: 10px 0 30px 0;
    }
    .pfRoll .pfBox .pfImg{
        height: 300px;
    }
	.pfRoll .pfBox .pfImg>img{
		height: auto; width:100%;
	} 
    
    /* STUDENT INTERVIEW */
    .itv-slider .itv-bot{
    width: 95%;
    }
    
	/* INSTRUCTOR */
	.instructor h2{
		font-size: 30px;
	}
	.insBx .insBx_img > img{
		width: 230%;
		right: -65%;
	}
	.insView .insBx .insBx_txt{
		padding: 40px 10px;
	}
	.insBx .insBx_txt .topName h5{
		font-size: 22px;
	}
	.insBx .insBx_txt .topName .subName{
		font-size: 14px;
		line-height: 20px;
		padding-top: 0;
	}
	.insBx .insBx_txt .botName{
		padding-top: 15px;
	}
	.insBx .insBx_txt .botName .branch p{
		font-size: 12px;
	}
	.insBx .insBx_txt .botName .course{
		font-size: 14px;
	}
	
	
    /* EMPLOY INTERVIEW */
    .eivCnt .eivTxt .eivDetail{
        -webkit-line-clamp: 3;
    }
}


@media screen and (max-width: 540px){
    /* MAIN BANNER */
    .swiper-container-horizontal>.swiper-pagination-progressbar, 
    .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{
        height: 4px !important;
    }
    .progress .swiper-button-prev, 
    .progress .swiper-button-next{
        top: 52%;
    }
    .progress .swiper-button-next:after{
        font-size: 23px;    
    }
    .progress .swiper-button-prev:after{
        font-size: 23px;  
    }
    
    /* section 공통 */
    .titleBig{
        font-size: 14px;
    }
    
    /* STUDENT REVIEW */
    .rvCnt .rvTit{
        padding: 0px;
    }
    .rvBox { 
        height: 100%;
    }
    .rvCnt .rvTit{
        font-size: 13px;
    }
    .rvCnt .rvTit .rvTitS span{
        font-size: 12px;
    }
    .rvCnt .rvBot{
        height: 50%;
        display: block;
        font-size: 12px;
        line-height: 20px;
    }
    .rvCnt .rvBot .rv_txt{
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp:3;
        -webkit-box-orient:vertical;
        overflow: hidden;
    }
    
    /* CURRICULUM */
    .curri-grid-wrap >li h6{
        font-size: 20px;
        font-weight: 500;
        line-height: 18px;
    }
    .curri-grid-wrap >li:last-child h6{
        font-size: 25px;
        font-weight: 600;
        
    }
    .curri-grid-wrap >li span{
        font-size: 13px;
        font-weight: 300;
    }
    
    /* PORTFOLIO */    
    .portfolio .pfcntBox .pfRoll{
        padding: 10px 0 30px 0;
    }
    
	.pfRoll .pfBox .pfImg>img{
		height: auto; width:100%;
	} 
    .pfBox .pfTxt .pfTit{
        font-size: 14px;
        padding: 5px 10px 0 10px;
    }
    .pfBox .pfTxt .pfName{
        font-size: 12px;
        padding: 0 10px 5px 10px;
    }
    .pfBox .pfTxt .pfName>span{
        display: none;
    }
    
    /* STUDENT INTERVIEW */
    .itv-slider .itv-bot{
    width: 95%;
    }
    
	/* INSTRUCTOR */
	.instructor h2{
		font-size: 20px;
	}
	.insView .insBx .insBx_img{
		width: 50%;
	}
	.insBx .insBx_img > img{
		width: 130%;
		right: -10%;
	}
	.insView .insBx .insBx_txt{
		padding: 40px 40px;
	}
	.insBx .insBx_txt .topName h5{
		font-size: 24px;
	}
	.insBx .insBx_txt .topName .subName{
		font-size: 16px;
		line-height: 22px;
		padding-top: 3px;
	}
	.insBx .insBx_txt .botName{
		padding-top: 30px;
	}
	.insBx .insBx_txt .botName .branch p{
		font-size: 14px;
	}
	.insBx .insBx_txt .botName .course{
		font-size: 17px;
	}
   
    /* INCRUIT NOTICE */
    .eicBox .eicCnt>a .eicTit{
        font-size: 13px;
    }
    .eicBox .eicCnt>a .eicIcn{
        height: 20px;
    }
    
    /* EMPLOY STATUS */
    .estBox .swiper-wrapper{
        height: 40px; 
        padding: 0; 
    }
    .estBox .estCnt>a .estTit{
        display: block;
        text-align: center;
        font-size: 14px; 
    }
    .estBox .estCnt>a .estName{
        display: block;
        margin-left: 0;
        text-align: center;
        font-size: 12px; 
    }

    /* EMPLOY INTERVIEW */
    .eivCnt .eivImg{
        width: 60%;
    }
    .eivCnt .eivTxt{
        width: 40%; 
        max-height: 130px;
        padding-left: 10px;
        text-align: right;
        word-break: keep-all;   
    }
    .eivCnt .eivTxt .eivTit{
        font-size: 14px;
        line-height: 20px;
        color: #ff7800;
        padding-right: 0;
        overflow: visible;
        white-space: inherit;
        text-overflow: inherit; 
    }
    .eivCnt .eivTxt .eivName{
        display: block;
        color: #888;
        margin-top: 5px;
        font-size: 13px;
        font-weight: normal;
        line-height: 19px;
    }
    .eivCnt .eivTxt .eivName>em{
        display: block;
        font-weight: normal;
        color: #888;
    }
    .eivCnt .eivTxt .eivDetail{
        display: none;
    }
    
}

@media screen and (max-width: 485px){      
    /* CURRICULUM */
    .curri-grid-wrap >li h6{
        font-size: 16px;
        font-weight: 500;
        line-height: 16px;
    }
    .curri-grid-wrap >li:last-child h6{
        font-size: 20px;
        font-weight: 500;
        
    }
    .curri-grid-wrap >li span{
        font-size: 11px;
        font-weight: 300;
    }
    
    /* PROTFOLIO */
    .portfolio .pfcntBox .pfRoll{
        padding: 10px 0 30px 0;
    }
    .pfRoll .pfBox .pfImg{
        height: 300px;
    }
	.pfRoll .pfBox .pfImg>img{
		height: auto; width:100%;
	}
}

@media screen and (max-width: 450px){
    /* PORTFOLIO */
    .portfolio .pfcntBox .pfRoll{
        padding: 10px 0 30px 0;
    }
    .pfRoll .pfBox .pfImg{
        height: 300px;
    }
	.pfRoll .pfBox .pfImg>img{
		height: 100%; 
        width:auto;
	}
    
	/* INSTRUCTOR */
	.insView .insBx .insBx_img{
		width: 60%;
	}
	.insBx .insBx_img > img{
		width: 120%;
		right: -20%; 
        top: 2%;
	}
	.insView .insBx .insBx_txt{
		padding: 20px;
		padding-bottom: 30px;
	}
	.insBx .insBx_txt .topName h5{
		font-size: 22px;
	}
	.insBx .insBx_txt .topName .subName{
		font-size: 15px;
	}
	.insBx .insBx_txt .botName{
		padding-top: 20px;
	}
	.insBx .insBx_txt .botName .course{
		font-size: 16px;
		line-height: 22px;
	}
	.insBx .insBx_txt .botName .branch p{
		font-size: 12px;
	}
	.insBx .insBx_txt .botName .botMore{
		width: 100%;
	}
	
}



/* 화면 넓이 아이폰6 보다 좁은 경우 */
@media screen and (max-width: 365px){
    /*INDEX COMMON*/
    .titleBig{
        font-size: 12px;
    }
    
    /* STUDENT REVIEW */
    .rvCnt .rvBot{
        margin-top: 3px;
    }
    .rvCnt .rvTit{
        font-size: 13px;
        padding-top: 3px;
    }
    .itvBot .itvTxt .itvTit{
        font-size: 13px;
    }
    
    /* CURRICULUM */
    .curri-grid-wrap >li h6{
        font-size: 15px;
        font-weight: 400;
        line-height: 15px;
    }
    .curri-grid-wrap >li:last-child h6{
        font-size: 18px;
        font-weight: 500;
        
    }
    .curri-grid-wrap >li span{
        font-size: 10px;
        font-weight: 200;
    }
    
    /* PORTFOLIO */
    .portfolio .pfcntBox .pfRoll{
        padding: 10px 0 30px 0;
    }
    .pfRoll .pfBox .pfImg{ 
        height: 250px;
    }
	.pfRoll .pfBox .pfImg>img{
		height: 100%; width:auto;
	}
    .pfBox .pfTxt .pfTit{ 
        font-size: 13px;
    }
    
    /* STUDENT INTERVIEW */
    .itv-slider .itv-bot{
        width: 95%;
    }
	
	/* INSTRUCTOR */
	.instructor h2{
		font-size: 18px;
	}
	.insBx .insBx_img > img{
		width: 125%;
	}
	.insView .insBx .insBx_txt{
		padding: 10px;
		padding-bottom: 20px;
	}
	.insBx .insBx_txt .topName h5{
		font-size: 20px;
	}
	.insBx .insBx_txt .topName .subName{
		font-size: 14px;
	}
	.insBx .insBx_txt .botName .course{
		font-size: 15px;
	}
	
    /*EMPOLY CENTER*/
    .eicBox .eicCnt>a .eicTit{
        font-size: 12px;
    }
    .eivCnt .eivTxt .eivTit{
        font-size: 13px;
        line-height: 19px;
    }
    .eivCnt .eivTxt .eivName{
        font-size: 12px;
        line-height: 18px;
        margin-top: 0;
    }
    
    
    
    
}