@charset "utf-8";

html{
	padding: 0;
}
.ellipsisText {
    display: block;
    white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* container */
#container {
    padding-bottom:20px;
    z-index: 1;
}
#container.on {
    position: relative;
    top: 90px;
}

/* main rolling */
.mySwiper-pc{
    display: block;
}
.mySwiper-mobile{
    display: none;
}
.mySwiper .swiper-slide {
    text-align:center;
    height:420px;
}

.mySwiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mySwiper .swiper-button-next,
.mySwiper .swiper-button-prev{
    color:#fff3;
}

/*info_area*/

.info_area{    
}
.info_area .info_box { 
    margin-top: 50px;
}
.info_area .info_list {
}
.info_area .info_list .notice_wrap{
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 30px 30px;
}

.info_area .info_list .notice_wrap div{
    display: inline-block;
}

.info_area .info_list .notice_wrap .phone_image_wrap a{
    display: inline-block;
    border:1px solid var(--color-bg-white);
    border-radius: 50%;
    width:30px;
    height:30px;
    padding:5px;
    padding-left: 20px;
    padding-top: 15px;
}

.info_area .info_list .notice_wrap .phone_image_wrap span {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url("../imgs/common/tel.png");
    background-repeat: no-repeat;
    background-size: 20px;
}

.info_area .info_list .notice_wrap .phone_image_wrap a span{
    animation-duration: 1s;
    animation-delay: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
    animation-name: shake_phone;
}

@keyframes shake_phone {
    0% {
        transform : translateX(0px);
    }
    10% {
        transform : translateX(-5px);
    }
    20% {
        transform : translateX(0px);
    }
    30% {
        transform : translateX(-2px);
    }
    40% {
        transform : translateX(0px);
    }
    50% {
        transform : translateX(-5px);
    }
    60% {
        transform : translateX(0px);
    }
    100% {
        transform : translateX(0px);
    }
}

.info_area .info_list .notice_wrap .phone_wrap{
    position: relative;
    top: -6px;
}

.info_area .info_list .notice_wrap .phone_wrap a{
    display: block;
    font-size: 2em;
    font-weight: bold;
    color: darkorange;
    padding: 10px;
}

.info_area .info_list .notice_wrap .comment{
    font-size: 1.1em;
    color:#666;
    padding: 10px 0;
    line-height: 30px;
}

/* .info_area .info_list ul.quick_wrap_title{
    z-index: 10;
    float: left;
    margin-top: -10px;
    margin-left: 52px;
}
.info_area .info_list ul.quick_wrap_title li{
    float: left;
    box-sizing: border-box;
    border: none;
    border-radius: 10px;
    margin: 0 10px;
    padding: 5px;
    font-size: 0.75em;
    background: red;
    color: #fff;
} */
.info_area .info_list .quick_wrap{
    width: 50%;
    float: right;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 10px;
    z-index: 1;
    display: flex;
    justify-content: space-evenly;
}
/* .info_area .info_list .quick_wrap li.first{
    margin-left: 30px;
} */
.info_area .info_list .quick_wrap li{
    padding: 20px;
    float: left;
    text-align: center;
    position: relative;
}

.info_area .info_list .quick_wrap span{
    display: block;
    padding: 10px;
    font-size: 0.9em;
    font-weight: bold;
}
.info_area .info_list .quick_wrap img{
    width: 60px;
    height: 60px;
}

.info_area .info_list .quick_wrap .location{
    float: left;
}
.info_area .info_list .quick_wrap .hugi{
    float: left;
}
.info_area .info_list .quick_wrap .recruit{
    float: left;
}
.info_area .info_list .quick_wrap .qna{
    float: left;
}
.info_area .info_list .quick_wrap .sugang{
    float: left;
}

/* ===============================
   QUICK 배지 (개강임박)
=============================== */

