/* =========================================================
   서브 공통 : Figma sub visual 7351:553 (1920x580) / mob 7496:2742 (384x350) / lnb 7526:1851
   ========================================================= */
.sub_visual_wrap{position:relative;}
.sub_visual{position:relative; width:100%; height:36.25rem; display:flex; align-items:flex-end; padding-bottom:7.5rem; box-sizing:border-box; background:url("/img/sub/visual_about.jpg") no-repeat center / cover;}
.sub_visual::before{content:""; position:absolute; inset:0; background:rgba(0,0,0,.4);} /* visual_dim #000 40% */
/* 대메뉴별 서브비주얼 (Figma 7664:11146 / PC 1920x580) : 클래스는 head.php $sub_visual 에서 결정 */
.sub_visual.about{background-image:url("/img/sub/visual_about.jpg");}
.sub_visual.ai-assessment{background-image:url("/img/sub/visual_ai.jpg");}
.sub_visual.lecture{background-image:url("/img/sub/visual_lecture.jpg");}
.sub_visual.guide{background-image:url("/img/sub/visual_guide.jpg");}
.sub_visual.customer{background-image:url("/img/sub/visual_customer.jpg");}
.sub_vis_txt{color:#fff; position: relative; z-index: 2;}
.sub_vis_txt .crumb{display:inline-flex; align-items:center; gap:.5rem; opacity:.85; font-style:normal; font-size:1rem; line-height:1.5;}
.sub_vis_txt .crumb a{display:inline-flex; align-items:center; gap:.5rem; font-weight:500; color:#fff; opacity:.7;}
.sub_vis_txt .crumb a i{display:block; width:1rem; height:1rem; background:url("/img/sub/crumb_home.svg") no-repeat center / contain;}
.sub_vis_txt .crumb span{font-size:.8125rem; font-weight:400; line-height:1.43; opacity:.5;}
.sub_vis_txt .crumb .mid{font-style:normal; font-weight:500;}
.sub_vis_txt .crumb b{font-weight:700;}
.sub_vis_txt h2{margin-top:1rem; font-size:3.5625rem; font-weight:700; line-height:1.12; letter-spacing:-.0890625rem;}
.sub_vis_txt p{margin-top:1rem; font-size:1.125rem; font-weight:400; line-height:1.5; opacity:.9;}

/* 모바일 lnb (서브메뉴 있을 경우만 노출 / PC 는 시안에 없어 숨김) */
.sub_menu{display:none; background:#fff; border-bottom:1px solid #E1E2E4;}
.sub_menu ul{display:flex; gap:1.5rem; padding:0 1.25rem; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none;}
.sub_menu ul::-webkit-scrollbar{display:none;}
.sub_menu li{flex:1 0 auto;}
.sub_menu li a{display:block; padding:.875rem 0; border-bottom:.125rem solid transparent; font-size:.875rem; font-weight:500; line-height:1.43; color:#5A5C63; text-align:center; white-space:nowrap; transition:color .3s, border-color .3s;}
.sub_menu li.on a{font-weight:700; color:#29A3DB; border-bottom-color:#29A3DB;}

#sub_content{padding:7.5rem 0 8.75rem; overflow-x:hidden; overflow-x:clip;}
.sub_inner{max-width:92.5rem; padding:0 var(--container-pad); margin:0 auto;}

/* 서브 섹션 헤드 공통 */
.sub_wrap .sec_head .label{display:inline-flex; align-items:center; gap:.75rem; font-size:1rem; font-weight:700; line-height:1.5; color:#29A3DB; font-style:normal;}
.sub_wrap .sec_head .label i{display:block; width:.5625rem; height:.5625rem; border:.125rem solid #29A3DB; border-radius:50%; box-sizing:border-box;}
.sub_wrap .sec_head .tit{margin-top:1.5rem; font-size:2.25rem; font-weight:700; line-height:1.22; letter-spacing:-.03375rem; color:#171719;}
.sub_wrap .sec_head.flex_head{display:flex; justify-content:space-between; align-items:flex-start; gap:2.5rem;}
.sub_wrap .tag{display:inline-block; padding:.25rem .75rem; border-radius:62.4375rem; background:#E3F3FB; font-size:.875rem; font-weight:700; line-height:1.43; color:#1C8EC4; white-space:nowrap;}
.sub_wrap .tag.must{background:#29A3DB; color:#fff;}
.sub_wrap .ic_caret{display:inline-block; flex:none; width:1rem; height:1rem; background:#171719; -webkit-mask:url("/img/main/ic_caret.svg") no-repeat center / contain; mask:url("/img/main/ic_caret.svg") no-repeat center / contain;}


/* =========================================================
   사업소개 (about.php) : Figma sub_사업소개 7351:517 / mob 7496:2726
   ========================================================= */
/* sec01 : OVERVIEW (inner gap 64 / grid gap 52) */
.about .sec01{padding-bottom:7.5rem;}
.about .sec01 .sec_head .label{font-size:1.125rem;}
.about .sec01 .descs{width:38.75rem; flex:none; padding-top:2.5rem;}
.about .sec01 .descs p{font-size:1.125rem; font-weight:400; line-height:1.5; color:#5A5C63;}
.about .sec01 .descs p + p{margin-top:1.25rem;}
.about .sec01 .grid{margin-top:4rem;}
.about .sec01 .list{display:flex; gap:1rem;}
.about .sec01 .card{flex:1; display:flex; flex-direction:column; justify-content:space-between; height:16.875rem; padding:2rem 1.75rem; border-radius:1.5rem; box-sizing:border-box;}
.about .sec01 .card .icon{width:3.5rem; height:3.5rem;}
.about .sec01 .card .item_tit{display:block; font-size:1.75rem; font-weight:700; line-height:1.29; letter-spacing:-.0175rem;}
.about .sec01 .card .item_desc{margin-top:.5rem; font-size:1rem; font-weight:400; line-height:1.5;}
.about .sec01 .card.blue{background:#29A3DB; color:#fff;}
.about .sec01 .card.navy{background:#163F73; color:#fff;}
.about .sec01 .card.blue .item_desc, .about .sec01 .card.navy .item_desc{opacity:.8;}
.about .sec01 .card.gray{background:#F4F4F5; color:#171719;}
.about .sec01 .card.gray .item_desc{color:#5A5C63;}
.about .sec01 .img{margin-top:3.25rem; border-radius:1.5rem; overflow:hidden; aspect-ratio:1400/500;}
.about .sec01 .img img{width:100%; height:100%; object-fit:cover;}

/* sec02 : SYSTEM 전직지원 체계도 (inner gap 48 / band gap 20 / body gap 40) */
.about .sec02 .sec_head.flex_head{align-items:flex-end;}
.about .sec02 .sec_head .desc{font-size:1.125rem; font-weight:400; line-height:1.5; color:#5A5C63;}
.about .sec02 .band{margin-top:3rem;}
.about .sec02 .pre{display:flex; align-items:center; gap:1rem; padding:1.75rem; border:1px solid #E1E2E4; border-radius:1rem; background:#F4F4F5;}
.about .sec02 .pre .item_tit{font-size:1.25rem; font-weight:700; line-height:1.45; letter-spacing:-.00625rem; color:#171719;}
.about .sec02 .pre .item_desc{font-size:1rem; font-weight:400; line-height:1.5; color:#5A5C63;}
.about .sec02 .flow_list{display:flex; gap:1rem; margin-top:2.5rem;}
.about .sec02 .flow_list .card{flex:1; min-width:0; padding:1.5rem; border:1px solid #E1E2E4; border-radius:1.25rem; background:#fff; box-sizing:border-box;}
.about .sec02 .head{display:flex; align-items:center; justify-content:space-between; gap:.75rem; padding-bottom:1rem; border-bottom:1px solid #E1E2E4;}
.about .sec02 .head .item_tit, .about .sec02 .target .item_tit{position:relative; padding-left:.75rem; font-size:1.5rem; font-weight:700; line-height:1.33; letter-spacing:-.015rem; color:#171719;}
.about .sec02 .head .item_tit::before, .about .sec02 .target .item_tit::before{content:""; position:absolute; left:0; top:.4375rem; width:.25rem; height:1.125rem; border-radius:.125rem; background:#29A3DB;}
.about .sec02 .card.dark .head .item_tit::before{background:#1C8EC4;}
.about .sec02 .flow{display:flex; flex-direction:column; align-items:center; gap:.5rem; margin-top:1rem;}
.about .sec02 .step{width:100%;}
.about .sec02 .step .meta{display:flex; align-items:center; gap:.5rem; margin-bottom:.5rem;}
.about .sec02 .period, .about .sec02 .must{display:inline-block; padding:.25rem .5rem; border-radius:62.4375rem; font-size:.875rem; font-weight:700; line-height:1.43;}
.about .sec02 .period{background:#F4F4F5; color:#5A5C63;}
.about .sec02 .must{background:#1A5AA8; color:#fff;}
.about .sec02 .step .box{display:flex; flex-direction:column; gap:.25rem; padding:1rem 1.25rem; border-radius:.75rem; background:#29A3DB; color:#fff;}
.about .sec02 .card.dark .step .box{background:#1C8EC4;}
.about .sec02 .step .box strong{font-size:1rem; font-weight:700; line-height:1.5;}
.about .sec02 .step .box span{font-size:.75rem; font-weight:500; line-height:1.33; opacity:.8;}
.about .sec02 .connector{display:block; width:1px; height:.875rem; background:#DBDCDF;}
.about .sec02 .results{width:100%; display:flex; flex-direction:column; gap:.5rem;}
.about .sec02 .results span{display:block; padding:.75rem 1rem; border-radius:.75rem; background:#E3F3FB; font-size:.875rem; font-weight:700; line-height:1.43; color:#1C8EC4; text-align:center;}
.about .sec02 .common_list{display:flex; gap:1rem; margin-top:1.25rem;}
.about .sec02 .common_list li{flex:1; min-width:0; display:flex; align-items:center; gap:1.5rem; padding:1.5rem 1.75rem; border:1px solid #E1E2E4; border-radius:1.25rem; background:#fff; box-sizing:border-box;}
.about .sec02 .target{flex:none; width:9.375rem;}
.about .sec02 .target .tag{margin-top:.5rem;}
.about .sec02 .common_list .flow{flex:1; flex-direction:row; align-items:center; gap:.75rem; margin-top:0;}
.about .sec02 .common_list .box{display:inline-block; flex:none; padding:1rem 1.25rem; border-radius:.75rem; background:#29A3DB; font-size:1rem; font-weight:700; line-height:1.5; color:#fff; white-space:nowrap;}
.about .sec02 .common_list .result{flex:1; padding:1rem 1.25rem; border-radius:.75rem; background:#E3F3FB; font-size:1rem; font-weight:700; line-height:1.5; color:#1C8EC4; text-align:center;}
.about .sec02 .notes{margin-top:1.25rem;}
.about .sec02 .notes li{font-size:.875rem; font-weight:400; line-height:1.43; color:#5A5C63;}
.about .sec02 .notes li + li{margin-top:.5rem;}


/* 에러페이지 */
.error{background: #F9F9F9; display: flex; align-items: center; justify-content: center; gap:7.8125rem; height: 100vh;}
.error .txt strong{font-size: 1.125rem; font-weight: 800; color: #DD4640;}
.error .txt .title{font-size: 2.125rem; letter-spacing: -0.025rem; font-weight: 700; margin: 1.875rem 0;}
.error .txt p{font-size: 1.125rem; line-height: 1.33; color: #555;}
.error .txt a{font-size: 1rem; font-weight: 500; color: #FFF; padding: 1rem 0; background: #000; display: flex; justify-content: center; align-items: center; gap: 0.625rem; margin-top: 3.125rem; width: 14.375rem;}
.error .txt a img{width: 1.125rem;}
.error .img{width: 17.5rem;}
.error .img img{width: 100%;}


/* 댓글 */
.view_comment {margin-top: 3.75rem;}
.view_comment .comm_total {font-size: 1.25rem; font-weight: 600; letter-spacing: -0.0625rem;}
.view_comment .comm_total span {color: var(--color1);}
.view_comment .comm_list {margin-top: 1.25rem;}
.view_comment .comm_total + .comm_list {border-bottom: 0.0625rem solid #E5E5E5;}
.view_comment .c_item {border-top: 0.0625rem solid #E5E5E5; padding: 2.1875rem 0; margin-top: 0 !important;}
.view_comment .c_item .info {display: flex; align-items: center; gap: 0 1.25rem;}
.view_comment .c_item .info strong {font-size: 1.125rem; font-weight: 600; letter-spacing: -0.05rem;}
.view_comment .c_item .info span {font-size: 0.875rem; font-weight: 400; letter-spacing: -0.0125rem; color: #999;}
.view_comment .c_item .btn {display: flex; align-items: center; gap: 0.5rem;}
.view_comment .c_item .btn a {display: flex; align-items: center; justify-content: center; width: 3.75rem; height: 1.875rem; border-radius: 1.875rem; font-size: 0.875rem; font-weight: 600;}
.view_comment .c_item .btn a.black {background: #000; border: 0.0625rem solid #000; color: #fff;}
.view_comment .c_item .btn a.white {background: #fff; border: 0.0625rem solid #555; color: #555;}
.view_comment .c_item .content {margin-top: 0.9375rem; font-size: 1.125rem; font-weight: 400; color: #6D6D6D; letter-spacing: -0.03125rem; line-height: 1.4; height: auto;}
.view_comment .c_item .reply {margin-top: 0.9375rem; font-size: 1.125rem; font-weight: 400; color: #6D6D6D; letter-spacing: -0.03125rem; line-height: 1.4; text-decoration: underline; color: #000; display: inline-block; text-underline-offset: 0.125rem; cursor: pointer;}
.view_comment .c_reply {padding: 2.5rem 0 2.5rem 3.875rem; position: relative;}
.view_comment .c_reply + .c_reply {border-top: 0.0625rem dashed #E5E5E5;}
.view_comment .c_reply::before {content: ""; width: 1.46875rem; height: 1.71875rem; background: url('/img/sub/c_reply.svg') no-repeat center/cover; position: absolute; top: 1.6875rem; left: 1.25rem;}
.view_comment .reply_form {margin-top: 1.09375rem;}
.view_comment .c_reply .reply_form textarea {background: #F6F6F6;}
.view_comment .c_reply .reply_form textarea::placeholder {color: #8E8E8E;}
.view_comment .reply_form {display: flex; gap: 0.9375rem;}
.view_comment .reply_form .input {width: calc(100% - 7.1875rem);}
.view_comment .reply_form .input textarea {border: 0.0625rem solid #E5E5E5; width: 100%; height: 6.25rem; padding: 1.25rem 1.875rem; font-size: 1rem; font-weight: 500;}
.view_comment .reply_form button input,
.view_comment .reply_form button {width: 6.25rem; height: 6.25rem; background: #000; color: #fff; font-size: 1.125rem; font-weight: 600; outline: none; border: 0;}
.view_comment .comm_form {margin-top: 2.1875rem;}
.view_comment .comm_form textarea {background: #fff;}
.view_comment .comm_form textarea::placeholder {color: #ccc;}
.view_comment .board_btnCont .center {display: flex; align-items: center; justify-content: center; margin-top: 2.1875rem;}
.view_comment .dp_bt_wrap .dpp_chk > p,
.view_comment .dp_cmt_write .dpp_sec_chk p {color: #555; margin-bottom: 0.3125rem; font-size: 0.875rem;}

/* 문의 완료 */
/* 문의 완료 (apply_success.php) : 체크 아이콘 + 안내 + 버튼 2개 */
.board_success{text-align:center;}
.board_success .img{width:3rem; display: inline-block;}
.board_success .img img{width:100%;}
.board_success .txt{margin:1.5rem 0 2rem;}
.board_success .txt dt{font-size:1.75rem; font-weight:700; line-height:1.29; letter-spacing:-.0175rem; color:var(--c-label);}
.board_success .txt dd{margin-top:.75rem; font-size:1.0625rem; font-weight:400; line-height:1.5; color:var(--c-alt);}
.board_success .home_btn{display:flex; justify-content:center; gap:.75rem;}
.board_success .home_btn .btn{height:3.125rem; padding:0 2rem; font-size:1rem; font-weight:600;}
.board_success .home_btn .btn.line_dark{border:1px solid var(--c-line-strong); color:var(--c-label);}
.board_success .home_btn .btn.line_dark:hover{border-color:var(--c-label); background:var(--c-label); color:#fff;}

/* 팝업 */
.popup{display:none;}
.popup.open{display:block;}
.popup .popBg{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:10000;}
.popup .popInner{padding:1.875rem; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:37.5rem; background:#fff; z-index:10001;}
.popup .popInner .head{font-size:1.5625rem; padding-bottom: 1.25rem; border-bottom: 0.125rem solid #000; color:#000; font-weight: 800; display: flex; align-items: center; justify-content: space-between;}
.popup .popInner .head .close{width:1.125rem; aspect-ratio: 1/1; display: block;}
.popup .popInner .head .close img{width: 100%; display: block;}
.popup .popInner .body{margin-top: 1.875rem;}
.popup .popInner .body .textWrap .tit{font-size:1.25rem; line-height: 1.5; font-weight: 600; margin-bottom: 0.625rem; color:#000;}
.popup .popInner .body .textWrap .desc{font-size:1.125rem; line-height: 1.5; color:#6d6d6d; font-weight: 400; word-break: keep-all;}
.popup .popInner .body .formWrap{margin-top: 1.6875rem;}
.popup .popInner .body .formItem{width:100%; height:3.75rem; font-size: 1rem; border:0.0625rem solid #E5E5E5; padding:0 1.25rem; color:#000; box-shadow: none !important;}
.popup .popInner .body .formItem::placeholder{color:#AAA; font-weight:500;}
.popup .popInner .body .formItem:focus{border-color: #000 !important;}
.popup .popInner .body .formWrap .desc {display: none; margin-top: 0.9375rem; font-size: 0.875rem; font-weight: 400; color: #FF0000; width: 100%;}
.desc.active{display: block !important;}
.popup .popInner .body .popup-scrolling{max-height:21.875rem; overflow-y:auto;}
.popup .popInner .body .popup-scrolling::-webkit-scrollbar {background:#DDD; width:0.1875rem;}
.popup .popInner .body .popup-scrolling::-webkit-scrollbar-thumb {background:#888;}
.popup .popInner .body .popup-scrolling p{display:block; font-size:1.125rem; line-height:1.5; padding-right: 1.5625rem; color:#AAA;}
.popup .popInner .body .popup-scrolling p + p{margin-top: 1.5625rem;}
.popup .popInner .body .popup-scrolling p span{color:#000; font-weight: 600; display: block;}
.popup .popInner .foot .btnWrap{margin-top: 1.875rem;}
.popup .popInner .foot .btnWrap .flex{display:flex; justify-content: center; gap:0.625rem;}
.btnWrap a{display:inline-block; height:3.75rem; line-height:3.75rem; font-size:1.125rem; font-weight:800; text-align:center; width:9.375rem; border:0.0625rem solid #000;}
.btnWrap a.close{background:#555; color:#fff; border: none;}



/* =========================================================
   서브 전체폭 섹션 공통 (sec bg / CTA)
   ========================================================= */
.sub_wrap .sec_inner{max-width:92.5rem; margin:0 auto; padding:0 var(--container-pad);}
/* CTA 전체폭 : Figma 7554:2388 / 7678:3704 (1920x600, bg #113059 + img + dim 40%, pad 96) */
.sub_wrap .cta_full{position:relative; display:flex; align-items:center; justify-content:center; width:100vw; min-height:37.5rem; margin-left:calc(50% - 50vw); margin-bottom:-8.75rem; padding:6rem var(--container-pad); background:#113059 url("/img/sub/cta_bg.jpg") no-repeat center / cover; text-align:center; color:#fff;}
.sub_wrap .cta_full::before{content:""; position:absolute; inset:0; background:rgba(0,0,0,.4);}
.sub_wrap .cta_full .cta_box{position:relative; z-index:1;}
.sub_wrap .cta_full .cta_tit{display:block; font-size:2.25rem; font-weight:700; line-height:1.22; letter-spacing:-.03375rem;}
.sub_wrap .cta_full .cta_desc{margin-top:1rem; font-size:1.125rem; font-weight:400; line-height:1.5;}
.sub_wrap .cta_full .btn{margin-top:2rem; font-size:1.375rem; letter-spacing:-.006875rem;}

/* =========================================================
   AI역량검사 소개 (ai-assessment/index.php) : Figma sub_AI역량검사 7551:2067
   ========================================================= */
.ai .sec01 .sec_head .label, .ai .sec02 .sec_head .label, .ai .sec03 .sec_head .label{font-size:1.125rem;}
/* sec01 : ABOUT THE TEST (inner gap 64 / 카드 456x216 pad 32 28 gap 28 r24) */
.ai .sec01 .descs{flex:none; padding-top:2.5rem;}
.ai .sec01 .descs p{font-size:1.125rem; font-weight:400; line-height:1.5; color:#5A5C63;}
.ai .sec01 .list{display:flex; gap:1rem; margin-top:4rem;}
.ai .sec01 .card{flex:1; min-height:13.5rem; padding:2rem 1.75rem; border-radius:1.5rem;}
.ai .sec01 .card .icon{display:block; width:3.5rem; height:3.5rem; padding:.25rem;}
.ai .sec01 .card .body{margin-top:1.75rem;}
.ai .sec01 .card .item_tit{display:block; font-size:1.75rem; font-weight:700; line-height:1.29; letter-spacing:-.0175rem;}
.ai .sec01 .card .item_desc{margin-top:.5rem; font-size:1rem; font-weight:400; line-height:1.5;}
.ai .sec01 .card.blue{background:#29A3DB; color:#fff;}
.ai .sec01 .card.navy{background:#163F73; color:#fff;}
.ai .sec01 .card.blue .item_desc, .ai .sec01 .card.navy .item_desc{opacity:.8;}
.ai .sec01 .card.gray{background:#F4F4F5; color:#171719;}
.ai .sec01 .card.gray .item_desc{color:#5A5C63;}

/* sec02 : TEST COMPOSITION (pad 120 / inner gap 48 / 가로 행 카드 pad 40 32 gap 24 r24 / 이미지 1400x500 r24 / band 1400x112 r24) */
.ai .sec02{padding:7.5rem 0;}
.ai .sec02 .sec_head.flex_head{align-items:flex-end;}
.ai .sec02 .sec_head .tit{width:29.25rem;}
.ai .sec02 .sec_head .desc, .ai .sec03 .sec_head .desc{width:38.75rem; font-size:1.125rem; font-weight:400; line-height:1.5; color:#5A5C63;}
.ai .sec02 .type_list{margin-top:3rem;}
.ai .sec02 .card{display:flex; align-items:flex-start; gap:1.5rem; padding:2.5rem 2rem; border:1px solid #E1E2E4; border-radius:1.5rem; background:#fff;}
.ai .sec02 .card + .card{margin-top:1rem;}
.ai .sec02 .head{flex:none; display:flex; gap:1.5rem; width:26.25rem;}
.ai .sec02 .head .icon{flex:none; display:flex; align-items:center; justify-content:center; width:3.5rem; height:3.5rem; border-radius:1rem; background:#E3F3FB;}
.ai .sec02 .head .icon img{width:1.75rem; height:1.75rem;}
.ai .sec02 .head .body{flex:1; min-width:0;}
.ai .sec02 .head .tit_row{display:flex; align-items:center; gap:.5rem;}
.ai .sec02 .head .num{font-size:1rem; font-weight:700; line-height:1.5; color:#29A3DB; font-style:normal;}
.ai .sec02 .head .item_tit{font-size:1.75rem; font-weight:700; line-height:1.29; letter-spacing:-.0175rem; color:#171719;}
.ai .sec02 .head .item_desc{margin-top:.5rem; font-size:1rem; font-weight:400; line-height:1.5; color:#5A5C63;}
.ai .sec02 .check_list{flex:1; min-width:0; display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:.5rem .75rem;}
.ai .sec02 .check_list li{position:relative; padding-left:1.875rem; font-size:1rem; font-weight:400; line-height:1.5; color:#171719;}
.ai .sec02 .check_list li::before{content:""; position:absolute; left:0; top:.125rem; width:1.25rem; height:1.25rem; background:url("/img/sub/ai_ic_check.svg") no-repeat center / contain;}
.ai .sec02 .badge{flex:none; display:inline-block; padding:.5rem 1rem; border-radius:62.4375rem; background:#E3F3FB; font-size:.875rem; font-weight:700; line-height:1.43; color:#1C8EC4; white-space:nowrap;}
.ai .sec02 .sec_img{margin-top:3rem; border-radius:1.5rem; overflow:hidden; aspect-ratio:1400/500;}
.ai .sec02 .sec_img img{display:block; width:100%; height:100%; object-fit:cover;}
.ai .sec02 .band{margin-top:3rem; padding:2.25rem 1.25rem; border-radius:1.5rem; background:linear-gradient(100deg, #1C8EC4 0%, #29A3DB 50%, #8ED4F5 100%); text-align:center;}
.ai .sec02 .band p{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:.625rem; font-size:1.375rem; font-weight:700; line-height:1.45; letter-spacing:-.006875rem; color:#fff;}
.ai .sec02 .band .chip{display:inline-block; padding:.25rem .75rem; border-radius:.5rem; background:#fff; color:#16729E;}

/* sec03 : BEFORE YOU START (전체폭 bg #F7F7F8 / pad 120 / 세로 헤드 / 2열 카드 692 pad 32 r20 gap 16) */
.ai .sec03{width:100vw; margin-left:calc(50% - 50vw); padding:7.5rem 0; background:#F7F7F8;}
.ai .sec03 .sec_head .desc{margin-top:0;}
.ai .sec03 .note_list{display:flex; flex-wrap:wrap; gap:1rem; margin-top:3rem;}
.ai .sec03 .card{width:calc(50% - .5rem); padding:2rem; border:1px solid #E1E2E4; border-radius:1.25rem; background:#fff;}
.ai .sec03 .card .icon{display:block; width:2.5rem; height:2.5rem;}
.ai .sec03 .card .body{margin-top:1.25rem;}
.ai .sec03 .card .item_tit{display:block; font-size:1.25rem; font-weight:700; line-height:1.45; letter-spacing:-.00625rem; color:#171719;}
.ai .sec03 .card .item_desc{margin-top:.5rem; font-size:1rem; font-weight:400; line-height:1.5; color:#5A5C63;}

/* =========================================================
   참여안내 (guide.php) : Figma sub_참여안내 7668:8187
   ========================================================= */
/* sec01 : PROCESS (inner gap 48 / 5단계 카드 pad 28 24 gap 20 r20 shadow / 이미지 1400x500 r24) */
.guide .sec_head.flex_head{align-items:flex-end;}
.guide .sec_head .desc{flex:1; font-size:1.125rem; font-weight:400; line-height:1.5; color:#5A5C63; text-align:right;}
.guide .step_list{display:flex; gap:1rem; margin-top:3rem;}
.guide .step_list .card{flex:1; min-width:0; padding:1.75rem 1.5rem; border:1px solid #E1E2E4; border-radius:1.25rem; background:#fff; box-shadow:0 .25rem .9375rem rgba(0,0,0,.06);}
.guide .step_list .top{display:flex; justify-content:space-between; align-items:flex-start;}
.guide .step_list .icon{display:flex; align-items:center; justify-content:center; width:3rem; height:3rem; border-radius:.875rem; background:#E3F3FB;}
.guide .step_list .icon img{width:1.5rem; height:1.5rem;}
.guide .step_list .num{font-size:1.5rem; font-weight:700; line-height:1.33; letter-spacing:-.015rem; color:#29A3DB; font-style:normal;}
.guide .step_list .body{margin-top:1.25rem;}
.guide .step_list .item_tit{display:block; font-size:1.25rem; font-weight:700; line-height:1.45; letter-spacing:-.00625rem; color:#171719;}
.guide .step_list .item_desc{margin-top:.5rem; font-size:.875rem; font-weight:400; line-height:1.43; color:#5A5C63;}
.guide .step_list .card.navy{border-color:#163F73; background:#163F73; box-shadow:0 .5rem 1.25rem rgba(22,48,89,.25);}
.guide .step_list .card.navy .icon{background:rgba(255,255,255,.16);}
.guide .step_list .card.navy .num, .guide .step_list .card.navy .item_desc{color:#8ED4F5;}
.guide .step_list .card.navy .item_tit{color:#fff;}
.guide .sec01 .sec_img{margin-top:3rem; border-radius:1.5rem; overflow:hidden; aspect-ratio:1400/500;}
.guide .sec01 .sec_img img{display:block; width:100%; height:100%; object-fit:cover;}

/* sec02 : BEFORE YOU START (전체폭 bg #F7F7F8 / pad 140 / 3카드 456x204 pad 36 32 gap 24 r20 shadow) */
.guide .sec02{width:100vw; margin-left:calc(50% - 50vw); margin-top:7.5rem; padding:8.75rem 0; background:#F7F7F8;}
.guide .note_list{display:flex; gap:1rem; margin-top:3rem;}
.guide .note_list .card{flex:1; min-width:0; min-height:12.75rem; padding:2.25rem 2rem; border:1px solid #E1E2E4; border-radius:1.25rem; background:#fff; box-shadow:0 .25rem .9375rem rgba(0,0,0,.06);}
.guide .note_list .icon{display:flex; align-items:center; justify-content:center; width:3rem; height:3rem; border-radius:.875rem; background:#E3F3FB;}
.guide .note_list .icon img{width:1.5rem; height:1.5rem;}
.guide .note_list .item_tit{display:block; margin-top:1.5rem; font-size:1.25rem; font-weight:500; line-height:1.45; letter-spacing:-.00625rem; color:#171719;}

/* AI역량검사 신청 : Figma 7625:6748 / 7627:2564 */
.ai.apply .sec_head.flex_head{align-items:flex-end;}
.ai.apply .sec_head .txt{flex:none;}
.ai.apply .sec_head .label{font-size:1.125rem;}
.ai.apply .sec_head .desc{flex:1; min-width:0; max-width:38.75rem; font-size:1.125rem; font-weight:400; line-height:1.5; color:#5A5C63; text-align:right; white-space:normal;}
.ai.apply .apply_box{display:flex; gap:1rem; margin-top:4rem; align-items:flex-start;}
.ai.apply .apply_left{flex:0 0 25rem; width:25rem; height:31.25rem; align-self:flex-start; padding:3rem 2.5rem 2.5rem; border-radius:1.5rem; background:#29A3DB; color:#fff; box-sizing:border-box; display:flex; flex-direction:column; justify-content:space-between;}
.ai.apply .apply_left .label{color:#fff;}
.ai.apply .apply_left .label i{border-color:#fff;}
.ai.apply .left_txt{display:flex; flex-direction:column; gap:1.25rem;}
.ai.apply .apply_left .left_tit{display:block; font-size:2rem; font-weight:700; line-height:1.25; letter-spacing:-.03rem;}
.ai.apply .apply_left .left_desc{font-size:1rem; font-weight:400; line-height:1.5; color:#fff; opacity:.8;}
.ai.apply .left_steps{display:flex; flex-direction:column; gap:.75rem;}
.ai.apply .left_steps li{display:flex; align-items:center; gap:1rem; padding:1.25rem 1.5rem; border-radius:1rem; background:rgba(255,255,255,.16);}
.ai.apply .left_steps li.on{background:#fff;}
.ai.apply .left_steps .num{flex:none; width:2.25rem; height:2.25rem; border-radius:1.125rem; background:rgba(255,255,255,.28); color:#fff; font-size:1rem; font-weight:700; display:flex; align-items:center; justify-content:center;}
.ai.apply .left_steps li.on .num{background:#29A3DB; color:#fff;}
.ai.apply .left_steps li.done .num{background:rgba(255,255,255,.28); text-indent:-999px; position:relative;}
.ai.apply .left_steps li.done .num::after{content:""; position:absolute; inset:0; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23fff' d='M7.7 13.7 4.4 10.4l1.2-1.2 2.1 2.1 6.1-6.1 1.2 1.2z'/%3E%3C/svg%3E") center / 1.25rem no-repeat; text-indent:0;}
.ai.apply .left_steps strong{display:block; font-size:1rem; font-weight:700; line-height:1.5; color:#fff;}
.ai.apply .left_steps p{margin-top:.25rem; font-size:.875rem; line-height:1.43; color:#fff; opacity:.8;}
.ai.apply .left_steps li.on strong{color:#171719;}
.ai.apply .left_steps li.on p{color:#5A5C63;}
.ai.apply .apply_right{flex:1; min-width:0; min-height:31.25rem; padding:3.5rem; border:1px solid #E1E2E4; border-radius:1.5rem; background:#fff; box-sizing:border-box; display:flex; flex-direction:column;}
.ai.apply .apply_step{display:none; flex-direction:column; gap:2rem; flex:1; min-height:0;}
.ai.apply .apply_step.is-on{display:flex;}
.ai.apply .panel_bottom{margin-top:auto;}
.ai.apply .panel_head{display:flex; flex-direction:column; gap:.75rem;}
.ai.apply .step_label{display:inline-flex; align-self:flex-start; padding:.375rem .875rem; border-radius:62.4375rem; background:#E3F3FB; font-size:.875rem; font-weight:700; line-height:1.43; color:#1C8EC4; font-style:normal;}
.ai.apply .apply_step h4{margin:0; font-size:1.75rem; font-weight:700; line-height:1.29; letter-spacing:-.0175rem; color:#171719;}
.ai.apply .step_desc{margin:0; font-size:1rem; line-height:1.5; color:#5A5C63;}
.ai.apply .panel_bottom{display:flex; flex-direction:column; gap:1.25rem;}
.ai.apply .agree_card{display:flex; align-items:flex-start; gap:1rem; padding:1.5rem 1.75rem; border:1px solid #E1E2E4; border-radius:1rem; background:#F4F4F5; cursor:pointer;}
.ai.apply .agree_card input{position:absolute; opacity:0; pointer-events:none;}
.ai.apply .agree_card .box{flex:none; width:1.5rem; height:1.5rem; margin-top:.125rem; border:1.5px solid #AEB0B6; border-radius:.375rem; background:#fff; box-sizing:border-box;}
.ai.apply .agree_card input:checked + .box{border-color:#29A3DB; background:#29A3DB url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M6.2 11.2 3.4 8.4l1.2-1.2 1.6 1.6 4.2-4.2 1.2 1.2z'/%3E%3C/svg%3E") center / 1.125rem no-repeat;}
.ai.apply .agree_card .txt strong{display:block; font-size:1rem; font-weight:700; line-height:1.5; color:#171719;}
.ai.apply .agree_card .txt em{display:block; margin-top:.25rem; font-size:.875rem; font-style:normal; line-height:1.43; color:#5A5C63;}
.ai.apply .apply_issue{width:100%;}
.ai.apply .apply_issue:disabled,
.ai.apply .apply_issue:disabled:hover{background:#DBDCDF; color:#AEB0B6; cursor:not-allowed;}
.ai.apply .apply_issue:disabled .ic{color:#AEB0B6;}
.ai.apply .apply_note{margin:0; font-size:.875rem; line-height:1.43; color:#5A5C63;}
.ai.apply .code_card{padding:1.75rem 2rem; border-radius:1rem; background:#E3F3FB;}
.ai.apply .code_head{display:flex; align-items:center; gap:.625rem;}
.ai.apply .code_badge{display:inline-flex; align-items:center; padding:.25rem .75rem; border-radius:62.4375rem; background:#29A3DB; font-size:.875rem; font-weight:700; line-height:1.43; color:#fff;}
.ai.apply .code_head strong{font-size:1rem; font-weight:700; line-height:1.5; color:#171719;}
.ai.apply .code_row{display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-top:1rem;}
.ai.apply .code_value{display:block; font-size:2rem; font-weight:700; line-height:1.25; letter-spacing:-.03rem; color:#16729E; word-break:break-all;}
.ai.apply .btn_copy{display:inline-flex; align-items:center; justify-content:center; flex:none; height:2.625rem; padding:0 1.125rem; border:1.5px solid #29A3DB; border-radius:62.4375rem; background:transparent; color:#29A3DB; font-size:1rem; font-weight:500; line-height:1.5; cursor:pointer;}
.ai.apply .btn_copy:hover{background:#29A3DB; color:#fff;}
.ai.apply .code_meta{border-top:1.5px solid #AEB0B6;}
.ai.apply .code_meta > div{display:flex; align-items:center; gap:1.5rem; padding:1rem .25rem; border-bottom:1px solid #E1E2E4; font-size:1rem; line-height:1.5;}
.ai.apply .code_meta dt{flex:0 0 8.75rem; font-weight:700; color:#5A5C63;}
.ai.apply .code_meta dd{color:#171719; font-weight:400;}
.ai.apply .apply_btns{display:flex; align-items:center; gap:.75rem;}
.ai.apply .apply_btns .apply_prev,
.ai.apply .apply_btns .btn.fill,
.ai.apply .apply_btns .btn.lg{height:3.375rem; min-height:3.375rem; box-sizing:border-box;}
.ai.apply .apply_btns .apply_prev{width:10rem; border-color:#AEB0B6; color:#171719; background:#fff; font-size:1.375rem;}
.ai.apply .apply_btns .btn.fill{flex:1;}

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


	/* 공통 : mob visual 384x350 (pad 120/20/60/20) */
	.sub_visual{height:21.875rem; padding-bottom:3.75rem;}
	.sub_vis_txt .crumb{gap:.5rem; font-size:.875rem; line-height:1.43;}
	.sub_vis_txt h2{margin-top:.5rem; font-size:1.75rem; line-height:1.29; letter-spacing:-.0175rem;}
	.sub_vis_txt p{margin-top:.75rem; font-size:.875rem; line-height:1.43;}

	.sub_menu{display:block;}

	#sub_content{padding:3.75rem 0;}

	.sub_wrap .sec_head .label{gap:.5rem; font-size:.75rem; line-height:1.33;}
	.sub_wrap .sec_head .label i{width:.4375rem; height:.4375rem;}
	.sub_wrap .sec_head .tit{margin-top:.75rem; font-size:1.5rem; line-height:1.33; letter-spacing:-.015rem;}
	.sub_wrap .sec_head.flex_head{display:block;}

	/* 사업소개 sec01 : mob (inner gap 32 / 24 / grid gap 16) */
	.about .sec01{padding-bottom:3.75rem;}
	.about .sec01 .sec_head .label{font-size:.75rem;}
	.about .sec01 .descs{width:100%; padding-top:0; margin-top:2rem;}
	.about .sec01 .descs p{font-size:.875rem; line-height:1.43;}
	.about .sec01 .descs p + p{margin-top:.75rem;}
	.about .sec01 .grid{margin-top:1.5rem;}
	.about .sec01 .list{gap:.75rem;}
	.about .sec01 .card{height:auto; padding:1.5rem 1.25rem; border-radius:1rem;}
	.about .sec01 .card .icon{width:2.5rem; height:2.5rem;}
	.about .sec01 .card .body{margin-top:1.25rem;}
	.about .sec01 .card .item_tit{font-size:1.25rem; line-height:1.45; letter-spacing:-.00625rem;}
	.about .sec01 .card .item_desc{margin-top:.25rem; font-size:.875rem; line-height:1.43;}
	.about .sec01 .card.blue .item_desc, .about .sec01 .card.navy .item_desc{opacity:.85;}
	.about .sec01 .img{margin-top:1rem; border-radius:1rem; aspect-ratio:344/220;}

	/* 사업소개 sec02 : mob (inner gap 32 / band gap 12) */
	.about .sec02 .sec_head .desc{margin-top:.75rem; font-size:.875rem; line-height:1.43;}
	.about .sec02 .band{margin-top:2rem;}
	.about .sec02 .pre{flex-direction:column; align-items:flex-start; gap:.375rem; padding:1rem 1.125rem;}
	.about .sec02 .head .item_tit, .about .sec02 .target .item_tit{font-size: 1.375rem;}
	.about .sec02 .flow_list{flex-wrap: wrap; gap:.75rem; margin-top:.75rem;}
	.about .sec02 .flow_list .card{flex: calc(50% - (0.75rem / 2));}
	.about .sec02 .common_list{flex-direction:column; gap:.75rem; margin-top:.75rem;}
	.about .sec02 .common_list li{flex-direction:column; align-items:stretch; gap:.75rem; padding:1.125rem;}
	.about .sec02 .target{display:flex; align-items:center; gap:.5rem; width:auto;}
	.about .sec02 .target .tag{margin-top:0;}
	.about .sec02 .common_list .flow{gap:.375rem;}
	.about .sec02 .common_list .box{flex: 1; padding:.625rem .5rem; font-size:.75rem; line-height:1.33; text-align:center;}
	.about .sec02 .common_list .result{padding:.625rem .5rem; font-size:.75rem; line-height:1.33;}
	.about .sec02 .common_list .ic_caret{width:.875rem; height:.875rem;}
	.about .sec02 .notes{margin-top:1.25rem;}
	.about .sec02 .notes li{font-size:.75rem; line-height:1.33;}
	.about .sec02 .notes li + li{margin-top:.25rem;}

	/* 전체폭 CTA : 1024 */
	.sub_wrap .cta_full{min-height:0; margin-bottom:-3.75rem; padding:3.75rem var(--container-pad);}
	.sub_wrap .cta_full .cta_tit{font-size:1.5rem; line-height:1.33; letter-spacing:-.015rem;}
	.sub_wrap .cta_full .cta_desc{margin-top:.75rem; font-size:.875rem; line-height:1.43;}
	.sub_wrap .cta_full .btn{margin-top:1.5rem; font-size:1rem; letter-spacing:0;}

	/* AI역량검사 소개 : 1024 (태블릿) */
	.ai .sec01 .descs{width:100%; padding-top:0; margin-top:2rem;}
	.ai .sec01 .descs p{font-size:.875rem; line-height:1.43;}
	.ai .sec01 .list{gap:.75rem; margin-top:1.5rem;}
	.ai .sec01 .card{min-height:0; padding:1.5rem 1.25rem; border-radius:1rem;}
	.ai .sec01 .card .icon{width:2.5rem; height:2.5rem; padding:.125rem;}
	.ai .sec01 .card .body{margin-top:1.25rem;}
	.ai .sec01 .card .item_tit{font-size:1.25rem; line-height:1.45; letter-spacing:-.00625rem;}
	.ai .sec01 .card .item_desc{margin-top:.25rem; font-size:.875rem; line-height:1.43;}
	.ai .sec01 .card.blue .item_desc, .ai .sec01 .card.navy .item_desc{opacity:.85;}
	.ai .sec02, .ai .sec03{padding:3.75rem 0;}
	.ai .sec02 .sec_head .tit{width:auto;}
	.ai .sec02 .sec_head .desc, .ai .sec03 .sec_head .desc{width:auto; margin-top:.75rem; font-size:.875rem; line-height:1.43;}
	.ai .sec02 .type_list{margin-top:1.5rem;}
	.ai .sec02 .card{flex-wrap:wrap; gap:1rem; padding:1.5rem 1.25rem; border-radius:1rem;}
	.ai .sec02 .card + .card{margin-top:.75rem;}
	.ai .sec02 .head{width:100%; gap:1rem;}
	.ai .sec02 .head .icon{width:2.75rem; height:2.75rem; border-radius:.75rem;}
	.ai .sec02 .head .icon img{width:1.375rem; height:1.375rem;}
	.ai .sec02 .head .num{font-size:.875rem; line-height:1.43;}
	.ai .sec02 .head .item_tit{font-size:1.25rem; line-height:1.45; letter-spacing:-.00625rem;}
	.ai .sec02 .head .item_desc{margin-top:.25rem; font-size:.875rem; line-height:1.43;}
	.ai .sec02 .check_list{flex:none; width:100%; padding-top:1rem; border-top:1px solid #E1E2E4; gap:.5rem .75rem;}
	.ai .sec02 .check_list li{padding-left:1.5rem; font-size:.875rem; line-height:1.43;}
	.ai .sec02 .check_list li::before{top:.0625rem; width:1rem; height:1rem;}
	.ai .sec02 .badge{padding:.375rem .75rem; font-size:.75rem; line-height:1.33;}
	.ai .sec02 .sec_img{margin-top:1.5rem; border-radius:1rem; aspect-ratio:344/220;}
	.ai .sec02 .band{margin-top:1.5rem; padding:1.5rem 1.25rem; border-radius:1rem;}
	.ai .sec02 .band p{display:block; font-size:1rem; line-height:1.5; letter-spacing:0;}
	.ai .sec02 .band .chip{padding:.125rem .5rem; border-radius:.375rem; margin:0 .25rem;}
	.ai .sec03 .note_list{gap:.75rem; margin-top:1.5rem;}
	.ai .sec03 .card{width:calc(50% - .375rem); padding:1.5rem 1.25rem; border-radius:1rem;}
	.ai .sec03 .card .icon{width:2rem; height:2rem;}
	.ai .sec03 .card .body{margin-top:1rem;}
	.ai .sec03 .card .item_tit{font-size:1.125rem; line-height:1.5; letter-spacing:0;}
	.ai .sec03 .card .item_desc{margin-top:.25rem; font-size:.875rem; line-height:1.43;}

	/* 참여안내 : 1024 (태블릿) */
	.guide .sec_head .desc{margin-top:.75rem; font-size:.875rem; line-height:1.43; text-align:left;}
	.guide .step_list{gap:.75rem; margin-top:1.5rem;}
	.guide .step_list .card{padding:1.25rem 1.125rem; border-radius:1rem;}
	.guide .step_list .icon{width:2.5rem; height:2.5rem; border-radius:.75rem;}
	.guide .step_list .icon img{width:1.25rem; height:1.25rem;}
	.guide .step_list .num{font-size:1.25rem; line-height:1.4; letter-spacing:-.00625rem;}
	.guide .step_list .body{margin-top:1rem;}
	.guide .step_list .item_tit{font-size:1.125rem; line-height:1.5; letter-spacing:0;}
	.guide .step_list .item_desc{margin-top:.25rem; font-size:.8125rem; line-height:1.4;}
	.guide .sec01 .sec_img{margin-top:1.5rem; border-radius:1rem; aspect-ratio:344/220;}
	.guide .sec02{margin-top:3.75rem; padding:3.75rem 0;}
	.guide .note_list{gap:.75rem; margin-top:1.5rem;}
	.guide .note_list .card{min-height:0; padding:1.5rem 1.25rem; border-radius:1rem;}
	.guide .note_list .icon{width:2.5rem; height:2.5rem; border-radius:.75rem;}
	.guide .note_list .icon img{width:1.25rem; height:1.25rem;}
	.guide .note_list .item_tit{margin-top:1rem; font-size:1rem; line-height:1.5; letter-spacing:0;}

	.ai.apply .sec_head .desc{margin-top:.75rem; max-width:none; font-size:.875rem; text-align:left;}
	.ai.apply .apply_box{flex-direction:column; gap:1rem; margin-top:2rem; width:100%;}
	.ai.apply .apply_left{flex:none; width:100%; height:auto; min-height:0; padding:1.75rem 1.25rem; border-radius:1rem; gap:1.5rem;}
	.ai.apply .left_txt{gap:1rem;}
	.ai.apply .apply_left .left_tit{font-size:1.5rem;}
	.ai.apply .apply_left .left_desc{font-size:.875rem;}
	.ai.apply .left_steps{display:grid; grid-template-columns:1fr 1fr; gap:.625rem;}
	.ai.apply .left_steps li{align-items:flex-start; gap:.5rem; padding:.875rem .75rem;}
	.ai.apply .left_steps .num{width:1.75rem; height:1.75rem; border-radius:.875rem; font-size:.8125rem;}
	.ai.apply .left_steps strong{font-size:.8125rem; line-height:1.4;}
	.ai.apply .left_steps p{margin-top:.125rem; font-size:.75rem; line-height:1.35;}
	.ai.apply .apply_right{width:100%; min-height:0; padding:1.5rem 1.125rem; border-radius:1rem;}
	.ai.apply .apply_step{gap:1.25rem; width:100%;}
	.ai.apply .apply_step.is-on{display:flex;}
	.ai.apply .panel_head{gap:.5rem;}
	.ai.apply .apply_step h4{font-size:1.25rem; word-break:keep-all;}
	.ai.apply .step_desc{font-size:.875rem;}
	.ai.apply .step_label{font-size:.75rem; padding:.25rem .75rem;}
	.ai.apply .agree_card{padding:1rem; gap:.75rem;}
	.ai.apply .agree_card .txt strong{font-size:.9375rem;}
	.ai.apply .agree_card .txt em{font-size:.8125rem;}
	.ai.apply .apply_issue{width:100%; height:auto; min-height:3.125rem; font-size:1rem;}
	.ai.apply .apply_note{font-size:.8125rem;}
	.ai.apply .code_card{padding:1.125rem;}
	.ai.apply .code_row{flex-direction:column; align-items:stretch; gap:.75rem;}
	.ai.apply .code_value{font-size:1.375rem;}
	.ai.apply .btn_copy{width:100%;}
	.ai.apply .code_meta > div{flex-direction:column; align-items:flex-start; gap:.25rem; padding:.875rem 0;}
	.ai.apply .code_meta dt{flex:none; width:auto;}
	.ai.apply .code_meta dd{word-break:keep-all;}
	.ai.apply .apply_btns{flex-direction:column; width:100%;}
	.ai.apply .apply_btns .apply_prev,
	.ai.apply .apply_btns .btn.fill,
	.ai.apply .apply_btns .btn.lg{width:100%; height:3.375rem; min-height:3.375rem; font-size:1rem; line-height:1.5;}

	/* 에러페이지 */
	.error{gap:2.1875rem; flex-direction: column-reverse; align-items: center;}
	.error .txt{text-align: center;}
	.error .txt strong{font-size: 0.8125rem;}
	.error .txt .title{font-size: 1.375rem; letter-spacing: 0; margin: 1.125rem 0;}
	.error .txt p{font-size: 0.8125rem;}
	.error .txt a{font-size: 0.75rem; padding: 0.75rem 0; gap: 0.3125rem; width: 10.0625rem; margin: 1.75rem auto 0;}
	.error .txt a img{width: 0.5625rem;}
	.error .img{width: 8.5625rem;}

    
    /* 댓글 */
    .view_comment {/* margin-top: 5.5rem; */ margin-top: 0.8125rem;}
    .view_comment .comm_total {font-size: 1rem; letter-spacing: -0.0625rem;}
    .view_comment .comm_list {margin-top: 1.25rem;}
    .view_comment .c_item {padding: 1.25rem 0;}
    .view_comment .c_item .info {gap: 0 0.625rem;}
    .view_comment .c_item .info strong {font-size: 0.8125rem; letter-spacing: -0.0625rem;}
    .view_comment .c_item .info span {font-size: 0.8125rem; letter-spacing: 0;}
    .view_comment .c_item .btn {gap: 0.3125rem;}
    .view_comment .c_item .btn a {width: 2.4375rem; height: 1.25rem; border-radius: 1.8125rem; font-size: 0.6875rem;}
    .view_comment .c_item .content {margin-top: 0.625rem; font-size: 0.8125rem; letter-spacing: 0;}
    .view_comment .c_item .reply {margin-top: 0.625rem; font-size: 0.8125rem; letter-spacing: 0; text-underline-offset: 0.125rem;}
    .view_comment .c_reply {padding: 1.3125rem 0 1.75rem 2.5625rem;}
    .view_comment .c_reply::before {width: 0.75rem; height: 0.875rem; top: 1.25rem; left: 1.1875rem;}
    .view_comment .reply_form {margin-top: 1.3125rem;}
    .view_comment .reply_form {gap: 0.625rem;}
    .view_comment .reply_form .input {width: calc(100% - 4.5625rem);}
    .view_comment .reply_form .input textarea {height: 6.125rem; padding: 1.25rem; font-size: 0.875rem;}
    .view_comment .reply_form button input,
    .view_comment .reply_form button {width: 3.9375rem; height: 6.125rem; font-size: 0.8125rem;}
    .view_comment .comm_form {margin-top: 1.8125rem;}
    .view_comment .board_btnCont .center {margin-top: 1.8125rem;}
    .view_comment .dp_bt_wrap .dpp_chk > p,
    .view_comment .dp_cmt_write .dpp_sec_chk p {margin-bottom: 0.3125rem; font-size: 0.8125rem;}

	/* 문의 완료 */
	/* .board_success{padding:3rem 1.25rem; border-radius:1rem;} */
	.board_success .img{width:2.75rem;}
	.board_success .txt{margin:1rem 0 1.5rem;}
	.board_success .txt dt{font-size:1.25rem; line-height:1.4; letter-spacing:-.00625rem;}
	.board_success .txt dd{margin-top:.5rem; font-size:.875rem; line-height:1.43;}
	.board_success .home_btn .btn{height:2.625rem; padding:0 1.25rem; font-size:.875rem;}

	/* 팝업 */
	.popup .popInner{padding:1.25rem 1.125rem 1.5rem; width: calc(100% - (0.75rem * 2));}
	.popup .popInner .head{font-size:1.25rem; padding-bottom: 1rem;}
	.popup .popInner .head .close{width:0.75rem;}
	.popup .popInner .body{margin-top: 1rem;}
	.popup .popInner .body .textWrap .tit{font-size:1.125rem; margin-bottom: 0.5rem;}
	.popup .popInner .body .textWrap .desc{font-size:0.875rem;}
	.popup .popInner .body .formWrap{margin-top: 0.8125rem;}
	.popup .popInner .body .formItem{height:2.4375rem; font-size: 0.75rem; padding:0 0.75rem;}
	.popup .popInner .body .formWrap .desc {margin-top: 0.625rem; font-size: 0.75rem;}
	.popup .popInner .body .popup-scrolling{max-height:10.6875rem;}
	.popup .popInner .body .popup-scrolling p{font-size:0.75rem; padding-right: 0.75rem;}
	.popup .popInner .body .popup-scrolling p + p{margin-top: 0.75rem;}
	.popup .popInner .foot .btnWrap{margin-top: 1.125rem;}
	.popup .popInner .foot .btnWrap .flex{gap:0.625rem;}
	.btnWrap a{height:2.4375rem; line-height:2.4375rem; font-size:0.75rem; width:6rem;}
}



@media screen and (max-width:768px){
	/* 대메뉴별 서브비주얼 모바일 이미지 (768x700, 2배 추출 / 768px 이하 전환) */
	.sub_visual.about{background-image:url("/img/sub/visual_about_m.jpg");}
	.sub_visual.ai-assessment{background-image:url("/img/sub/visual_ai_m.jpg");}
	.sub_visual.lecture{background-image:url("/img/sub/visual_lecture_m.jpg");}
	.sub_visual.guide{background-image:url("/img/sub/visual_guide_m.jpg");}
	.sub_visual.customer{background-image:url("/img/sub/visual_customer_m.jpg");}

	.about .sec01 .list{flex-direction:column;}
	.about .sec02 .flow_list{flex-direction:column;}
	.about .sec02 .flow_list .card{flex: 1;}

	/* AI역량검사 소개 : 768 (1단) */
	.ai .sec01 .list{flex-direction:column;}
	.ai .sec03 .card{width:100%;}

	/* 참여안내 : 768 (단계 카드 2단 + 마지막 전체폭 / 확인사항 1단) */
	.guide .step_list{flex-wrap:wrap;}
	.guide .step_list .card{flex:none; width:calc(50% - .375rem);}
	.guide .step_list .card.navy{width:100%;}
	.guide .note_list{flex-direction:column;}
}

@media screen and (max-width:500px){
	.ai .sec02 .check_list{grid-template-columns:minmax(0, 1fr);}
	.about .sec02 .common_list .box{flex:1 1 auto;}
	.about .sec02 .common_list .result{flex:1 1 auto;}
}