@CHARSET "UTF-8";
:root{
	--color-table-gray: #f2f5f9;
	--color-border-gray: #dae0e9;
	--color-txt-Blue: #2c5ae9;
	
	--select-title:43px;
	--tb_select-title:36px;
	--m_select-title:25px;
	
	--select-subtitle:18px;
	--tb_select-subtitle:17px;
	--m_select-subtitle:15px;
	
	--section-title:45px;
	--tb_section-title:38px;
	--m_section-title:25px;
	
	--section-subtitle:20px;
	--m_section-subtitle:16px;
	
	--detail-padding-top:90px;
	--tb_detail-padding-top:40px;
	--detail-padding-bottom:90px;
	--tb_detail-padding-bottom:40px;
	--m_detail-padding-top:35px;
	--m_detail-padding-bottom:0px;
	
	--detail-background-color:#f1f4f9;
	
	--subtitle-padding-bottom:60px;
	--tb_subtitle-padding-bottom:32px;
}
/*하단 버튼 it-공통*/
.btn-bottom{display:inline-block; margin-top:60px; width:260px; height:60px; line-height:57px; border-radius:30px; border:2px solid #1443d9; color:#1443d9; font-weight:600; font-size:17px; text-align:center;}

/*select-detail*/
.curri_main{padding:var(--content-padding) 0;}
.select-detail h2{font-size:var(--select-title);}
.select-detail ul{display:flex; gap:10px; font-size: var(--select-subtitle); margin-top:40px; text-align:center; padding-bottom:100px;}
.select-detail ul li{width:100%; height:60px; border: 1px solid #ECEDF4; border-radius:14px; overflow:hidden;}
.select-detail ul li a{font-family:"PretendardM"; color:#4D5762; display:block; width:100%; display:flex; justify-content:center; align-items:center; width:100%; height:100%; background-color:#F7F9FD;}
.select-detail ul li.border-emphasize{box-shadow: 0 10px 20px rgba(23,25,29,.08); border:4px solid transparent; border-radius: 14px; background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #34DCFA 0%, #CFFFFF 29%, #2C5AE9 67%, #3182F6 100%); background-origin: border-box; background-clip: content-box, border-box;}
.select-detail ul li.border-emphasize a{color:#222;}

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

.curri-detail{width:100%; text-align:center;}
.curri-detail .detail-section:not(.detail-title-box){ padding-top:var(--detail-padding-top);}
.curri-detail .detail-section:not(.detail-title-box){padding-bottom: var(--detail-padding-bottom);}
.curri-detail .detail-background{background-color:var(--detail-background-color);}
.curri-detail .detail-section .bubble{background-color:#f1f3f8; display: block; width:fit-content; height:40px; margin:0 auto; color:#2c5ae9; padding:8px 20px; border-radius:20px; margin-bottom:20px; font-weight:700; line-height:24px;}
.curri-detail .detail-section .bubble-tri{background-color:#cee0ff; position:relative;}
.curri-detail .detail-section .bubble-tri::after{content:""; position:absolute; bottom:-7px; left:50%; transform:translateX(-50%); width:0; height:0; border-top:8px solid #cee0ff; border-right:4px solid transparent; border-left:4px solid transparent;}

.curri-detail .detail-section h2{font-size:var(--section-title);}
.curri-detail .detail-section h2 .section-title-blue{color:#2c5ae9;}
.curri-detail .detail-section .section-txt{font-size:var(--section-subtitle); padding:15px 0 var(--subtitle-padding-bottom);}
.curri-detail .detail-section .bottom-only{font-size:var(--section-subtitle); padding:15px 0 25px;}

.wrap-reason div h5{padding:15px 0 10px;}


.curri-detail .guide-box .category_word{display:flex; justify-content:center; color:#2c5ae9; font-size:14px; font-weight:600; line-height:36px;}
.curri-detail .guide-box .category_word li{border:1px solid #95acf4; border-radius:20px; padding:1px 22px; margin: 0px 5px;}

.curri-detail .guide-box table{width:100%; margin-top:46px; border:solid #222; border-width:1px 0 0;}
.curri-detail .guide-box table tr{height:76px;}
.curri-detail .guide-box table th{background-color:var(--color-table-gray); border-bottom:1px solid var(--color-border-gray); font-weight:500;}
.curri-detail .guide-box table td{padding:2px 30px 0; padding:25px 30px; border-bottom:1px solid var(--color-border-gray); text-align:left;}

.curri-detail .detail-section .wrap-up{display:flex; width:100%; margin:0 auto; gap: 16px;}
.curri-detail .detail-section .wrap-up .up-item{background-color:#fff; width:100%; border:1px solid #d7d7d7; border-radius:28px; padding:35px 10px; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.curri-detail .detail-section .wrap-up .up-item .edu-icon{width:32px;}
.curri-detail .detail-section .wrap-up .up-item h4{font-size:18px; font-weight:700; padding:10px 0;}
.curri-detail .detail-section .wrap-up .up-item p{font-size:16px;}
.curri-detail .detail-section .what-ktraining{line-height:1.3;}
.curri-detail .detail-section .what-ktraining p:first-child{font-size:18px; padding:45px 0 10px;}

/*전액 국비지원*/
.curri-detail .detail-section .collabo-wrap{width:321px; height:auto; margin:0 auto; margin-bottom:24px;}
.curri-detail .detail-section .collabo-wrap img{width:100%; height:auto;}
.curri-detail .detail-section .all-free-wrap .all-free{padding:50px 12%; border-radius:28px; display:flex; align-items:center; justify-content:center; gap:68px;}
.curri-detail .detail-section .all-free-wrap .all-free .hrd-card{
	/*filter: drop-shadow(-3px 5px 10px rgba(0,0,0,.2)); -webkit-filter: drop-shadow(-3px 5px 10px rgba(0,0,0,.2));*/}
.curri-detail .detail-section .all-free-wrap .all-free div{text-align:left;}
.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:35px;}
.curri-detail .detail-section .all-free-wrap .all-free div p b{font-size:46px; color: #1443d9;}
.curri-detail .detail-section .all-free-wrap .all-free div .hrd-click{padding:0 25px; margin-top:20px; background-color:#1443d9; display:inline-block; width:auto; height:60px; border-radius:30px; font-weight:600; font-size:17px; line-height:60px; text-align:center; color:#fff;}
.curri-detail .detail-section .all-free-wrap .all-free div .hrd-click::after{content:''; display:inline-block; width:22px; height:22px; border-radius:50%; margin:0 0 -5px 9px; background-color:#fff2; background-image:url('/resources/images/curriculum/curri-detail/it/hrd-click-arrow.png');
background-position:center; background-repeat:no-repeat;}
.curri-detail .detail-section .all-free-wrap .hrd-card-title{padding:28px 0 13px 0; font-weight:600; font-size:18px;}

/*커리큘럼 기술스택-20250522 교육과정 리뉴얼 수정개입*/
/*.curri-detail .detail-section .noSectionTxt{padding-bottom:var(--subtitle-padding-bottom);}*/
.curri-detail .detail-section .sub-tec{display:flex; justify-content:center; align-items:center; flex-direction:column; padding-bottom: 53px; width:100%; max-width:780px; margin:0 auto;}
.curri-detail .detail-section .sub-tec img{width:100%; height:auto;}
.curri-detail .detail-section .sub-tec-map{display:flex; flex-wrap:wrap; justify-content:space-between; text-align:left;}
.curri-detail .detail-section .sub-tec-map div{position:relative; font-weight:500; width:30%; height:208px; border-radius:12px; border:1px solid #d7d7d7; padding:30px 25px;}
.curri-detail .detail-section .sub-tec-map div:nth-child(-n+3){margin-bottom:36px;}
.curri-detail .detail-section .sub-tec-map div:nth-child(-n+2)::after{content:url(/khacademy/resources/images/sub/curriculum/curri-detail/it/it1/sub-tech-arrow.png); position:absolute; top:89px; right:-25px;}
.curri-detail .detail-section .sub-tec-map div:nth-child(3)::after{content:url(/khacademy/resources/images/sub/curriculum/curri-detail/it/it1/sub-tech-arrow3.png); position:absolute; top:207px; right:45%;}
.curri-detail .detail-section .sub-tec-map div:nth-child(n+5):nth-child(-n+6)::after{content:url(/khacademy/resources/images/sub/curriculum/curri-detail/it/it1/sub-tech-arrow2.png); position:absolute; top:89px; left:-25px;}
.curri-detail .detail-section .sub-tec-map div img{position:absolute; bottom:0; right:15px;}
.curri-detail .detail-section .sub-tec-map div p:first-of-type{color:#3064bb; font-size:13px;}
.curri-detail .detail-section .sub-tec-map div p:last-of-type{padding:6px 0 17px; font-size:20px;}
.curri-detail .detail-section .sub-tec-map div ul{color:#666; width:100%;}
.curri-detail .detail-section .sub-tec-map div ul li::before{content:"·"; padding-right:3px;}
.curri-detail .detail-section .sub-tec-map div ul li{float:left; width:110px; font-size:15px; line-height:1.4;}
.curri-detail .detail-section .sub-tec-map div:nth-child(5) ul li{width:100%;}

.wrap-curri-table .curri-table-title{padding:80px 0 20px; color:#1b5ab8; text-align:center; font-weight:500; font-size:20px; line-height:28px;}
.wrap-curri-table .curri-table-title-orange{color:#e1523c;}
.wrap-curri-table .curri-table{text-align:left; width:100%; border-radius:14px; border-collapse:collapse; box-shadow:0 0 0 1px #b7b7b7; background:linear-gradient(to right, #fff, #f5f9fc); margin-bottom: 8px;}
.wrap-curri-table .curri-table th{width: 20%; padding:20px 20px 17px;font-weight:500; font-size:18px;}
.wrap-curri-table .curri-table th span{color:#5574ad; font-size:13px; display:block; margin-bottom:3px;}
.wrap-curri-table .curri-table-orange th span{color:#e1523c;}
.wrap-curri-table .curri-table td{padding-left:20px;}
.wrap-curri-table .curri-table .td-expansion{padding:9px 0 9px 20px;}
.wrap-curri-table .curri-table td:first-of-type{width:40%; padding:12px 20px 11px; line-height:1.4;}
.wrap-curri-table .curri-table tr:last-child td:not(.no-last){padding-top:0;}
.wrap-curri-table .curri-table .edu-index td::before{content:''; display:inline-block; width:98%; height:1px; margin-top:-17px; background:#b7b7b7;}
.wrap-curri-table .curri-table .edu-index ul{flex-direction:column; line-height:2;}
/*kdc,kdt ul방향*/
/*.wrap-curri-table .curri-table .edu-direction ul{flex-direction:column; line-height:2;}*/

/*.wrap-curri-table .curri-table .edu-index ul li{margin-right:20px;}*/
.wrap-curri-table .curri-table .edu-index ul li:not(.noListStyle)::before{content:'·'; padding-right:3px;}
.wrap-curri-table .curri-table td .skill-tree{font-weight:700; font-size:14px;}
.wrap-curri-table .curri-table td .skill-tree li{margin:3px 0; display:inline-block; min-height:34px; height:auto; padding:7px 10px; border-radius:8px; border:1px solid #b7b7b7; background-color:#fff;}
.wrap-curri-table .curri-table-alone th{padding:18px 25px 16px;}

.wrap-curri-table .curri-table-orange{background: linear-gradient(to right, #fff, #fffbf7);}
.wrap-curri-table .curri-table .th-small{color:#888; font-weight:400; font-size:12px; margin-top:6px;}

/*mou - kdt만 해당*/
.wrap-mou{display:grid; grid-template-columns:repeat(2, 1fr); grid-template-rows:repeat(2, 1fr); grid-gap: 10px;}
.wrap-mou-bs{grid-template-columns:repeat(3, 1fr);}
.wrap-mou .mou-item{display:flex; justify-content:space-between; flex-direction:row-reverse; gap:20px; height:328px; border-radius:38px; padding:60px 30px; color:#fff;}
.wrap-mou .mou-bs{border-radius:38px; padding:26px; color:#fff;}
.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:30px; padding-bottom:8px; line-height:40px; font-weight:500;}
.wrap-mou .mou-item div p{font-size:19px;}
.wrap-mou .mou-item div p:last-of-type{padding-top:24px;}

.wrap-mou .mou-bs ul{text-align:left; margin-top:10px; line-height:1.5;}
.wrap-mou .mou-bs ul li{position:relative; padding-left:8px;}
.wrap-mou .mou-bs ul li::before{content:'·'; position:absolute; left:0;}

.wrap-mou .mou-blue{background-color:#008bf0;}
.wrap-mou .mou-green{background-color:#00c4c4;}
.wrap-mou .mou-red{background-color:#e93660;}
.wrap-mou .mou-black{background-color:#3a3a45;}

.mou-logo{border-radius:34px; width:40% !important;}
.mou-title{border-radius:34px; width:100%; padding:10px 0;}
.mou-logo-blue{background-color:#0072ea;}
.mou-logo-green{background-color:#00aaaa;}
.mou-logo-red{background-color:#e02548;}
.mou-logo-black{background-color:#27272f;}


/*curri-interview*/
.curri-detail .detail-section .wrap-curri-interview{display:grid; grid-template-columns: repeat(2, 1fr); width:100%; gap:24px;}
.curri-detail .detail-section .wrap-curri-interview .curri-interview{width:100%; margin:0 auto; max-width:562px; text-align:left;}
.curri-detail .detail-section .wrap-curri-interview .curri-interview .interview-box{display:block; width:100%; height:auto; border-radius:38px; overflow:hidden;}
.curri-detail .detail-section .wrap-curri-interview .curri-interview .interview-box img{width:100%; height:auto;}
.curri-detail .detail-section .wrap-curri-interview .curri-interview p{color:#2750dc; padding:17px 0 0 13px; font-weight:500; font-size:16px;}
.curri-detail .detail-section .wrap-curri-interview .curri-interview h4{padding:5px 0 18px 13px; color:#333; font-weight:600; font-size:18px;}
.curri-detail .detail-section .wrap-curri-interview .curri-interview h4>span{padding-left:0; color:#333; font-weight:600; font-size:18px;}
.curri-detail .detail-section .wrap-curri-interview .curri-interview span{padding-left:13px; color:#666; font-weight:500; font-size:15px;}

/*수강생 프로젝트*/
.project_content .project_contenttitle{color:#1b5ab8; font-weight:700; line-height:1.5; font-size:15px;}
.project_content .project_contenttitle span{color:#7d889c; font-weight:500;}
.project_content .project_box_wrap{display:grid; gap:30px; grid-template-rows:repeat(2,1fr); grid-template-columns:repeat(2,1fr); padding-top:30px;}
.project_content .project_box_wrap .project_box{max-width:550px; width:100%; height:auto; position:relative; border-radius:14px; overflow:hidden;}
.project_content .project_box_wrap .project_box::before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:14px; mix-blend-mode:multiply; box-shadow:3px 5px 21px 0px rgba(88,88,88,0.24);}
.project_content .project_box_wrap .project_box .img_wrap{width:100%; height:auto;}
.project_content .project_box_wrap .project_box .img_wrap img{width:100%; height:auto;}

.project_swiper .pagination_wrap{width:100%; height: auto; margin-top:40px;}
.pagination_wrap .swiper-pagination{position:static; display:inline-block; width:auto;}
.pagination_wrap .btn_pause{display:inline-block; width:16px; height:10px; border-radius:5px; background:#b2b2b2;}
.pagination_wrap .btn_pause::before{content:''; display:inline-block; width:4px; height:4px; margin:3px 1px 3px 0; background:#222;}
.pagination_wrap .btn_pause.pause{background-color:#222; position:relative;}
.pagination_wrap .btn_pause.pause::after{content:''; display:inline-block; border-radius:2px; margin:2px 0; border-top:3px solid transparent; border-bottom:3px solid transparent; border-right:0px solid transparent; border-left:6px solid #fff;
position:absolute; top:0; left:6px;}
.pagination_wrap .swiper-pagination-bullet{width:10px; height:10px; border-radius:50%; margin:0 3px; border:2px solid #b2b2b2; background:#fff;}
.pagination_wrap .swiper-pagination-bullet-active{border:2px solid #222; background:#222;}

/*비전공자도 ok*/
.wrap-info{display:grid; grid-template-columns:repeat(3, 1fr); gap:20px;}
.wrap-info .info-ok-box{font-size:20px; line-height:1.3; padding:45px 0 0; background:url('/khacademy/resources/images/curriculum/curri-detail/it/info_ok_box.png') no-repeat top/contain; width:100%; height:auto;}
.wrap-info .info-ok-box .info-title{height:80px; color:#fff; font-weight:400; margin-bottom: 11px;}
.wrap-info .info-ok-box .info-title-pad{padding-top:2%;}
.wrap-info .info-ok-box .img-wrap{overflow:hidden; width:84px; height:84px; border-radius:50%; margin:0 auto; background:#cedefa;}
.wrap-info .info-ok-box .img-wrap img{width:100%; height:auto;}
.wrap-info .info-ok-box .info-answer{font-size:18px; padding-top:15px;}

/*No.1 국내 최대의 취업 실적*/
.wrap-reason-bg{position:relative; background-color:#fff;}
.wrap-reason-bg h2{padding-bottom:var(--subtitle-padding-bottom);}
.wrap-reason{width:100%; margin:0 auto; display:grid; grid-template-columns:repeat(3, 1fr); grid-template-rows:repeat(2,1fr); gap:19px;}
.wrap-reason .reason-item{padding:30px; border:1px solid #2750DC; border-radius:10px; text-align:left; background:linear-gradient(to top, #F6F9FE, #fff 60%);}
.wrap-reason .reason-item .pointBox{display:inline-block; background:#2750DC; color:#fff; border-radius:6px; margin-bottom:10px; padding:6px 10px; font-size:13px; font-family:"PretendardM";}
.wrap-reason .reason-item p{ line-height:1.5; font-family:"PretendardSB"; font-size:17px;}
.wrap-reason .reason-item .txtBlue{color:var(--color-txt-Blue);}
.wrap-reason .reason-item .img-wrap{width:100%; height:120px; display:flex; justify-content:center; margin-top:30px;}
.wrap-reason .reason-item .img-wrap img{width:100%; height:auto;}

/*리얼 수강후기*/
.only-section-bottom{padding-bottom:0px !important;}
.wrap-review{display:grid; grid-template-columns:repeat(2, 1fr); grid-template-rows:repeat(2, 1fr); grid-column-gap:50px;}
.wrap-review .review-box{height:188px;  font-weight:500; display:flex; justify-content:center; align-items:center;padding-left:83px; padding-bottom:20px;}
.wrap-review .review-box:nth-child(even){padding-left:0; padding-right:83px; margin-top:30px;}
.wrap-review .review-box p:first-child{padding-bottom:14px; font-size:17px;}
.wrap-review .review-box p:last-child{color:#777; font-size:13px; letter-spacing:-0.075em;}

/*훈련 프로세스*/
.wrap-cardProcess .cardProcess{display:flex; justify-content:space-between; gap:10px;}
.wrap-cardProcess .cardProcess li{overflow:hidden; border:1px solid #f1f3f8; border-radius:28px; width:265px;}
.wrap-cardProcess .cardProcess li .imgBox{background-color:#f1f3f8; overflow:hidden;}
.wrap-cardProcess .cardProcess li .txtBox{padding:22px 18px;}
.wrap-cardProcess .cardProcess li .txtBox span:first-of-type{disdplay:block; color:#5b5b5b; font-size:13px; letter-spacing:-0.1px;}
.wrap-cardProcess .cardProcess li .txtBox .line{display:block; background:#d3d3d3; width:15px; height:1px; margin:0 auto; margin-bottom:10pt;}
.wrap-cardProcess .cardProcess li .txtBox p:first-of-type{font-size:18px; font-weight:500; margin-bottom:15px;}
.wrap-cardProcess .cardProcess li .txtBox p:last-of-type{font-size:14px; color:#5b5b5b; line-height:1.2; position:relative;}

.wrap-cardProcess .ability{margin-top:50px; text-align:center;}
.wrap-cardProcess .ability p{font-size: 17px; line-height:1.4;}