.instrMenu + .instrMenu { margin-top: 4rem; }

.box_icon.info_list { min-height: auto; padding: 1.8rem 2.25rem; word-break: keep-all; }
.box_icon.info_list li { display: flex; align-items: baseline; font-weight: 500; } 
.box_icon.info_list li + li { margin-top: 0.75rem; }
.box_icon.info_list li strong { display: flex; align-items: center; gap: 0.5rem; width: 7.5rem; color: #245592; font-weight: 600; flex: none; }
.box_icon.info_list li strong i { font-weight: 500; font-size: 1rem; }

.stageFlow { position: relative; }
.stageFlow::before { position: absolute; top: 0; left: 7.5rem; width: 1px; height: 100%; background: #ccc; content: ""; z-index: -1; }
.stageFlow dl { display: flex; align-items: center; gap: 1.75rem; }
.stageFlow dl + dl { margin-top: 1.3rem; }
.stageFlow dl dt { display: flex; justify-content: center; align-items: center; align-self: stretch; width: 15rem; min-height: 90px; border-radius: 1rem; font-size: 1rem; border: 1px solid; font-weight: 600; padding: 1rem; text-align: center; word-break: keep-all; }
.stageFlow dl:nth-child(1) dt { border-color: #0087E6; background: #EBF6FD; color: #0087E6; }
.stageFlow dl:nth-child(2) dt { border-color: #07A97E; background: #E7F7F3; color: #07A97E; }
.stageFlow dl:nth-child(3) dt { border-color: #00846E; background: #E6F3F1; color: #00846E; }
.stageFlow dl:nth-child(4) dt { border-color: #245592; background: #EAEEF5; color: #245592; }
.stageFlow dl dd { flex: 1; padding: 0.7rem 0; }

.qrBox ul { display: flex; gap: 2rem 1rem; }
.qrBox ul li { position: relative; flex: 1; text-align: center; }
.qrBox ul li + li::before { position: absolute; top: 0; left: -0.5rem; width: 1px; height: 100%; background: #DBDBDB; content: ""; }
.qrBox ul li p { font-size: 1.1rem; color: #000; font-weight: 700; margin-bottom: 0.75rem; }
.qrBox ul li .img { display: inline-block; height: fit-content; background: #F2F2F2; padding: 1rem; border-radius: 1rem; line-height: 0; }
.qrBox.type2 ul { gap: 2rem 4rem; }
.qrBox.type2 ul li { display: flex; justify-content: space-between; gap: 1rem; word-break: keep-all; }
.qrBox.type2 ul li + li::before { left: -2rem; }
.qrBox.type2 ul li .inner { text-align: left; }
.qrBox.type2 ul li .inner .name { font-size: 1.1rem; color: #000; }
.qrBox.type2 ul li .inner span { display: block; color: #000; font-size: 0.9rem; margin-bottom: 1.5rem; }
.qrBox.type2 ul li .inner em { display: block; color: #333; font-size: 0.75rem; line-height: normal; }

.box_icon.qrType { display: flex; flex-wrap: wrap; justify-content: center; padding: 2.5rem; gap: 1rem 1.5rem; }
.box_icon.qrType .ico { position: relative; top: auto; left: 0; flex: none; line-height: 0; }
.box_icon.qrType .inner { flex: 1; padding-top: 1rem; }
.box_icon.qrType .box_st_img { flex: 100%; }

.tit_flex { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5rem; }
.tit_flex [class^='tit'] { margin-bottom: 0; }
.tit_flex a { border-radius: 2rem; gap: 0.5rem; }

.contact_tell { display: flex; flex-wrap: wrap; align-items: baseline; border: 1px solid #D3D3D9; border-radius: 0.6rem; padding: 1rem 1.25rem; color: #000; margin-top: 4rem; }
.contact_tell strong { padding-left: 1.5rem; background: url('/images/web/eduhub/sub/contact_tell_icon.png') no-repeat left top 3px; font-weight: 600; }
.contact_tell span { position: relative; margin-left: 0.6rem; padding-left: 0.6rem; }
.contact_tell span::before { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 0.7rem; background: #d7d7d7; content: "";  }

.stageList { display: flex; gap: 3.4rem; }
.stageList .box_st_img { margin-top: 0.75rem; }
.stageList [class^="list_ol"] + [class^="list_ol"] { margin-top: 0; }
.stageList [class^="list_ol"] > li + li { margin-top: 0.7rem; }

.prog_intro { display: flex; flex-wrap: wrap; gap: 1.75rem; margin-top: 1rem; }
.prog_intro dl { flex: 1; }
.prog_intro dl:last-child { flex: 100%; }
.prog_intro dl dt { display: flex; align-items: center; justify-content: center; gap: 1.5rem; border-radius: 1rem 1rem 0 0; text-align: center; height: 3.8rem; font-size: 1rem; font-weight: 600; font-family: 'Montserrat'; }
.prog_intro dl:nth-child(1) dt { border: 1px solid #0087E6; color: #0087E6; background: #EBF6FD; }
.prog_intro dl:nth-child(2) dt { border: 1px solid #07A97E; color: #07A97E; background: #E7F7F3; }
.prog_intro dl:nth-child(3) dt { border: 1px solid #245592; color: #245592; background: #EAEEF5; }
.prog_intro dl dt strong { font-size: 1.3rem; font-weight: 700; }
.prog_intro dl dd { height: calc(100% - 3.8rem); border-radius: 0 0 1rem 1rem; border: 1px solid #CECECE; border-top: none; padding: 1.25rem 1.5rem; }
.prog_intro dl dd .prog_name { text-align: center; font-size: 0.9rem; font-family: 'Montserrat'; font-weight: 700; }
.prog_intro dl:nth-child(1) dd .prog_name { color: #0087E6; }
.prog_intro dl:nth-child(2) dd .prog_name { color: #07A97E; }
.prog_intro dl:nth-child(3) dd .box:nth-child(1) .prog_name { color: #406FC2; }
.prog_intro dl:nth-child(3) dd .box:nth-child(2) .prog_name { color: #245592; }
.prog_intro dl dd .txt { font-weight: 500; font-size: 0.9rem; padding: 0.45rem; border-radius: 2rem; text-align: center; margin: 0.75rem 0 1rem; word-break: keep-all; }
.prog_intro dl:nth-child(1) dd .txt { color: #0087E6; background: #EBF6FD; } 
.prog_intro dl:nth-child(2) dd .txt { color: #07A97E; background: #E7F7F3; } 
.prog_intro dl:nth-child(3) dd .box:nth-child(1) .txt { color: #406FC2; background: #EBEFFF; } 
.prog_intro dl:nth-child(3) dd .box:nth-child(2) .txt { color: #245592; background: #E6EFFF; } 
.prog_intro dl:nth-child(3) dd { display: flex; padding: 0; }
.prog_intro dl:nth-child(3) dd .box { flex: 1; padding: 1.5rem; }
.prog_intro dl:nth-child(3) dd .box + .box { border-left: 1px solid #CECECE; }
.prog_intro dl dd .prog_info li { display: flex; align-items: center; justify-content: space-between; gap: 1rem; font-weight: 600; }
.prog_intro dl dd .prog_info li + li { border-top: 1px solid #E4E4E4; margin-top: 0.5rem; padding-top: 0.5rem; }
.prog_intro dl dd .prog_info li em { flex: none; color: #7D7D7D; font-weight: 500; }
.prog_intro dl dd .list_st1 { margin-top: 0.5rem; padding-top: 0.5rem; border-top: 1px solid #E4E4E4; }

.lnkForm { display: flex; flex-wrap: wrap; gap: 1.5rem 1rem; margin: 2.4rem 0 3rem; }
.lnkForm dl { width: calc((100% - 3rem) / 4); }
.lnkForm dl dt { display: flex; justify-content: center; align-items: center; height: 3rem; border: 1px solid #0087E6; border-radius: 1rem 1rem 0 0; background: #EBF6FD; color: #0087E6; font-size: 1rem; font-weight: 600; }
.lnkForm dl dd { height: calc(100% - 3rem); border: 1px solid #CECECE; border-top: none; border-radius: 0 0 1rem 1rem; padding: 1.4rem 1rem; }
.lnkForm dl dd ul li + li { border-top: 1px solid #E4E4E4; padding-top: 0.5rem; margin-top: 0.5rem; }
.lnkForm dl dd ul li a { display: flex; justify-content: space-between; align-items: center; gap: 1rem; word-break: keep-all; color: #000; font-weight: 600; font-size: 0.8rem; }
.lnkForm dl dd ul li a i { display: inline-flex; justify-content: center; align-items: center; width: 1.4rem; height: 1.4rem; border: 1px solid #D0D2D4; border-radius: 0.45rem; flex: none; color: #606060; font-weight: 500; transition: 0.3s; }
.lnkForm dl dd ul li a:hover i,
.lnkForm dl dd ul li a:focus i { color: #0087E6; border-color: #0087E6; }

.process { display: flex; gap: 1rem; }
.process dl { flex: 1; text-align: center; word-break: keep-all; }
.process dl dt { display: flex; justify-content: center; align-items: center; height: 2.75rem; font-size: 1rem; font-weight: 600; border-radius: 1rem 1rem 0 0; padding: 0 1rem; }
.process.col_bl dl dt { background: #EBF6FD; border: 1px solid #0087E6; color: #0087E6; }
.process.col_navy dl dt { background: #EAEEF5; border: 1px solid #245592; color: #245592; }
.process dl dd { height: calc(100% - 2.75rem); border-radius: 0 0 1rem 1rem; border: 1px solid #CECECE; border-top: none !important; padding: 1.1rem 0.5rem; color: #000; font-weight: 600; }
.process.col_navy dl dd { font-size: 0.8rem; }

.process dl.point dt { background: #EFF4F8; border: 1px solid #0B5EA0; color: #0B5EA0; }
.process dl.point dd { background: #EFF4F8; border: 1px solid #0B5EA0; }

.processWrap .process.type2 { flex-wrap: wrap; gap: 3rem; }
.processWrap .process.type2 dl { position: relative; flex: none; width: calc((100% - 6rem) / 3); }
.processWrap .process.type2 dl:nth-child(1) { order: 1; }
.processWrap .process.type2 dl:nth-child(2) { order: 2; }
.processWrap .process.type2 dl:nth-child(3) { order: 3; }
.processWrap .process.type2 dl:nth-child(4) { order: 6; }
.processWrap .process.type2 dl:nth-child(5) { order: 5; }
.processWrap .process.type2 dl:nth-child(6) { order: 4; }
.processWrap .process.type2 dl::before { position: absolute; top: 50%; transform: translateY(-50%); left: -2rem; font-family: "remixicon"; font-size: 1rem; content: "\f5db"; color: #B1B1B1; }
.processWrap .process.type2 dl::after { position: absolute; bottom: -2rem; transform: translateX(-50%); left: 50%; font-family: "remixicon"; font-size: 1rem; content: "\f5d1"; color: #B1B1B1; display: none; }
.processWrap .process.type2 dl:nth-child(3)::after { display: block; }
.processWrap .process.type2 dl:nth-child(4)::before { content: "\f5d5"; }
.processWrap .process.type2 dl:nth-child(5)::before { content: "\f5d5"; }
.processWrap .process.type2 dl dt { font-size: 0.9rem; height: 4.3rem; font-weight: 400; flex-direction: column; }
.processWrap .process.type2 dl dd { height: calc(100% - 4.3rem); }

.workflow { display: flex; gap: 1rem; }
.workflow p { position: relative; flex: 1; text-align: center; padding: 1rem; border-radius: 1rem; border: 1px solid; word-break: keep-all; font-weight: 600; font-size: 0.8rem; line-height: normal; }
.workflow p::before { position: absolute; top: 50%; left: -1.05rem; transform: translateY(-50%); width: 1rem; height: 1px; background: #ccc; content: ""; }
.workflow p:nth-child(1) { background: #EBF6FD; border-color: #0087E6; color: #0087E6; }
.workflow p:nth-child(2) { background: #EBFAFD; border-color: #00A9E6; color: #00A9E6; }
.workflow p:nth-child(3) { background: #E7F7F3; border-color: #00846E; color: #00846E; }
.workflow p:nth-child(4) { background: #E6F3F1; border-color: #0F6052; color: #0F6052; }
.workflow p:nth-child(5) { background: #E2F0F3; border-color: #006C84; color: #006C84; }
.workflow p:nth-child(6) { background: #EAEEF5; border-color: #245592; color: #245592; }
.workflow p strong { display: block; font-size: 1rem; margin-bottom: 0.4rem; }

.faq { position: relative; border-top: 2px solid #000; border-bottom: 1px solid #888; }
.faq ul li { border-bottom: 1px solid #D5D5D5; }
.faq ul li:last-child { border-bottom: none; }
.faq ul li a { position: relative; display: flex; gap: 1.25rem; padding: 1rem 3rem 1rem 1.5rem; font-size: 0.9rem; color: #111; font-weight: 600; }
.faq ul li a::before { position: absolute; top: 50%; right: 1.5rem; transform: translateY(-50%); font-family: 'remixicon'; font-weight: 500; font-size: 1.2rem; content: "\ea4e"; color: #888; }
.faq ul li a span { color: #333; font-family: 'GMarketSans'; font-size: 1rem; transition: 0.3s; }
.faq ul li .answer { display: flex; gap: 1.25rem; border-top: 1px solid #D5D5D5; background: #F5F5F5; padding: 1rem 2.5rem; }
.faq ul li .answer span { color: #245592; font-family: 'GMarketSans'; font-size: 1rem; font-weight: 600; }
.faq ul li.on a::before { content: "\ea78"; color: #111; }
.faq ul li.on a span { color: #0087E6; }

@media (max-width:1440px) {
    .qrBox.type2 ul li { flex-wrap: wrap;  }
    .qrBox.type2 ul li .inner { order: 2; width: 100%; }
    .qrBox.type2 ul li .inner span br { display: none; }
    .qrBox.type2 ul li .img { order: 1; margin: 0 auto; }

    .lnkForm dl { width: calc((100% - 2rem) / 3); }
}

@media (max-width:1024px) {
    .tit_flex { flex-direction: column; align-items: end; gap: 0.5rem; }
    .tit_flex [class^='tit'] { width: 100%; text-align: left; }

    .contact_tell { margin-top: 2rem; }

    .stageList { gap: 2rem; }

    .workflow { flex-wrap: wrap; }
    .workflow p { width: calc((100% - 2rem) / 3); flex: none; }

    .process { flex-wrap: wrap; }
    .process dl { width: calc((100% - 3rem) / 4); flex: none; }
}

@media (max-width:768px) {
    .stageFlow::before { left: 6rem; }
    .stageFlow dl { gap: 1rem; }
    .stageFlow dl dt { width: 12rem; border-radius: 0.6rem; }

    .qrBox ul li .img { padding: 0.6rem; border-radius: 0.5rem; }
    .qrBox ul li .img img { height: 3rem; }

    .box_icon.qrType { padding: 1.5rem; }
    .box_icon.qrType .ico { position: relative; top: auto; left: auto; }
    .box_icon.qrType .ico img { height: 5rem; }
    .box_icon.qrType .inner { flex: 100%; padding-top: 0; }

    .stageList { display: block; }
    .stageList [class^="list_ol"] + [class^="list_ol"] { margin-top: 0.7rem; }

    .lnkForm { margin: 2rem 0; }
    .lnkForm dl { width: calc((100% - 1rem) / 2); }
    .lnkForm dl dt { height: auto; padding: 0.6rem; }
    .lnkForm dl dd { height: auto; }

    .process dl { width: calc((100% - 1rem) / 2); }

    .processWrap .process.type2 { gap: 2rem; }
    .processWrap .process.type2 dl { width: calc((100% - 2rem) / 2); }
    .processWrap .process.type2 dl:nth-child(1) { order: 1; }
    .processWrap .process.type2 dl:nth-child(2) { order: 2; }
    .processWrap .process.type2 dl:nth-child(3) { order: 4; }
    .processWrap .process.type2 dl:nth-child(4) { order: 3; }
    .processWrap .process.type2 dl:nth-child(5) { order: 5; }
    .processWrap .process.type2 dl:nth-child(6) { order: 6; }
    .processWrap .process.type2 dl::before { left: -1.5rem; }
    .processWrap .process.type2 dl::after { bottom: -1.7rem; }
    .processWrap .process.type2 dl:nth-child(2)::after { display: block; }
    .processWrap .process.type2 dl:nth-child(3)::before { content: "\f5d5"; }
    .processWrap .process.type2 dl:nth-child(3)::after { display: none; }
    .processWrap .process.type2 dl:nth-child(4)::after { display: block; }

    .faq ul li .answer { padding: 1rem 1.5rem; }
}

@media (max-width:680px) {
    .prog_intro { gap: 1rem; }
    .prog_intro dl { flex: 100%; }
    .prog_intro dl dt { height: auto; padding: 0.6rem; gap: 1rem; }
    .prog_intro dl dd { padding: 1rem; height: auto; }
    .prog_intro dl:nth-child(3) dd { display: block; }
    .prog_intro dl:nth-child(3) dd .box { padding: 1rem; }
    .prog_intro dl:nth-child(3) dd .box + .box { border-left: none; border-top: 1px solid #CECECE; }
    .prog_intro dl dt strong { font-size: 1rem; }
}

@media (max-width:580px) {
    .box_icon.info_list { padding: 1.5rem; }
    .box_icon.info_list li { flex-direction: column; gap: 0.2rem; }
    .box_icon.info_list li strong { width: 100%; }

    .stageFlow::before { left: 3rem; }
    .stageFlow dl dt { width: 6rem; min-height: auto; font-size: 0.9rem; }
    .stageFlow dl dd { padding: 0.3rem 0; }

    .qrBox ul { flex-direction: column; }
    .qrBox ul li { flex: none; width: 100%; }
    .qrBox ul li + li::before { width: 100%; height: 1px; left: 0 !important; top: -1rem; }
    .qrBox.type2 ul li .inner span { margin-bottom: 0.5rem; }
}

@media (max-width:480px) {
    .box_icon.qrType .ico { display: block; }

    .lnkForm dl { width: 100%; }

    .workflow p { width: 100%; display: flex; flex-direction: row; gap: 1rem; border-radius: 0.5rem; padding: 0.5rem 1rem; text-align: left; }
    .workflow p br { display: none; }
    .workflow p strong { margin-bottom: 0; }

    .process dl { width: 100%; }
    .process dl dt { height: auto !important; padding: 0.6rem; border-radius: 0.5rem 0.5rem 0 0; }
    .process dl dd { padding: 0.6rem; border-radius: 0 0 0.5rem 0.5rem; height: auto !important; }

    .processWrap .process.type2 dl { width: 100%; }
    .processWrap .process.type2 dl:nth-child(3) { order: 3; }
    .processWrap .process.type2 dl:nth-child(4) { order: 4; }
    .processWrap .process.type2 dl::before { display: none; }
    .processWrap .process.type2 dl::after { display: block !important; }
}