.info_area .quick_wrap li .badge-img {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

.info_area .quick_wrap li .badge-img img {
    width: 70px;
    height: auto;

    animation: badgeBlink 1.2s ease-in-out infinite;
}

@keyframes badgeBlink {
    0%   { opacity: 1; transform: scale(1); }
    50%  { opacity: 0.6; transform: scale(1.05); }
    100% { opacity: 1; transform: scale(1); }
}

/******************/
/*content_area 취업연계과정*/
.content_area{
}
.content_area .course_box{
    margin-top: 50px;
}
.content_area .course_box .course_title_wrap{
    border-bottom: 1px solid #333;    
    box-sizing: border-box;
}
.content_area .course_box .course_title_wrap .course_title{
    width: 95%;
    float: left;
    box-sizing: border-box;
    line-height: 40px;
}

/*************************************************************************
    2025.10.21 최기근 수정
    font-weight:bold; 제목 타이틀 글자 굵기 추가 
*/
.content_area .course_box .course_title_wrap .course_title .title{
    font-size: 1.8em;
    margin: 0 10px;
    font-weight:bold;
}
/**************************************************************************/

.content_area .course_box .course_title_wrap .course_title .description{
    padding: 0 10px;
    border-left: 1px solid #999;
    font-size: 1.2em;
}
.content_area .course_box .course_title_wrap .course_img_wrap{
    float: right;
    width: 5%;
    box-sizing: border-box;
    line-height: 40px;
    height: 40px;
}
.content_area .course_box .course_title_wrap .course_img_wrap .course_add_img{
    width: 20px;
    height: 20px;
    float: right;
    margin: 10px 20px 0 0;
}

/*Swiper*/
.content_area .course_box .swiper {
    clear: both;
    padding: 10px;
}

.mySwiper2 .swiper-slide {
    box-sizing: border-box;
    width: 80%;
    padding: 0;
    margin: 0;
    height: 450px;
    border-radius: 30px;
    cursor: pointer;
}

.mySwiper2 .swiper-slide .content_wrap{
	border: 1px solid #ccc;
    width: 100%;
    height: 400px;
    background-size: cover;
    border-radius: 30px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-sizing: border-box;
    padding: 20px 10px;
    
    display: flex;
    justify-content: center;
    align-items: center;
}
.mySwiper2 .swiper-slide .title_wrap{
    font-size: 0.85em;
    text-align: left;
}

.mySwiper2 .swiper-slide .title_wrap .open_date .course_c_ing_span{
    background: rgba(255,255,255,0.7);       
    color: red;
    padding: 10px;
    border-radius: 18px;
    position:absolute;
    top:15px;
    right:15px;
    letter-spacing: 1px;
}

.mySwiper2 .swiper-slide .title_wrap .open_date .course_c_com_span{
    background: rgba(0,0,0,0.5);       
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    position:absolute;
    top:15px;
    right:15px;
    letter-spacing: 1px;
}


.mySwiper2 .swiper-slide .title_wrap .course_category{
    font-size: 1em;
}
.mySwiper2 .swiper-slide .title_wrap .course_category_ing{
    display: block;
    padding: 10px 5px;
    margin-left: 0;
    color: #fff;
}
.mySwiper2 .swiper-slide .title_wrap .course_category_com{
    display: block;
    padding: 10px 0;
    margin-left: 0;
    color: #fff;
}

.mySwiper2 .swiper-slide .text_wrap{
    line-height: 1.3em;
    text-align: center;
    width: 80%;
    color: #fff;
    margin: 0;
    box-sizing: border-box;
}

.mySwiper2 .swiper-slide .text_wrap .course_description{
	margin-top: -80px;
	word-break: keep-all;    
    overflow-wrap: break-word;
    white-space: normal;
}
.mySwiper2 .swiper-slide .text_wrap .course_description1{
    font-weight: 400;
    font-size: 1.4em;
}

.mySwiper2 .swiper-slide .course_description2{
    font-size: 1.1em;
    color: #333;
    padding-left: 5px;
    margin-top: 5px;
}

.mySwiper2 .swiper-slide .course_description3{
    font-size: 1.1em;
    color: #333;
    padding-left: 5px;
    margin-top: 5px;
}

.mySwiper2 .swiper-slide .course_title{
    font-weight: bold;
    font-size: 1.1em;
    margin: 0;
    color: #1d2b6f;
    padding-left: 5px;
}

/******************/

/* 공지사항 */

.noti_qna_area {
    margin-top: 50px;
}

.noti_qna_area .noti_qna_box {}

.notice_wrap {
    float:left;
    width:49%;
}

.notice_wrap .notice_title_wrap{
    border-bottom: 1px solid #666;
    padding: 10px 0;
}

.notice_wrap .notice_title_wrap .notice_title{
    float: left;
}
.notice_wrap .notice_title_wrap .notice_title .title{
	font-size: 2em;
    display: inline-block;
    padding: 0;
    margin-right: 10px;	
}

.notice_wrap .notice_title_wrap .notice_title .description{
	font-size: 1.2em;
    padding: 0 10px;
    border-left: 1px solid #666;
}

.notice_wrap .notice_title_wrap .notice_img_wrap img{
    float: right;
    width: 20px;
    height: 20px;
    margin: 5px 0 0 20px;
}
.notice_wrap .notice_list{
    padding:0;
    padding-top: 40px;
    scrollbar-width: none;          /* Firefox */
    -ms-overflow-style: none;		/* IE, Edge */
    display: block;
    width: auto;
}

.notice_wrap .notice_list::-webkit-scrollbar{
    display: none;                  /* Chrome, Safari */
}

.notice_wrap .notice_list .notice_track{
    display: flex;
    gap: 20px;
    will-change: transform;
}

.notice_wrap .notice_list .notice_item_wrap{
    border-bottom: 1px solid #ccc;    
    font-size: 1.2em;
    height: 200px;
    width: 300px;
    line-height: 27px;
    border-radius: 20px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    flex-shrink: 0;
}
.notice_wrap .notice_list .notice_item_wrap:hover{
	cursor: pointer;
}
.notice_wrap .notice_list .notice_item_wrap a{
    display: block;    
}
.notice_wrap .notice_list .notice_item_wrap .notice_category{
    width: 10%;
    float: left;
}
.notice_wrap .notice_list .notice_item_wrap .notice_title{
   	margin: 20px;
    float: none;  
}

.notice_wrap .ellipsisText.noticeText{
	color: #fff;
	display: inline-block;
    white-space: normal;
    word-break: break-word;
    width: 188px;
    font-size: 22px;
}

.notice_wrap .qna-btn-wrap{
	display: none;	
}

/*질문답변*/
.qna_wrap{
	float:right;
    width:49%;
    box-sizing:border-box;
    padding-left: 10px;
}
.qna_wrap .qna-btn-wrap{
	display: none;	
}

.qna_wrap .qna_title_wrap{
    border-bottom: 1px solid #666;
    padding: 10px 0;
    margin: 0;
}
.qna_wrap .qna_title_wrap .qna_title{
    float: left;
}
.qna_wrap .qna_title_wrap .qna_title .title{    
    font-size: 2em;
    display: inline-block;
    padding: 0;
    margin-right: 10px;
}
.qna_wrap .qna_title_wrap .qna_title .description{
    font-size: 1.2em;
    padding: 0 10px;
    border-left: 1px solid #666;
}
.qna_wrap .qna_title_wrap .qna_img_wrap img{
    float: right;
    width: 20px;
    height: 20px;
    margin: 5px 0 0 20px;
}
.qna_wrap .qna_list{
    padding: 10px 10px;
}
.qna_wrap .qna_list .qna_item_title{
	float: none;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
	gap: 50px;
}

.qna_wrap .qna_list .qna_item_title .qna_use_wrap,
.qna_wrap .qna_list .qna_item_title .qna_title{
	font-size: 20px;
	text-align: center;
	background-color: #333;
	color: #fff;
	border-radius: 15px;
	height: 30px;
	line-height: 30px;
}
.qna_wrap .qna_list .qna_item_title .qna_use_wrap{
	width: 19%;
}
.qna_wrap .qna_list .qna_item_title .qna_title{
	width: 70%;
}
.qna_wrap .qna_list .qna_item_wrap{
    border-bottom: 1px solid #ccc;    
    font-size: 1.2em;
    line-height: 50px;
    height: 50px;
    float: none;
    display: flex;
    flex-direction: row;
    padding: 0 10px;
    gap: 35px;
}

.qna_wrap .qna_list .qna_item_wrap:hover{
	cursor: pointer;
}

.qna_wrap .qna_list .qna_item_wrap .qna_use_wrap{
	width: 20%;
	padding-left: 15px;
}

.qna_wrap .qna_list .qna_item_wrap .qna_title{
    width: 50%;
    float: left;
}
.qna_wrap .qna_list .qna_item_wrap .qna_time{
    width: 15%;
    float: right;
    text-align: right;
    font-size: 0.85em;
}

.qna_wrap .qna_list .qna_item_wrap .qna_time img{
	width: 25px;
	height: 25px;	
	padding: 0;
	margin: 0;
}

/**** 포트폴리오  */

.content_area{
}
.content_area .portfolio_box{
    margin-top: 50px;    
    box-sizing: border-box;
}
.content_area .portfolio_box .portfolio_title_wrap{
    border-bottom: 1px solid #333;    
    box-sizing: border-box;
}
.content_area .portfolio_box .portfolio_title_wrap .course_title{
    width: 95%;
    float: left;
    box-sizing: border-box;
    line-height: 50px;
}

.portfolio_box .qna-btn-wrap{
	display: none;	
}
/*************************************************************************
    2025.10.21 최기근 수정
    font-weight:bold; 제목 타이틀 글자 굵기 추가 
*/
.content_area .portfolio_box .portfolio_title_wrap .portfolio_title .title{
    font-size: 2em;
    margin: 0 10px;
    font-weight:bold;
}
/*************************************************************************/

.content_area .portfolio_box .portfolio_title_wrap .portfolio_title .description{
    padding: 0 10px;
    border-left: 1px solid #999;
    font-size: 1.2em;
}
.content_area .portfolio_box .portfolio_title_wrap .portfolio_img_wrap{
    float: right;
    width: 5%;
    box-sizing: border-box;
    line-height: 50px;
    height: 50px;
}
.content_area .portfolio_box .portfolio_title_wrap .portfolio_img_wrap .portfolio_add_img{
    width: 30px;
    height: 30px;
    float: right;
    margin: 15px;
}

/*Swiper*/
.content_area .portfolio_box .swiper {
    clear: both;
    padding: 10px;   
}

.mySwiper3 .swiper-slide {
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    margin: 0;
}

.mySwiper3 .swiper-slide .content_wrap{
    width: 100%;
    height: 300px;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    border-radius: 20px;
    box-sizing: border-box;
    padding: 20px 10px;
    border: 1px solid #ccc;
}



/******************/
/*수강후기*/
.content_area{
}
.content_area .sugang_box{
    margin-top: 50px;
    margin-bottom: 60px;
}

.content_area .sugang_box .sugang_title_wrap{
    border-bottom: 1px solid #333;    
    box-sizing: border-box;
}
.content_area .sugang_box .sugang_title_wrap .sugang_title{
    width: 95%;
    float: left;
    box-sizing: border-box;
    line-height: 50px;
}

/*************************************************************************
    2025.10.21 최기근 수정
    font-weight:bold; 제목 타이틀 글자 굵기 추가 
*/
.content_area .sugang_box .sugang_title_wrap .sugang_title .title{
    font-size: 2em;
    margin: 0 10px;
    font-weight:bold;
}
/***************************************************************************/

.content_area .sugang_box .sugang_title_wrap .sugang_title .description{
    font-size: 1.2em;
    padding: 0 10px;
    border-left: 1px solid #666;
}

.content_area .sugang_box .interview-slide{
    float: left;
    box-sizing: border-box;
}
.content_area .sugang_box .interview-slide iframe{
    text-align: center;
    margin: 12px;
    width: 400px;
    height: 220px;
    box-sizing: border-box;
}


/*블러그,카카오*/
.appbbs_area{
    padding: 70px 0;
}
.appbbs_area .appbbs_box{
    
}
.appbbs_area .appbbs_box .content_wrap{
    
}
.appbbs_area .appbbs_box .content_wrap .contact{
    
}
.appbbs_area .appbbs_box .content_wrap .contact ul{
    
}
.appbbs_area .appbbs_box .content_wrap .contact ul li{
    float: left;    
    width: 32%;
    margin: 8px;
    box-sizing: border-box;
}
.appbbs_area .appbbs_box .content_wrap .contact ul li a{
    display: block;
    width: 100%;
    height: 200px;
}
.appbbs_area .appbbs_box .content_wrap .contact ul li a img{
    width: 100%;
    height: 100%;
}
.appbbs_area .appbbs_box .content_wrap .contact ul li:last-child a{
    box-sizing: border-box;
    border: 1px solid #ccc;
    height: 200px;
    line-height: 200px;
}
.appbbs_area .appbbs_box .content_wrap .contact ul li:last-child a img{
    width: 100%;
    height: 100px;
    padding: 0 20px;
    box-sizing: border-box;
}

.fast-link-wrap{
	display: none;
}

/* ===============================
   취업 UPDATE
=============================== */

.update_area{
    background: #f1f3f6;
    padding: 60px 0;
    margin-top: 80px;
}

.update_title{
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
}

.update_title .plus{
    font-weight: 400;
}

.update_desc{
    color: #666;
    font-size: 20px;
    margin-bottom: 30px;
}

/* updateSwiper만 예외 처리 */
.updateSwiper{
    overflow: visible;
}

.updateSwiper .swiper-wrapper{
    justify-content: flex-start;   /* ❗ center 금지 */
}

.updateSwiper .swiper-slide{
    width: auto !important;
}

.update_card{
    width: 250px;
    min-width: 250px;
    background: #fff;
    border-radius: 16px;
    padding: 18px 26px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}

/* 텍스트 한 줄 고정 */
.update_card .tag {
	color: #333;
	width: 120px;
    white-space: nowrap;
    font-size: 15px;
    font-weight: 600;
    white-space: nowrap;     /* 줄바꿈 방지 */
    overflow: hidden;
    text-overflow: ellipsis; /* ... 표시 */
}

.update_card .text{
	color: #333;
    white-space: nowrap;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
}

.badge {
    display: inline-block;
    padding: 4px 10px;
    font-size: 12px;
    border-radius: 12px;
    font-weight: 600;
    color: #fff;
}

/* NEW : 빨간색 */
.badge.new {
    background-color: #ef4444; /* 빨강 */
}

/* OLD : 회색 */
.badge.old {
    background-color: #9ca3af; /* 회색 */
}



@media all and (max-width:1065px) and (min-width:801px){

    /*info_area*/
    .info_area{    
    }
    .info_area .info_box { 
        margin-top: 30px;
    }
    .info_area .info_list {
    }
    .info_area .info_list .notice_wrap{
        display: none;
    }
    .info_area .info_list ul.quick_wrap_title{
        z-index: 10;
        float: left;
        margin-top: -10px;
        margin-left: 3%;
    }
    .info_area .info_list ul.quick_wrap_title li{
        float: left;
        box-sizing: border-box;
        border: none;
        border-radius: 10px;
        margin: 0 45px;
        padding: 5px;
        font-size: 0.75em;
        background: red;
        color: #fff;
    }
    
    .info_area .info_list .quick_wrap{
        width: 98%;
        box-sizing: border-box;
        text-align: center;
        margin-right: 6px;
    }
    .info_area .info_list .quick_wrap li.first{
        margin-left: 0;  
    }
    .info_area .info_list .quick_wrap li.quick_wrap_li{
        padding: 20px 0 0 0;
        float: left;
        text-align: center;
        width: 20%;
        box-sizing: border-box;
    }

    .info_area .info_list .quick_wrap span{
        display: block;
        padding: 10px;
        font-size: 0.9em;
    }
    .info_area .info_list .quick_wrap img{
        width: 60px;
        height: 60px;
    }

    .info_area .info_list .quick_wrap .location{
        float: none;
    }
    .info_area .info_list .quick_wrap .hugi{
        float: none;
    }
    .info_area .info_list .quick_wrap .recruit{
        float: none;
    }
    .info_area .info_list .quick_wrap .qna{
        float: none;
    }
    .info_area .info_list .quick_wrap .sugang{
        float: none;
    }
    
    .info_area .info_list .quick_wrap li .quick-badge {
        top: -10px;
    }

    .info_area .info_list .quick_wrap li .quick-badge img {
        width: 55px;
    }

    /******************/
    /*취업연계과정*/
    .content_area .course_box{
        margin-top: 50px;    
    }
    
    .content_area .course_box .course_title_wrap .web{
    	display: none;
    }
    
    .content_area .course_box .swiper {
	    clear: both;
	    padding: 10px;
	}
	
	.mySwiper2 .swiper-slide {
	    box-sizing: border-box;
	    width: 300px;
	    padding: 0;
	    margin: 0;
	    height: 380px;
	    border-radius: 30px;
	    cursor: pointer;
	}
	
	.mySwiper2 .swiper-slide .content_wrap{
		border: 1px solid #ccc;
	    width: 100%;
	    height: 320px;
	    background-size: cover;
	    border-radius: 30px;
	    background-size: cover;
	    background-position: center;
	    background-repeat: no-repeat;
	    box-sizing: border-box;
	    padding: 20px 10px;
	    
	    display: flex;
	    justify-content: center;
	    align-items: center;
	}
	.mySwiper2 .swiper-slide .text_wrap{
	    line-height: 1.3em;
	    text-align: center;
	    width: 80%;
	    color: #fff;
	    margin: 0;
	    box-sizing: border-box;
	}
	
	.mySwiper2 .swiper-slide .text_wrap .course_description{
		margin-top: -80px;
		word-break: keep-all;    
	    overflow-wrap: break-word;
	    white-space: normal;
	}
	.mySwiper2 .swiper-slide .text_wrap .course_description1{
	    font-weight: 400;
	    font-size: 1.2em;
	}
	
	.mySwiper2 .swiper-slide .course_description2{
	    font-size: 1em;
	    color: #333;
	    padding-left: 5px;
	    margin-top: 5px;
	}
	
	.mySwiper2 .swiper-slide .course_description3{
	    font-size: 1em;
	    color: #333;
	    padding-left: 5px;
	    margin-top: 5px;
	}
	
	.mySwiper2 .swiper-slide .course_title{
	    font-weight: bold;
	    font-size: 1em;
	    margin: 0;
	    color: #1d2b6f;
	    padding-left: 5px;
	}
    
    
    /******************/

    /* 공지사항 */
    .noti_qna_area {        
    }
    .noti_qna_area .noti_qna_box {
        margin-top: 50px;
    }

    .notice_wrap {
        width:100%;
        box-sizing:border-box;
        margin-bottom: 50px;
    }
    .notice_wrap .notice_title_wrap{
        border-bottom: 1px solid #666;
        padding-left: 10px;
    }
    .notice_wrap .notice_title_wrap .notice_title{
        float: left;
        font-size: 1em;
    }
    .notice_wrap .notice_title_wrap .notice_img_wrap img{
        float: right;
        width: 20px;
        height: 20px;
        margin-right: 20px;
    }
    .notice_wrap .notice_list{
        padding: 0;
        margin-top: 20px;
        justify-content: space-around;
    }
    .notice_wrap .notice_list .notice_item_wrap{
        border-bottom: 1px solid #ccc;    
        font-size: 1.2em;
        height: 200px;
    }
    .notice_wrap .notice_list a{
        display: block;    
    }
    .notice_wrap .notice_list .notice_item_wrap .notice_category{
        width: 15%;
        display: inline-block;
        box-sizing: border-box;
        padding-left: 10px;
    }
    .notice_wrap .notice_list .notice_item_wrap .notice_title{
        width: 85%;
        box-sizing: border-box;
        display: inline-block;
        padding: 0 10px;
    }
    .notice_wrap .notice_list .notice_item_wrap .notice_time{
        display: none;
    }


    /*질문답변*/
    .qna_wrap{
        width:100%;
        box-sizing:border-box;
        padding-left: 0;
        margin-top: 20px;
    }
    .qna_wrap .qna_title_wrap{
        border-bottom: 1px solid #666;
        padding: 10px 0;
        margin: 0;
    }
    .qna_wrap .qna_title_wrap .qna_title{
        float: left;
        padding-left: 10px;
    }
    .qna_wrap .qna_title_wrap .qna_title .title{    
        font-size: 2em;
        display: inline-block;
        padding: 0;
        margin-right: 10px;
    }
    .qna_wrap .qna_title_wrap .qna_title .description{
        display: none;
    }
    .qna_wrap .qna_title_wrap .qna_img_wrap img{
        float: right;
        width: 20px;
        height: 20px;
        margin-right: 20px;
    }
    .qna_wrap .qna_list{
        padding: 10px 0;
        margin-bottom: 30px;
    }
	.qna_wrap .qna_list .qna_item_title{
		justify-content: space-around;
	}
    .qna_wrap .qna_list .qna_item_wrap{
        border-bottom: 1px solid #ccc;    
        font-size: 1.2em;
        line-height: 50px;
        height: 50px;
    }
    .qna_wrap .qna_list .qna_item_wrap .qna_use_wrap{
    	padding-left: 60px;
    }
    .qna_wrap .qna_list .qna_item_wrap .qna_img_wrap{
        width: 30%;
        display: inline-block;
        padding-left: 10px;
        box-sizing: border-box;
    }
    .qna_wrap .qna_list .qna_item_wrap .question_img img{
        width: 20px;
        height: 25px;
    }
    .qna_wrap .qna_list .qna_item_wrap .answer_img img{
        width: 15px;
        height: 15px;
        position: relative;
        left: 10px;
        top: -10px;
    }
    .qna_wrap .qna_list .qna_item_wrap .qna_title{
        width: 50%;
        display: inline-block;
        padding: 0 10px;
        box-sizing: border-box;
    }
    .qna_wrap .qna_list .qna_item_wrap .qna_time{
    	width: 20%;
    }
    
    /*수강후기 유튜브*/
	.sugang_box .sugang_content{
        display: flex;
        flex-wrap: wrap;
        justify-content: center; /* ⭐ 핵심 */
        gap: 20px;
    }

    .content_area .sugang_box .interview-slide{
        float: none;              /* ❗ 기존 float 제거 */
        width: calc(50% - 20px);  /* 2개씩 */
        box-sizing: border-box;
        text-align: center;
    }
    
    .content_area .sugang_box .interview-slide iframe{
    	width: 400px;
    	height: 230px;
    	box-sizing: border-box;
    }

    /*블러그,카카오*/
    .appbbs_area{
        padding: 70px 0;
    }
    .appbbs_area .appbbs_box .content_wrap .contact ul li{
        float: left;    
        width: 50%;
        margin: 0;
        box-sizing: border-box;
    }
    .appbbs_area .appbbs_box .content_wrap .contact ul li a{
        display: block;
        width: 100%;
        height: 160px;
        
    }
    .appbbs_area .appbbs_box .content_wrap .contact ul li a img{
        width: 100%;
        height: 100%;
    }
    .appbbs_area .appbbs_box .content_wrap .contact ul li:last-child a{
        display: none;
    }
    
    /* 취업 UPDATE */
   .update_area{
        padding: 50px 24px;
    }

    /* 카드 */
    .update_card{
        width: 165px;
        min-width: 165px;
        max-width: 165px;
        padding: 16px 20px;
        gap: 4px;              
    }

    .update_card .badge.new{
        font-size: 11px;
        padding: 5px 10px;
    }

    .update_card .tag,
    .update_card .text{
        font-size: 13px;
        line-height: 1.3;
    }
    
    
}


@media all and (max-width:800px) {
	
    /* main rolling */
    .swiper {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
    }
    .mySwiper-pc{
        display: none;
    }
    .mySwiper-mobile{
        display: block;
    }
    .mySwiper .swiper-slide {    
        text-align:center;
        height:730px;
    }

    .mySwiper .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .mySwiper .swiper-button-next,
    .mySwiper .swiper-button-prev{
        color:#fff3;
    }
    

    /*info_area*/
    .info_area{
    }
    .info_area .info_box { 
        margin-top: 20px;
    }
    .info_area .info_list {
        margin-top: 0;
    }
    .info_area .info_list .notice_wrap{
        display: none;
    }

    .info_area .info_list ul.quick_wrap_title{
        z-index: 10;
        float: left;
        margin-top: -10px;
        margin-left: 2%;
    }
    .info_area .info_list ul.quick_wrap_title li{
        float: left;
        box-sizing: border-box;
        border: none;
        border-radius: 10px;
        padding: 5px;
        font-size: 0.75em;
        background: red;
        color: #fff;
    }
    
    .info_area .info_list .quick_wrap{
         width: 100%;
         display: flex;
         justify-content: center;  
         align-items: center;
         gap: 0;       
         border-style: none;
         padding: 30px;
    }
    
    .info_area .info_list .quick_wrap li.first{
        margin-left: 0;  
    }
    .info_area .info_list .quick_wrap li.quick_wrap_li{
        padding: 10px 0;
        float: left;
        text-align: center;
        width: 25%;
        box-sizing: border-box;
    }

    .info_area .info_list .quick_wrap span{
        display: block;
        padding: 10px 5px 5px 5px;
        font-size: 0.9em;
    }
    .info_area .info_list .quick_wrap img{
        width: 50px;
        height: 50px;
    }

    .info_area .info_list .quick_wrap .location{
        float: none;
    }
    .info_area .info_list .quick_wrap .hugi{
        float: none;
    }
    .info_area .info_list .quick_wrap .recruit{
        float: none;
    }
    .info_area .info_list .quick_wrap .qna{
        float: none;
    }
    .info_area .info_list .quick_wrap .sugang{
        float: none;
    }
    
    .info_area .quick_wrap li .badge-img {
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}
    
    /******************/
    /*취업연계과정*/
    .content_area .course_box{
        margin-top: 50px;
        padding: 20px;
    }
    /**********************************************************************************
        2025.10.21 최기근 수정
        기존 : display:none 수정 
    */
    .content_area .course_box .course_title_wrap .course_title .description{
        display:block;
        padding: 0 10px;
        border-left: none;
        font-size: 1em;
    }
    /***********************************************************************************/
    
    .content_area .course_box .course_title_wrap{
    	border-style: none;
    	margin-bottom: 10px;
    }
    
    .mySwiper2 .swiper-slide {
	    box-sizing: border-box;
	    width: 280px;
	    padding: 0;
	    margin: 0;
	    height: 400px;
	    border-radius: 30px;
	    cursor: pointer;
	}
	
	.mySwiper2 .swiper-slide .content_wrap{
		border: 1px solid #ccc;
	    width: 100%;
	    height: 350px;
	    background-size: cover;
	    border-radius: 30px;
	    background-size: cover;
	    background-position: center;
	    background-repeat: no-repeat;
	    box-sizing: border-box;
	    padding: 20px 10px;
	    
	    display: flex;
	    justify-content: center;
	    align-items: center;
	}
	.mySwiper2 .swiper-slide .text_wrap{
	    line-height: 1.3em;
	    text-align: center;
	    width: 80%;
	    color: #fff;
	    margin: 0;
	    box-sizing: border-box;
	}
	
	.mySwiper2 .swiper-slide .text_wrap .course_description{
		margin-top: -50px;
		word-break: keep-all;    
	    overflow-wrap: break-word;
	    white-space: normal;
	}
	.mySwiper2 .swiper-slide .text_wrap .course_description1{
	    font-weight: 400;
	    font-size: 1.1em;
	}
	.mySwiper2 .swiper-slide .course_description2{
	    font-size: 1em;
	    color: #333;
	    padding-left: 5px;
	    margin-top: 5px;
	    line-height: 1.2em;
	}
	
	.mySwiper2 .swiper-slide .course_description3{
	    font-size: 1em;
	    color: #333;
	    padding-left: 5px;
	    margin-top: 5px;
	    line-height: 1.2em;
	}
	
	.mySwiper2 .swiper-slide .course_title{
	    font-weight: bold;
	    font-size: 1em;
	    margin: 0;
	    color: #1d2b6f;
	    padding-left: 5px;
	    line-height: 1.4em;
	}
    
    
    
    /******************/

    /* 공지사항 */
    .noti_qna_area {
    	padding: 0;
    }
    .noti_qna_area .noti_qna_box {
        margin: 0;
        margin-top: 50px;
	}

    .notice_wrap {
        width:100%;
        box-sizing:border-box;
    }
    .notice_wrap .notice_title_wrap{
        border-style: none;
        padding-left: 10px;
        margin: 0 20px;
    }
    .notice_wrap .notice_title_wrap .notice_title{
    	display: flex;
    	flex-direction: column;
    }
    .notice_wrap .notice_title_wrap .notice_title .title{
    	font-size: 1.8em;
    }
    .notice_wrap .notice_title_wrap .notice_title .description{
    	border-style: none;
    	padding: 0;
    	margin-top: 10px;
    	font-size: 17px;
    }
    
    .notice_wrap .notice_title_wrap .notice_img_wrap{
        display: none;
    }
    .notice_wrap .notice_list{
        padding: 20px 10px;
        margin: 0 20px;
    }
    .notice_wrap .notice_list .notice_item_wrap{
        border-style: none;   
        font-size: 1.2em;
        height: 200px;
    }
    .notice_wrap .notice_list a{
        display: block;    
    }
    .notice_wrap .notice_list .notice_item_wrap .notice_category{
        width: 20%;
        display: inline-block;
        box-sizing: border-box;
        padding-left: 10px;
    }
	
	.notice_wrap .notice_title_wrap .notice_title {
    	float: left;
        padding-left: 10px;     
        width: 97%;                 
	}

	.notice_wrap .notice_title_wrap .notice_title .title {
	    font-size: 2em;
        display: inline-block;
        padding: 0 0px;
    }
    .notice_wrap .notice_list .notice_item_wrap .notice_time{
        display: none;
    }
    

    /*질문답변*/
    .qna_wrap{
        width:100%;
        box-sizing:border-box;
        padding: 40px 20px;
        padding-bottom: 60px;
        margin-top: 50px;
        background-color: #544cec;
    }
    .qna_wrap .qna_title_wrap{
        border-style: none;
        padding: 10px 0;
        margin: 0;
    }
    .qna_wrap .qna_title_wrap .qna_title{
        float: none;
        display: flex;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        padding-left: 10px;
        color: #fff;
    }
    .qna_wrap .qna_title_wrap .qna_title .title{    
        font-size: 1.7em;
        display: inline-block;
        padding: 0;
        margin-right: 10px;
    }
    .qna_wrap .qna_title_wrap .qna_title .description{
    	font-size: 1.1em;
    	margin-top: 10px;
    }
    .qna_wrap .qna_title_wrap .qna_img_wrap{
        display: none;
    }
    .qna_wrap .qna_list{
        padding: 10px 0;
        background-color: #fff;
        border-radius: 20px;
        margin-left: 5px;
        margin-top: 30px;
        padding: 30px 20px;
    }
    
    .qna_wrap .qna_list .qna_item_title{
    	gap: 10px;
    }
    
    .qna_wrap .qna_list .qna_item_title .qna_use_wrap{
    	width: 25%;
    	font-size: 16px;
    }
    .qna_wrap .qna_list .qna_item_title .qna_title{
    	font-size: 16px;
    	width: 80%;
    }
    .qna_wrap .qna_list .qna_item_wrap{
        border-bottom: 1px solid #ccc;    
        line-height: 50px;
        height: 50px;
        font-size: 13px;
        display: flex;
        justify-content: flex-start;
        gap: 10px; 
        padding: 0;
    }
    
    .qna_wrap .qna_list .qna_item_wrap .qna_use_wrap{
    	width: 25%;
    	padding: 0;
    	text-align: center;
    }
    
    .qna_wrap .qna_list .qna_item_wrap .qna_title{
        width: 80%;
        display: block;
        padding: 0 10px;
        box-sizing: border-box;
        text-align: left;
        
    }
    .qna_wrap .qna_list .qna_item_wrap .qna_time{
    	width: 10%;
    }
    
    .qna_wrap .qna-btn-wrap,
    .notice_wrap .qna-btn-wrap,
    .portfolio_box .qna-btn-wrap{
    	width: 100%;
    	display: flex;
		justify-content: center;    
		margin-top: 50px;
		align-content: center;
    }
    
    /* 공지사항 바로가기 버튼 margin 변경 */
    .noti_qna_area .noti_qna_box .notice_wrap .qna-btn-wrap{
    	margin-top: 20px;
    	margin-bottom: 50px;
    }

    .qna_wrap .qna-btn-wrap .qna-btn-m,
    .notice_wrap .qna-btn-wrap .qna-btn-m,
    .portfolio_box .qna-btn-wrap .qna-btn-m{
    	width: 250px;
    	font-size: 18px;
    	height: 40px;
    	line-height: 40px;
    	background-color: #fff;
    	/*text-align: center;*/
    	border-radius: 20px;
    	
    	display: flex;
	    justify-content: center;
	    align-items: center;
	    gap: 10px;
	    cursor: pointer;
    }
    
    /* 공지사항 바로가기 버튼 border 추가 */
    .notice_wrap .qna-btn-wrap .qna-btn-m,
    .portfolio_box .qna-btn-wrap .qna-btn-m{
    	border: 1px solid #666;
    }
    
    .qna_wrap .qna-btn-wrap .qna-btn-m img,
    .notice_wrap .qna-btn-wrap .qna-btn-m img,
    .portfolio_box .qna-btn-wrap .qna-btn-m img{
    	width: 20px;
    	height: 20px;
    	object-fit: cover;
    }
    /**** 포트폴리오  */    
    .content_area .portfolio_box{
        margin-top: 90px;    
        box-sizing: border-box;
    	background-color: #e8ebf0;
    	padding: 50px 20px;
		padding-bottom: 80px;
    }
    
    .content_area .portfolio_box .portfolio_title_wrap{
        border-style: none;    
        box-sizing: border-box;
        margin-top: 40px;
    }
    
    .content_area .portfolio_box .portfolio_title_wrap .course_title{
        width: 95%;
        float: left;
        box-sizing: border-box;
        line-height: 50px;
    }
    .content_area .portfolio_box .portfolio_title_wrap .portfolio_title .title{
        font-size: 2em;
        margin: 0 10px;
    }

    /**********************************************************************************
        2025.10.21 최기근 수정
        기존 : display:none 수정 
    */
    .content_area .portfolio_box .portfolio_title_wrap .portfolio_title .description{
        display:block;
        padding: 0 10px;
        margin-top:10px;
        border-left: none;
        font-size: 1em;
    }
    /***********************************************************************************/

    .content_area .portfolio_box .portfolio_title_wrap .portfolio_img_wrap{
        float: right;
        width: 5%;
        box-sizing: border-box;
        line-height: 50px;
        height: 50px;
    }
    .content_area .portfolio_box .portfolio_title_wrap .portfolio_img_wrap .portfolio_add_img{
        width: 30px;
        height: 30px;
        float: right;
        margin: 15px;
    }

    /*Swiper*/
    .content_area .portfolio_box .swiper {
        clear: both;
        padding: 10px;   
    }

    .mySwiper3 .swiper-slide {
        box-sizing: border-box;
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .mySwiper3 .swiper-slide .content_wrap{
        width: 100%;
        height: 230px;
        background: no-repeat center fixed;
        background-size: cover;
        border-radius: 20px;
        box-sizing: border-box;
        padding: 20px 10px;
        border: 1px solid #ccc;
    }
    
    
    /*수강후기 유튜브*/        
    .content_area{
    }
    .content_area .sugang_box{
        margin-top: 0;
        background-color: #1d2b70;
        padding: 90px 20px;
        width: 100%;
        box-sizing: border-box;
    }

    .content_area .sugang_box .sugang_title_wrap{
        border-style: none;    
        box-sizing: border-box;
    }
    .content_area .sugang_box .sugang_title_wrap .sugang_title{
        width: 95%;
        float: left;
        box-sizing: border-box;
        line-height: 30px;
        color: #fff;
        margin-bottom: 20px;
    }

    .content_area .sugang_box .sugang_title_wrap .sugang_title .title{
        font-size: 2em;
        margin: 0 10px;
    }

    /**********************************************************************************
        2025.10.21 최기근 수정
        기존 : display:none 수정 
    */
    .content_area .sugang_box .sugang_title_wrap .sugang_title .description{
        display:block;
        padding: 0 10px;
        border-left: none;
        font-size: 1.2em;
    }
    /***********************************************************************************/
	.content_area .sugang_box .sugang_content{
		width: 100%;
		box-sizing: border-box;
		align-content: center;
	}
    .content_area .sugang_box .interview-slide{
        float: none;
        box-sizing: border-box;
        width: 100%;
    }
    .content_area .sugang_box .interview-slide iframe{
        text-align: center;
        width: 100%;
        height: 400px;
        box-sizing: border-box;
        margin: 10px auto;
        border-radius: 20px;
    }
    
    
    /*블러그,카카오*/
    .appbbs_area{        
    }
    .appbbs_area .appbbs_box{
        margin-top: 10px;
    }
    .appbbs_area .appbbs_box .content_wrap .contact ul li{
/*        float: left;    */
        width: 100%;
        height: auto;
        box-sizing: border-box;
        padding: 5px 10px;
        margin: 0;
    }
    .appbbs_area .appbbs_box .content_wrap .contact ul li a{
        display: block;
        width: 100%;
        height: auto;
    }
    .appbbs_area .appbbs_box .content_wrap .contact ul li a img{
        width: 100%;
        height: auto;
    }
    .appbbs_area .appbbs_box .content_wrap .contact ul li:last-child a{
        display: none;
    }


/*메인 페이지 하단 링크 박스*/

.fast-link-wrap{
	display: flex;
	background-image: url('../imgs/서브배경1-04.png');
	background-size: cover;
	color: #fff;
	min-height: 300px;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 40px;
	padding: 20px;
}

.fast-link-wrap .link-img-box{
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: bold;
}

.fast-link-wrap .link-img-box img{
	width: 30px;
	height: 30px;
}

.fast-link-wrap .link-btn{
	background-color: #6d65ff;
	height: 30px;
	line-height: 30px;
	padding: 5px 15px;
	margin-top: 15px;
	border-radius: 10px;
	cursor: pointer;
}

   /* 취업 UPDATE */
	.update_list{
        grid-template-columns: 1fr;
    }

    .update_area{
        padding: 40px 16px;
        margin-top: 0;
    }

    .update_list{
        grid-template-columns: 1fr;
    }

    .update_list li{
        padding: 16px 18px;
    }

    .update_card{
    	width: auto;
    }

    .mySwiper4 {
    height: 360px; /* 카드 높이 × 4 */
	}


}

/*************************************************************
    2025.10.21 최기근
    포트폴리오 모바일 version 2rows 수정
*/
@media all and (max-width:590px) {	
    .mySwiper3 .swiper-slide .content_wrap{
        width: 100%;
        height:130px;
        background: no-repeat center fixed;
        background-size: cover;
        border-radius: 10px;
        box-sizing: border-box;
        padding: 10px 5px;
        border: 1px solid #ccc;
    }
    
    .content_area .sugang_box .interview-slide iframe{
        height: 250px;
    }
    
    .swiper.mySwiper2.swiper_web,
    .swiper.mySwiper2.swiper_web .swiper-wrapper .swiper-slide{
    	height: 380px; 
    }
    
    .swiper.mySwiper2.swiper_web .swiper-wrapper .swiper-slide .content_wrap{
    	height: 250px;
    }
    
    .content_area > .course_box > .course_title_wrap > .course_title > .title,
	.content_area > .portfolio_box > .portfolio_title_wrap > .portfolio_title > .title,
	.content_area > .sugang_box > .sugang_title_wrap > .sugang_title > .title,
	.noti_qna > .notice_wrap > .notice_title_wrap > .notice_title > .title,
	.noti_qna > .qna_wrap > .qna_title_wrap > .qna_title > .title{
    	font-size: 25px;
    }
	.content_area > .course_box > .course_title_wrap > .course_title > .description,
	.content_area > .portfolio_box > .portfolio_title_wrap > .portfolio_title > .description,
	.content_area > .sugang_box > .sugang_title_wrap > .sugang_title > .description,
	.noti_qna > .notice_wrap > .notice_title_wrap > .notice_title > .description,
	.noti_qna > .qna_wrap > .qna_title_wrap > .qna_title > .description{
		font-size: 18px;
		line-height: 18px;
    }
    
    .content_area .course_box 
    .course_title_wrap 
    .course_title 
    .description.web, .portfolio_title .description {
        white-space: nowrap;      
        overflow: hidden;         
        text-overflow: ellipsis;  
    }
    
     .notice_wrap .notice_title_wrap .notice_title .description {
        display: inline-block;   
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .mySwiper2 .swiper-slide .title_wrap .open_date .course_c_ing_span{
	    background: rgba(255,255,255,0.7);       
	    color: red;
	    font-size:8px;
	    padding: 5px;
	    border-radius: 9px;
	    position:absolute;
	    top:15px;
	    right:15px;
	    letter-spacing: 1px;
	}
	
	.mySwiper2 .swiper-slide .title_wrap .open_date .course_c_com_span{
	    background: rgba(0,0,0,0.5);       
	    color: #fff;
   	    font-size:8px;
	    padding: 5px;
	    border-radius: 9px;
	    position:absolute;
	    top:15px;
	    right:15px;
	    letter-spacing: 1px;
	}
    
}

@media all and (max-width:370px) {	
	div.info_area .quick_wrap > .quick_wrap_li a span{
		font-size: 12px;
		word-break: keep-all;
	}
	.content_area > .course_box > .course_title_wrap > .course_title > .title,
	.content_area > .portfolio_box > .portfolio_title_wrap > .portfolio_title > .title,
	.content_area > .sugang_box > .sugang_title_wrap > .sugang_title > .title,
	.noti_qna > .notice_wrap > .notice_title_wrap > .notice_title > .title,
	.noti_qna > .qna_wrap > .qna_title_wrap > .qna_title > .title{
    	font-size: 20px;
    }
	.content_area > .course_box > .course_title_wrap > .course_title > .description,
	.content_area > .portfolio_box > .portfolio_title_wrap > .portfolio_title > .description,
	.content_area > .sugang_box > .sugang_title_wrap > .sugang_title > .description,
	.noti_qna > .notice_wrap > .notice_title_wrap > .notice_title > .description,
	.noti_qna > .qna_wrap > .qna_title_wrap > .qna_title > .description{
		font-size: 12px;
		line-height: 12px;
    }
    
    .noti_qna > .notice_wrap > .notice_title_wrap{
    	padding-left: 0;
    }
    
    .content_area .sugng_box .sugang_title_wrap{
    	border-style: none;
    }
    
    .content_area .course_box.swiper.box_inner.clear{
    	margin-top: 30px;
    	padding-bottom: 0;
    	
    }
    
    .swiper.mySwiper2.swiper_web,
    .swiper.mySwiper2.swiper_web .swiper-wrapper .swiper-slide{
    	height: 300px; 
    }
    
    .swiper.mySwiper2.swiper_web .swiper-wrapper .swiper-slide .content_wrap{
    	height: 200px;
    }
    
    .swiper-slide .text_wrap .course_description .course_description1{
    	font-size: 13px;
    	margin-top: 40px;
    }
    
    .mySwiper2 .swiper-slide p.course_title,
    .mySwiper2 .swiper-slide p.course_description2,
    .mySwiper2 .swiper-slide p.course_description3{
    	font-size: 12px;
    }
    
    .portfolio_box .qna-btn-wrap div.qna-btn-m,
    .notice_wrap .qna-btn-wrap div.qna-btn-m,
    .qna_wrap .qna-btn-wrap div.qna-btn-m{
    	font-size: 13px;
    	width: 150px;
    }
    .portfolio_box .qna-btn-wrap div.qna-btn-m img,
    .notice_wrap .qna-btn-wrap div.qna-btn-m img,
    .qna_wrap .qna-btn-wrap div.qna-btn-m img{
    	width: 15px;
    	height: 15px;
    }
    
    .content_area .sugang_box .interview-slide iframe{
        height: 180px;
    }
    
    .notice_wrap .notice_list .notice_item_wrap{
	    font-size: 13px;
	    height: 150px;
	    width: 200px;
	    line-height: 27px;
	    border-radius: 20px;
	}
	
	.notice_wrap .notice_list .ellipsisText.noticeText{
		font-size: 13px;
		line-height: 20px;
	    white-space: normal;
	    word-break: keep-all;
	    width: 130px;
	    display: inline-block;
	}
	
	.qna_wrap .qna_list .qna_item_title .qna_use_wrap,
	.qna_wrap .qna_list .qna_item_title .qna_title{
		font-size: 12px;
	}
	
	.qna_wrap .qna_list .qna_item_wrap span{
		font-size: 12px;
	}
	
	.qna_wrap .qna_list .qna_item_wrap .qna_time img{
		width: 20px;
		height: 20px;
	}
	
}


@media (max-width: 450px) {
    .mySwiper2 .swiper-slide .course_description2 {
       display:none;
    }
    
     .mySwiper2 .swiper-slide .course_description3 {
       display:block;
    }
}


@media (min-width: 451px) {
    .mySwiper2 .swiper-slide .course_description2 {
       display:block;
    }
    
     .mySwiper2 .swiper-slide .course_description3 {
       display:none;
    }
}