/* page-box */
.page-box{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 5px;text-align:center;margin-top:40px;}
.page-box a{display: flex;justify-content: center;align-items: center;width:42px;height:42px;border-radius: 100%;vertical-align: top;font-weight:500;text-align:center;font-size:16px;border:1px solid #D9D9D9;color:#4C5053;line-height:24px;}
.page-box .page-first{background:#fff url("../images/sub/arr-page-first.svg") 50% 50% no-repeat;}
.page-box .page-prev{background:#fff url("../images/sub/arr-page-prev.svg") 50% 50% no-repeat;}
.page-box .page-next{background:#fff url("../images/sub/arr-page-next.svg") 50% 50% no-repeat;}
.page-box .page-last{background:#fff url("../images/sub/arr-page-last.svg") 50% 50% no-repeat;margin:0;}
.page-box .page-on{background-color:#212529;color:#fff;}
.page-box a.disabled{opacity:.5;}

/* common */
.contents{padding:80px 0;background: #FEFEFE;}


/* breadcrumb */
.breadcrumb{display:flex;align-items:center;justify-content: flex-start;margin-bottom:16px;}
.breadcrumb li{display: flex;align-items: center;color:#646D76;font-weight: 700;font-size:14px;line-height:22px;}
.breadcrumb li a{color:#7F8386;font-weight: 500;}
.breadcrumb li::after{display:inline-block;width:18px;height:18px;margin:0 6px;background: url("../images/sub/icon-breadcrumb-arr.svg")no-repeat;content:'';}
.breadcrumb li:last-child{color:#4C5053;}
.breadcrumb li:last-child::after{display:none;}

/* bor-tab */
.bor-tab{display:flex;margin-bottom:24px;}
.bor-tab li{flex:1;margin-left:-1px;}
.bor-tab li button,.bor-tab li a{position: relative;display:flex;align-items:center;justify-content:center;width:100%;padding:12px; 0;text-align:center;color:#4C5053;font-size: 16px;font-weight: 700;border:1px solid #D9D9D9;line-height: 24px;}
.bor-tab button.active,.bor-tab li a.active{z-index:2;color:#C01640;border-color:#C01640;box-shadow: 0 0 0 1px #C01640 inset; }


/* bk-tab */
.bk-tab{display:flex;gap:8px;margin-bottom:16px;}
.bk-tab button{padding:10px 16px;font-size:16px;line-height:24px;font-weight:700;color:#4C5053;border:1px solid #D9D9D9;border-radius:500px;}
.bk-tab button.active{background-color: #212529;color:#fff;}

/* page layout */
.page-layout{display: flex;gap: clamp(32px, 5vw, 120px);}
.page-layout .page-contents{flex: 1;min-width: 0;}

/* 검색창 */
.srch-box-wrap{display:flex;align-items:center;justify-content:center;margin-bottom:24px;padding:16px;gap:8px;background-color: #F9FAFB;border:1px solid #EAEAEA;border-radius:8px;}
.srch-box-wrap .custom-select{width:140px;}
.srch-box-wrap input{width:220px;}

/* lnb */
.lnb-box{flex: 0 0 260px;position:relative;}
.lnb-box .lnb-top{display:flex;flex-direction:column;gap:6px;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #D9D9D9;}
.lnb-box .lnb-top small{color:#E41D4E;font-size:16px;line-height:24px;font-weight:700;}
.lnb-box .lnb-top .lnb-title{font-weight: 700;font-size: 46px;line-height: 66px;}
.lnb-box .lnb-list{display:flex;flex-direction:column;gap:6px;}
.lnb-box .lnb-list a{display:flex;gap:12px;align-items:center;padding:16px 20px;color:#676C70;font-weight:700;font-size:18px;line-height:28px;border-radius:60px;transition:.3s;}
.lnb-box .lnb-list a.active,.lnb-box .lnb-list a:hover{background-color: #F3F5FB;color:#212529;}
.lnb-box .mo-lnb-title{display:none;position:relative;align-items: center;gap: 12px;width: 100%;padding: 16px 20px;border: 1px solid #D9D9D9;height: 60px;border-radius: 8px;font-size: 18px;line-height: 28px;font-weight: 700;transition:.3s;}
.lnb-box .mo-lnb-title .icon-lnb-arr{position:absolute;top:50%;right:20px;transform:translateY(-50%);}
.lnb-box.open .mo-lnb-title .icon-lnb-arr{transform:translateY(-50%) rotate(180deg);}

/* title common */
.head-title-lg{margin-bottom:40px;font-size:46px;line-height:66px;font-weight:700;}
.head-title-m{margin-bottom:40px;text-align:center;font-size:38px;line-height:50px;font-weight:700;}
.head-title-s{margin-bottom:40px;font-size:32px;line-height:48px;font-weight:700;}
.sub-title-box{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;}
.sub-title-box .sub-title{font-weight: 700;font-size: 24px;line-height: 36px;}
.sub-title-box .sub-text{display:flex;gap:4px;font-weight: 500;font-size: 15px;line-height: 22px;color:#72767B;}
.sub-title-sm{font-family: Noto Sans CJK KR;font-weight: 700;font-size: 20px;line-height: 30px;letter-spacing: -0.03em}

/* 공통 ani */
.reveal {opacity: 0;transform: translateY(35px);transition: opacity 0.6s ease-out, transform 0.6s ease-out;}
.reveal.is-visible {opacity: 1;transform: translateY(0);}
/* @keyframes revealUp {
  from {opacity: 0;transform: translateY(35px);}
  to {opacity: 1;transform: translateY(0);}
} */


/* 로그인 */
.login-box .inp-row{display:flex;flex-direction:column;gap:6px;}
.login-box .inp-row label{font-weight:500; }
.login-box .inp-row+.inp-row{margin-top:16px;}
.login-box .btn.w-100{margin-top:24px;}
.login-box .find-link{display:flex;align-items:center;justify-content:center;margin:16px 0 50px;}
.login-box .find-link a{display:flex;align-items:center;color:#4C5053;font-weight:500;}
.login-box .find-link a:first-child::after{display:inline-block;width:1px;height:11px;margin:0 8px;background-color: #C7C7C8;content:'';}
.login-box .join-text-box{display:flex;align-items:center;justify-content:space-between;padding:16px;margin-top:40px;border-radius:10px;background-color:#F2F5F8;}
.login-box .join-text-box p{color:#4C5053;font-weight:500;}
.login-box .join-text-box .btn{width:108px;}
.login-box .join-text-box2 >div{display: flex;align-items: center;gap: 8px;}
.login-w{width:460px; margin:0 auto;}


/* 아이디 비번찾기 */
.find-box .inp-row .tel-line{display:flex;align-items:center;gap:6px;}
.find-box .inp-row .tel-line .custom-select-com,.find-box .inp-row .tel-line input{width:calc((100% - 12px) / 3);}

/* 회원가입 타입 */
.type-top-text{margin:8px 0 24px;text-align:center;font-size:16px;line-height:24px;font-weight:500;}
.type-list{display:flex;justify-content: center;gap:40px;}
.type-list li{max-width:360px;gap:15px;width:100%;display:flex;flex-direction:column;justify-content:center;padding:24px 24px 32px;border:1px solid #EAEAEA;border-radius:16px;box-shadow: 0px 0px 15px 0px #ECEFFB;}
.type-list li .img{display:flex;align-items: flex-end;justify-content: center;height:200px;background-color: #F9FAFB;border-radius:10px;}
.type-list li .img img{height:auto;}
.type-list .text-box{display: flex;flex-direction: column;align-items: center;gap:5px;color: #4C5053;font-size: 16px;line-height: 24px;font-weight: 500;}
.type-list .text-box strong{color:#212529;font-weight: 700;font-size: 24px;line-height: 36px;}
.type-list .btn{width:100%;}


/* 회원가입 */
.join-step{display:flex;align-items:center;justify-content:space-between;align-items: flex-start;max-width: 530px;width: 100%;margin:0 auto 40px;}
.join-step li{display: flex;flex-direction: column;align-items: center;gap:4px;flex: 1;position:relative;}
.join-step li strong{color:#9AA0A6;font-weight:700;font-size:16px;line-height:24px;letter-spacing: -0.03em;text-align:center;}
.join-step li.on strong{color:#324881;}
.join-step li::after{position:absolute;top:50%;transform:translateY(-50%);right: -19px;width: 30px;height: 30px;display:block;background: url("../images/sub/icon-join-arr.svg");background-size: 100%;content:'';}
.join-step li:last-child::after{display:none;}

.join-box .join-agree-box+.join-agree-box{margin:60px 0 0;}
.join-box .agree-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.join-box .agree-line .agree-title{font-size:16px;line-height:24px;}
.join-box .join-scroll-box{padding:20px 6px 10px 20px;border:1px solid #EAEAEA;border-radius:12px;}
.join-box .join-scroll-box .scroll-bar{height:125px;padding-right:20px;}
.join-box .join-scroll-box .policy-wrap{border:0;padding:0;}
.join-box .join-scroll-box .text-deco{text-decoration:underline;}
.join-box .privacy-top{margin-top:20px;font-weight: 500;font-size: 14px;line-height: 21px;color:#72767B;}
.join-box .policy-title{margin-top:24px;font-weight: 700;font-size: 16px;line-height: 24px;color:#4C5053;}
.join-box .policy-text{margin-top:8px;color:#72767B;font-weight: 500;font-size: 14px;line-height: 21px;}
.total-agree-box{margin-top:30px;}
.total-agree-box .form-check{padding:12px;border-radius:8px;border: 1px solid #D9D9D9;}
.total-agree-box .form-check:has(input[type="checkbox"]:checked){border-color:#C01640;}
.total-agree-box label{display:flex;align-items:center;font-weight:700;justify-content:center;}
.total-agree-box label:has(input[type="checkbox"]:checked){color:#C01640;}


/* 모니터링 추가*/
.join-box .sub-title-sm{margin:80px 0 0;padding-bottom:16px;border-bottom:1px solid #EAEAEA;}
.join-box .prefer-box{display:flex;gap:32px;}
.join-box .prefer-box .prefer-line{display:flex;align-items:center;gap:10px;}
.join-box .prefer-box .prefer-line span{color:#4C5053;font-weight:500;}
.join-box .prefer-box .prefer-line .custom-select{width:140px;}
.join-box .file-box{display:flex;gap:10px;}
.join-box .file-box input{max-width:400px;}

/* 본인인증 */
.join-vefiry{display: flex;flex-direction: column;align-items: center;padding: 24px 24px 32px;margin: 0 auto;gap:15px;text-align:center;border: 1px solid #EAEAEA;max-width: 360px;box-shadow: 0px 0px 15px 0px #ECEFFB;border-radius: 16px;}
.join-vefiry div strong{margin-bottom: 5px;display: inline-block;font-weight: 700;line-height: 36px;font-size: 24px;}
.join-vefiry div p{color: #4C5053;font-weight: 500;font-size: 16px;line-height: 24px;}

/* 회원가입완료 */
.join-complete{display: flex;align-items: center;flex-direction: column;justify-content: center;}
.join-complete strong{margin:16px 0 4px;font-size: 32px;font-weight: 700;line-height: 48px;}
.join-complete p{margin-bottom: 24px;color: #72767B;font-size: 16px;line-height: 24px;font-weight:500;}

/* bg-box */
.bg-box{padding:24px 24px 40px 24px;box-shadow: 0px 0px 15px 0px #ECEFFB;border-radius:16px;}

/* table */
.row-tb table{}
.row-tb table tr{height:80px;border-bottom:1px solid #EAEAEA;}
.row-tb table th{width:190px;text-align:left;font-weight: 700;}
.row-tb table td{width:calc(100% - 190px);padding:16px 0;font-size: 14px;line-height: 21px;color: #4C5053;}
.row-tb table input{width:100%;max-width:280px;}
.reg-title{font-weight: 500;color: #4C5053;font-size: 16px;line-height: 24px;letter-spacing: -0.01em;}
.row-tb table .noti-text{color:#4C5053;font-size:14px;line-height:21px;}
.row-tb table .line{display:flex;align-items:center;column-gap:8px;}
.row-tb table .line .form-check{flex-shrink:0;}
.row-tb table .email-line{display:flex;align-items:center;gap:8px;flex-wrap: wrap;}
.row-tb table .email-line span{color:#484A4D;}
.row-tb table .email-line input, .row-tb table .email-line .custom-select {flex: none;width: calc((100% - 173px) / 3) !important;}
.row-tb table .tel-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.row-tb table .tel-line input, .row-tb table .tel-line .custom-select {flex: none;width: calc((100% - 173px) / 3) !important;max-width:140px;}
.row-tb table .select-line{display:flex;align-items:center;column-gap:10px;}
.row-tb table .select-line .custom-select{width:140px;}
.row-tb table .custom-select{max-width:280px; flex: 1;}
.row-tb table .addr-line{display:flex;flex-direction:column;gap:10px;}
.row-tb table .addr-line button{flex-shrink:0;width:112px;}
.row-tb table .addr-line input{max-width:none;}
.row-tb .career-box{}
.row-tb .career-box .box{padding:16px 0;border-bottom:1px solid #EAEAEA;}
.row-tb .career-box .box:last-of-type{border-bottom:0;}
.row-tb .career-box .box .col-line{display:flex;gap:8px;margin-bottom:8px;}
.row-tb .career-box .box .col-line >div{flex:1;display: flex;flex-direction: column;gap: 4px;}
.row-tb .career-box .box .line{display: flex;gap: 8px;align-items: center;}
.row-tb .career-box .box .line input{max-width:140px;}

.row-tb2 table tr{display: flex;flex-direction: column;height:auto;}
.row-tb2 table th{width:100%;padding:16px 0 0;}
.row-tb2 table td{width:100%;}
.row-tb2 table .col-line{display:flex;align-items: center;gap: 5px;margin-bottom: 10px;}
.row-tb2 table .col-line label{font-weight:700;font-size:15px;width:80px;}
.row-tb2 table .col-line input[type="text"]{width: calc(100% - 80px);max-width: 100%;}
.row-tb2 table .col-line .custom-select{width: calc(100% - 80px);max-width: 100%;}

.reg-state{padding:16px 0; border-bottom:1px solid #EAEAEA; display: flex; flex-wrap: wrap;column-gap: 24px; row-gap: 8px; align-items:center;}
.reg-state:nth-child(1){padding-top:0;}
.reg-line-del{border:none; padding-bottom:4px;}


/* col-tb */
.col-tb{}
.col-tb thead{background-color:#EDF1F5;border-top:1px solid #EAEAEA;border-bottom:1px solid #EAEAEA;}
.col-tb thead th{text-align:center;}
.row-tb .col-tb tr{height:auto;}
.row-tb .col-tb table th{padding:17px 0;width:auto !important;font-weight:700;color:#212529;}
.row-tb .col-tb table th.w-80{width:80px !important;}
.row-tb .col-tb td{padding:16px 8px;color:#212529;font-size:15px;line-height:22px;}
.row-tb .col-tb .text-center{font-weight:500;}

/* read */
.read-wrap .title-box{display:flex;flex-direction:column;row-gap:16px;padding:24px 16px;border-top:1px solid #212529;border-bottom:1px solid #EAEAEA;}
.read-wrap .title-box .title{font-size: 24px;font-weight: 700;line-height: 36px;}
.read-wrap .title-box .info{display:flex;align-items:center;flex-wrap:wrap;font-size:14px;line-height: 21px;color:#72767B;font-weight:500;}
.read-wrap .title-box .info span{display:flex;align-items:center;gap:4px;}
.read-wrap .title-box .info span::after{display:inline-block;width:1px;height:11px;margin:0 8px;background:#C7C7C8;content:'';}
.read-wrap .title-box .info span:last-child::after{display:none;}
.read-wrap .read-contents{border-bottom:1px solid #E4E8ED;word-break: break-word;overflow: auto;color:#484A4D;}
.read-wrap .read-contents .read-text img{max-width: 100%;height: auto;display: block;}
.read-wrap .read-contents .read-text table {width: 100%;table-layout: fixed;}
.read-wrap .read-contents .read-text table td{word-break: break-word;}
.read-wrap .read-contents .cate-top{display:flex;align-items:center;gap:20px;margin-bottom:24px;padding:16px;border:1px solid #E1E8F9;border-radius:8px;background-color: #F9FBFF;}
.read-wrap .read-contents .cate-top .cate-box{display:flex;gap:8px;align-items:center;font-weight:700;color:#4C5053;font-size:14px;line-height:21px;}
.read-wrap .read-contents .cate-top .cate-box span{display:flex;gap:8px;align-items:center;}
.read-wrap .read-contents .cate-top .cate-box span:first-child::after{display:inline-block;width:1px;height:11px;background:#C7C7C8;content:'';}
.read-wrap .file-box{display:flex;gap: 20px;margin-top:24px;align-items: flex-start;padding:12px;border:1px solid #EAEAEA;background-color: #F9FAFB;border-radius:8px;}
.read-wrap .file-box span{display:flex;align-items:center;gap:6px;font-weight: 700;color:#484A4D;font-size:15px;line-height:22px;}
.read-wrap .file-box .list{display:flex;flex-direction:column;width: calc(100% - 102px);}
.read-wrap .file-box a{color:#4C5053;font-size:15px;font-weight: 500;line-height:22px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}
.read-wrap .ans-text-box{padding:40px 16px;border-bottom:1px solid #EAEAEA;}
.read-wrap .ans-text-box .ans-top{display:flex;gap:10px;align-items:center;color:#484A4D;font-size:16px;line-height:24px;margin-bottom:20px;}
.read-wrap .ans-text-box .ans-top .name{font-weight:700;font-size:18px;line-height:28px;}
.read-wrap .ans-text-box .ans-top .date{display:flex;gap:4px;align-items:center;color:#72767B;font-weight:500;font-size:14px;line-height:21px;}
.read-wrap .ans-text-box .ans-top .date::after{display:inline-block;width:1px;height:11px;margin:0 8px;background:#C7C7C8;content:'';}
.read-wrap .ans-text-box .ans-text{color:#4C5053;font-size:15px;line-height:22px;}

/* write */
.write-wrap{border-top:1px solid #212529;}
.write-wrap .title-line{display:flex;gap:8px;width:100%;}
.write-wrap .title-line input[type="text"],.write-wrap .title-line input[type="password"]{width:calc(100% - 75px);max-width:none;}
.write-wrap .sm-tb{margin-top:16px;}
.write-wrap .noti-box{display: flex;flex-direction: column;gap: 10px;padding:20px 30px;border-radius:15px;background-color: #FEF8F8;color:#434B53;font-weight:500;border:1px solid #FFE3E5;}
.write-wrap .noti-box strong{display:flex;gap:6px;align-items:center;color:#F43C48;font-weight: 700;font-size: 18px;}
.write-wrap .noti-box .form-agree-box{display:flex;gap:15px;flex-wrap:wrap;}
.write-wrap .file-box{display: flex;align-items: center;gap: 10px; flex-wrap: wrap;}
.write-wrap .file-box button label{position: absolute;}
.write-wrap .row-tb table th{width:130px;}
.write-wrap .row-tb table td{width:calc(100% - 130px);}

.write-wrap .cheditor-tb-wrapper{display: flex;flex-wrap: wrap;height: auto !important;}
.write-wrap .cheditor-tb-fullscreen{margin: 3px 11px 0 0;}

/* 개인정보처리방침 */
.policy-wrap{border:1px solid #EAEAEA;border-radius:12px;padding:20px 6px 20px 20px;}
.policy-wrap .scroll-bar{max-height:676px;padding-right: 20px;}
.policy-wrap .policy-top-title{margin-bottom:24px;font-weight: 700;font-size: 20px;line-height: 32px;}
.policy-wrap .policy-title{margin-top:24px;font-weight: 700;font-size: 16px;line-height: 24px;}
.policy-wrap .policy-text{margin-top:8px;color:#72767B;font-weight: 500;font-size: 14px;line-height: 21px;}
.policy-wrap .privacy-top{margin-top:16px;color:#72767B;font-weight: 500;font-size: 14px;line-height: 21px;}
.policy-wrap .link-box{margin-top:24px;padding:24px;background-color: #F9FAFB;border-radius:8px;}
.policy-wrap .link-box p{margin-bottom:16px;color:#4C5053;font-size:16px;line-height:24px;font-weight:700;}
.policy-wrap .link-box ul{display:flex;flex-direction:column;gap:6px;}
.policy-wrap .link-box ul a{color:#324881;font-weight:500;font-size:14px;line-height:21px;text-decoration:underline;}
.policy-wrap .dot-title{display:flex;align-items:center;gap:6px;margin-top:24px;color:#4C5053;font-size:14px;line-height:21px;font-weight:700;}
.policy-wrap .dot-title::before{display:inline-block;width:5px;height:5px;background-color: #4C5053;content:'';}
.policy-wrap .bor-bg-box{padding:24px 16px;color:#72767B;font-size:14px;line-height:21px;font-weight:500;border:1px solid #EAEAEA;border-radius:8px;background-color: #F9FAFB;}


/* 마이페이지 메인 */
.mypage-wrap{}
.mypage-wrap .con-box+.con-box{margin:80px 0 0;}
.mypage-wrap .con-box{position:relative;}
.mypage-wrap .con-box .btn-more{position:absolute;top:8.5px;right:0;display:flex;align-items:center;gap:2px;color:#72767B;font-size:13px;line-height:19px;font-weight:700;}
.mypage-wrap .my-top-box{display:flex;gap:20px; flex-direction:column;}
.mypage-wrap .my-top-box .my-info-box{display:flex;gap:24px;padding:16px;flex: 1;box-shadow: 0px 0px 15px 0px #ECEFFB;border-radius:12px;}
.mypage-wrap .my-top-box .my-info-box .my-lf{display:flex;flex: 1;flex-direction:column;}
.mypage-wrap .my-top-box .my-lf{}
.mypage-wrap .my-top-box .my-lf .my-name-line{display: flex;align-items: center;border-bottom: 1px solid #E4E8ED;padding-bottom: 8px;justify-content: space-between;margin-bottom: 8px;}
.mypage-wrap .my-top-box .my-lf .my-name-line >div{display: flex;gap: 4px;align-items: center;}
.mypage-wrap .my-top-box .my-lf .my-name-line .name{font-size: 18px;line-height: 28px;font-weight: 700;}
.mypage-wrap .my-top-box .my-lf .my-name-line .btn{flex-shrink: 0;}
.mypage-wrap .my-top-box .my-lf .my-name-line .badge{display: flex;gap: 2px;align-items: center;border:1px solid #D8DBDF;color:#484A4D;}
.mypage-wrap .my-top-box .my-info-list{display: flex; flex-wrap: wrap; row-gap:10px;}
.mypage-wrap .my-top-box .my-info-list dl{width: 50%; display: flex; align-items:center;}
.mypage-wrap .my-top-box .my-lf dl dt{flex: 0 0 108px; display: flex;gap: 4px;align-items: center;font-weight: 700;}
.mypage-wrap .my-top-box .my-lf dl dd{font-weight: 500;  position: relative; padding-left: 15px;}
.mypage-wrap .my-top-box .my-lf dl dd::before{content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 12px; background: #C7C7C8; transform: translateY(-50%);}
.mypage-wrap .my-top-box .my-info-box .my-item{display:flex;gap:12px;width: 260px; flex-direction:column;}
.mypage-wrap .my-top-box .my-info-box .my-item li{flex: 1;display:flex;align-items:center;justify-content:flex-start; padding:12px; gap:8px; border-radius:12px;background-color: #FAF5F7;font-weight:500;}
.mypage-wrap .my-top-box .my-info-box .my-item li strong{font-weight:700;color:#E41D4E;}
.mypage-wrap .my-top-box .cs-box{position:relative;z-index:1;width:305px;padding:20px;background: linear-gradient(108.01deg, #3F5897 3.34%, #314169 100%);border-radius:12px;}
.mypage-wrap .my-top-box .cs-box::after{position:absolute;z-index:-1;display:block;width:58px;height:58px;bottom:18px;right:20px;background: url("../images/sub/icon-cs.svg")no-repeat;content:'';}
.mypage-wrap .my-top-box .cs-box .text-01{margin-bottom:8px;color:#FFFFFF;font-weight: 700;font-size: 16px;line-height: 24px;}
.mypage-wrap .my-top-box .cs-box .text-02{color:#D3D8DB;font-weight: 500;font-size: 14px;line-height: 21px;}
.bk-tab button{gap: 2px;display: flex;align-items: center;}
.bk-tab .icon-noti-box{width:18px;height:18px;position:relative;}
.bk-tab .icon-noti-box i{position: absolute;left: 0;top: 0;}
.bk-tab .icon-noti-box .new{position:absolute;right:1.4px;top:1.4px;width:5.63px;height:5.63px;border-radius:100%;background-color: #EC6D46;}
.mypage-wrap .my-top-box .my-info-list .list-del{width:100%;}
.mypage-wrap .my-top-box .my-message{display:inline-block; margin-bottom:4px;}



/* 시나리오 list */
.scenario-list{border-top:1px solid #212529;}
.scenario-list li{display:flex;gap:16px;align-items:center;justify-content: space-between;padding:16px;border-bottom:1px solid #EAEAEA;}
.scenario-list li .lf-text{display:flex;flex-direction:column;gap:8px;align-items:flex-start;}
.scenario-list li .lf-text .title{margin-bottom:8px;font-size:16px;line-height:24px;font-weight:700;}
.scenario-list li .lf-text .info{flex-wrap: wrap;color:#72767B;font-size:14px;font-weight:500;}
.scenario-list li .lf-text .info span{display:flex;gap:4px;align-items:center;}
/* .scenario-list li .btns button{width:124px;} */

/* 추가 질문관리  */
.question-list{border-top:1px solid #212529;}
.question-list li a{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:16px;border-bottom:1px solid #EAEAEA;}
.question-list li a:hover{background-color: #F9FAFB;}
.question-list li a .title{font-weight: 700;font-size: 16px;line-height: 24px;}
.question-list li a .info{display:flex;align-items:center;margin-top:8px;flex-wrap: wrap;}
.question-list li .info span{display:flex;align-items:center;gap:4px;color:#72767B;font-size: 14px;line-height: 20px;font-weight: 500;}
.question-list li .info span:first-child::after{display:inline-block;margin:0 4px;width:1px;height:11px;content:'';background-color: #C7C7C8;}

/* 선택항목 */
.select-question-list{border-top:1px solid #212529;}
.select-question-list > li{padding:16px;border-bottom:1px solid #EAEAEA;}
.select-question-list > li .select-text-box{display:flex;gap: 10px;cursor:pointer;align-items: center;justify-content: space-between;}
.select-question-list > li .select-text-box .lf{display:flex;flex-direction:column;gap:8px;max-width: calc(100% - 30px);}
.select-question-list > li .select-text-box .lf .form-check label{line-height:0;}
.select-question-list > li .select-text-box .badge-line{display: flex;align-items: center;gap: 3px;}
.select-question-list > li .select-text-box .icon-select-question-arr{transition:transform .3s;}
.select-question-list > li.is-open .select-text-box .icon-select-question-arr{transform: rotate(180deg);}
.select-question-list .title{font-weight: 700;font-size: 16px;line-height: 24px;}
.select-question-list .view-items{margin-top: 10px;display:none;padding:16px;background-color: #F8FAFC;}
.select-question-list .view-items ul{border: 1px solid #EAEAEA;background-color: #fff;border-radius: 8px;overflow: hidden;}
.select-question-list .view-items li{padding:8px;border-bottom: 1px solid #EAEAEA;font-size: 14px;line-height: 21px;}
.select-question-list .view-items li:last-child{border-bottom: 0;}

/* 평가관리 */
.evalu-list .badges .badge{display:flex;align-items:center;gap:2px;}
.evalu-list li .lf-text .info{display: flex;align-items: center;flex-wrap: wrap;}
.evalu-list li .lf-text .info span:first-child::after{display:inline-block;margin:0 8px;width:1px;height:11px;content:'';background-color: #C7C7C8;}


/* col3-list */
.col3-list{display:flex;gap:20px;flex-wrap:wrap;}
.col3-list li{width: calc((100% - 40px) / 3);}
.col3-list a{display: flex;flex-direction: column;gap:8px;padding: 16px;align-items: flex-start;box-shadow: 0px 0px 15px 0px #ECEFFB;border-radius: 12px;}
.col3-list .title-line{display:flex;align-items:center;gap:6px;margin-bottom:8px;width: 100%;}
.col3-list .title-line .title{font-weight: 700;font-size: 16px;line-height: 24px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;max-width: 93%;}
.col3-list .info{display:flex;align-items:center;flex-wrap: wrap;}
.col3-list .info span{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:500;color:#72767B;}
.col3-list .info span::after{display:inline-block;margin:0 8px;background-color: #C7C7C8;width:1px;height:11px;content:'';}
.col3-list .info span:last-child::after{display:none;}

/* row-list */
.row-list{}
.row-list li{width:100%;}


/* 회원탈퇴 */
.btn-out{width:100%;max-width:124px;}

/* accordion toggle 공통*/
.accordion-list{display:flex;flex-direction:column;border-top:1px solid #212529;}
.accordion-list .accordion-item{border-bottom:1px solid #EAEAEA;}
.accordion-list .accordion-item .icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-weight: 700;font-size: 20px;line-height: 32px;color:#212529;}
.accordion-list .accordion-toggle{display:flex;align-items:flex-start;gap:16px;position:relative;cursor:pointer;padding:21px 16px;color:#212529;font-size: 16px;line-height:24px;font-weight:700;}
.accordion-list .accordion-toggle::after{position:absolute;top:50%;right:16px;display:inline-block;width:24px;height:24px;background: url("../images/sub/icon-accordion-arr.svg");content:'';transition:transform .3s;transform: translate(0, -50%) rotate(0deg);transform-origin: center;}
.accordion-list .active .accordion-toggle::after{transform:rotate(-180deg) translate(0, 50%);}
.accordion-list .accordion-toggle .toggle-text{margin-top: 4px;width: calc(100% - 83px);}
.accordion-list .accordion-content{display: flex;align-items: flex-start;gap: 16px;padding:24px 16px;color:#4C5053;font-weight: 500;font-size: 15px;line-height: 22px;border-top:1px solid #EAEAEA;background-color: #F9FAFB;}
.accordion-list .accordion-content .icon{color:#C01640;}


/* 멘토링 */
.mentoring-top{display:flex;gap:24px;align-items:center;margin-bottom:40px;padding:24px;box-shadow: 0px 0px 15px 0px #ECEFFB;border-radius:10px;}
.mentoring-top>div{display: flex;flex-direction: column;gap: 8px;}
.mentoring-top .badge{align-items: center;display: flex;gap:2px;}
.mentoring-top .title{font-weight: 700;font-size: 20px;line-height: 32px;}
.mento-list .name{width:100%;padding-bottom:8px;border-bottom:1px solid #EAEAEA;font-weight: 700;font-size: 16px;line-height: 24px;}
.mento-list .text{margin:8px 0;color:#4C5053;font-size:14px;line-height:21px;font-weight:500;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}



/* 커뮤니티 리스트 공통 */
.commu-list{border-top:1px solid #212529;}
.commu-list li{border-bottom:1px solid #EAEAEA;}
.commu-list a{display: flex;flex-direction: column;gap:8px;padding: 16px;align-items: flex-start;transition:background .3s;}
.commu-list a:hover{background-color: #F9FAFB;}
.commu-list .title-line{display:flex;align-items:center;gap:6px;margin-bottom:8px;width: 100%;}
.commu-list .title-line .title{font-weight: 700;font-size: 16px;line-height: 24px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;max-width: 93%;}
.commu-list .info{display:flex;align-items:center;}
.commu-list .info span{display:flex;align-items:center;gap:4px;font-size:14px;line-height:21px;font-weight:500;color:#72767B;}
.commu-list .info span::after{display:inline-block;margin:0 8px;background-color: #C7C7C8;width:1px;height:11px;content:'';}
.commu-list .info span:last-child::after{display:none;}

/* smc 소개 */
.intro-wrap{background: #FBFBFB;overflow:hidden;}
.intro-wrap section{padding:100px 0;}
.intro-wrap section .top-title{margin-bottom:40px;font-weight:700;font-size:42px;line-height:60px;line-height:60px;}
.intro-wrap section .top-text-box{margin-bottom:40px;}
.intro-wrap section .top-text-box .top-title{margin-bottom:24px;}
.intro-wrap section .top-text-box .top-text{font-weight:500;font-size:18px;line-height:28px;color:#4C5053;}
.intro-wrap .intro-top-sec{position: relative;padding:188px 0 100px;z-index:1;  position: relative;isolation: isolate; background:#FEFEFE;}
.intro-wrap .intro-top-sec::before{position: absolute; z-index:-1;left: 0;top:0;width:100%;height: 400px; transform-origin: center top;;display:block;content:'';transform:scale(0.9);animation: visualScale 1.6s cubic-bezier(.22, 1, .36, 1) forwards;background:url("../images/sub/bg-intro-top.png")no-repeat center/ cover;}
.intro-wrap .intro-top-sec .ani-text{display: flex;flex-direction: column;font-weight:700;font-size:100px;line-height:110px; --white-height: 0px;background: linear-gradient(to bottom,#fff 0,#fff var(--white-height),#212529 var(--white-height),#212529 100%);background-clip: text;-webkit-background-clip: text;color: transparent;-webkit-text-fill-color: transparent;animation: titleUp 2s cubic-bezier(.22, 1, .36, 1) forwards;}
.intro-wrap .intro-top-sec .intro-top-box{position:relative;display:flex;justify-content:flex-end;}
.intro-wrap .intro-top-sec .shape-box{position: absolute;top: -81.5px;left:0;z-index: -1;display:flex;flex-direction:column;}
.intro-wrap .intro-top-sec .shape-box span{display:block;width:460px;height:230px;background: url("../images/sub/img-intro-top-shape.png")no-repeat;transform:translateY(100px);opacity:0;}
.intro-wrap .intro-top-sec.sec-active .shape-box span{animation: fadeUp .85s .8s ease-out forwards;}
.intro-wrap .intro-top-sec.sec-active .shape-box span:nth-child(2){animation-delay:1s;}
.intro-wrap .intro-top-sec.sec-active .shape-box span:nth-child(3){animation-delay:1.3s;}
.intro-wrap .intro-top-sec .text-box{max-width:636px;transform:translateY(80px);opacity:0;}
.intro-wrap .intro-top-sec.sec-active .text-box{animation: fadeUp .85s .85s ease-out forwards;}
.intro-wrap .intro-top-sec .text-box p{font-size: 18px;font-weight: 500;line-height: 28px;color: #4C5053;}
.intro-wrap .intro-top-sec .text-box p+p{margin:24px 0 0;}
.intro-wrap .program-sec{}
.intro-wrap .program-sec .top-title{opacity:0;transform:translateY(50px);}
.intro-wrap .program-sec.sec-active .top-title{animation: fadeUp .85s ease-out forwards;}
.intro-wrap .program-sec .top-text{opacity:0;transform:translateY(50px);}
.intro-wrap .program-sec.sec-active .top-text{animation: fadeUp .85s ease-out forwards;}
.intro-wrap .program-list{display:flex;gap:24px;}
.intro-wrap .program-list .box{flex:1; opacity: 0;clip-path: inset(0 100% 0 0);transform: translateX(-20px);}
.intro-wrap .program-sec.sec-active .program-list .box{animation: cardReveal .8s cubic-bezier(.22, 1, .36, 1) forwards;}
.intro-wrap .program-sec.sec-active .program-list .box:nth-child(1){animation-delay: 0s;}
.intro-wrap .program-sec.sec-active .program-list .box:nth-child(2){animation-delay: .36s;}
.intro-wrap .program-sec.sec-active .program-list .box:nth-child(3){animation-delay: .66s;}
@keyframes cardReveal {
  from {
    opacity: 0;
    clip-path: inset(0 100% 0 0);
    transform: translateX(-20px);
  }

  to {
    opacity: 1;
    clip-path: inset(0 0 0 0);
    transform: translateX(0);
  }
}
.intro-wrap .program-list .box-title{margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;padding:16px;background-color: #1E356E;color:#fff;font-size:20px;line-height:30px;font-weight:700;border-radius:8px;}
.intro-wrap .program-list .box-title i{opacity:0;animation: fadeIn 1s ease-out infinite;}
.intro-wrap .program-list .title-box{display:flex;flex-direction:column;gap:8px;}
.intro-wrap .program-list .title-box em{color: #E41D4E;font-size: 16px;line-height: 24px;font-weight: 700;}
.intro-wrap .program-list .title-box strong{font-weight: 700;font-size: 32px;line-height: 48px;}
.intro-wrap .program-list .title-box p{color: #4C5053;font-weight: 500;}
.intro-wrap .program-list .box-text{padding:30px;box-shadow: 0px 0px 30px 0px #E7EAF4;background-color: #fff;border-radius:8px;}
.intro-wrap .program-list .chk-text{display:flex;flex-direction:column;gap:2px;padding:16px 0 20px;}
.intro-wrap .program-list .chk-text p{display:flex;align-items:center;gap:6px;color:#4C5053;font-weight:500;}
.intro-wrap .program-list .btn-toggle{width:100%;}
.intro-wrap .program-list .btn-toggle i{transition: transform .3s;}
.intro-wrap .program-list .btn-toggle.open i{transform:rotate(-180deg);}
.intro-wrap .program-list .bg-box-bl{margin:24px 0 20px;padding:16px;border:1px solid #3883FF;background-color: #F0F5FF;border-radius:8px;}
.intro-wrap .program-list .bg-box-bl .title{margin-bottom:8px;display:flex;align-items:center;gap:6px;font-weight:700;font-size:18px;line-height:28px;}
.intro-wrap .program-list .bg-box-bl .text{color:#4C5053;font-weight:500;}
.intro-wrap .program-list dl{display:flex;flex-direction:column;}
.intro-wrap .program-list dl dt{display:flex;align-items:center;gap:5px;margin-bottom:5px;font-weight:700;font-size:16px;line-height:24px;}
.intro-wrap .program-list dl+dl{margin:16px 0 0;}
.intro-wrap .program-list dd{color:#4C5053;font-weight:500;}

.intro-wrap .process-sec{position:relative;z-index:1;background-color: #0E0F10;}
.intro-wrap .process-sec .container{max-width: 1472px;}
.intro-wrap .process-sec::before{position: absolute; z-index:-1;right: 0;top:0;width:660px;height:466px;display:block;content:'';background:url("../images/sub/img-shape-intro-process-01.png")no-repeat center/ cover;}
.intro-wrap .process-sec::after{position: absolute; z-index:-1;left: 0;bottom:0;width:717px;height:146px;display:block;content:'';background:url("../images/sub/img-shape-intro-process-02.png")no-repeat center/ cover;}
.intro-wrap .process-sec .step-list ul{display:flex;gap:24px;margin-bottom:40px;}
.intro-wrap .process-sec .step-list li{position:relative;padding:24px 24px 64px 24px;border:1px solid #483F44;border-radius:8px;background-color: #332F31;opacity:0;transform:translateY(80px);}
.intro-wrap .process-sec.sec-active .step-list li{animation: fadeUp 1s ease-out forwards;}
.intro-wrap .process-sec .step-list li::after{position:absolute;bottom:24px;right:24px;width:22px;height:22px;background: url("../images/sub/icon-intro-step-arr.svg");content:'';opacity:0;animation: fadeIn 1s ease-out infinite;}
.intro-wrap .process-sec .step-list li:nth-child(2){animation-delay:.3s;}
.intro-wrap .process-sec .step-list li:nth-child(3){animation-delay:.4s;}
.intro-wrap .process-sec .step-list li:last-child{animation-delay:.5s;border-color:#FFC0CF;}
.intro-wrap .process-sec .step-list li:last-child::after{display:none;}
.intro-wrap .process-sec .step-list li .step{display:block;color:#FF3063;font-size:13px;line-height:19px;font-weight:700;}
.intro-wrap .process-sec .step-list li strong{display:inline-block;margin:8px 0 16px;padding-bottom:16px;color:#FFFFFF;width: 100%;border-bottom: 1px solid rgba(255, 255, 255, 0.2);font-size:24px;line-height:36px;font-weight:700;}
.intro-wrap .process-sec .step-list li .text{color:#B7AEB1;font-size:14px;line-height:21px;font-weight:500;}
.intro-wrap .process-sec .step-period{margin-bottom:120px;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;text-align:center;width:100%;padding:16px;opacity:0;transform:translateY(80px);border:1px solid #6F7666;border-radius:8px;background-color: #373B32;}
.intro-wrap .process-sec.sec-active .step-period{animation: fadeUp 1s .6s ease-out forwards;}
.intro-wrap .process-sec .step-period strong{color:#D9FFAA;font-size:18px;line-height:28px;font-weight:700;}
.intro-wrap .process-sec .step-period p{color:#B5BEAA;font-weight:500;}
.intro-wrap .process-sec .info-item-box{display:flex;gap:24px;}
.intro-wrap .process-sec .info-item-box li{padding:24px;display:flex;flex-direction:column;align-items:center;width:342px;opacity:0;transform:translateY(80px);}
.intro-wrap .process-sec.sec-active .info-item-box li{animation: fadeUp 1s .85s ease-out forwards;}
.intro-wrap .process-sec.sec-active .info-item-box li:nth-child(2){animation-delay:1s;}
.intro-wrap .process-sec.sec-active .info-item-box li:nth-child(3){animation-delay:1.3s;}
.intro-wrap .process-sec.sec-active .info-item-box li:nth-child(4){animation-delay:1.6s;}
.intro-wrap .process-sec .info-item-box li strong{display:inline-block;margin:24px 0 4px;color:#fff;font-weight:700;font-size:24px;line-height:36px;}
.intro-wrap .process-sec .info-item-box li p{color:#BABFC3;font-size:16px;line-height:24px;font-weight:500;text-align: center;}

/* ani */
@keyframes visualScale {
  from {
    transform:scale(0.9);
  }

  to {
    transform: scale(1);
  }
}
@keyframes titleUp {
  from {
    transform: translateY(200px);
  }

  to {
    transform: translateY(0);
  }
}

/* fade-in */
@keyframes fadeIn {
  to { opacity: 1; }
}

@keyframes fadeUp {
  to { opacity: 1;transform: translateY(0); }
}

/* ----------------------------------media 1300px-------------------*/
@media (max-width: 1300px) {
.mypage-wrap .my-top-box .cs-box {width: 245px;}

}
/* ----------------------------------media 1200px-------------------*/
@media (max-width: 1200px) {
.lnb-box {flex: 0 0 170px;}
.lnb-box .lnb-top .lnb-title{font-size:42px;line-height:60px;}

/* 마이페이지 */
.mypage-wrap .my-top-box .cs-box {width: 200px;}

}

/* ----------------------------------media 1024px-------------------*/
@media (max-width: 1024px) { 
.contents{padding:40px 0 60px;}

.breadcrumb{display:none;}
.b-breadcrumb{display:flex;}

/* title common */
.head-title-s{margin-bottom: 16px;font-size: 24px;line-height: 36px;}
.head-title-m {margin-bottom: 30px;font-size: 30px;line-height: 43px;}
.head-title-lg{margin-bottom:30px;font-size: 32px;line-height: 45px;}
.sub-title-box{gap:5px;margin-bottom:16px;}
.sub-title-box .sub-title{font-size: 24px;line-height: 36px;}

/* lnb */
.lnb-box .mo-lnb-title{display:flex;}
.lnb-box .lnb-top{padding-bottom:16px;}
.lnb-box .lnb-list{position:absolute;z-index:9;width:100%;overflow:hidden;gap:0;border: 1px solid #D9D9D9;background-color: #fff;border-radius: 8px; max-height: 0;opacity: 0;transform: translateY(-8px);transition:max-height 0.3s ease,opacity 0.2s ease,transform 0.3s ease;}
.lnb-box.open .lnb-list{max-height: 240px;opacity: 1;transform: translateY(8px);}
.lnb-box .lnb-list a{border-radius: 0;}


/* 검색창 */
.srch-box-wrap{flex-wrap:wrap;}
.srch-box-wrap .custom-select{width:100px;}
.srch-box-wrap input{width:calc(100% - 108px);}
.srch-box-wrap .btn-srch{width:100%;}


/* page-layout */
.page-layout{flex-direction:column;gap: 40px;}


/* 회원가입 */
.join-step{max-width:356px;}
.join-step li i{width:55px !important;height:55px !important;}
.join-step li::after{width:25px;height:25px;right: -17px;}
.join-step li strong{font-size: 15px;line-height: 22px;}
.join-box {margin-bottom: 40px;}
.join-box .agree-line{flex-direction: column;align-items: flex-end;gap: 8px;}
.join-box .agree-line .agree-title{width:100%;}
.join-complete strong{margin: 30px 0 4px;font-size: 24px;line-height: 34px;}
.join-vefiry > img{width: 100px;height: 100px;}
.join-vefiry div strong{line-height: 30px;font-size: 20px;}
.join-vefiry div p{font-size: 14px;line-height: 21px;}

/* mypage */
.mypage-wrap .my-top-box{flex-direction:column;}
.mypage-wrap .my-top-box .my-info-box{flex-direction: column;border-radius: 16px;}
.mypage-wrap .my-top-box .my-info-box .my-item{width:100%;}
.mypage-wrap .my-top-box .my-info-box .my-item li{border-radius:10px;}
.mypage-wrap .my-top-box .cs-box{width:100%;height:170px;}
.mypage-wrap .my-top-box .my-info-list{flex-direction:column;}
.mypage-wrap .my-top-box .my-info-list dl{width:100%;}

/* 시나리오 list */
.scenario-list li{padding: 16px 8px;flex-wrap: wrap;}
.scenario-list li .lf-text{width:100%;}
.scenario-list li .btns{width:100%;}
.scenario-list li .btns button{width:100%;}

/* col3-list */
.col3-list{flex-direction:column;gap:16px;}
.col3-list li{width:100%;}

/* 멘토링 */
.mentoring-top{gap: 15px;padding: 15px;border-radius: 8px;}
.mentoring-top .title {font-size: 17px;line-height: 28px;}
.mento-list .text{margin:0;}

/* commu list 공통 */
.commu-list a{padding:16px 12px;}

/* read */
.read-wrap .title-box{gap:8px;padding: 15px 10px;}
.read-wrap .title-box .title{font-size: 17px;line-height: 24px;}
.read-wrap .read-contents {padding: 40px 10px;}
.read-wrap .file-box{flex-direction: column;gap: 8px;}
.read-wrap .file-box .list{width:100%;}
.read-wrap .file-box a {font-size: 14px;line-height: 21px;}
.read-wrap .read-contents .cate-top{padding:10px;}

/* write */
.write-wrap .row-tb table tr{display: flex;flex-direction: column;height:auto;}
.write-wrap .row-tb table th{width:100%;padding-top: 10px;}
.write-wrap .row-tb table td{width:100%;padding:8px 0 10px;}
.write-wrap .file-text-line{flex-wrap: wrap;gap: 8px;}
.write-wrap colgroup{ display: none;}

.write-wrap .row-tb table tr .col-tb thead{display:none;}
.write-wrap .row-tb .col-tb tr{flex-direction: row;align-items: center;}
.row-tb .col-tb .text-center{width: 41px;line-height: 47px;}

/* intro */
.intro-wrap section{padding:60px 0;}
.intro-wrap section .top-title{margin-bottom: 30px;font-size: 30px;line-height: 43px;}
.intro-wrap section .top-text-box .top-title{margin-bottom: 16px;}
.intro-wrap section .top-text-box .top-text{font-size: 16px;line-height: 24px;}
.intro-wrap .intro-top-sec{padding:170px 0 60px;}
.intro-wrap .intro-top-sec::before{height: 320px;}
.intro-wrap .intro-top-sec .ani-text{font-size: 67px;line-height: 74px;}
.intro-wrap .intro-top-sec .shape-box{display:none;}
.intro-wrap .intro-top-sec .text-box{margin-top:50px;}
.intro-wrap .intro-top-sec .text-box p{font-size: 16px;line-height: 24px;}
.intro-wrap .intro-top-sec .text-box p+p{margin: 15px 0 0;}
.intro-wrap .program-list{flex-direction:column;}
.intro-wrap .program-list .box-title{padding: 10px;font-size: 17px;line-height: 25px;}
.intro-wrap .program-list .icon-intro-program-arr{transform: rotate(90deg);}
.intro-wrap .program-list .box-text{padding:16px;}
.intro-wrap .program-list .title-box{gap: 3px;}
.intro-wrap .program-list .title-box strong{font-size: 25px;line-height: 37px;}
.intro-wrap .program-list .bg-box-bl .title{font-size: 16px;line-height: 24px;}
.intro-wrap .process-sec .step-list ul{flex-direction:column;}
.intro-wrap .process-sec .step-list li::after{transform: rotate(90deg);}
.intro-wrap .process-sec .step-period{margin-bottom:80px;}
.intro-wrap .process-sec .info-item-box li{width:auto;flex:1;padding: 12px;}
.intro-wrap .process-sec .info-item-box li i{width:80px;height:80px;}

}



/* ----------------------------------media 768px-------------------*/
@media (max-width: 768px) { 

/* row-tb */
.row-tb table tr{display: flex;flex-direction: column;height:auto;}
.row-tb table th{width:100%;padding-top: 10px;}
.row-tb table td{width:100%;padding:8px 0 10px;}
.row-tb table td .btn-md{width:100%;}
.row-tb table .line{flex-wrap:wrap;row-gap:8px;}
.row-tb table .line input[type="text"],.row-tb table .line input[type="tel"],.row-tb table .line input[type="email"]{width:100%;max-width:none;}

.row-tb table input{max-width:none;}
.row-tb table .tel-line input, .row-tb table .tel-line .custom-select{max-width: none;width: calc((100% - 45px) / 3) !important;}
.row-tb table .email-line input{width:calc((100% - 30px) / 2) !important;max-width: none;}
.row-tb table .email-line .custom-select{width:100% !important;max-width: none;}
.row-tb .career-box .box{padding:10px 0;}
.row-tb .career-box .box .col-line{flex-wrap: wrap;}
.row-tb .career-box .box .col-line >div{flex: none;width: 100%;}

.row-tb2 table .col-line{flex-direction:column;}
.row-tb2 table .col-line label{width:100%;}
.row-tb2 table .col-line input[type="text"]{width:100%;}
.row-tb2 table .col-line .custom-select{width:100%;}

/*로그인 영역*/
.login-w{width:100%;}

/* 회원가입 */
.join-step li strong {font-size: 13px;line-height: 20px;}
.join-box .prefer-box{flex-direction: column;gap: 8px;}
.join-box .file-box{flex-direction:column;}
.join-box .prefer-box .prefer-line .custom-select {width: calc(100% - 43px);}

.bg-box{padding:16px 16px 20px 16px}

/* write */
.row-tb table .custom-select{max-width:none;}


/* 회원가입 타입 */
.type-list{flex-direction: column;align-items: center;}
.type-list li{gap: 8px;padding: 20px 16px;}
.type-list .text-box strong{font-size:20px;line-height:30px;}
.type-list .text-box p{font-size:14px;line-height:21px;}

.login-box .join-text-box2{flex-direction:column;gap:5px;}
.login-box .join-text-box2 .btn{width:100%;}


/* bor tab */
.bor-tab li button, .bor-tab li a{height:100%;padding: 12px 8px;font-size: 14px;line-height: 21px;}

/* accordion-list */
.accordion-list .accordion-toggle{padding: 15px 0;gap:8px;}
.accordion-list .accordion-toggle .toggle-text{width: calc(100% - 70px);}
.accordion-list .accordion-toggle::after{right:0;}

/* intro */
.intro-wrap .process-sec .info-item-box{gap: 16px;flex-wrap: wrap;}
.intro-wrap .process-sec .info-item-box li{padding:0;flex:none;width: calc((100% - 16px) / 2);}
.intro-wrap .process-sec .info-item-box li strong{margin: 18px 0 4px;font-size: 17px;line-height: 27px;}
.intro-wrap .process-sec .info-item-box li p{font-size: 15px;line-height: 21px;}

.scenario-list li{padding:16px 0;}
.scenario-list li .btns{width:100%; flex-direction:column; gap:8px;}
.scenario-list li .btns button{width:100%;}


}


/* ----------------------------------media 420px-------------------*/
@media (max-width: 420px) { 
.join-step li::after {display:none;}



}