@CHARSET "UTF-8";

/*디자인을 위한 미디어쿼리 추가-취업실적배경*/
@media screen and (max-width:1555px){

.wrap-reason-bg .bg-circle1{display:none;}
}
/*디자인을 위한 미디어쿼리 추가-수강후기txt*/
@media screen and (max-width:1130px){
	
.wrap-review .review-box{padding-bottom:40px;}
.wrap-review .review-box p:first-child{font-size:16px;}
.wrap-review .review-box p:last-child{font-size:12px;}
}

/*****************/
@media screen and (max-width: 1024px){

.btn-bottom{font-weight:500;}

.curri_main{padding:var( --content-padding-tablet) 0;}
.curri_main_game{padding:var( --content-padding-tablet) 0;}
.select-detail h2{font-size:var(--tb_select-title); font-weight:500;}
.select-detail ul{padding-bottom:40px; font-size: var(--tb_select-subtitle); margin-top:36px; display:grid; grid-template-columns:repeat(2, 1fr);}
.select-detail ul{display:grid; grid-template-columns:repeat(2, 1fr); gap:12px;}
.select-detail ul li{height:54px; border: 1px solid #ECEDF4;}
.select-detail ul li.border-emphasize{border:4px solid transparent;}

.select-grid ul{grid-template-columns:repeat(2, 1fr);}

.curri-detail .detail-section{ padding-top:var(--tb_detail-padding-top);}
.curri-detail .detail-section:not(.detail-title-box){padding-top: var(--tb_detail-padding-top); padding-bottom: var(--tb_detail-padding-bottom);}
.curri-detail .detail-section h2{font-size:var(--tb_section-title); font-weight:500;}

.detail-section .tb_section-title{padding-bottom:32px;}
.detail-section .tb_section-title span{color: #2c5ae9; display:block;}
.curri-detail .detail-section .wrap-up-four{display:grid; grid-template-rows: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr); gap: 16px;}
.curri-detail .detail-section .bubble{display:none;}
.curri-detail .detail-section .section-txt{font-size:var(--section-subtitle); padding:8px 0 var(--tb_subtitle-padding-bottom);}

.curri-detail .detail-section .what-ktraining p:first-child{padding:30px 0 10px;}

/*전액 국비지원 */
.curri-detail .detail-section .collabo-wrap{width:290px; margin-bottom:18px;}
.curri-detail .detail-section .all-free-wrap .all-free{padding:45px 7%; gap:60px;}
.curri-detail .detail-section .all-free-wrap .all-free div p:first-of-type{font-size:20px;}
.curri-detail .detail-section .all-free-wrap .all-free div p:last-of-type{font-size:30px;}
.curri-detail .detail-section .all-free-wrap .all-free div p b{font-size:34px;}
.curri-detail .detail-section .all-free-wrap .all-free div .hrd-click{font-size:16px; font-weight:500;}

/*과정 커리큘럼*/
.curri-detail .detail-section .sub-tec{flex-direction:column; padding-bottom:44px;}
.curri-detail .detail-section .sub-tec .m-sub-tec-img{width:500px; height:auto; padding:10px;}
.curri-detail .detail-section .sub-tec .sub-tec-item{width:100%; display:grid; grid-template-columns:repeat(2, 1fr); gap:10px; height:auto;}
.curri-detail .detail-section .sub-tec .sub-tec-item li{width:100%; margin:0 auto; font-weight:500;}
.curri-detail .detail-section .sub-tec .sub-tec-item li:not(:first-child){margin-top:0;}
.curri-detail .detail-section .sub-tec .sub-tec-item-rigth li:not(:first-child){margin-top:0;}
.curri-detail .detail-section .sub-tec .sub-tec-item .now-show{display:flex;}
.curri-detail .detail-section .sub-tec .sub-tec-item .now-hide{display:none;}

.wrap-curri-table .curri-table-title{padding:40px 0 18px;}
.wrap-curri-table .curri-table .curri-table th{font-weight:500;}
.wrap-curri-table .curri-table .curri-table th span{font-weight:500;}
.wrap-curri-table .curri-table .edu-index ul{display:block;}

/*mou - kdt만 해당*/
.wrap-mou .mou-item{width:100%; height:auto; padding:50px 25px;}
.wrap-mou .mou-item div{display:flex; flex-direction:column; justify-content:center; text-align:left; width:60%;}
.wrap-mou .mou-item div h3{font-size:24px; padding-bottom:10px; line-height:1.3;}
.wrap-mou .mou-item div p{font-size:18px;}


/*비전공자도 ok*/
.wrap-info{display:block; margin-bottom:30px;}
.wrap-info .info-ok-box{width:419px;margin:0 auto; margin-bottom:30px; padding-top:55px;}
.wrap-info .info-ok-box .info-title-one{padding-top:20px;}

/*No.1 국내 최대의 취업 실적*/
.wrap-reason{grid-template-columns:repeat(1, 1fr); max-width:419px;}
.wrap-reason .reason-item{padding:20px;}
.wrap-reason .reason-item .pointBox{font-size:12px;}
.wrap-reason .reason-item p{font-size:15px;}

/*리얼 수강후기*/
.wrap-review{display:block; width:600px; margin:0 auto;}
.wrap-review .review-box{margin-bottom:30px; padding-bottom:11px;}
.wrap-review .review-box p:first-child{font-size:17px;}
.wrap-review .review-box p:last-child{font-size:13px;}

}

@media screen and (max-width: 767px){
.it-title-top{background: url('../../../images/mobile/sub/curriculum/it-sw-ver2-m.jpg') center/cover no-repeat !important;}
	
.btn-bottom{width:100%; height:70px; border-radius: 70px; line-height:64px; margin-top:40px;}

.curri_main{padding:var( --content-padding-mobile) 0; background-color:#f1f4f9;}
.curri_main_game{padding:var( --content-padding-mobile) 0; background-color:#f1f4f9;}

.select-detail h2{font-size:var(--m_select-title);}
.select-detail ul{margin-top:28px; font-size:var(--m_select-subtitle); padding-bottom:35px; gap:10px !important;}
.select-detail ul li{height:66px;}
.select-detail ul li a{line-height:1.2;}

.curri-detail .innerWhite{background-color:#fff !important;}
.curri-detail .innerWhite .detail-title-box{background-color:#fff !important;}

.curri-detail .guide-box{padding-bottom:35px;}
.curri-detail .guide-box .category_word{display:grid; grid-template-columns:repeat(4, 1fr); gap:5px; font-size:11px;}
.curri-detail .guide-box .category_word li{margin:0; padding:0;}

.curri-detail .detail-section:not(.detail-title-box){padding-top:var(--m_detail-padding-top); padding-bottom: 20px;}
.curri-detail .detail-section:not(.innerWhite){background-color:#f1f4f9;}
.curri-detail .detail-section h2{font-size:var(--m_section-title);}
.curri-detail .detail-section h2:not(.not-title-bottom){padding-bottom: 30px;}
/*pc부터로 이동.curri-detail .detail-section h2 .section-title-blue{color:#2c5ae9;}*/
.curri-detail .detail-section .section-txt{font-size:var(--m_section-subtitle);}
.curri-detail .detail-section .bottom-only{font-size:var(--m_section-subtitle); padding:0 0 15px;}

.curri-detail .detail-section .wrap-up{display:block;}
.curri-detail .detail-section .wrap-up .up-item{margin-bottom:8px;}


.curri-detail .detail-section .what-ktraining p:first-child{font-size:15px; padding:15px 0 10px;}
.curri-detail .detail-section .what-ktraining p{font-size:14px;}

/*국비지원*/
.curri-detail .detail-section .all-free-wrap .all-free{display:block;}
.curri-detail .detail-section .all-free-wrap .all-free .hrd-card{width:80%; height:auto;}
.curri-detail .detail-section .all-free-wrap .all-free div{text-align:center; margin-top:20px;}
.curri-detail .detail-section .all-free-wrap .all-free div p:first-of-type{font-size:15px;}
.curri-detail .detail-section .all-free-wrap .all-free div p:last-of-type{font-size:21px;}
.curri-detail .detail-section .all-free-wrap .all-free div p b{font-size:28px;}
.curri-detail .detail-section .all-free-wrap .all-free div .hrd-click{letter-spacing:0; padding:0 30px; height:55px; line-height:55px;}
.curri-detail .detail-section .all-free-wrap .hrd-card-title{font-size:15px;}
.curri-detail .detail-section .all-free-wrap .hrd-card-txt{font-size:14px;}
.curri-detail .detail-section .all-free-wrap .hrd-card-txt span{font-weight:500;}

/*중간상담*/
.curri-detail .wrap-video-popup{border-bottom:7px solid #fff; padding-bottom:27px !important;}

/*전액 국비지원 */
.curri-detail .detail-section .collabo-wrap{width:220px; margin-bottom:8px;}

/*과정 커리큘럼*/
.curri-detail .detail-section .sub-tec{padding-bottom:var(--m_detail-padding-bottom);}
.curri-detail .detail-section{ padding-top:var(--m_detail-padding-top);}
.curri-detail .detail-section .sub-tec .sub-tec-item{font-size:13px;}
.curri-detail .detail-section .sub-tec .m-sub-tec-img{width:390px;}
.wrap-curri-table .curri-table th{font-size:15px;}
.wrap-curri-table .curri-table th span{font-size:12px;}
.wrap-curri-table .curri-table .edu-index td::before{width:94%;}

.wrap-curri-table .curri-table-title{font-size:18px;}
/*.wrap-curri-table .curri-table .edu-index ul{display:block;}*/
.wrap-curri-table .curri-table .edu-index ul li{font-size:13px; line-height:1.7;}
/*kdc.kdt 교육과정 추가*/
.wrap-curri-table .curri-table .edu-direction ul li{line-height:2;}
.wrap-curri-table .curri-table td .skill-tree{font-size:12px; font-weight:500;} 
.wrap-curri-table .curri-table td .skill-tree li{padding:7px 4px; margin:0 0 3px 0;}

/*curri-interview*/
.curri-detail .detail-section .wrap-curri-interview{display:block;}
.curri-detail .detail-section .wrap-curri-interview .curri-interview:first-child{margin-bottom:50px;}
.curri-detail .detail-section .wrap-curri-interview .curri-interview .interview-box{border-radius:25px;}

/*수료생 인터뷰*/
.curri-detail .detail-section .wrap-curri-interview .curri-interview h4{font-size:16px; font-weight:500;}
.curri-detail .detail-section .wrap-curri-interview .curri-interview h4>span{font-size:16px; font-weight:500;}
/*수강생 프로젝트*/
.project_content .project_contenttitle{font-size:18px; font-weight:500;}

/*mou - kdt만 해당*/
.wrap-mou .mou-item{display:block; border-radius:18px; padding:25px 17px; position:relative; height:290px;}
.wrap-mou .mou-item div{width:100% !important;}
.wrap-mou .mou-item div h3{font-size:17px; padding:8px 0 16px; line-height:1.3;}
.wrap-mou .mou-item div p{font-size:13px;}
.wrap-mou .mou-item div p:last-of-type{position:absolute; bottom: 17px;}

.wrap-mou .mou-logo{border-radius:12px; height:80px;}
.wrap-mou .mou-logo img{width:150px; margin:0 auto;}

.wrap-mou-bs{grid-template-columns:repeat(1, 1fr);}

/*비전공자도 ok*/
.wrap-info{margin-bottom:5px;}
.wrap-info .info-ok-box{width:300px; padding-top:45px; margin-bottom:35px;}
.wrap-info .info-ok-box:last-child{margin-bottom:0;}
.wrap-info .info-ok-box .info-title{font-size:17px; margin-top:-5px;}
.wrap-info .info-ok-box .info-title-pad{padding-top:8px;}
.wrap-info .info-ok-box .info-title-one{padding-top:20px;}
.wrap-info .info-ok-box .info-answer{font-size:15px;}

/*취업실적*/
.wrap-reason{max-width:300px;}
.wrap-reason .reason-item .pointBox{padding:5px 8px;}
.wrap-reason .reason-item .img-wrap{height:90px;}

/*리얼 수강후기*/
.wrap-review{width:100%;}
.wrap-review .review-box{height:134px; margin-bottom:20px; background-repeat:no-repeat; background-position:top; background-size:contain; padding-left:71px;}
.wrap-review .review-box:nth-child(even){margin-top:0; padding-right:0; padding-left:71px;}
.wrap-review .review-box1{background-image:url('/khacademy/resources/images/mobile/sub/curriculum/m_review-box1.png') !important;}
.wrap-review .review-box2{background-image:url('/khacademy/resources/images/mobile/sub/curriculum/m_review-box2.png') !important;}
.wrap-review .review-box3{background-image:url('/khacademy/resources/images/mobile/sub/curriculum/m_review-box3.png') !important;}
.wrap-review .review-box4{background-image:url('/khacademy/resources/images/mobile/sub/curriculum/m_review-box4.png') !important;}
.wrap-review .review-box p:first-child{font-size:14px; text-align:left;}
.wrap-review .review-box .show-m{font-size:14px; text-align:left;}
.wrap-review .review-box p:last-child{font-size:11px;}
.wrap-review .review-box .review-box-txt{padding-top:20px;}
.wrap-review .review-box .review-box-txt p:first-child{padding-bottom:10px;}
.wrap-review .review-box .review-box-txt p:nth-child(2){padding-bottom:10px;}

}

@media screen and (max-width:500px){
	.wrap-mou .mou-logo img{width:100%; margin:0 auto;}
}