/* 공통 */
.sub_visual_wrap{position:relative; margin-top: 80px;}
.sub_visual{width:100%; height: 600px; position:relative; background:url("/img/sub/sub_visual.jpg") no-repeat center / cover;}
.sub_vis_txt{max-width:1600px; width:100%; margin: 0 auto; color:#fff; text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align: left;}
.sub_vis_txt em{font-size: 16px; color: #1385E3; font-weight: 700; line-height: 1.18;}
.sub_vis_txt h2{font-size: 55px; margin-top:10px; font-weight: 700; color: #000; line-height: 1.18;}
.sub_vis_txt p{font-size: 20px; margin-top:19px; font-weight: 500; color: #6D6D6D; line-height: 1.5;}
/* sub_menu */
.sub_menu{height:90px;}
.sub_menu > ul{background: var(--color-blue); max-width:1600px; margin:-51px auto 0; position: relative; display: flex; align-items: center; justify-content: center; height:100%; z-index: 10;}
.sub_menu > ul > li{position: relative; height: 100%; padding: 0 40px;}
.sub_menu > ul > li + li:before {content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 26px; background: #fff; opacity: .5;}
.sub_menu > ul > li > a {min-width: 240px; text-align: center; line-height: 90px; display: block; font-size: 22px; font-weight: 700; color: #93A9C7; height: 100%;}
.sub_menu > ul > li.on > a {color: #fff;}

#sub_content{padding:101px 0 0;}
.sub_inner{max-width:1600px; margin:0 auto}
.sub_title{margin-bottom:91px; text-align:center;}
.sub_title h3{font-size: 45px; font-weight: 600; color: #000; line-height: 1.4; letter-spacing: -2px;}

/* 자격규정 */
.rule_cont .box {border: 1px solid #D9D9D9; padding: 63px 0;}
.rule_cont .box h2 {display: flex; align-items: center; justify-content: center; gap: 0 15px; font-size: 32px; font-weight: 400; color: #000; letter-spacing: -1px; line-height: 1.3;}
.rule_cont .box h2 strong {font-weight: 700;}
.rule_cont .box h2 img {width: 40px;}
.rule_cont .btn {margin-top: 30px; display: flex; align-items: center; justify-content: center; gap: 0 20px;}
.rule_cont .btn a {display: flex; align-items: center; justify-content: center; gap: 0 10px; font-size: 16px; font-weight: 700; border-radius: 30px; width: 177px; height: 50px; color: #fff;}
.rule_cont .btn img {width: 20px;}
.rule_cont a:first-child {background: #000;}
.rule_cont a:last-child {background: var(--color-sky);}
.rule_cont .sub_view_pdf {margin: 60px auto 0; width: 1250px; height: 1166px;}
.rule_cont #pdfContent {width: 100%; height: 100%; overflow: hidden !important;}

/* 행동분석전문가(KBA)란? */
.sub01-1 {position: relative;}
.sub01-1 h2 {text-align: left; font-size: 35px; font-weight: 400; color: #000; margin-bottom: 65px;}
.sub01-1 h2 strong {font-weight: 700;}
.sub01-1 .img img {width: 100%;}
.sub01-1 .txt {margin-top: 65px;}
.sub01-1 .txt p {font-size: 20px; font-weight: 500; color: #8E8E8E; letter-spacing: -.8px; line-height: 1.5;}
.sub01-1 .txt p + p {margin-top: 20px;}
.sub01-1 .sec:not(.sec3) .txt p strong {color: #000; font-weight: 700; font-size: 24px;}
.sub01-1 .txt p strong {color: #000; font-weight: 700;}
.sub01-1 .txt p span {color: #1385E3;}
.sub01-1 .sec {margin-top: 100px;}
.sub01-1 .sec2 {position: relative;}
.sub01-1 .sec2::before {content: ""; background: url(/img/main/allMenu_bg.png) no-repeat center / contain; width: 300px; height: 260px; position: absolute; right: 0; bottom: 0; z-index: -1;}
.sub01-1 .sec3 {display: flex; align-items: flex-start; gap: 86px;}
.sub01-1 .sec3 .img {width: 694px;}
.sub01-1 .sec3 .right {width: calc(100% - 780px);}
.sub01-1 .sec3 .right .txt_cont + .txt_cont {margin-top: 100px;}

/* 우선 알아 둘 사항 */
.sub02-1 .desc {position: relative; padding: 60px 0 100px; border-bottom: 1px solid #D9D9D9;}
.sub02-1 .desc::before {content: ""; background: url(/img/main/allMenu_bg.png) no-repeat center/contain; width: 300px; height: 260px; position: absolute; right: 143px; bottom: 0; z-index: -1;}
.sub02-1 .desc li {display: flex; align-items: flex-start; gap: 0 10px; font-size: 20px; font-weight: 500; color: #000; line-height: 1.5; letter-spacing: -0.8px;}
.sub02-1 .desc li img {width: 32px;}
.sub02-1 .desc li + li {margin-top: 20px;}
.sub02-1 .desc ol {margin-top: 20px; padding-left: 20px;}
.sub02-1 .desc ol li {position: relative; padding-left: 20px;}
.sub02-1 .desc ol li::before {content: ""; width: 6px; height: 6px; border-radius: 100%; background: #8E8E8E; position: absolute; left: 0; top: 12px;}
.sub02-1 .desc ol li + li {margin-top: 10px;}
.sub02-1 .info_cont {margin-top: 104px;}
.sub02-1 .info_cont .tit h4 {font-size: 35px; font-weight: 400; color: #000; letter-spacing: -.8px;}
.sub02-1 .info_cont .tit p {margin-top: 65px; font-size: 24px; font-weight: 500; color: #000; letter-spacing: -.8px; line-height: 1.4;}
.sub02-1 .info_cont .cont {margin-top: 40px; border: 1px solid #D9D9D9; display: flex; align-items: flex-start;}
.sub02-1 .info_cont .box {width: 50%; padding: 50px 48px; box-sizing: border-box;}
.sub02-1 .info_cont .box:first-child {border-right: 1px solid #D9D9D9;}
.sub02-1 .info_cont .box h5 {font-size: 24px; font-weight: 700; color: #1385E3; letter-spacing: -.8px; line-height: 1.4;}
.sub02-1 .info_cont .box .img {margin-top: 40px; display: flex; align-items: flex-start; gap: 65px;}
.sub02-1 .info_cont .box .img > div {display: flex; align-items: flex-start; gap: 55px; text-align: center;}
.sub02-1 .info_cont .box .img .item {position: relative;}
.sub02-1 .info_cont .box .img .item::before {content: ""; width: 25px; height: 25px; background-size: cover; background-position: center; position: absolute; top: 50%; transform: translateY(-50%); left: -40px; background-repeat: no-repeat;}
.sub02-1 .info_cont .box .img .item img {width: 80px;}
.sub02-1 .info_cont .box .img .item p {margin-top: 15px; font-size: 20px; font-weight: 700; letter-spacing: -.5px; line-height: 1.5;}
.sub02-1 .info_cont .box .left {background: #F9F9F9; padding: 27.5px 30px; border-radius: 30px;}
.sub02-1 .info_cont .box .left p {color: #1385E3;}
.sub02-1 .info_cont .box .left .item + .item::before {background-image: url(/img/sub/sub02-1_plus.svg);}
.sub02-1 .info_cont .box .right {gap: 85px !important; padding: 27.5px 0;}
.sub02-1 .info_cont .box .right .item::before {background-image: url(/img/sub/sub02-1_arrow.svg); left: -45px !important;}
.sub02-1 .info_cont .box .right .item + .item::before {background-image: url(/img/sub/sub02-1_arrow.svg); left: -55px !important;}
/* .sub02-1 .info_cont .box:last-child .left .item {min-width: 127px;} */
.sub02-1 .info_cont .info_list {margin-top: 40px;}
.sub02-1 .info_cont .info_list li {display: flex; align-items: flex-start; gap: 0 10px; font-size: 16px; font-weight: 500; color: #8E8E8E; line-height: 1.6; letter-spacing: -.8px;}
.sub02-1 .info_cont .info_list li .subInfoNum {min-width: 20px; min-height: 20px; margin-top: 3px; margin-left: 0;}
.sub02-1 .info_cont .info_list li + li {margin-top: 10px;}
.sub02-1 .bot {margin-top: 120px;}
.sub02-1 .bot h4 {font-size: 35px; font-weight: 400; color: #000; letter-spacing: -.8px; line-height: 1;}
.sub02-1 .bot .cont {margin-top: 65px; display: flex; align-items: center; gap: 0 50px;}
.sub02-1 .bot .cont .left img {width: 112px;}
.sub02-1 .bot .cont .txt {font-size: 20px; font-weight: 500; color: #000; letter-spacing: -.8px; line-height: 1.5;}
.sub02-1 .bot .cont .txt span {color: #1385E3; font-weight: 700;}


/* 응시 자격 */
.subTop-tit {font-size: 34px; font-weight: 400; color: #000; letter-spacing: -1px; line-height: 1.29; text-align: center;}
.subTop-tit span {color: var(--color-sky); font-weight: 700;}
.subTop-Cont img {width: 100%; margin-top: 41px;}
.subTop-info {margin-top: 60px; font-size: 24px; font-weight: 500; color: #000; letter-spacing: -.8px; line-height: 1.4;}
.subInfoNum {display: inline-block; width: 20px; height: 20px; text-align: center; line-height: 22px; margin-left: 6px; border-radius: 100%; color: #fff; background: var(--color-sky); font-size: 11px; font-weight: 200; vertical-align: top;}
.sub02-2 .info_cont {margin-top: 42px;}
.sub02-2 .box {display: flex; align-items: flex-start; gap: 0 60px; padding: 45px 60px; border: 1px solid #D9D9D9;}
.sub02-2 .box + .box {margin-top: 20px;}
.sub02-2 .box img {width: 80px;}
.sub02-2 .box .txt {width: calc(100% - 140px);}
.sub02-2 .box p {font-size: 25px; font-weight: 700; color: var(--color-sky); letter-spacing: -.8px; line-height: 1.4;}
.sub-InfoList {margin-top: 20px;}
.sub-InfoList li {margin-top: 15px; font-size: 20px; font-weight: 500; color: #8E8E8E; letter-spacing: -.8px; line-height: 1.5; padding-left: 16px; position: relative;}
.sub-InfoList.no-dot li {padding-left: 0;}
.sub-InfoList:not(.no-dot) li::before {content: ""; width: 6px; height: 6px; border-radius: 100%; background: #8E8E8E; position: absolute; left: 0; top: 12px;}
.sub02-2 .info_list {margin-top: 50px;}
.sub02-2 .info_list li {position: relative; font-size: 16px; font-weight: 500; color: #8E8E8E; letter-spacing: -.8px; line-height: 1.6; padding-left: 30px;}
.sub02-2 .info_list li + li {margin-top: 10px;}
.sub02-2 .info_list .subInfoNum {margin: 0; position: absolute; left: 0; top: 3px;}

/* 응시 절차 안내 */
.sub02-3 .sec_tit {font-size: 24px; font-weight: 700; color: var(--color-sky); letter-spacing: -.8px; line-height: 1.4.;}
.sub02-3 .sec1 ul {margin-top: 57px; display: flex; align-items: flex-start; justify-content: space-between; text-align: center;}
.sub02-3 .sec1 ul li {position: relative;}
.sub02-3 .sec1 ul li + li::before {content: ""; width: 32px; height: 32px; background: url(/img/sub/sub02-3_arrow.svg) no-repeat center/cover; position: absolute; top: 84px; left: -137px;}
.sub02-3 .sec1 ul .circle {margin: 0 auto; display: block; width: 200px; height: 200px; border-radius: 100%; background: var(--color-sky); display: flex; align-items: center; justify-content: center;}
.sub02-3 .sec1 ul .circle img {width: 80px;}
.sub02-3 .sec1 ul em {display: block; margin-top: 35px; font-size: 18px; font-weight: 700; color: var(--color-blue); letter-spacing: -.8px; line-height: 1.6;}
.sub02-3 .sec1 ul p {margin-top: 10px; font-size: 22px; font-weight: 700; color: #000; letter-spacing: -.8px; line-height: 1.3;}
.sub02-3 .sec1 ul span {display: block; margin-top: 10px; font-size: 20px; font-weight: 500; color: #8E8E8E; letter-spacing: -.8px; line-height: 1.5;}
.sub02-3 .sec2 {margin-top: 42px; display: flex; align-items: center; flex-wrap: wrap; border: 1px solid #D9D9D9;}
.sub02-3 .sec2 > div {width: 50%; padding: 50px; border-bottom: 1px solid #D9D9D9;}
.sub02-3 .sec2 > div:nth-of-type(odd) {border-right: 1px solid #D9D9D9;}
.sub02-3 .sec2 > div:last-child {border-bottom: 0;}
.sub02-3 .sec2 > div:nth-of-type(1),
.sub02-3 .sec2 > div:nth-of-type(2) {min-height: 295px;}
.sub02-3 .sec2 > div:nth-of-type(3),
.sub02-3 .sec2 > div:nth-of-type(4) {min-height: 310px;}
.sub02-3 .sec2 span {display: block; font-size: 18px; font-weight: 700; color: var(--color-blue); letter-spacing: -.8px; line-height: 1.6;}
.sub02-3 .sec2 p {margin-top: 10px; font-size: 20px; font-weight: 500; color: #000; letter-spacing: -.8px; line-height: 1.5;}
.sub02-3 .sec3 {margin-top: 80px; display: flex; align-items: flex-start; justify-content: space-between;}
.sub02-3 .sec3 > div {width: 50%;}
.sub02-3 .sec3 p:not(.sec_tit) {margin-top: 20px; font-size: 20px; font-weight: 500; color: #8E8E8E; letter-spacing: -.8px;}
.sub02-3 .sec3 p:not(.sec_tit) strong {color: #000; font-size: 25px; font-weight: 700;}
.sub02-3 .sec4 {margin-top: 80px;}
.sub02-3 .sec4 .table_cont {margin-top: 30px;}
.sub02-3 .sec4 table {border-top: 1px solid #000; text-align: center; width: 100%; border-spacing: 0;}
.sub02-3 .sec4 table th {padding: 26px 0; font-size: 20px; font-weight: 700; color: #000; line-height: 1.2; background: #F5F6FA; border-bottom: 1px solid #D9D9D9;}
.sub02-3 .sec4 table th + th {border-left: 1px solid #D9D9D9;}
.sub02-3 .sec4 table td {padding: 30px 52px; font-size: 18px; border-bottom: 1px solid #D9D9D9; border-left: 1px solid #D9D9D9; color: #6D6D6D; line-height: 1.5;}
.sub02-3 .sec4 table td[rowspan="6"]:first-child {font-weight: 700; color: #000; border-left: 0;}
.sub02-3 .sec4 table td ul {text-align: left;}
.sub02-3 .sec5 {margin-top: 80px;}

/* 자격 유지 안내 */
.sub02-4 .subTop-info {padding: 0 0 100px 630px; position: relative; border-bottom: 1px solid #D9D9D9;}
.sub02-4 .subTop-info::before {content: ""; width: 300px; height: 260px; position: absolute; bottom: 0; left: 143px; background: url(/img/main/allMenu_bg.png) no-repeat center/contain;}
.sub02-4 .subTop-info span {color: var(--color-sky); font-weight: 700;}
.sub02-4 .subTop-info strong {font-weight: 700;}
.sub02-4 .info {padding-top: 80px; display: flex; align-items: flex-start; gap: 0 203px;}
.sub02-4 .info .tit {display: flex; align-items: center; gap: 0 15px; font-size: 35px; font-weight: 400; color: #000; letter-spacing: -.8px;}
.sub02-4 .info .tit strong {font-weight: 700;}
.sub02-4 .info .tit img {width: 40px;}
.sub02-4 .info ol {margin: 0;}
.sub02-4 .info ol > li {padding: 0; display: flex; align-items: center; gap: 0 10px; color: #000; margin-top: 20px;}
.sub02-4 .info ol > li:first-child {margin-top: 0;}
.sub02-4 .info ol > li img {width: 32px;}
.sub02-4 .info ol > li::before {display: none;}
.sub02-4 .info ol ul {padding-left: 42px; margin-top: 20px;}
.sub02-4 .info ol ul li + li {margin-top: 10px;}




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

    .sub_visual_wrap {margin-top: 4.88vw;}
    /* 공통 */
    .sub_visual{height: 36.59vw; margin-top: 4.88vw;}
    .sub_vis_txt{max-width:calc(100% - 4.88vw);}
    .sub_vis_txt em{font-size: 0.98vw;}
    .sub_vis_txt h2{font-size: 3.35vw; margin-top:0.61vw;}
    .sub_vis_txt p{font-size: 1.22vw; margin-top:1.16vw;}
    /* sub_menu */
    .sub_menu{height:5.49vw;}
    .sub_menu > ul{ max-width:calc(100% - 4.88vw); margin:-3.11vw auto 0;}
    .sub_menu > ul > li{padding: 0 2.44vw;}
    .sub_menu > ul > li + li:before {width: 0.06vw; height: 1.59vw;}
    .sub_menu > ul > li > a {line-height: 5.49vw; font-size: 1.34vw; min-width: 14.63vw;}

    #sub_content{padding:6.16vw 0 0;}
    .sub_inner{max-width:calc(100% - 4.88vw);}
    .sub_title{margin-bottom:5.55vw;}
    .sub_title h3{font-size: 2.74vw; letter-spacing: -0.12vw;}

    /* 자격규정 */
    .rule_cont .box {padding: 3.84vw 0;}
    .rule_cont .box h2 {gap: 0 0.91vw; font-size: 1.95vw; letter-spacing: -0.06vw;}
    .rule_cont .box h2 img {width: 2.44vw;}
    .rule_cont .btn {margin-top: 1.83vw; gap: 0 1.22vw;}
    .rule_cont .btn a {gap: 0 0.61vw; font-size: 0.98vw; border-radius: 1.83vw; width: 10.79vw; height: 3.05vw;}
    .rule_cont .btn img {width: 1.22vw;}
    .rule_cont .sub_view_pdf {margin: 3.66vw auto 0; width: 76.22vw; height: 71.10vw;}

    /* 우선 알아 둘 사항 */
    .sub02-1 .desc {padding: 3.66vw 0 6.10vw;}
    .sub02-1 .desc::before {width: 18.29vw; height: 15.85vw; right: 8.72vw;}
    .sub02-1 .desc li {gap: 0 0.61vw; font-size: 1.22vw; letter-spacing: -0.05vw;}
    .sub02-1 .desc li img {width: 1.95vw;}
    .sub02-1 .desc li + li {margin-top: 1.22vw;}
    .sub02-1 .desc ol {margin-top: 1.22vw; padding-left: 1.22vw;}
    .sub02-1 .desc ol li { padding-left: 1.22vw;}
    .sub02-1 .desc ol li::before { width: 0.37vw; height: 0.37vw; top: 0.73vw;}
    .sub02-1 .desc ol li + li {margin-top: 0.61vw;}
    .sub02-1 .info_cont {margin-top: 6.34vw;}
    .sub02-1 .info_cont .tit h4 {font-size: 2.13vw; letter-spacing: -0.05vw;}
    .sub02-1 .info_cont .tit p {margin-top: 3.96vw; font-size: 1.46vw; letter-spacing: -0.05vw;}
    .sub02-1 .info_cont .cont {margin-top: 2.44vw;}
    .sub02-1 .info_cont .box {width: 50%; padding: 3.05vw 2.93vw;}
    .sub02-1 .info_cont .box h5 {font-size: 1.46vw; letter-spacing: -0.05vw;}
    .sub02-1 .info_cont .box .img {margin-top: 2.44vw; gap: 3.96vw;}
    .sub02-1 .info_cont .box .img > div {gap: 3.35vw;}
    .sub02-1 .info_cont .box .img .item::before {width: 1.52vw; height: 1.52vw; left: -2.44vw;}
    .sub02-1 .info_cont .box .img .item img {width: 4.88vw;}
    .sub02-1 .info_cont .box .img .item p {margin-top: 0.91vw; font-size: 1.22vw; letter-spacing: -0.03vw;}
    .sub02-1 .info_cont .box .left {padding: 1.68vw 1.83vw; border-radius: 1.83vw;}
    .sub02-1 .info_cont .box .right {gap: 5.18vw !important; padding: 1.68vw 0;}
    .sub02-1 .info_cont .box .right .item::before {left: -2.74vw !important;}
    .sub02-1 .info_cont .box .right .item + .item::before {left: -3.35vw !important;}
    /* .sub02-1 .info_cont .box:last-child .left .item {min-width: 7.74vw;} */
    .sub02-1 .info_cont .info_list {margin-top: 2.44vw;}
    .sub02-1 .info_cont .info_list li {gap: 0 0.61vw; font-size: 0.98vw; letter-spacing: -0.05vw;}
    .sub02-1 .info_cont .info_list li .subInfoNum {min-width: 1.22vw; min-height: 1.22vw; margin-top: 0.18vw;}
    .sub02-1 .info_cont .info_list li + li {margin-top: 0.61vw;}
    .sub02-1 .bot {margin-top: 7.32vw;}
    .sub02-1 .bot h4 {font-size: 2.13vw; letter-spacing: -0.05vw;}
    .sub02-1 .bot .cont {margin-top: 3.96vw; gap: 0 3.05vw;}
    .sub02-1 .bot .cont .left img {width: 6.83vw;}
    .sub02-1 .bot .cont .txt {font-size: 1.22vw; letter-spacing: -0.05vw;}

    /* 응시 자격 */
    .subTop-tit {font-size: 2.07vw; letter-spacing: -0.06vw;}
    .subTop-Cont img {width: 100%; margin-top: 2.50vw;}
    .subTop-info {margin-top: 3.66vw; font-size: 1.46vw; letter-spacing: -0.05vw;}
    .subInfoNum {width: 1.22vw; height: 1.22vw; line-height: 1.3vw; margin-left: 0.37vw; font-size: 0.67vw;}
    .sub02-2 .info_cont {margin-top: 2.56vw;}
    .sub02-2 .box {gap: 0 3.66vw; padding: 2.74vw 3.66vw;}
    .sub02-2 .box + .box {margin-top: 1.22vw;}
    .sub02-2 .box img {width: 4.88vw;}
    .sub02-2 .box .txt {width: calc(100% - 8.54vw);}
    .sub02-2 .box p {font-size: 1.52vw; letter-spacing: -0.05vw;}
    .sub-InfoList {margin-top: 1.22vw;}
    .sub-InfoList li {margin-top: 0.91vw; font-size: 1.22vw; letter-spacing: -0.05vw; padding-left: 0.98vw;}
    .sub-InfoList li::before {width: 0.37vw; height: 0.37vw; top: 0.73vw;}
    .sub02-2 .info_list {margin-top: 3.05vw;}
    .sub02-2 .info_list li {font-size: 0.98vw; letter-spacing: -0.05vw; padding-left: 1.83vw;}
    .sub02-2 .info_list li + li {margin-top: 0.61vw;}
    .sub02-2 .info_list .subInfoNum {top: 0.18vw;}

    /* 행동분석전문가(KBA)란? */
    .sub01-1 h2 {font-size: 2.13vw; margin-bottom: 3.96vw;}
    .sub01-1 .txt {margin-top: 3.96vw;}
    .sub01-1 .txt p {font-size: 1.22vw; letter-spacing: -0.05vw;}
    .sub01-1 .sec:not(.sec3) .txt p strong{font-size: 1.50vw;}
    .sub01-1 .txt p + p {margin-top: 1.22vw;}
    .sub01-1 .sec {margin-top: 6.10vw;}
    .sub01-1 .sec2::before {width: 18.29vw; height: 15.85vw;}
    .sub01-1 .sec3 {gap: 5.24vw;}
    .sub01-1 .sec3 .img {width: 42.32vw;}
    .sub01-1 .sec3 .right {width: calc(100% - 47.56vw);}
    .sub01-1 .sec3 .right .txt_cont + .txt_cont {margin-top: 6.10vw;}
    
    /* 응시 절차 안내 */
    .sub02-3 .sec_tit {font-size: 1.46vw; letter-spacing: -0.05vw; ;}
    .sub02-3 .sec1 ul {margin-top: 3.48vw;}
    .sub02-3 .sec1 ul li + li::before {width: 1.95vw; height: 1.95vw; top: 5.12vw; left: -8.35vw;}
    .sub02-3 .sec1 ul .circle { width: 12.20vw; height: 12.20vw;}
    .sub02-3 .sec1 ul .circle img {width: 4.88vw;}
    .sub02-3 .sec1 ul em {margin-top: 2.13vw; font-size: 1.10vw; letter-spacing: -0.05vw;}
    .sub02-3 .sec1 ul p {margin-top: 0.61vw; font-size: 1.34vw; letter-spacing: -0.05vw;}
    .sub02-3 .sec1 ul span {margin-top: 0.61vw; font-size: 1.22vw; letter-spacing: -0.05vw;}
    .sub02-3 .sec2 {margin-top: 2.56vw; }
    .sub02-3 .sec2 > div {width: 50%; padding: 3.05vw;}
    .sub02-3 .sec2 > div:nth-of-type(1),
    .sub02-3 .sec2 > div:nth-of-type(2) {min-height: 18vw;}
    .sub02-3 .sec2 > div:nth-of-type(3),
    .sub02-3 .sec2 > div:nth-of-type(4) {min-height: 18.90vw;}
    .sub02-3 .sec2 span {font-size: 1.10vw; letter-spacing: -0.05vw;}
    .sub02-3 .sec2 p {margin-top: 0.61vw; font-size: 1.22vw; letter-spacing: -0.05vw;}
    .sub02-3 .sec3 {margin-top: 4.88vw;}
    .sub02-3 .sec3 p:not(.sec_tit) {margin-top: 1.22vw; font-size: 1.22vw; letter-spacing: -0.05vw;}
    .sub02-3 .sec3 p:not(.sec_tit) strong {font-size: 1.52vw;}
    .sub02-3 .sec4 {margin-top: 4.88vw;}
    .sub02-3 .sec4 .table_cont {margin-top: 1.83vw;}
    .sub02-3 .sec4 table th {padding: 1.59vw 0; font-size: 1.22vw;}
    .sub02-3 .sec4 table td {padding: 1.83vw 3.17vw; font-size: 1.10vw;}
    .sub02-3 .sec5 {margin-top: 4.88vw;}

    /* 자격 유지 안내 */
    .sub02-4 .subTop-info {padding: 0 0 6.10vw 38.41vw;}
    .sub02-4 .subTop-info::before {width: 18.29vw; height: 15.85vw; left: 8.72vw;}
    .sub02-4 .info {padding-top: 4.88vw; gap: 0 12.38vw;}
    .sub02-4 .info .tit {gap: 0 0.91vw; font-size: 2.13vw; letter-spacing: -0.05vw;}
    .sub02-4 .info .tit img {width: 2.44vw;}
    .sub02-4 .info ol > li {gap: 0 0.61vw; margin-top: 1.22vw;}
    .sub02-4 .info ol > li img {width: 1.95vw;}
    .sub02-4 .info ol ul {padding-left: 2.56vw; margin-top: 1.22vw;}
    .sub02-4 .info ol ul li + li {margin-top: 0.61vw;}

}

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

    .sub_visual_wrap {margin-top: 4.69vw;}
    /* 공통 */
    .sub_visual{height: 31.25vw; margin-top: 4.69vw;}
    .sub_vis_txt{max-width:calc(100% - 6.26vw);}
    .sub_vis_txt em{font-size: 0.94vw;}
    .sub_vis_txt h2{font-size: 3.13vw; margin-top:0.63vw;}
    .sub_vis_txt p{font-size: 1.09vw; margin-top:1.09vw;}
    /* sub_menu */
    .sub_menu{height:4.69vw;}
    .sub_menu > ul{ max-width:calc(100% - 6.26vw); margin:-3.98vw auto 0;}
    .sub_menu > ul > li{ height: 100%; padding: 0 2.11vw;}
    .sub_menu > ul > li + li:before {width: 0.08vw; height: 1.33vw;}
    .sub_menu > ul > li > a {font-size: 1.25vw; min-width: 14.06vw; line-height: 4.69vw;}

    #sub_content{padding:5.31vw 0 0;}
    .sub_inner{max-width:calc(100% - 6.26vw);}
    .sub_title{margin-bottom:4.84vw;}
    .sub_title h3{font-size: 2.34vw; letter-spacing: -0.10vw;}

    /* 자격규정 */
    .rule_cont .box {padding: 3.83vw 0;}
    .rule_cont .box h2 {gap: 0 0.94vw; font-size: 1.56vw; letter-spacing: -0.08vw;}
    .rule_cont .box h2 img {width: 2.42vw;}
    .rule_cont .btn {margin-top: 1.80vw; gap: 0 1.25vw;}
    .rule_cont .btn a {gap: 0 0.63vw; font-size: 1.02vw; border-radius: 1.80vw; width: 10.78vw; height: 3.05vw;}
    .rule_cont .btn img {width: 1.25vw;}
    .rule_cont .sub_view_pdf {margin: 3.67vw auto 0; width: 76.25vw; height: 71.09vw;}

    /* 우선 알아 둘 사항 */
    .sub02-1 .desc {padding: 3.67vw 0 6.09vw;}
    .sub02-1 .desc::before {width: 18.28vw; height: 15.86vw; right: 8.75vw;}
    .sub02-1 .desc li {gap: 0 0.63vw; font-size: 1.25vw; letter-spacing: -0.04vw;}
    .sub02-1 .desc li img {width: 1.95vw;}
    .sub02-1 .desc li + li {margin-top: 1.25vw;}
    .sub02-1 .desc ol {margin-top: 1.56vw; padding-left: 1.56vw;}
    .sub02-1 .desc ol li { padding-left: 1.56vw;}
    .sub02-1 .desc ol li::before { width: 0.4vw; height: 0.4vw; top: 0.6vw;}
    .sub02-1 .desc ol li + li {margin-top: 0.78vw;}
    .sub02-1 .info_cont {margin-top: 6.33vw;}
    .sub02-1 .info_cont .tit h4 {font-size: 2.11vw; letter-spacing: -0.04vw;}
    .sub02-1 .info_cont .tit p {margin-top: 3.98vw; font-size: 1.25vw; letter-spacing: -0.04vw;}
    .sub02-1 .info_cont .cont {margin-top: 2.19vw;}
    .sub02-1 .info_cont .box {width: 50%; padding: 3.05vw 2.97vw;}
    .sub02-1 .info_cont .box h5 {font-size: 1.25vw; letter-spacing: -0.04vw;}
    .sub02-1 .info_cont .box .img {margin-top: 2.42vw; gap: 3.98vw;}
    .sub02-1 .info_cont .box .img > div {gap: 3.36vw;}
    .sub02-1 .info_cont .box .img .item::before {width: 1.48vw; height: 1.48vw; left: -2.42vw;}
    .sub02-1 .info_cont .box .img .item img {width: 4.84vw;}
    .sub02-1 .info_cont .box .img .item p {margin-top: 0.94vw; font-size: 1.09vw; letter-spacing: -0.00vw;}
    .sub02-1 .info_cont .box .left {padding: 1.72vw 1.80vw; border-radius: 1.80vw;}
    .sub02-1 .info_cont .box .right {gap: 5.16vw !important; padding: 1.72vw 0;}
    .sub02-1 .info_cont .box .right .item::before {left: -2.73vw !important;}
    .sub02-1 .info_cont .box .right .item + .item::before {left: -3.36vw !important;}
    /* .sub02-1 .info_cont .box:last-child .left .item {min-width: 7.73vw;} */
    .sub02-1 .info_cont .info_list {margin-top: 2.42vw;}
    .sub02-1 .info_cont .info_list li {gap: 0 0.63vw; font-size: 1.09vw; letter-spacing: -0.04vw;}
    .sub02-1 .info_cont .info_list li .subInfoNum {min-width: 1.25vw; min-height: 1.25vw; margin-top: 0.16vw; line-height: 1.25vw;}
    .sub02-1 .info_cont .info_list li + li {margin-top: 0.63vw;}
    .sub02-1 .bot {margin-top: 4.69vw;}
    .sub02-1 .bot h4 {font-size: 2.11vw; letter-spacing: -0.04vw;}
    .sub02-1 .bot .cont {margin-top: 2.73vw; gap: 0 3.05vw;}
    .sub02-1 .bot .cont .left img {width: 6.80vw;}
    .sub02-1 .bot .cont .txt {font-size: 1.09vw; letter-spacing: -0.04vw;}

    /* 응시 자격 */
    .subTop-tit {font-size: 1.72vw; letter-spacing: -0.05vw;}
    .subTop-Cont img {margin-top: 2.11vw;}
    .subTop-info {margin-top: 3.13vw; font-size: 1.25vw; letter-spacing: -0.04vw;}
    .subInfoNum {width: 1.09vw; height: 1.09vw; line-height: 1.02vw; margin-left: 0.39vw; font-size: 0.63vw;}
    .sub02-2 .info_cont {margin-top: 2.19vw;}
    .sub02-2 .box {gap: 0 2.97vw; padding: 2.34vw 3.13vw;}
    .sub02-2 .box + .box {margin-top: 1.17vw;}
    .sub02-2 .box img {width: 4.30vw;}
    .sub02-2 .box .txt {width: calc(100% - 7.27vw);}
    .sub02-2 .box p {font-size: 1.25vw; letter-spacing: -0.04vw;}
    .sub-InfoList {margin-top: 1.02vw;}
    .sub-InfoList li {margin-top: 0.78vw; font-size: 1.09vw; letter-spacing: -0.04vw; padding-left: 0.78vw;}
    .sub-InfoList li::before {width: 0.31vw; height: 0.31vw; top: 0.63vw;}
    .sub02-2 .info_list {margin-top: 2.50vw;}
    .sub02-2 .info_list li {font-size: 0.94vw; letter-spacing: -0.04vw; padding-left: 1.56vw;}
    .sub02-2 .info_list li + li {margin-top: 0.55vw;}
    .sub02-2 .info_list .subInfoNum {top: 0.16vw;}
    
    /* 행동분석전문가(KBA)란? */
    .sub01-1 h2 {font-size: 1.72vw; margin-bottom: 2.11vw; letter-spacing: -0.05vw;}
    .sub01-1 .txt {margin-top: 2.11vw;}
    .sub01-1 .txt p {font-size: 1.09vw; letter-spacing: -0.04vw;}
    .sub01-1 .sec:not(.sec3) .txt p strong{font-size: 1.4vw;}
    .sub01-1 .txt p + p {margin-top: 1.17vw;}
    .sub01-1 .sec {margin-top: 6.09vw;}
    .sub01-1 .sec2::before {width: 18.28vw; height: 15.86vw;}
    .sub01-1 .sec3 {gap: 5.23vw;}
    .sub01-1 .sec3 .img {width: 42.34vw;}
    .sub01-1 .sec3 .right {width: calc(100% - 47.58vw);}
    .sub01-1 .sec3 .right .txt_cont + .txt_cont {margin-top: 6.09vw;}

    /* 응시 절차 안내 */
    .sub02-3 .sec_tit {font-size: 1.25vw; letter-spacing: -0.08vw; ;}
    .sub02-3 .sec1 ul {margin-top: 2.97vw;}
    .sub02-3 .sec1 ul li + li::before {width: 1.64vw; height: 1.64vw; top: 4.38vw; left: -9.19vw;}
    .sub02-3 .sec1 ul .circle { width: 10.47vw; height: 10.47vw;}
    .sub02-3 .sec1 ul .circle img {width: 4.22vw;}
    .sub02-3 .sec1 ul em {margin-top: 1.80vw; font-size: 1.25vw; letter-spacing: -0.08vw;}
    .sub02-3 .sec1 ul p {margin-top: 0.55vw; font-size: 1.17vw; letter-spacing: -0.08vw;}
    .sub02-3 .sec1 ul span {margin-top: 0.55vw; font-size: 1.09vw; letter-spacing: -0.08vw;}
    .sub02-3 .sec2 {margin-top: 2.19vw; }
    .sub02-3 .sec2 > div {width: 50%; padding: 2.66vw;}
    .sub02-3 .sec2 > div:nth-of-type(1),
    .sub02-3 .sec2 > div:nth-of-type(2) {min-height: 16.5vw;}
    .sub02-3 .sec2 > div:nth-of-type(3),
    .sub02-3 .sec2 > div:nth-of-type(4) {min-height: 17.22vw;}
    .sub02-3 .sec2 span {font-size: 1.25vw; letter-spacing: -0.08vw;}
    .sub02-3 .sec2 p {margin-top: 0.55vw; font-size: 1.09vw; letter-spacing: -0.08vw;}
    .sub02-3 .sec3 {margin-top: 4.22vw;}
    .sub02-3 .sec3 p:not(.sec_tit) {margin-top: 1.02vw; font-size: 1.09vw; letter-spacing: -0.08vw;}
    .sub02-3 .sec3 p:not(.sec_tit) strong {font-size: 1.33vw;}
    .sub02-3 .sec4 {margin-top: 4.22vw;}
    .sub02-3 .sec4 .table_cont {margin-top: 1.56vw;}
    .sub02-3 .sec4 table th {padding: 1.33vw 0; font-size: 1.09vw;}
    .sub02-3 .sec4 table td {padding: 1.56vw 2.73vw; font-size: 1.25vw;}
    .sub02-3 .sec5 {margin-top: 4.22vw;}

    /* 자격 유지 안내 */
    .sub02-4 .subTop-info {padding: 0 0 5.23vw 33.05vw;}
    .sub02-4 .subTop-info::before {width: 15.70vw; height: 13.59vw; left: 7.50vw;}
    .sub02-4 .info {padding-top: 4.22vw; gap: 0 10.63vw;}
    .sub02-4 .info .tit {gap: 0 0.78vw; font-size: 1.80vw; letter-spacing: -0.08vw;}
    .sub02-4 .info .tit img {width: 2.11vw;}
    .sub02-4 .info ol > li {gap: 0 0.55vw; margin-top: 1.02vw;}
    .sub02-4 .info ol > li img {width: 1.64vw;}
    .sub02-4 .info ol ul {padding-left: 2.19vw; margin-top: 1.02vw;}
    .sub02-4 .info ol ul li + li {margin-top: 0.55vw;}

}

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

    .sub_visual_wrap {margin-top: 15.63vw;}
    /* 공통 */
    .sub_visual{height: 100.00vw; background:url("/img/sub/m_sub_visual.jpg") no-repeat center / cover; margin-top: 15.63vw;}
    .sub_vis_txt{max-width:100%; padding: 0 3.13vw; top: 14.58vw; left: 0; transform: none;}
    .sub_vis_txt em{font-size: 3.13vw;}
    .sub_vis_txt h2{font-size: 7.81vw; margin-top:1.82vw;}
    .sub_vis_txt p{font-size: 3.65vw; margin-top:3.39vw;}
    /* sub_menu */
	.sub_menu {width: 100%; height: 14.32vw;}
	.sub_menu > ul {position: relative; display: flex; align-items: center; width: 100%; max-width: 100%; height: 100%; border-bottom: 0.26vw solid var(--border-color); background: #fff; margin: 0 auto;}
	.sub_menu > ul > li {position: relative; height: 100%;}
	.sub_menu > ul > li + li:before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 0.26vw; height: 3.39vw; background: var(--border-color);}
	.sub_menu > ul > li > a {display: flex; height: 100%; align-items: center; padding:0 3.65vw; color: #000; font-size: 3.65vw; font-weight: 500;}
	.sub_menu > ul > li.home {width: 14.32vw; padding: 0;}
	.sub_menu > ul > li.home > a {background: var(--color-blue); display: flex; align-items: center; justify-content: center;}
    .sub_menu > ul > li.home > a img {width: 5.21vw;}
	.sub_menu > ul > li.menu_btn {width: calc(50% - 7.03vw); background: url("/img/icon/sub_menu_arrow.svg") right 3.91vw center no-repeat; background-size: 3.39vw auto;}
	.sub_menu > ul > li.menu_btn.on {background: var(--color-blue) url("/img/icon/sub_menu_arrow_on.svg") right 3.91vw center no-repeat; background-size: 3.39vw auto;}
	.sub_menu > ul > li.menu_btn.on > a {color: #fff;}
    .sub_menu_txt {display: none; position: absolute; left: 0; width: 100%; background: #fff; border: 0.26vw solid var(--border-color); z-index:10;}
	.sub_menu_txt li {height: 11.72vw; border-bottom: 0.26vw solid var(--border-color);}
    .sub_menu_txt li.on {background: #F5F5F5;}
	.sub_menu_txt li a {display: flex; align-items: center; padding: 0 2.60vw 0 3.39vw; font-size: 3.65vw; color: #8E8E8E; height: 100%;}

    #sub_content{padding:16.41vw 0 0;}
    .sub_inner{max-width:100%; padding: 0 3.13vw;}
    .sub_title{margin-bottom:7.81vw;}
    .sub_title h3{font-size: 7.29vw; letter-spacing: -0.39vw;}

    /* 자격규정 */
    .rule_cont .box {padding: 7.81vw 0;}
    .rule_cont .box h2 {gap: 2.34vw; font-size: 3.91vw; letter-spacing: -0.26vw; flex-direction: column;}
    .rule_cont .box h2 img {width: 9.11vw;}
    .rule_cont .box h2 span {text-align: center;}
    .rule_cont .btn {margin-top: 7.81vw; gap: 0 3.13vw;}
    .rule_cont .btn a {gap: 0 1.82vw; font-size: 2.86vw; border-radius: 5.21vw; width: 31.51vw; height: 9.90vw;}
    .rule_cont .btn img {width: 3.65vw;}
    .rule_cont .sub_view_pdf {margin: 13.02vw auto 0; width: 100%; height: 127.60vw;}

    /* 우선 알아 둘 사항 */
    .sub02-1 .desc {padding: 11.98vw 0 15.98vw;}
    .sub02-1 .desc::before {display: none;}
    .sub02-1 .desc li {gap: 0 1.56vw; font-size: 3.65vw; letter-spacing: -0.13vw;}
    .sub02-1 .desc li img {width: 4.69vw; margin-top: 0.39vw;}
    .sub02-1 .desc li + li {margin-top: 2.86vw;}
    .sub02-1 .desc ol {margin-top: 3vw; padding-left: 2.86vw;}
    .sub02-1 .desc ol li { padding-left: 2.86vw;}
    .sub02-1 .desc ol li::before {width: 1.04vw; height: 1.04vw; top: 2.08vw;}
    .sub02-1 .desc ol li + li {margin-top: 1.43vw;}
    .sub02-1 .info_cont {margin-top: 11.98vw;}
    .sub02-1 .info_cont .tit h4 {font-size: 5.21vw; letter-spacing: -0.26vw;}
    .sub02-1 .info_cont .tit p {margin-top: 4.56vw; font-size: 4vw; letter-spacing: -0.27vw;}
    .sub02-1 .info_cont .cont {margin-top: 9.81vw; display: revert;}
    .sub02-1 .info_cont .box {width: 100%; padding: 5.17vw; border: 0 !important;}
    .sub02-1 .info_cont .box:first-child {border-bottom: 0.27vw solid #D9D9D9 !important;}
    .sub02-1 .info_cont .box h5 {font-size: 4.17vw; letter-spacing: -0.13vw;}
    .sub02-1 .info_cont .box .img {margin-top: 5vw; gap: 6vw; flex-direction: column;}
    .sub02-1 .info_cont .box .img > div {gap: 0; width: 100%; align-items: flex-start; padding: 4vw 6vw; justify-content: space-between; border-radius: 7vw;}
    .sub02-1 .info_cont .box .img .item::before {width: 4.5vw; height: 4.5vw; left: -7vw; top: 26%; transform: none;}
    .sub02-1 .info_cont .box .img .item img {width: 17.59vw;}
    .sub02-1 .info_cont .box .img .item p {margin-top: 2.80vw; font-size: 4vw; letter-spacing: -0.08vw; line-height: 1.3;}
    .sub02-1 .info_cont .box .left {padding: 12.00vw 12.53vw; border-radius: 12.53vw;}
    .sub02-1 .info_cont .box .right {gap: 8.9vw !important; padding: 0 0 0 3vw !important; justify-content: center !important;}
    .sub02-1 .info_cont .box .right .item:first-child:before {left: -8vw !important;}
    .sub02-1 .info_cont .box .right .item + .item::before {left: -6.93vw !important; top: 25%;}
    /* .sub02-1 .info_cont .box:last-child .left {gap: 8.9vw; justify-content: center; align-items: flex-start;}
    .sub02-1 .info_cont .box:last-child .left .item {min-width: auto;}
    .sub02-1 .info_cont .box:last-child .left .item + .item::before {left: -6.8vw; top: 21%;}
    .sub02-1 .info_cont .box:last-child .right {padding: 0 !important;} */
    .sub02-1 .info_cont .info_list {margin-top: 7.81vw;}
    .sub02-1 .info_cont .info_list li {gap: 0 2.67vw; font-size: 3.13vw; letter-spacing: -0.14vw;}
    .sub02-1 .info_cont .info_list li .subInfoNum {min-width: 3.65vw; min-height: 3.65vw; margin-top: 0.53vw; line-height: 3.65vw;}
    .sub02-1 .info_cont .info_list li + li {margin-top: 1.82vw;}
    .sub02-1 .bot {margin-top: 7.81vw;}
    .sub02-1 .bot h4 {font-size: 4.69vw; letter-spacing: -0.14vw;}
    .sub02-1 .bot .cont {margin-top: 7.81vw; gap: 0 5.39vw; align-items: flex-start;}
    .sub02-1 .bot .cont .left img {width: 12.11vw;}
    .sub02-1 .bot .cont .txt {font-size: 3.65vw; letter-spacing: -0.14vw; width: calc(100% - 17.50vw);}
    .sub02-1 .bot .cont .txt br:not(.none) {display: none;}
    
    /* 응시 자격 */
    .subTop-tit {font-size: 5.21vw; letter-spacing: -0.13vw;}
    .subTop-Cont img {margin-top: 7.81vw;}
    .subTop-info {margin-top: 13.02vw; font-size: 4.69vw; letter-spacing: -0.13vw;}
    .subInfoNum {width: 3.65vw; height: 3.65vw; line-height: 3.91vw; margin-left: 1.04vw; font-size: 2.08vw;}
    .sub02-2 .info_cont {margin-top: 7.81vw;}
    .sub02-2 .box {gap: 0 3.39vw; padding: 6.51vw 4.17vw;}
    .sub02-2 .box + .box {margin-top: 3.91vw;}
    .sub02-2 .box img {width: 9.11vw;}
    .sub02-2 .box .txt {width: calc(100% - 12.50vw);}
    .sub02-2 .box p {font-size: 4.17vw; letter-spacing: -0.13vw;}
    .sub-InfoList {margin-top: 3.39vw;}
    .sub-InfoList li {margin-top: 2.60vw; font-size: 3.65vw; letter-spacing: -0.13vw; padding-left: 2.86vw;}
    .sub-InfoList li::before {width: 1.04vw; height: 1.04vw; top: 2.08vw;}
    .sub02-2 .info_list {margin-top: 7.81vw;}
    .sub02-2 .info_list li {font-size: 3.13vw; letter-spacing: -0.13vw; padding-left: 5.21vw;}
    .sub02-2 .info_list li + li {margin-top: 1.82vw;}
    .sub02-2 .info_list .subInfoNum {top: 0.65vw;}
    
    /* 행동분석전문가(KBA)란? */
    .sub01-1 h2 {font-size: 5.21vw; margin-bottom: 7.81vw; letter-spacing: -0.17vw;}
    .sub01-1 .txt {margin-top: 7.81vw;}
    .sub01-1 .txt p {font-size: 3.13vw; letter-spacing: -0.14vw;}
    .sub01-1 .sec:not(.sec3) .txt p strong{font-size: 3.5vw;}
    .sub01-1 .txt p br:not(.none) {display: none;}
    .sub01-1 .txt p + p {margin-top: 3.91vw;}
    .sub01-1 .sec {margin-top: 13.02vw;}
    .sub01-1 .sec2::before {display: none;}
    .sub01-1 .sec3 {gap: 13.02vw; flex-direction: column;}
    .sub01-1 .sec3 .img {width: 100%;}
    .sub01-1 .sec3 .right {width: 100%;}
    .sub01-1 .sec3 .right .txt_cont + .txt_cont {margin-top: 13.02vw;}

    /* 응시 절차 안내 */
    .table_cont .swipe_ic {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 32.03vw; z-index: 1;}
    .table_cont .swipe_ic.on {display: none !important;}
    .sub02-3 .sec_tit {font-size: 4.17vw; letter-spacing: -0.13vw; ;}
    .sub02-3 .sec1 ul {margin-top: 6.39vw; flex-wrap: wrap; gap: 8.97vw 0; align-items: center;}
    .sub02-3 .sec1 ul li {width: 50%;}
    .sub02-3 .sec1 ul li + li::before {width: 6.64vw; height: 6.64vw; top: 12.63vw; left: -2.5vw;}
    .sub02-3 .sec1 ul li:nth-child(3)::before {display: none;}
    .sub02-3 .sec1 ul .circle { width: 30.89vw; height: 30.89vw;}
    .sub02-3 .sec1 ul .circle img {width: 12.97vw;}
    .sub02-3 .sec1 ul em {margin-top: 2.86vw; font-size: 4.17vw; letter-spacing: -0.13vw;}
    .sub02-3 .sec1 ul p {margin-top: 1.04vw; font-size: 3.65vw; letter-spacing: -0.13vw;}
    .sub02-3 .sec1 ul span {margin-top: 1.04vw; font-size: 3.26vw; letter-spacing: -0.13vw;}
    .sub02-3 .sec2 {margin-top: 9.81vw; display: revert;}
    .sub02-3 .sec2 > div {width: 100%; padding: 4.17vw;}
    .sub02-3 .sec2 > div:nth-of-type(1),
    .sub02-3 .sec2 > div:nth-of-type(2),
    .sub02-3 .sec2 > div:nth-of-type(3),
    .sub02-3 .sec2 > div:nth-of-type(4) {min-height: auto;}
    .sub02-3 .sec2 span {font-size: 4.17vw; letter-spacing: -0.13vw;}
    .sub02-3 .sec2 p {margin-top: 2.99vw; font-size: 3.65vw; letter-spacing: -0.13vw;}
    .sub02-3 .sec3 {margin-top: 9.81vw; display: revert;}
    .sub02-3 .sec3 > div {width: 100%;}
    .sub02-3 .sec3 > div:last-child {margin-top: 9.81vw;}
    .sub02-3 .sec3 p:not(.sec_tit) {margin-top: 3.39vw; font-size: 3.65vw; letter-spacing: -0.13vw;}
    .sub02-3 .sec3 p:not(.sec_tit) strong {font-size: 4.04vw;}
    .sub02-3 .sec4 {margin-top: 9.81vw;}
    .sub02-3 .sec4 .table_cont {margin-top: 3.39vw; overflow-x: scroll; position: relative;}
    .sub02-3 .sec4 table {width: 200%;}
    .sub02-3 .sec4 table th {padding: 1.30vw 0; font-size: 3.65vw;}
    .sub02-3 .sec4 table td {padding: 1.56vw 2.73vw; font-size: 4.17vw;}
    .sub02-3 .sec5 {margin-top: 9.81vw;}

    /* 자격 유지 안내 */
    .sub02-4 .subTop-info {padding: 0 0 15.10vw 0;}
    .sub02-4 .subTop-info::before {display: none;}
    .sub02-4 .info {padding-top: 11.98vw; gap: 0 30.47vw;}
    .sub02-4 .info {display: revert;}
    .sub02-4 .info .tit {gap: 0 2.34vw; font-size: 5.21vw; letter-spacing: -0.26vw;}
    .sub02-4 .info .tit img {width: 5.99vw;}
    .sub02-4 .info ol {margin: 4.56vw 0 0; padding: 0;}
    .sub02-4 .info ol > li {gap: 0 1.56vw; margin-top: 2.86vw; align-items: flex-start;}
    .sub02-4 .info ol > li img {width: 4.69vw; margin-top: 0.39vw;}
    .sub02-4 .info ol ul {padding-left: 6.25vw; margin-top: 2.86vw;}
    .sub02-4 .info ol ul li + li {margin-top: 1.56vw;}
}

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

    .sub_visual_wrap {margin-top: 15.63vw;}
    /* 공통 */
    .sub_visual{height: 100.00vw; background:url("/img/sub/m_sub_visual.jpg") no-repeat center / cover; margin-top: 15.63vw;}
    .sub_vis_txt{max-width:100%; padding: 0 3.13vw; top: 14.58vw; left: 0; transform: none;}
    .sub_vis_txt em{font-size: 3.13vw;}
    .sub_vis_txt h2{font-size: 7.81vw; margin-top:1.82vw;}
    .sub_vis_txt p{font-size: 3.65vw; margin-top:3.39vw;}
    /* sub_menu */
	.sub_menu {width: 100%; height: 14.32vw;}
	.sub_menu > ul {position: relative; display: flex; align-items: center; width: 100%; max-width: 100%; height: 100%; border-bottom: 0.26vw solid var(--border-color); background: #fff; margin: 0 auto;}
	.sub_menu > ul > li {position: relative; height: 100%;}
	.sub_menu > ul > li + li:before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 0.26vw; height: 3.39vw; background: var(--border-color);}
	.sub_menu > ul > li > a {display: flex; height: 100%; align-items: center; padding:0 3.65vw; color: #000; font-size: 3.65vw; font-weight: 500;}
	.sub_menu > ul > li.home {width: 14.32vw; padding: 0;}
	.sub_menu > ul > li.home > a {background: var(--color-blue); display: flex; align-items: center; justify-content: center;}
    .sub_menu > ul > li.home > a img {width: 5.21vw;}
	.sub_menu > ul > li.menu_btn {width: calc(50% - 7.03vw); background: url("/img/icon/sub_menu_arrow.svg") right 3.91vw center no-repeat; background-size: 3.39vw auto;}
	.sub_menu > ul > li.menu_btn.on {background: var(--color-blue) url("/img/icon/sub_menu_arrow_on.svg") right 3.91vw center no-repeat; background-size: 3.39vw auto;}
	.sub_menu > ul > li.menu_btn.on > a {color: #fff;}
    .sub_menu_txt {display: none; position: absolute; left: 0; width: 100%; background: #fff; border: 0.26vw solid var(--border-color); z-index:10;}
	.sub_menu_txt li {height: 11.72vw; border-bottom: 0.26vw solid var(--border-color);}
	.sub_menu_txt li a {display: flex; align-items: center; padding: 0 2.60vw 0 3.39vw; font-size: 3.65vw; color: #8E8E8E; height: 100%;}

    #sub_content{padding:16.41vw 0 0;}
    .sub_inner{max-width:100%; padding: 0 3.13vw;}
    .sub_title{margin-bottom:7.81vw;}
    .sub_title h3{font-size: 7.29vw; letter-spacing: -0.35vw;}

    /* 자격규정 */
    .rule_cont .box {padding: 7.81vw 0;}
    .rule_cont .box h2 {gap: 2.34vw; font-size: 3.91vw; letter-spacing: -0.26vw; flex-direction: column;}
    .rule_cont .box h2 img {width: 9.11vw;}
    .rule_cont .box h2 span {text-align: center;}
    .rule_cont .btn {margin-top: 7.81vw; gap: 0 3.13vw;}
    .rule_cont .btn a {gap: 0 1.82vw; font-size: 2.86vw; border-radius: 5.21vw; width: 31.51vw; height: 9.90vw;}
    .rule_cont .btn img {width: 3.65vw;}
    .rule_cont .sub_view_pdf {margin: 13.02vw auto 0; width: 100%; height: 127.60vw;}

    /* 응시 자격 */
    .subTop-tit {font-size: 5.21vw; letter-spacing: -0.17vw;}
    .subTop-Cont img {margin-top: 7.81vw;}
    .subTop-info {margin-top: 13.02vw; font-size: 4.69vw; letter-spacing: -0.14vw;}
    .subInfoNum {width: 3.65vw; height: 3.65vw; line-height: 3.91vw; margin-left: 1.04vw; font-size: 2.08vw;}
    .sub02-2 .info_cont {margin-top: 7.81vw;}
    .sub02-2 .box {gap: 0 3.39vw; padding: 6.51vw 4.17vw;}
    .sub02-2 .box + .box {margin-top: 3.91vw;}
    .sub02-2 .box img {width: 9.11vw;}
    .sub02-2 .box .txt {width: calc(100% - 12.50vw);}
    .sub02-2 .box p {font-size: 4.17vw; letter-spacing: -0.14vw;}
    .sub-InfoList {margin-top: 3.39vw;}
    .sub-InfoList li {margin-top: 2.60vw; font-size: 3.65vw; letter-spacing: -0.14vw; padding-left: 2.86vw;}
    .sub-InfoList li::before {width: 1.04vw; height: 1.04vw; top: 2.08vw;}
    .sub02-2 .info_list {margin-top: 7.81vw;}
    .sub02-2 .info_list li {font-size: 3.13vw; letter-spacing: -0.14vw; padding-left: 5.21vw;}
    .sub02-2 .info_list li + li {margin-top: 1.82vw;}
    .sub02-2 .info_list .subInfoNum {top: 0.65vw;}

    /* 응시 절차 안내 */
    .table_cont .swipe_ic {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 32vw; z-index: 1;}

    .sub02-3 .sec_tit {font-size: 4.17vw; letter-spacing: -0.08vw; ;}
    .sub02-3 .sec1 ul {margin-top: 6.39vw; gap: 9vw 0;}
    .sub02-3 .sec1 ul li {width: 45%;}
    .sub02-3 .sec1 ul li + li::before {width: 6.64vw; height: 6.64vw; top: 14.38vw; left: -8vw;}
    .sub02-3 .sec1 ul .circle { width: 33.88vw; height: 33.88vw;}
    .sub02-3 .sec1 ul .circle img {width: 13vw;}
    .sub02-3 .sec1 ul em {margin-top: 2.80vw; font-size: 4.17vw; letter-spacing: -0.08vw;}
    .sub02-3 .sec1 ul p {margin-top: 1vw; font-size: 3.65vw; letter-spacing: -0.08vw;}
    .sub02-3 .sec1 ul span {margin-top: 1vw; font-size: 3.25vw; letter-spacing: -0.08vw;}
    .sub02-3 .sec2 {margin-top: 9.81vw; display: revert;}
    .sub02-3 .sec2 > div {width: 100%; padding: 4.17vw;}
    .sub02-3 .sec2 > div:nth-of-type(1),
    .sub02-3 .sec2 > div:nth-of-type(2) {min-height: auto;}
    .sub02-3 .sec2 span {font-size: 4.17vw; letter-spacing: -0.08vw;}
    .sub02-3 .sec2 p {margin-top: 3vw; font-size: 3.65vw; letter-spacing: -0.08vw;}
    .sub02-3 .sec3 {margin-top: 9.81vw; display: revert;}
    .sub02-3 .sec3 > div {width: 100%;}
    .sub02-3 .sec3 > div:last-child {margin-top: 9.81vw;}
    .sub02-3 .sec3 p:not(.sec_tit) {margin-top: 3.39vw; font-size: 3.65vw; letter-spacing: -0.08vw;}
    .sub02-3 .sec3 p:not(.sec_tit) strong {font-size: 4vw;}
    .sub02-3 .sec4 {margin-top: 9.81vw;}
    .sub02-3 .sec4 .table_cont {margin-top: 3.39vw; overflow-x: scroll; position: relative;}
    .sub02-3 .sec4 table {width: 200%;}
    .sub02-3 .sec4 table th {padding: 1.33vw 0; font-size: 3.65vw;}
    .sub02-3 .sec4 table td {padding: 1.56vw 2.73vw; font-size: 4.17vw;}
    .sub02-3 .sec5 {margin-top: 9.81vw;}

    /* 자격 유지 안내 */
    .sub02-4 .subTop-info {padding: 0 0 15.10vw 0;}
    .sub02-4 .subTop-info::before {display: none;}
    .sub02-4 .info {padding-top: 11.98vw; gap: 0 30.47vw;}
    .sub02-4 .info {display: revert;}
    .sub02-4 .info .tit {gap: 0 2.34vw; font-size: 5.21vw; letter-spacing: -0.26vw;}
    .sub02-4 .info .tit img {width: 5.99vw;}
    .sub02-4 .info ol {margin: 4.59vw 0 0; padding: 0;}
    .sub02-4 .info ol > li {gap: 0 1.56vw; margin-top: 2.86vw; align-items: flex-start;}
    .sub02-4 .info ol > li img {width: 4.69vw; margin-top: .4vw;}
    .sub02-4 .info ol ul {padding-left: 6.25vw; margin-top: 2.86vw;}
    .sub02-4 .info ol ul li + li {margin-top: 1.56vw;}

}