@charset "utf-8";

/* subVisual */
.subVisual { max-width: 1840px; margin: 0 auto; padding: 0 60px; position: relative; }
.subVisual.has-bg { --hgt: 130px; padding-top: var(--hgt); height: 100vh; }
.subVisual .bg { position: absolute; bottom: 0; left: 60px; width: calc(100% - 120px); height: 44%; background-position: center center; background-repeat: no-repeat; background-size: cover; transition:left .9s ease, width .9s ease, height .9s ease; }
.sub-tit-box { padding-top: 230px; display: flex; align-items: flex-end; justify-content: space-between; }
.subVisual.has-bg .sub-tit-box { position: absolute; z-index: 2; padding: unset; top: 30%; left: 60px; width: calc(100% - 120px); transition: all 0.6s ease; }
.subVisual .sub-tit { font-size: 80px; font-weight: 700; letter-spacing: 0; color: #09aad2; font-family:'HancomMalangMalang'; }
.sub-nav { display: inline; flex-wrap: wrap; align-items: center; gap: 20px; }
.sub-nav .home { margin-right: 6px; align-items: center; }
.sub-nav li { align-items: center; display: inline-block; }
.sub-nav li.home {display: inline-flex; align-items: center;}
.sub-nav li:not(.home) { line-height: 1.8em; }
.sub-nav li:not(.home) + li { margin-left: 25px !important; }
.subVisual .sub-nav li { position: relative; font-size: 24px; font-weight: 400; letter-spacing: 0; color: #002856; word-break: break-all;}
.subVisual .sub-nav li + li { padding-left: 32px;  }
.subVisual .sub-nav li + li::after { content: ''; position: absolute; left: 0; top: 20px; transform: translateY(-50%); width: 12px; height: 20px; background: url('../images/sub-nav-arw.png') no-repeat center / cover; }
.subVisual .sub-nav .home {color: #002856;}
.subVisual.active .bg { left:0; width:100%; height:calc(100% - var(--hgt)); }
.subVisual.active .bg::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); }
.subVisual.has-bg .sub-tit-box.active { top: 50%; transform: translateY(-50%); }
.subVisual.has-bg .sub-tit-box.active .sub-tit, .subVisual.has-bg .sub-tit-box.active .sub-nav li { color: #fff; }
.subVisual .sub-tit-box.active .sub-nav .home{ color: #fff; }
.subVisual .sub-tit-box.active .sub-nav li + li::after { background: url('../images/sub-nav-arw-active.png') no-repeat center / cover; }

@media all and (max-width: 1840px) {    
    .subVisual {max-width: 93.75%; padding: unset;}
}
@media all and (max-width: 1729px) {
    .subVisual { padding: unset; }
    .subVisual.has-bg .sub-tit-box,.subVisual .bg { width: calc(100% - 60px); left: 30px; }
}
@media all and (max-width: 1400px) {    
    .subVisual.has-bg { --hgt: 90px }
    .subVisual .sub-tit { font-size: 70px; }
    .subVisual .sub-nav li { font-size: 20px; }
    .subVisual .sub-nav li + li::after { width: 9px; height: 15px; }
  
    .subVisual .sub-nav li + li { padding-left: 28px;  }
    .sub-tit-box { padding-top: 190px; }
 
}

@media all and (max-width: 1024px) {
    .subVisual.has-bg {max-width: 100%;}
    .subVisual.has-bg { --hgt: 60px }
    .subVisual .sub-tit { font-size: 60px; }
    .subVisual .bg {width: calc(100% - 6.25%); left: 3.125%;}
    .sub-tit-box { padding-top: 140px; }
}


@media all and (max-width: 700px) {
    .subVisual {padding: 0 20px; max-width: 100%;}
    .subVisual .bg { background-position: 45% center; }
    .subVisual.active .bg { background-position: 33% center; }
    .regularWrapper .subVisual.active .bg {
        background-position: 59% center;
    }
    .researchWrapper .subVisual .bg {
        background-position: 75% center;
    }
    .researchWrapper .subVisual.active .bg { background-position: 77% center; }
    .subVisual .sub-nav li + li { padding-left: 20px; margin-left: 0; }
    .subVisual.has-bg { --hgt: 50px }
    
    .subVisual .bg {width: calc(100% - 40px); left: 20px;}
    .subVisual .sub-tit { font-size: 34px; word-break: keep-all;}
    .subVisual .sub-nav li { font-size: 16px; }
    .sub-tit-box { padding-top: 110px; }
   
}
/* END subVisual */

/* boardList */
.sub-container { padding: 100px 0 200px; }
.sub-container.custom01 {padding-bottom: unset;}
.sub-inner { max-width: 1440px; }
.search-form-box { font-size: 20px; font-weight: 400; letter-spacing: 0; color: #002856; height: 60px; max-width: 830px; margin: 0 auto; width: 100%; display: flex; gap: 10px; }
.search-form-box select, .search-form-box .search-input-box { border: 1px solid #9ddded; height: 100%; }
.search-form-box select { padding: 0 20px; padding-right: 33px; flex-shrink: 0; width: 200px; background: url('../images/select-arw.png') no-repeat center right 20px / 13px 8px; }
.search-form-box .search-input-box { display: flex; width: 100%; }
.search-form-box .search-input-box button { width: 60px; height: 100%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.search-form-box .search-input-box button img {max-width: 20px;}
.search-form-box .search-input-box input { height: 100%; width: 100%; }
.search-form-box .search-input-box input::placeholder { color: #09aad2; }
.board-box-wrap { display: flex; flex-wrap: wrap; gap: 30px; margin-top: 100px; }
.board-box { width: calc(33.333% - 20px); padding: 30px 40px 40px; min-height: 600px; border: 1px solid #9ddded; position: relative; z-index: 1;}
.board-box.ing::after {content: '';position: absolute; left: -1px; top: -1px; width: calc(100% + 2px); height: 100%; background: linear-gradient(to bottom,#11add3 0 10%,#09aad200 65%);  z-index: -1;}
.board-box.wait::after {content: '';position: absolute; left: -1px; top: -1px; width: calc(100% + 2px); height: 100%; background: linear-gradient(to bottom,#0fa681 0 10%,#09aad200 65%);  z-index: -1;}
.board-box.ing-end::after {content: '';position: absolute; left: -1px; top: -1px; width: calc(100% + 2px); height: 100%; background: linear-gradient(to bottom,#5a4fb6 0 10%,#09aad200 65%);  z-index: -1;}
.board-box.end::after {content: '';position: absolute; left: -1px; top: -1px; width: calc(100% + 2px); height: 100%; background: linear-gradient(to bottom,#904eb6 0 10%,#09aad200 65%);  z-index: -1;}
.board-box .t-box { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 20px; color: #fff; letter-spacing: 0; }
.board-box .t-box span { font-weight: 600; }
.board-box .t-box b {
    font-weight: 700;
    border-radius: 18px;
    padding: 5px 20px 5px 20px;
    border: 1px solid #fff;
    position: relative;
    font-size: 16px;
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.board-box .t-box b.registration,
.board-box .t-box b.wait {
    border-color: #09aad2;
    background-color: #fff;
    padding: 5px 15px 5px 25px;
}
.board-box .t-box b.wait {
    
    color: #09aad2;
}
.board-box .t-box b.wait::after {
    background-color: #09aad2;
}
.board-box .t-box b.registration::after {
    background-color: #024593;
}
.board-box .t-box b.wait::after,
.board-box .t-box b.registration::after {
    content: '';
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    position: absolute;
    border-radius: 50%;
}
.board-box .t-box b.registration {
    color: #024593;
}
.board-box .tit { font-size: 36px; font-weight: 700; line-height: 1.388em; color: #fff; padding: 40px 0; word-break: keep-all;}
.board-box .total-box, .board-box .alt-box { font-size: 20px; line-height: 1.5em; letter-spacing: 0; color: #002856; font-weight: 400; padding-top: 40px; border-top: 1px solid #fff; word-break: keep-all;}
.board-box .total-box .box, .board-box .alt-box .box { display: flex; align-items: flex-start; }
.board-box .alt-box .box + .box { padding-top: 30px; }
.board-box .total-box .box b, .board-box .alt-box .box b { font-weight: 700; min-width: 80px; }
.page-nav-wrap { margin-top: 60px; display: flex; justify-content: center; gap: 6px; }
.page-nav-wrap a { display: flex; align-items: center; justify-content: center; position: relative; font-size: 14px; font-weight: 400; letter-spacing: 0; width: 40px; height: 40px; color: #002856; flex-shrink: 0;}
.page-nav-wrap a.arw img {width: 6px; height: 9px;}
.page-nav-wrap a.arw.prev02,.page-nav-wrap a.arw.prev {transform: rotate(180deg);}
.page-nav-wrap a.active { border-radius: 50%; background-color: #e6f6fa; }

@media all and (max-width: 1440px) {    
    .board-box { min-height: clamp(400px, 38vw, 550px); padding: clamp(20px, 2.5vw, 30px) clamp(20px, 2vw, 40px) clamp(35px, 2.5vw, 40px); }
    .board-box .total-box, .board-box .alt-box { padding-top: clamp(35px, 3.8vw, 40px); }
    .board-box .alt-box .box + .box { padding-top: clamp(20px, 2.5vw, 30px); }
    .board-box .alt-box, .board-box .t-box { font-size: clamp(16px, 1.25vw, 18px); }
    .board-box .total-box .box b, .board-box .alt-box .box b { min-width: clamp(60px, 4.5vw, 65px); }
    .subVisual.has-bg .sub-tit-box { flex-direction: column; align-items: flex-start; gap: 40px; }
    .subVisual .sub-nav { column-gap: 15px; row-gap: 10px; }
    .subVisual .sub-nav li + li::after { top: 16px; }
    .board-box .tit { font-size: clamp(28px, 2.2vw, 32px); padding: clamp(35px, 3.5vw, 40px) 0 40px; }
}

@media all and (max-width: 1024px) { 
    .board-box-wrap { margin-top: 80px; }
    .sub-container { padding: 80px 0 150px; }
    .board-box { width: calc(50% - 15px); }
    .board-box .tit { font-size: 28px; }
    .board-box .total-box, .board-box .alt-box, .board-box .t-box { font-size: 16px; }
    .board-box { min-height: 500px; }
    .search-form-box select { width: 30%; }
    .search-form-box .search-input-box { width: calc(70% - 10px); }
    .search-form-box { font-size: 18px; }
}
@media screen and (min-width: 700px) and (max-width: 1023px)  {
    .board-box .total-box .box, .board-box .alt-box .box { flex-direction: column; }
    .subVisual.has-bg .sub-tit-box { flex-direction: column; align-items: flex-start; gap: 40px; }
    .com-board-btn-box .flex-box { width: 100%; }
}
@media all and (max-width: 700px) { 
    .board-box { min-height: 450px; }
    .board-box { width: 100%; }
    .page-nav-wrap { margin-top: 40px; }
    .page-nav-wrap a { width: 30px; height: 30px; }
    .board-box-wrap { margin-top: 60px; }
    .sub-container { padding: 60px 0 100px; }
    .search-form-box { font-size: 16px; height: auto; flex-direction: column; }
    .search-form-box select { width: 100%; padding: 0 15px; height: 45px; padding-right: 25px; background: url(../images/select-arw.png) no-repeat center right 15px / 10px 6px; }
    .search-form-box .search-input-box { width: 100%; height: 45px; }
    .search-form-box .search-input-box button { width: 40px; }
    .search-form-box .search-input-box button img { height: 18px; }
    .board-box .total-box .box, .board-box .alt-box .box { flex-direction: column; }
    .subVisual .sub-nav {
        column-gap: 10px;
    }
    .subVisual .sub-nav li + li::after {
        top: 12px;
    }
}
/* END boardList */

/* boardView */
.boardViewWrap { border-top: 1px solid #9ddded; border-bottom: 1px solid #9ddded; position: relative; display: flex; align-items: flex-start; }
.boardViewWrap .board-box { position: sticky; width: 520px; left: 0; top: 0; border: unset; padding: 30px 40px 80px;}
.boardViewAltBoxWrap { width: calc(100% - 520px); overflow: auto; padding: 0 0 80px 80px; border-left: 1px solid #9ddded; }
.board-box .demo-wrap .button--bubble__container, .board-box .demo-wrap, .board-box .com-btn01.button--bubble { width: 100%; }
.board-box .com-board-btn-box { margin-top: 80px; }
.boardViewWrap .board-box .alt-box .box + .box { margin-top: 30px; border-top: 1px solid #9ddded; }
.mypageListBox .board-box .alt-box .box b, .boardViewWrap .board-box .alt-box .box b { min-width: 100px; }
.boardViewAltBoxWrap .t-box { display: flex; align-items: center; justify-content: flex-end; gap: 15px; height: 80px;}
.boardViewAltBoxWrap .t-box button { font-size: 20px; width: 40px; height: 40px; border-radius: 50%; color: #fff; display: flex; align-items: center; justify-content: center; }
.boardViewAltBoxWrap .t-box img { width: 12px; height: 20px; }
.boardViewAltBoxWrap .t-box button.trigger { display: none; border: 1px solid #9ddded; color: #09aad2; background-color: #fff; }
.boardViewAltBox {margin-top: 80px; padding-right: 80px;}
.boardViewAltBox .tit { font-size: 28px; font-weight: 600; letter-spacing: 0; padding-bottom: 30px; margin-bottom: 60px; border-bottom: 1px solid #002856; color: #002856; }
.boardViewAltBox .tit b { font-weight: 700; }
.board-btn-box { margin-top: 60px; }
.board-btn { display: inline-flex; align-items: center; gap: 40px; background-color: #002856; color: #fff; padding: 0 20px; min-height: 56px; border-radius: 28px; font-size: 18px; font-weight: 500; transition: all 0.3s ease-in-out; border: 1px solid #002856; }
.board-btn:hover { background-color: #fff; color: #002856; }
.board-btn img.active { display: none; }
.board-btn:hover img.basic {display: none;}
.board-btn:hover img.active { display: block; }
.boardViewWrap .board-box .com-board-btn-box .com-board-btn,
.boardViewWrap .board-box .com-board-btn-box .flex-box { width: 100%; }
.boardViewWrap .board-box .com-board-btn-box .flex-box .com-board-btn { min-width: unset; }
.com-board-btn-box { margin-top: 40px; display: flex; justify-content: space-between; }
.com-board-btn-box .flex-box { display: flex; gap: 10px; }
.com-board-btn { height: 56px; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 700; color: #09aad2; transition: all 0.3s ease-in-out; border: 1px solid #09aad2; min-width: 180px; padding: 0 10px; }
.com-board-btn.type02 { background-color: #09aad2; color: #fff; }
.com-board-btn:hover { background-color: #09aad2; color: #fff; }
.com-board-btn.type02:hover { background-color: #fff; color: #09aad2; }
.boardViewWrap .board-box.ing::after {content: '';position: absolute; left: -1px; top: -1px; width: calc(100% + 2px); height: 100%; background: linear-gradient(to bottom,#11add3 0 5%,#09aad200 50%);  z-index: -1;}
.boardViewWrap .board-box.wait::after {content: '';position: absolute; left: -1px; top: -1px; width: calc(100% + 2px); height: 100%; background: linear-gradient(to bottom,#0fa681 0 5%,#09aad200 50%);  z-index: -1;}
.boardViewWrap .board-box.ing-end::after {content: '';position: absolute; left: -1px; top: -1px; width: calc(100% + 2px); height: 100%; background: linear-gradient(to bottom,#5a4fb6 0 5%,#09aad200 50%);  z-index: -1;}
.boardViewWrap .board-box.end::after {content: '';position: absolute; left: -1px; top: -1px; width: calc(100% + 2px); height: 100%; background: linear-gradient(to bottom,#904eb6 0 5%,#09aad200 50%);  z-index: -1;}

@media all and (max-width: 1440px) {    
    .boardViewWrap .board-box .alt-box .box + .box { padding-top: clamp(20px, 2.5vw, 30px); }
    .mypageListBox .board-box .alt-box .box b, .boardViewWrap .board-box .alt-box .box b { min-width: clamp(60px, 4.5vw, 65px); }
    .boardViewWrap .board-box { width: 420px; }
    .boardViewAltBoxWrap { width: calc(100% - 420px); padding: 0 0 60px 60px; }
    .boardViewAltBox { padding-right: 60px; }
    .board-box .com-board-btn-box { margin-top: 60px; }
    .boardViewWrap .board-box { padding: clamp(20px, 2.5vw, 30px) clamp(20px, 2vw, 40px) 60px; }
}

@media all and (max-width: 1200px) {    
    .boardViewWrap .board-box { width: 350px; }
    .boardViewAltBoxWrap { width: calc(100% - 350px); padding: 0 0 60px 60px; }
}

@media all and (max-width: 1024px) {    
    .boardViewWrap .board-box { position: relative; width: 100%; left: unset; top: unset; border: unset; padding: clamp(20px, 2.5vw, 30px) clamp(20px, 2vw, 40px); }
    .boardViewWrap { flex-direction: column; }
    .boardViewAltBoxWrap { width: 100%; border-left: unset; padding: unset; }
    .boardViewAltBox { padding: unset; margin-top: 60px; }
    .boardViewAltBoxWrap { padding-bottom: 60px; }
    .com-board-btn { height: 50px; font-size: 16px; min-width: 140px; }
    .board-btn { gap: 25px; background-color: #002856; color: #fff; padding: 0 15px; min-height: 45px; font-size: 16px; }
    .boardViewAltBox .tit { font-size: 24px; padding-bottom: 20px; margin-bottom: 40px; }
    .boardViewAltBoxWrap .t-box { height: 60px; }
    .mypageListBoxWrap .com-board-btn-box { padding: unset; }
}

@media screen and (min-width: 700px) and (max-width: 1024px) {
    .boardViewAltBox { padding: unset; margin-top: 30px; }
    .boardViewAltBoxWrap .t-box { height: 90px; padding-top: 30px;}
    .boardViewAltBoxWrap .t-box { border-top: 1px solid #9ddded; justify-content: flex-start; }
    .applyPaymentWrap .boardViewAltBoxWrap .t-box { border-top: unset; }
 
}

@media all and (max-width: 700px) {    
    .sub-scroll-box { opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; }
    .boardViewAltBoxWrap .t-box button.trigger { display: block; }
    .sub-scroll-box.active { opacity: 1; visibility: visible; }
    .com-board-btn { min-width: 90px; font-size: 14px; height: 50px; }
    .board-btn { gap: 20px; font-size: 14px; min-height: 40px; }
    .boardViewAltBox .tit { font-size: 20px; }
    .boardViewAltBoxWrap .t-box { position: fixed; z-index: 10; right: 15px; bottom: 192px; height: auto; flex-direction: column; gap: 10px; }
    .board-box .com-board-btn-box { position: fixed; bottom: 60px; width: 100%; z-index: 11; left: 0; padding: 10px 20px; background-color: #fff; margin-top: unset; border-top: 1px solid #9ddded; border-bottom: 1px solid #9ddded; }
    .board-box .com-board-btn-box.active .com-board-btn { height: 50px; }
    #quickMenu.custom { bottom: 142px; }

    .applyPaymentCompleteWrapper #quickMenu { bottom: 75px;}
    .mypageListBoxWrap .board-box .t-box {flex-direction: column; align-items: flex-start; gap: 20px;}
    .mypageListBoxWrap .board-box .t-box > span {order: 2;}
    .mypageListBoxWrap .board-box .t-box .flex-box {justify-content: space-between; width: 100%;}
    .mypageListBoxWrap .mypageListBox .board-box .tit {min-height: unset; padding-top: 25px;}
  
}
/* END boardView */

/* applyPayment */
.applyPaymentCompleteWrapper .subVisual .sub-nav, .applyPaymentWrap .subVisual .sub-nav {display: none;}
.board-box.type02 .t-box.type02 { font-size: 24px; margin-bottom: 110px; color: #fff; }
.board-box.type02 .t-box { color: #002856; }
.board-box.type02 .alt-box { padding-top: 20px; border-top: unset; }
.board-box.type02 .tit { padding: 40px 0; color: #002856; }
.form-row-wrap { width: 100%; word-break: keep-all;}
.form-style-box select:invalid { color: #09aad2; }
.form-style-box select:valid { color: #002856; }
.boardViewAltBox .tit.type02 { margin-bottom: unset; display: flex; align-items: flex-end; justify-content: space-between; }
.boardViewAltBox .tit.no-border { border-bottom: unset; }
.form-style-box select option[value=""]{ color:#9fbfd6; }
.form-row-box01 + .form-row-box01 { margin-top: 80px; }
.form-row-box01 > .form-row { padding: 18px 0; }
.form-row-box01 > .form-row + .form-row { border-top: 1px solid #9ddded; }
.form-tit01 { min-width: 145px; font-size: 20px; font-weight: 700; color: #002856; }
.form-tit01 span { display: inline-block; margin-top: 18px; position: relative; }
.form-tit01.eq span { padding-right: 10px; }
.form-tit01.eq span::after { content: '*'; position: absolute; right: 0; top: 0; color: #ec6725; }
.form-style-box { border: 1px solid #9ddded; height: 60px; }
.form-style-box.textarea { height: 240px; }
.form-style-box input, .form-style-box select, .form-style-box textarea { width: 100%; height: 100%; padding: 0 20px; font-size: 20px; font-weight: 400; cursor: pointer; }
.form-row.txt .form-style-box {font-size: 20px; border: unset; align-items: center;display: flex; height: auto; min-height: 60px; color: #002856;line-height: 1.8em;}
.form-style-box textarea { resize: none; padding: 20px; }
.form-style-box select { background: url(../images/select-arw.png) no-repeat center right 20px / 13px 8px; padding-right: 40px; }
.form-style-box input::placeholder, .form-style-box textarea::placeholder { color: #09aad2; }
.etc-txt01 { display: block; position: relative; padding-left: 10px; font-size: 16px; font-weight: 400; letter-spacing: 0; color: #002856; margin-left: 20px; word-break: keep-all; line-height: 1.5em;}
.etc-txt01.no::after {display: none; padding-left: unset;}
.etc-txt01.type02 { display: block; line-height: 1.5em; padding-left: 14px; }
.etc-txt01.type02::after { content: '※'; }
.etc-txt01::after { content: '*'; position: absolute; left: 0; top: 0; }
.etc-txt01.eq::after { color: #ec6725; }
.ml0{ margin-left: 0; }
.w130 {max-width: 130px; min-width: 125px;}
.w240 {max-width: 240px;}
.w365 {max-width: 365px;}
.w440 { max-width: 440px; }
.w475 { max-width: 475px; min-width: 475px; }
.w-full { width: 100%; }
.form-total-price-box { border-radius: 12px; background-color: #e8f6fb; padding: 30px; display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 24px; font-weight: 700; color: #002856; min-height: 110px;}
.form-total-price-box .com-chk-box { min-height: unset; }
.form-total-price-box .price { display: flex; align-items: center; gap: 10px; }
.form-total-price-box .price span { font-size: 40px; font-weight: 700; color: #6600ff; }
.com-chk-box { display: flex; flex-shrink: 0; flex-wrap: wrap; gap: 40px; min-height: 60px; width: 100%; }
.com-chk-box label { display: flex; align-items: center; gap: 15px; font-size: 20px; font-weight: 400; color: #002856; word-break: keep-all;}
.com-chk-box label input { appearance: none; width: 28px; height: 28px; flex-shrink: 0; border-radius: 50%; background: url('../images/com-radio01.png') no-repeat center / cover; }
.com-chk-box label input:checked { background: url('../images/com-radio01-active.png') no-repeat center / cover; }
.com-chk-box02 { display: flex; flex-shrink: 0; flex-wrap: wrap; gap: 40px; min-height: 60px; width: 100%; }
.com-chk-box02 label { display: flex; align-items: center; gap: 15px; font-size: 20px; font-weight: 400; color: #002856; cursor: pointer; word-break: keep-all;}
.com-chk-box02 label input { appearance: none; width: 28px; height: 28px; flex-shrink: 0; background: url('../images/com-chk01.svg') no-repeat center / cover; cursor: pointer; border-radius: unset;}
.com-chk-box02 label input:checked { background: url('../images/com-chk01-active.svg') no-repeat center / cover; }
.form-txt01 { font-size: 20px; font-weight: 400; color: #002856; margin: 0 10px; }
.applyPaymentWrap .board-box.ing::after {content: '';position: absolute; left: -1px; top: -1px; width: calc(100% + 2px); height: 100%; background: linear-gradient(to bottom,#11add3 0 5%,#09aad200 50%);  z-index: -1;}
.applyPaymentWrap .board-box.wait::after {content: '';position: absolute; left: -1px; top: -1px; width: calc(100% + 2px); height: 100%; background: linear-gradient(to bottom,#0fa681 0 5%,#09aad200 50%);  z-index: -1;}
.applyPaymentWrap .board-box.ing-end::after {content: '';position: absolute; left: -1px; top: -1px; width: calc(100% + 2px); height: 100%; background: linear-gradient(to bottom,#5a4fb6 0 5%,#09aad200 50%);  z-index: -1;}
.applyPaymentWrap .board-box.end::after {content: '';position: absolute; left: -1px; top: -1px; width: calc(100% + 2px); height: 100%; background: linear-gradient(to bottom,#904eb6 0 5%,#09aad200 50%);  z-index: -1;}
.b-border { border-bottom: 1px solid #9ddded; }
.form-row { display: flex; width: 100%; }
.g40 { gap: 20px 40px; }
.align-center { align-items: center; }
.justify-center { justify-content: center; }
.flex-end { justify-content: flex-end; }

@media all and (max-width: 1719px) {  
    .form-row-box01 > .form-row { flex-direction: column; gap: 20px; }
    .form-tit01 span { margin-top: unset; }
    .form-row.txt { gap: unset; padding-bottom: 18px; }
    .form-row.txt .form-style-box { min-height: unset; }
    .form-row.txt .form-tit01, .form-row.txt .form-style-box { line-height: 1.5em; }
}

@media all and (max-width: 1400px) {  
    .form-row.txt .form-style-box, .form-tit01, .form-txt01, .com-chk-box label, .com-chk-box02 label, .form-style-box input, .form-style-box select, .form-style-box textarea { font-size: 18px; }
    .etc-txt01 { font-size: 14px; }
    .form-total-price-box { padding: 20px; font-size: 22px; min-height: unset; }
    .form-total-price-box .price span { font-size: 36px; }
    .com-chk-box label, .com-chk-box02 label { gap: 10px; }
    .form-row { flex-wrap: wrap; }
    .form-row.no-wrap { flex-wrap: nowrap !important; }
    .boardViewAltBox .tit.type02 .etc-txt01 { width: auto; }
    .etc-txt01 {display: block; margin-left: 0; width: 100%;}
    .form-style-box + .etc-txt01 { margin-top: 20px; }
 
    .form-row-box01 + .form-row-box01 { margin-top: 60px; }
}
@media screen and (max-width: 1024px)  {
    .boardViewWrapper .sub-container .inner { padding: unset; width: 100%; }
    .boardViewAltBoxWrap { max-width: calc(100% - 40px); margin: 0 auto; border-bottom: 1px solid #9ddded; }
    .applyPaymentWrap .boardViewAltBoxWrap { border-bottom: unset; padding-bottom: unset; }
    .boardViewWrap { border-bottom: unset; }
    .com-board-btn-box { flex-direction: column; padding: 0 20px; gap: 10px; }
    .com-board-btn-box.no-full {flex-direction: row;}
    .board-box .com-board-btn-box { padding: unset; }
    .com-board-btn-box .flex-box { order: 2; }
    .com-board-btn-box .flex-box.btn3 { flex-wrap: wrap; }
    .com-board-btn-box .flex-box.btn3 button { width: calc(50% - 5px); }
    .com-board-btn-box .flex-box.btn3 button:last-child { width: 100%; }
 
    .com-board-btn-box .flex-box .com-board-btn { width: 100%; }
    .form-row-box01 .com-board-btn-box { padding: unset; }
    .form-style-box { height: 50px; }
    .com-chk-box { min-height: 50px; }
    .sub-tit-box { flex-direction: column; align-items: flex-start; gap: 40px; }
}

@media all and (max-width: 850px) {  
    .register-wrapper .form-row.birth {flex-wrap: wrap;}
    .w475 {min-width: unset;}
}

@media all and (max-width: 700px) {  
    .form-row.txt .form-style-box, .form-tit01, .form-txt01, .com-chk-box label, .com-chk-box02 label, .form-style-box input, .form-style-box select, .form-style-box textarea { font-size: 16px; }
    .form-row-box01 > .form-row { gap: 15px; }
    .form-style-box + .etc-txt01 { margin-top: 15px; }
    .form-style-box input, .form-style-box select, .form-style-box textarea { padding: 0 10px; }
    .form-style-box select { background: url(../images/select-arw.png) no-repeat center right 10px / 10px 6px; padding-right: 20px; }
    .com-chk-box label input, .com-chk-box02 label input { width: 24px; height: 24px; }
    .form-total-price-box { flex-direction: column; align-items: flex-start; }
 
    .form-style-box.textarea { height: 180px; }
    .form-style-box textarea { padding: 10px; }
    .com-chk-box02 { gap: 20px; }
    .register-wrapper .form-row-box01 > .form-row + .form-row, .applyPaymentWrap .form-row-box01 > .form-row + .form-row { border-top: unset; }
    .register-wrapper.complete .form-row-box01 > .form-row + .form-row {border-top: 1px solid #9ddded;}
    .register-wrapper .b-border, .applyPaymentWrap .b-border {border: unset;}
    .board-box .com-board-btn-box { padding: 10px 20px; }
  
}
/* END applyPayment */

/* applyPaymentComplete */
.form-total-price-box-wrap { border-radius: 12px; border: 1px solid #9ddded; background-color: #e8f6fb; }
.form-total-price-box-wrap .form-total-price-box { border-radius: 0 0 12px 12px; }
.form-total-price-box-wrap .top-box { font-size: 24px; font-weight: 500; color: #002856; padding: 60px; display: flex; flex-direction: column; text-align: center; align-items: center; gap: 40px; border-bottom: 1px solid #9ddded; }
.form-total-price-box-wrap .top-box img { height: 56px; }
.form-total-price-box-wrap .top-box span { font-size: 40px; font-weight: 700; color: #002856; }
.form-total-price-box-wrap .top-box span b { font-weight: 700; color: #09aad2; }
.bank-info-box { display: flex; flex-wrap: wrap; gap: 20px; }
.bank-info-box .box { width: calc(50% - 10px); display: flex; align-items: center; gap: 35px; border-radius: 12px; border: 1px solid #9ddded; padding: 40px; }
.bank-info-box .box .img { display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.bank-info-box .box .a-tit { font-size: 20px; font-weight: 700; color: #09aad2; }
.bank-info-box .box .a-alt { font-weight: 400; font-size: 28px; color: #002856; margin-top: 20px; }

@media all and (max-width: 1719px) {  
    .bank-info-box .box { gap: 25px; padding: 30px; }
}

@media (min-width: 1025px) and (max-width: 1600px) {
    .bank-info-box .box .img img { height: 80px; }
    .bank-info-box .box { gap: 20px; flex-direction: column; }
    .bank-info-box .box .alt { width: 100%; }
    .bank-info-box .box .a-alt { font-size: 22px; margin-top: 10px; }
    .bank-info-box .box .a-tit { font-size: 18px; }
}
 

@media all and (max-width: 1400px) {  
    .form-total-price-box-wrap .top-box { font-size: 22px; padding: 50px; gap: 30px; }
    .form-total-price-box-wrap .top-box span { font-size: 36px; }
}

@media all and (max-width: 1024px) {  
    .bank-info-box .box { padding: 30px 20px; }
    .bank-info-box .box .img img { height: 70px; }
    .bank-info-box .box .a-alt { margin-top: 10px; font-size: 20px; }
    .bank-info-box .box .a-tit { font-size: 18px; }
}
    
@media all and (max-width: 700px) {  
    .bank-info-box .box {width: 100%; padding: 20px;}
    .bank-info-box .box .a-tit { font-size: 16px; }
    .bank-info-box .box .img img { height: 60px; }
    .form-total-price-box-wrap .top-box > img { height: 49px; }
    .form-total-price-box-wrap .top-box { padding: 40px 20px; gap: 20px; }
    .form-total-price-box, .form-total-price-box-wrap .top-box { font-size: 16px; }
    .form-total-price-box-wrap .top-box span, .form-total-price-box .price span { font-size: 28px; }
    .form-row.txt { gap: unset; }
}
/* END applyPaymentComplete */

/* login */
.sub-nav-link { display: flex; }
.sub-nav-link li a { display: flex; padding: 0 30px; position: relative; color: #002856; font-size: 24px; font-weight: 500; transition: all 0.3s ease-in-out; }
.sub-nav-link li.on a, .sub-nav-link li a:hover { text-decoration: underline; text-underline-position: under; }
.sub-nav-link li + li a::after { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 20px; background-color: #9ddded; }
.login-wrapper { position: relative; background: url('../images/login-bg.jpg?v=2') no-repeat center / cover; padding: 100px 0; display: flex; align-items: center; justify-content: center; }
.login-form-box { padding: 80px 120px; width: 100%; max-width: 680px; box-shadow: 0 30px 60px rgba(0, 40, 86, 0.1), 0 0 40px rgba(255, 255, 255, 0.5); border: 1px solid #ffffff; }
.com-submit-btn { height: 60px; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 700; color: #fff; background-color: #09aad2; transition: all 0.3s ease-in-out; border: 1px solid transparent; min-width: 180px; padding: 0 10px; width: 100%; }
.com-submit-btn:hover { border-color: #09aad2; color: #09aad2; background-color: #Fff; }
.login-form-top-box { text-align: center; }
.login-tit { font-size: 50px; font-weight: 700; color: #09aad2; font-family: 'HancomMalangMalang'; }
.login-alt { font-size: 20px; font-weight: 400; color: #002856; word-break: keep-all; line-height: 1.5em; }
.login-form-box { line-height: 1; }
.login-form-top-box .login-alt, .login-wrapper .login-form { margin-top: 40px; }
.login-form .form-style-box + .form-style-box, .login-form .com-submit-btn, .login-form .com-chk-box02 { margin-top: 20px; }
.member-inner .com-chk-box02 { min-height: unset; }
.login-wrapper .login-link-box { margin-top: 30px; }
.login-link-box a { display: flex; gap: 10px; height: 60px; align-items: center; padding: 10px 10px 10px 15px; font-size: 16px; font-weight: 400; color: #002856; }
.login-link-box a svg {color: #09aad2; width: 20px; height: 20px; flex-shrink: 0;}
.login-link-box a img { width: 7px; height: 11px; margin-left: auto; }
.login-link-box a + a { border-top: 1px solid #9ddded; }
.member-inner { padding-top: 100px; border-top: 1px solid #9ddded; }

@media all and (max-width: 1719px) {  
    .sub-nav-link li a { padding: 0 20px; font-size: 20px; }
}

@media all and (max-width: 1400px) {  
    .sub-tit-box.nav-link { flex-direction: column; align-items: flex-start; gap: 40px; }
    .sub-nav-link li a { font-size: 18px; }
    .sub-nav-link li:nth-child(1) a { padding-left: unset; }
}

@media all and (max-width: 1024px) {  
    .member-inner { padding-top: 80px; }

    .login-wrapper { background: url('../images/m-login-bg.jpg') no-repeat center / cover; padding: 0;}
    .login-form-box { padding: 60px 20px; border: unset; box-shadow: unset;}
    .com-submit-btn { height: 50px; font-size: 16px; }
    .login-inner { width: 100%; word-break: keep-all; border-top: unset;}
    .login-inner::after { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: calc(100% - 40px); height: 1px; background-color: #09aad2; }
}
@media all and (max-width: 700px) {
    .sub-tit-box.nav-link { gap: 30px; }
     
    .sub-nav-link { flex-direction: column; width: 100%; }
    .sub-nav-link li a { padding:  15px 0 ; font-size: 15px; }
    .sub-nav-link li + li a::after {display: none;}
    .member-inner { width: calc(100% - 40px); padding: unset; padding-top: 60px; }
    .login-tit { font-size: 40px; }
    .login-alt { font-size: 16px; }
    .login-link-box a { font-size: 14px; gap: 10px; padding: 20px 0; line-height: 1.6em; height: unset;}
    .login-inner { width: 100%; word-break: keep-all; border-top: unset;}
    .login-inner::after { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: calc(100% - 40px); height: 1px; background-color: #09aad2; }
    .login-link-box a img { display: none; }
}
/* END login */

/* register */
.register-wrapper { max-width: 1040px; margin: 0 auto }
.register-etc-box-wrap { margin-top: 80px; }
.register-etc-box .com-chk-box02 label {font-weight: 700;}
.register-etc-box { border: 1px solid #9ddded; }
.register-etc-box + .register-etc-box { margin-top: 30px; }
.register-etc-box .t-box { border-bottom: 1px solid #9ddded; padding: 25px 30px; }
.register-etc-box .alt-box { padding: 20px 30px; height: 225px; overflow: auto; font-size: 16px; font-weight: 400; line-height: 1.75em; color: #002856; }
.com-chk-btn { height: 60px; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 700; color: #fff; background-color: #777777; transition: all 0.3s ease-in-out; border: 1px solid transparent; min-width: 130px; padding: 0 30px; margin-left: 10px; max-width: 440px; }

@media all and (max-width: 1024px) {  
    .register-etc-box-wrap { margin-top: 60px; }
    .register-etc-box .t-box { padding: 20px; }
    .register-etc-box .alt-box { padding: 20px; font-size: 14px; }
    .register-wrapper .com-board-btn-box { padding: unset; }
}
/* END register */

/* registerForm */
.register-wrapper .boardViewAltBox, .mypageListBoxWrap .boardViewAltBox { padding-right: unset; }
.captcha-box { display: flex; max-width: 240px; width: 100%; height: 60px; border: 1px solid #9ddded; }
.captcha-box .img { width: calc(100% - 40px); display: flex; align-items: center; justify-content: center; }
.captcha-box .img img {object-fit: contain; max-height: 100%;}
.captcha-box .btn-box { width: 40px; height: 100%; }
.captcha-box .btn-box button { width: 100%; display: flex; align-items: center; justify-content: center; height: 29px; background-color: #e8f6fb; border-left: 1px solid #9ddded; }
.captcha-box .btn-box button + button { border-top: 1px solid #9ddded; }
.captcha-box .btn-box button svg { height: 17px; }

@media all and (max-width: 1719px) {  
    .form-tit01 span br {display: none;}
}
@media all and (max-width: 1400px) {  
    .com-chk-btn { font-size: 18px;  }
    .form-row.captcha { flex-direction: column; align-items: flex-start; gap: 10px; }
    .form-row.captcha .ml10 { margin-left: 0 !important; }
    .register-wrapper .form-row { flex-wrap: nowrap; }
}

@media all and (max-width: 1024px) {  
    .com-chk-btn { height: 50px; font-size: 16px; }
    .captcha-box { height: 50px; }
    .captcha-box .btn-box button { height: 24px; }
}

@media screen and (min-width: 700px) and (max-width: 1300px) {
    .register-wrapper .form-style-box.w440, .register-wrapper .form-row-wrap.w440 { max-width: 70%; }
    .register-wrapper .form-row-wrap.w440 + .form-row-wrap { width: 30%; }
    .register-wrapper .w130 { max-width: unset; }
}

@media all and (max-width: 700px) {  
    .com-chk-btn { width: 100%; margin-left: 0; margin-top: 10px; }
    .register-wrapper .form-row { flex-wrap: wrap; }
    .captcha-box, .form-row.captcha .ml10  { max-width: unset; }
    .w130 { min-width: unset; }
  
}
/* END registerForm */

/* registerOkBox */
.registerCompleteBox { width: 100%; border: 1px solid #9ddded; border-radius: 12px; padding: 80px 20px; text-align: center; margin-top: 80px; background: linear-gradient(to top, #ade2f0, #e8f6fb 60%); word-break: keep-all;}
.registerCompleteBox > svg { width: 63px; color: #002856; }
.registerCompleteBox .tit { font-size: 40px; font-weight: 700; color: #002856; margin: 40px 0; }
.registerCompleteBox .login-alt { font-weight: 500; }
.registerCompleteBox .com-board-btn { min-width: 240px; }

@media all and (max-width: 1400px) {  
    .registerCompleteBox { padding: 50px 20px; }
    .registerCompleteBox .tit { font-size: 36px; }
}

@media all and (max-width: 1024px) {  
    .registerCompleteBox { margin-top: 60px; }
}

@media all and (max-width: 700px) {  
    .registerCompleteBox { padding: 40px 10px; }
    .registerCompleteBox .tit { font-size: 26px; margin: 30px 0;}
}
/* END registerOkBox */

/* idSearch */
.register-table01 { margin-top: 80px; border-top: 1px solid #002856; border-bottom: 1px solid #9ddded; }

@media all and (max-width: 1400px) {  
    .register-table01 { margin-top: 60px; }
}
/* END idSearch */

/* myApplyList */
.mypageListBox { display: flex; flex-wrap: wrap; gap: 30px; }
.mypageListBox .board-box { width: calc(50% - 15px); border: 1px solid #9ddded; display: flex; flex-direction: column; }
.mypageListBox .board-box .t-box { min-height: 35px; }
.mypageListBox .board-box .t-box .flex-box { gap: 20px; align-items: center; }
.mypageListBox .board-box .t-box .flex-box button,.mypageListBox .board-box .t-box .flex-box a { font-size: 14px; font-weight: 500; color: #fff; padding: 0 20px; height: 35px; border-radius: 18px; border: 1px solid #fff; display: flex; align-items: center;}
.mypageListBox .board-box .tit { min-height: 180px; }
.board-box .alt-box .box .link { display: flex; align-items: center; gap: 10px; font-weight: 600; line-height: 1.5em;}
.board-box .alt-box .box .link img { height: 13px; }
.mypageListBox .board-box .alt-box { flex: 1; }
.mypageListBox .board-box .total-box { border-top: 1px solid #9ddded; margin-top: 40px; }
.mypageListBox .board-box .total-box .box { justify-content: space-between; align-items: center; }
.mypageListBox .board-box .total-box .box p span { font-weight: 700; font-size: 32px; }
.color-txt01 { font-weight: 700; color: #6600ff; }
.color-txt02 { font-weight: 700; color: #665cb7; }
.mypageListBox .board-box.ing::after {content: '';position: absolute; left: -1px; top: -1px; width: calc(100% + 2px); height: 100%; background: linear-gradient(to bottom,#11add3 0 5%,#09aad200 55%);  z-index: -1;}
.mypageListBox .board-box.wait::after {content: '';position: absolute; left: -1px; top: -1px; width: calc(100% + 2px); height: 100%; background: linear-gradient(to bottom,#0fa681 0 5%,#09aad200 55%);  z-index: -1;}
.mypageListBox .board-box.ing-end::after {content: '';position: absolute; left: -1px; top: -1px; width: calc(100% + 2px); height: 100%; background: linear-gradient(to bottom,#5a4fb6 0 5%,#09aad200 55%);  z-index: -1;}
.mypageListBox .board-box.end::after {content: '';position: absolute; left: -1px; top: -1px; width: calc(100% + 2px); height: 100%; background: linear-gradient(to bottom,#904eb6 0 5%,#09aad200 55%);  z-index: -1;}

@media all and (max-width: 1719px) {
    .form-row.big-box { gap: unset; padding-bottom: unset; flex-direction: row;}
   
}

@media all and (max-width: 1440px) {
    .mypageListBox .board-box .total-box{ margin-top: clamp(35px, 3.8vw, 40px); }
    .mypageListBox .board-box .tit { min-height: 165px; }
}

@media all and (max-width: 1400px) {
    .form-row.big-box { flex-wrap: nowrap; }
}

@media all and (max-width: 1023px) {
    .form-row.big-box { flex-wrap: wrap; }
    .mypageListBox .board-box .tit { min-height: 155px; }
    .mypageListBox .board-box .total-box .box{ align-items: flex-start; gap: 10px; }
    .form-row.big-box > .form-row:nth-child(2) { padding-top: 18px; border-top: 1px solid #9ddded; }
}

@media screen and (min-width: 700px) and (max-width: 1300px)  {
    .mypageListBox .board-box .alt-box, .mypageListBox .board-box .t-box { font-size: 18px; }
    .mypageListBox .board-box .alt-box .box b { min-width: 90px; }
    .mypageListBox .board-box .alt-box .box { flex-direction: row; }
}

@media all and (max-width: 800px) {
    .mypageListBox .board-box { width: 100%; }
}
/* END myApplyList */

/* mediaBoard */
.media-board-wrap { display: flex; flex-wrap: wrap; gap: 100px 30px; }
.media-board-wrap .media-board-box { width: calc(50% - 15px); }
.media-board-wrap .media-board-box .tit { font-size: 28px; font-weight: 700; color: #002856; }
.media-board-wrap .media-board-box .media-box { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; margin-top: 30px; }
.media-board-wrap .media-board-box .media-box .video1 { position : absolute; top : 0; left : 0; width : 100%; height : 100%; }

@media all and (max-width: 1024px) {
    .media-board-wrap { gap: 80px; }
    .media-board-wrap .media-board-box { width: 100%; }
    .media-board-wrap .media-board-box .tit { font-size: 22px; }
    .mediadBoardWrap .subVisual.active .bg { background-position: center center; }
    .silencedWrap .subVisual .bg { background-position: 88% center; }    
    .silencedWrap .subVisual.active .bg { background-position: 60% center; }
    .monthlyWrap .subVisual .bg { background-position: 66% center; }    
    .monthlyWrap .subVisual.active .bg { background-position: 56% center; }
    .kmc_courseWrap .subVisual .bg { background-position: 66% center; }    
    .kmc_courseWrap .subVisual.active .bg { background-position: 76% center; }
}
@media all and (max-width: 700px) {
    
}
/* END mediaBoard */

/* lectureList */
.lectureList-wrapper {max-width: 1720px; margin: 100px auto 0; position: relative;}
.lectureList-wrapper::after { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 1px; background-color: #9ddded; }
.lectureList-wrapper .inner {max-width: 1040px;}
.lectureList-wrap .board-box-list-wrap { width: 100%; margin-top: 100px; border-top: 1px solid #002856; border-bottom: 1px solid #9ddded; }
.no-data {font-size: 24px; text-align: center; padding: 60px 0; width: 100%; color: #002856;}
.lectureList-wrap .board-box-list-wrap li > a { gap: 10px; justify-content: flex-start; align-items: start; height: unset; padding: 58px 0; }
.lectureList-wrap .board-box-list-wrap li a .date { text-align: left; margin-top: 30px; color: #002856; }
.lectureList-wrap .board-box-list-wrap li a .right-box { min-width: 0; }
.lectureList-wrap .board-box-list-wrap .num { font-size: 24px; font-weight: 700; color: #09aad2; min-width: 50px; margin-top: 3px; }
.lectureList-wrap .board-box-list-wrap .alt { font-size: 28px; font-weight: 700; }

@media all and (max-width: 1720px) {
    .lectureList-wrapper::after { width: 93.75%; }
          
}

@media all and (max-width: 1024px) {
    .lectureList-wrapper { margin-top: 80px; }
    .lectureList-wrap .board-box-list-wrap li > a { padding: 35px 0; }
    .lectureList-wrap .board-box-list-wrap .num { font-size: 20px; }
    .lectureList-wrap .board-box-list-wrap .alt { font-size: 24px; }
    .lectureList-wrap .board-box-list-wrap { margin-top: 80px; }
    .lectureList-wrapper .com-board-btn-box { padding: unset; }
}

@media all and (max-width: 700px) {
    .lectureList-wrapper::after { width: calc(100% - 40px); }
    .lectureList-wrapper { margin-top: 50px; }
    .lectureList-wrap .board-box-list-wrap .num { font-size: 16px; }
    .lectureList-wrap .board-box-list-wrap .alt { font-size: 20px; }
    .lectureList-wrap .board-box-list-wrap li a .date { margin-top: 20px; }
    .lectureList-wrap .board-box-list-wrap { margin-top: 60px; }
    .no-data {font-size: 18px;}
}
/* END lectureList */

/* lectureListView */
.lectureListView-wrap { word-break: keep-all; }
.lectureListView-wrap .tit-box .num { font-size: 24px; font-weight: 700; color: #09aad2; }
.lectureListView-wrap .tit-box .tit { font-size: 48px; font-weight: 700; line-height: 1.41666em; color: #002856; margin-top: 40px; word-break: keep-all;}
.lectureListView-wrap .tit-box .date { font-size: 20px; font-weight: 400; color: #002856; margin-top: 80px; }
.lectureListView-wrap .edit-box { padding: 60px 0; margin-top: 40px; border-top: 1px solid #002856; border-bottom: 1px solid #9ddded; }
.lecture-file-box { padding: 38px 40px; background-color: #e8f6fb; margin-top: 60px; }
.lecture-file-box .lecture-file { display: flex; gap: 40px; font-size: 20px; font-weight: 700; color: #002856; align-items: flex-start; }
.lecture-file-box .lecture-file .tit { flex-shrink: 0; }
.lecture-file-flex-box { display: flex; flex-wrap: wrap; gap: 15px; }
.lecture-file-box .lecture-file a { display: flex; align-items: center; gap: 15px; color: #002856; }
.lecture-file-box .lecture-file a svg { width: 18px; color: #002856; }
.lecture-file-box .lecture-file a span { text-decoration: underline; text-underline-position: under; font-weight: 400;}

@media all and (max-width: 1024px) {
    .lectureListView-wrap .tit-box .num { font-size: 20px; }
    .lectureListView-wrap .tit-box .tit { font-size: 38px; margin-top: 30px; }
    .lectureListView-wrap .tit-box .date { font-size: 18px; margin-top: 60px; }
    .lectureListView-wrap .edit-box { padding: 40px 0; margin-top: 30px; }
    .lecture-file-box { padding: 28px 30px; margin-top: 40px; }
    .lecture-file-box .lecture-file { gap: 30px; font-size: 18px; }
    .lecture-file-box .lecture-file a { gap: 10px; }
}

@media all and (max-width: 700px) {
    .lectureListView-wrap .tit-box .num { font-size: 18px; }
    .lectureListView-wrap .tit-box .tit { font-size: 28px; margin-top: 20px; }
    .lectureListView-wrap .tit-box .tit br { display: none; }
    .lectureListView-wrap .tit-box .date { font-size: 16px; margin-top: 40px; }
    .lectureListView-wrap .edit-box { padding: 30px 0; margin-top: 20px; }
    .lecture-file-box { padding: 18px 20px; margin-top: 30px; }
    .lecture-file-box .lecture-file { gap: 20px; font-size: 16px; flex-direction: column;}
    .lecture-file-box .lecture-file a { gap: 8px; }
    .lecture-file-flex-box { gap: 10px; }
}
/* END lectureListView */

/* faqList */
.faqList-wrap {border-top: 1px solid #002856; margin-top: 100px; border-bottom: 1px solid #9ddded;}
.faqList-wrap .board-box-list-wrap { width: 100%; }
.faqList-wrap .board-box-list-wrap li .q-box { display: flex; align-items: center; justify-content: space-between; min-height: 120px; cursor: pointer; padding: 40px; gap: 10px; z-index: 1; position: relative; }
.faqList-wrap .board-box-list-wrap li { font-size: 24px; font-weight: 700; }
.faqList-wrap .board-box-list-wrap li .tit { color: #09aad2; min-width: 35px; }
.faqList-wrap .board-box-list-wrap li .q-box .alt { min-width: 0; width: 100%; word-break: keep-all; color: #002856; line-height: 1.3em; }
.faqList-wrap .board-box-list-wrap li .q-box .left { display: flex; z-index: 1; }
.faqList-wrap .board-box-list-wrap li .q-box .icon-arrow-down { width: 25px; color: #002856; transition: all 0.3s ease-in-out; flex-shrink: 0; z-index: 1; }
.faqList-wrap .board-box-list-wrap li .q-box::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; opacity: 0; height: 100%; --c: -1%; --t: -1%; background: linear-gradient(to left, #16aed4 0 var(--c), #09aad200 var(--t)); transition: --c .3s ease-in-out, --t .3s ease-in-out; }
.faqList-wrap .board-box-list-wrap li.active .q-box::before { --c: 5%; --t: 30%; opacity: 1; }
.faqList-wrap .board-box-list-wrap li.active .q-box .icon-arrow-down { transform: rotate(180deg); color: #fff; }
.faqList-wrap .board-box-list-wrap li:hover::after { display: none; }
.faqList-wrap .board-box-list-wrap li .a-box { display: none; padding: 50px 40px; border-top: 1px solid #9ddded; }
.faqList-wrap .board-box-list-wrap li .a-box .alt { font-size: 20px; font-weight: 400; color: #002856; line-height: 1.8em; word-break: keep-all; }
.ptb25 {padding: 25px 0 !important;}

@media all and (max-width: 1400px) {
    .ptb25 {padding: 18px 0  0!important;}
}

@media all and (max-width: 1024px) {
    .faqList-wrap { margin-top: 80px; }
    .faqList-wrap .board-box-list-wrap li { font-size: 20px; }
    .faqList-wrap .board-box-list-wrap li .a-box .alt { font-size: 18px; }
    .faqList-wrap .board-box-list-wrap li .q-box { min-height: unset; padding: 40px; }
    .faqList-wrap .board-box-list-wrap li .a-box { padding: 40px 30px; }
}

@media all and (max-width: 700px) {
    .faqList-wrap { margin-top: 60px; }
    .faqList-wrap .board-box-list-wrap li { font-size: 18px; }
    .faqList-wrap .board-box-list-wrap li .a-box .alt { font-size: 16px; }
    .faqList-wrap .board-box-list-wrap li .q-box { min-height: unset; padding: 30px 20px;}
    .faqList-wrap .board-box-list-wrap li .a-box { padding: 30px 20px; }
    .faqList-wrap .board-box-list-wrap li .tit { min-width: 30px; }
}
/* END faqList */

/* about */
.subMenuBox { display: flex; justify-content: center; border-bottom: 1px solid #9ddded; }
.subMenuBox li a { display: block; padding: 0 50px; position: relative; font-size: 24px; font-weight: 500; letter-spacing: 0; color: #002856; }
.subMenuBox li + li a::after { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 20px; background-color: #9ddded; }
.subMenuBox li a span { display: flex; align-items: center; height: 100px; position: relative; }
.subMenuBox li.active a span::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background-color:  #002856; }
.sub-tit01 { font-size: 50px; font-family: 'HancomMalangMalang'; letter-spacing: 0; color: #002856; text-align: center; font-weight: 700; word-break: keep-all;}
.aboutWrapper .sub-tit01, .researchWrapper .sub-tit01 { margin-bottom: 120px ; }
.aboutWrapper .about-box + .about-box { margin-top: 30px; }
.sub-txt-box01 { text-align: center; }
.sub-label01 { font-family: 'HancomMalangMalang'; font-size: 24px; font-weight: 700; letter-spacing: 0; color: #a7edff; }
.sub-tit02 { line-height: 1.5em; font-size: 50px; letter-spacing: 0; color: #fff; font-family: 'HancomMalangMalang'; }
.aboutWrapper .sub-txt-box01 { width: 100%; }
.sub-txt-box01 .sub-label01 { margin-bottom: 50px; }
.aboutWrapper .about-box { position: relative; }
.aboutWrapper .about-box.type01 .sub-txt-box01 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.aboutWrapper .about-box .about-arw { position: absolute; left: 50%; bottom: 7%; transform: translate(-50%, -50%); }
.sub-alt01 { line-height: 1.75em; color: #fff; font-size: 24px; font-weight: 500; letter-spacing: 0; word-break: keep-all;}
.sub-alt01 p + p { margin-top: 60px; }
.aboutWrapper .about-box .sub-inner { position: absolute; width: 100%; left: 50%; top: 18%; transform: translateX(-50%); }
.aboutWrapper .about-box .bg {position: relative;}
.aboutWrapper .about-box.type02 .bg::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(to right, #5951a3 0 10%, #09aad200 50%); }
.aboutWrapper .about-box.type03 { text-align: right; }
.aboutWrapper .about-box.type03 .bg::after { content: ''; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(to left, #52bad5 0 10%, #09aad200 50%); }
.aboutWrapper .about-box.type04 .sub-alt01 { position: absolute; width: 100%; left: 50%; top: 25%; transform: translate(-50%, -50%); text-align: center; }
.aboutWrapper .about-box.type04 .about-logo { position: absolute; bottom: 33%; left: 50%; transform: translate(-50%, -50%); }
.aboutWrapper .backgroundWrapper .type04 {margin-top: 30px;}
.sub-tit03 { font-size: 36px; font-family: 'HancomMalangMalang'; letter-spacing: 0; color: #09aad2;  font-weight: 700; position: absolute; top: 1%; width: 100%; font-weight: 700;}
.txt-center-box { text-align: center; position: relative;}
.mission-flex-box { display: flex; flex-wrap: wrap; gap: 30px; margin-top: 60px; }
.mission-flex-box li { width: calc(33.3333% - 20px); border: 1px solid #9ddded; padding: 80px 10px; text-align: center; position: relative; }
.mission-flex-box li .alt { margin-top: 50px; font-size: 28px; font-weight: 400; letter-spacing: -0.05em; line-height: 1.714em; color: #002856; position: relative; word-break: keep-all;}
.mission-flex-box li::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(to top, #b7b2df 0 5%, #09aad200 30%); z-index: -1; }
.mission-flex-box li:nth-child(2):after { background: linear-gradient(to top, #93d7c6 0 5%, #09aad200 30%); }
.mission-flex-box li:nth-child(3):after { background: linear-gradient(to top, #cfb3e0 0 5%, #09aad200 30%); }
.hst-values-box { max-width: 880px; margin: 0 auto; width: 100%; }
.hst-values-box .box { display: flex; gap: 45px; padding: 50px 20px 30px 40px; position: relative; min-height: 180px; background-color: #fafafa; text-align: left; }
.hst-values-box .box + .box { margin-top: 30px; }
.hst-values-box .box::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(to right, #584cb5 0 5%, #09aad200 30%); }
.hst-values-box .box:nth-child(2):after { background: linear-gradient(to right, #8f4cb5 0 5%, #09aad200 30%); }
.hst-values-box .box:nth-child(3):after { background: linear-gradient(to right, #0ca47f 0 5%, #09aad200 30%); }
.hst-values-box .box .alt-box, .hst-values-box .box .num, .hst-values-box .box .bar { position: relative; z-index: 1; }
.hst-values-box .box .num { font-family: 'HancomMalangMalang'; line-height: 1; font-size: 36px; letter-spacing: 0; font-weight: 700; color: #fff; }
.hst-values-box .box .bar { width: 40px; height: 1px; background-color: #fff; margin-top: 16px; }
.hst-values-box .box .tit { font-size: 28px; font-weight: 700; color: #002856; }
.hst-values-box .box .alt { margin-top: 20px; font-size: 24px; font-weight: 400; letter-spacing: 0; color: #002856; word-break: keep-all; line-height: 1.5em; }
.fw700 {font-weight: 700;}

@media all and (max-width: 1840px) {
    .aboutWrapper .backgroundWrapper .inner { width: 100%; }
}

@media all and (max-width: 1439px) {
    .subMenuBox li a { padding: 0 35px; font-size: 20px; }
    .subMenuBox li a span { height: 80px; }
    .subMenuBox li.active a span::after { height: 3px; }
    .sub-tit01 { font-size: 40px; }
    .aboutWrapper .sub-tit01, .researchWrapper .sub-tit01 { margin-bottom: 100px; }
    .sub-label01 { font-size: 20px; }
    .sub-txt-box01 .sub-label01 { margin-bottom: 40px; }
    .sub-tit02 { font-size: 40px; }
    .aboutWrapper .about-box .about-arw img { height: 30px; }
    .sub-alt01 { font-size: 20px; }
    .aboutWrapper .about-box .sub-inner { padding: 0 40px; }
    .sub-alt01 p + p { margin-top: 50px; }
    .aboutWrapper .about-box.type04 .about-logo img { height: 70px; }
    .mission-flex-box { justify-content: center; }
    .mission-flex-box li { width: 100%; padding: 60px 10px; }
    .mission-flex-box li .alt { margin-top: 40px; font-size: 24px; }
    .mission-flex-box li .alt .tb-only {display: none;}
    .mission-flex-box li img { height: 80px; }
}

@media all and (max-width: 900px) {
    .mission-flex-box li { width: 100%; padding: 40px 10px; }
    .mission-flex-box li .alt { margin-top: 30px; font-size: 20px; }
    .mission-flex-box li img { height: 70px; }
    .sub-tit03 {font-size: 28px; top: -3%;}
}

@media all and (max-width: 750px) {
    .sub-tit01 { font-size: 38px; }
    .pc-only {display: none;}
    .mb-only {display: block;}
    .mission-flex-box li .alt .tb-only {display: block;}
    .characterWrapper .mt30 { margin-top: 80px !important; }
    .characterWrapper .mb-only {margin: 0 auto;}
    .aboutWrapper .about-box .bg img {margin: 0 auto;}
    .aboutWrapper .about-box .bg::after {display: none;}
    .aboutWrapper .subVisual .bg { background-position: center center; }
    .aboutWrapper .subVisual.active .bg { background-position: center center; }
    .aboutWrapper .backgroundWrapper > .inner, .aboutWrapper .about-box .inner  { padding: 0 20px; }
    .aboutWrapper .backgroundWrapper .type04 {margin-top: 20px;}
    .aboutWrapper .about-box.type03 {text-align: left;}
    .hst-values-box .box { gap: 30px; padding: 30px 20px 30px 30px; min-height: unset; }
    .hst-values-box .box .bar { margin-top: 10px; width: 30px; }
    .hst-values-box .box .num {font-size: 24px;}
    .hst-values-box .box .tit {font-size: 18px;}
    .hst-values-box .box .alt {font-size: 16px; margin-top: 15px;}
    .subMenuBox { flex-direction: column; position: absolute;top: 55px; left: 0;  width: 100%; z-index: 10; background-color: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);  padding: 0 20px;}
    .mSubMenuBox {padding: 0 20px; position: relative; height: 55px; width: 100%; font-size: 20px; display: flex; align-items: center; cursor: pointer;    font-weight: 500; letter-spacing: 0; color: #002856;    border-bottom: 1px solid #9ddded;}
    .subMenuBox-inner { position: relative; padding: unset;}
    .mSubMenuBox::after { content: ''; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 15px; height: 7px; background: url(../images/m-arw-bk.png) no-repeat center / cover; transition: all 0.3s ease-in-out;  }
   
    .subMenuBox li a { padding: unset; }
    .subMenuBox li a span { height: unset; padding: 15px 0; }
    .subMenuBox li.active a span { text-decoration: underline; text-underline-position: under; }
    .subMenuBox li a span::after { display: none; }
    .subMenuBox li + li a::after { display: none; }
    .aboutWrapper .sub-tit01, .researchWrapper .sub-tit01 { margin-bottom: 60px; }
    .sub-txt-box01 .sub-label01 { margin-bottom: clamp(20px, 8.6vw, 60px); font-size: clamp(12px, 4.3vw, 30px); }
    .sub-tit02 { font-size: clamp(20px, 8.6vw, 60px); }
    .aboutWrapper .about-box .about-arw { bottom: 4%; }
    .aboutWrapper .about-box .about-arw img { display: none; }
    .aboutWrapper .about-box .sub-inner { padding: 0 clamp(12px, 8.3vw, 80px); top: 10%; }
    .aboutWrapper .about-box.type04 .sub-alt01 {padding: 0 clamp(12px, 8.3vw, 80px);}
    .sub-alt01 {font-size: clamp(12px, 4.3vw, 30px);}
    .sub-alt01 p + p { margin-top: 20px; }
    .aboutWrapper .about-box.type04 .about-logo img { height: clamp(40px, 8.5vw, 60px); display: none;}
    .aboutWrapper .about-box + .about-box { margin-top: 20px; }
    .mission-flex-box li .alt {font-size: 18px;}
    .sub-tit03 {font-size: 24px;}
}

@media all and (max-width: 444px) {
    .hst-values-box .box { gap: 15px; }
    .hst-values-box .box::after { background: linear-gradient(to right, #584cb5 0 5%, #09aad200 40%); }
    .hst-values-box .box:nth-child(2):after { background: linear-gradient(to right, #8f4cb5 0 5%, #09aad200 40%); }
    .hst-values-box .box:nth-child(3):after { background: linear-gradient(to right, #0ca47f 0 5%, #09aad200 40%); }
    .hst-values-box .box .num {font-size: 20px;}
    .hst-values-box .box .tit {font-size: 16px;}
    .hst-values-box .box .alt {font-size: 14px;}
}
/* END about */

/* regular */
.regularWrapper .sub-tit01 { margin-bottom: 100px; }
.regularWrapper .regular-box { position: relative; text-align: center; }
.regularWrapper .regular-box.custom010 .flex-box {margin-top: 150px;}
.regularWrapper .regular-box::after { content: ''; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; background: linear-gradient(to top, #09aad2 0 30%, #09aad200 50%); z-index: -1; }
.regularWrapper .regular-box.type02::after { content: ''; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; background: linear-gradient(to top, #09aad2 0 34%, #09aad200 50%); z-index: -1; }
.regularWrapper .regular-box .img { position: relative; z-index: -2; }
.regularWrapper .regular-box .flex-box { border-top: 1px solid #53c4e0; position: relative; }
.regularWrapper .regular-box .flex-box.type02 {
    flex-direction: column;
}
.regularWrapper .regular-box.custom001 .flex-box {    
    margin-top: 100px;
}
.regularWrapper .regular-box.custom010::after {    
    background: linear-gradient(to top, #09aad2 0 35%, #09aad200 60%);    
}
.regularWrapper .regular-box.custom011 {
    background: linear-gradient(to top, #09aad2 0 55%, #09aad200 70%);    
}
.regularWrapper .regular-box.custom012 .flex-box {
    margin-top: 355px;
}
.regularWrapper .regular-box.custom012::after {
    background: linear-gradient(to top, #09aad2 0 48%, #09aad200 60%);
}    
.regularWrapper .regular-box .flex-box .sub-alt01 { position: absolute; left: 50%; transform: translateX(-50%); bottom: calc(100% + 40px); width: 100%; z-index: 1; }
.regularWrapper .regular-box .flex-box .box { flex: 1; padding: 60px 0; color: #fff; }
.regularWrapper .regular-box .flex-box .box + .box { border-left: 1px solid #53c4e0; }
.regularWrapper .regular-box .flex-box .box .alt { margin: 30px auto 15px; font-size: 32px; font-weight: 700; word-break: keep-all;}
.regularWrapper .regular-box .flex-box .box .sub-alt { font-size: 24px; font-weight: 400; }
.regularWrapper .regular-box .flex-box .sub-alt02 {
    margin-top: 30px;
    line-height: 1.75em;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0;
    word-break: keep-all;
}
.sub-label-box001 {
    margin-top: 40px;
}
.sub-label-box001 .sub-box {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
}
.sub-label-box001 .sub-box + .sub-box {
    margin-top: 8px;
}
.sub-label-box001 .sub-box span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    padding: 14px 20px;
    border: 1px solid #fff;
    color: #fff;
    letter-spacing: 0;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    border-radius: 25px;
}
.sub-table001 {
    max-width: 480px;
    margin: 0 auto;
    padding-top: 50px;
}
.sub-table001 table {
    width: 100%;
    table-layout: fixed;
    border: 1px solid #fff;
    text-align: center;
    border-collapse: collapse;
    color: #fff;
}
.sub-table001 table th,
.sub-table001 table td {
    border: 1px solid #fff;
    line-height: 1;
    font-size: 24px;
    padding: 17.5px 0;
}
.sub-table001 table th {
    background-color: rgba(255, 255, 255, 0.2);
    font-weight: 700;
}
.sub-table001 table td {
    font-weight: 400;
}

@media all and (max-width: 1439px) {
    .regularWrapper .regular-box .flex-box .box { padding: 50px 0; }
    .regularWrapper .regular-box .flex-box .sub-alt02 {font-size: 20px;}
    .regularWrapper .regular-box .flex-box .box .icon img { height: 70px; }
    .regularWrapper .regular-box .flex-box .box .alt { margin: 30px auto 15px; font-size: 28px; }
    .regularWrapper .regular-box .flex-box .box .sub-alt { font-size: 20px; }
    .regularWrapper .sub-tit01 { margin-bottom: 80px; }
    .regularWrapper .regular-box.custom010::after {    
        background: linear-gradient(to top, #09aad2 0 45%, #09aad200 60%);    
    }
    .regularWrapper .regular-box.custom011 {
        background: linear-gradient(to top, #09aad2 0 60%, #09aad200 70%);    
    }
    
    .regularWrapper .regular-box.custom012::after {
        background: linear-gradient(to top, #09aad2 0 52%, #09aad200 63%);
    }   
}

@media all and (max-width: 1024px) {
    .regularWrapper .regular-box .flex-box { margin-top: 80px; }
    .regularWrapper .regular-box::after { background: linear-gradient(to top, #09aad2 0 40%, #09aad200 90%); }
    .regularWrapper .regular-box.type02::after { background: linear-gradient(to top, #09aad2 0 40%, #09aad200 90%); }
    .regularWrapper .regular-box .flex-box .sub-alt01 {bottom: calc(100% + 20px); padding: 0 15px;}
    .regularWrapper .regular-box .flex-box .box { padding: 40px 0; }
    .regularWrapper .regular-box .flex-box .box .icon img { height: 60px; }
    .regularWrapper .regular-box .flex-box .box .alt { margin: 20px auto 10px; font-size: 24px; }
    .regularWrapper .regular-box .flex-box .box .sub-alt { font-size: 18px; }
    .regularWrapper .regular-box.custom001 .flex-box {
        margin-top: 120px;
    }
    .regularWrapper .regular-box.custom011 .flex-box {margin-top: unset;}
    .regularWrapper .regular-box.custom011 .flex-box:nth-child(2) {
        margin-top: 120px;
    }
    .regularWrapper .regular-box.custom011 {
        background: linear-gradient(to top, #09aad2 0 65%, #09aad200 75%);    
    }
    .regularWrapper .regular-box.custom012::after {
        background: linear-gradient(to top, #09aad2 0 54%, #09aad200 63%);
    }   
    .sub-table001 table th, .sub-table001 table td {        
        font-size: 16px;
        padding: 12.5px 0;
    }
}

@media all and (max-width: 750px) {
    .regularWrapper .regular-box .flex-box .sub-alt02,.regularWrapper .regular-box .flex-box .sub-alt01 {font-size: clamp(12px, 3.6vw, 26px);}
    .regularWrapper .sub-inner { width: 100%; padding: 0 20px; }
    .regularWrapper .sub-tit01 { margin-bottom: 60px; }
    .regularWrapper .regular-box::after { background: linear-gradient(to top, #09aad2 0 65%, #09aad200 90%); }
    .regularWrapper .regular-box.type02::after { background: linear-gradient(to top, #09aad2 0 44%, #09aad200 90%); }
    .regularWrapper .regular-box .flex-box { flex-wrap: wrap; }
    .regularWrapper .regular-box .flex-box .box { padding: 30px 6vw; width: 100%; flex: unset; display: flex; gap: 40px; align-items: center;text-align: left;}
    .regularWrapper .regular-box .flex-box .box .icon img { height: 50px; min-width: 50px;}
    .regularWrapper .regular-box .flex-box .box .alt { margin: 0 auto 10px; font-size: 20px; }
    .regularWrapper .regular-box .flex-box .box .sub-alt { font-size: 14px; }
    .regularWrapper .regular-box .flex-box .box + .box { border-left: unset; border-top: 1px solid #53c4e0; }
    .regularWrapper .regular-box.custom001 .flex-box {
        margin-top: 420px;
    }
    .regularWrapper .regular-box.custom002 .flex-box {
        margin-top: 300px;
    }
    .regularWrapper .regular-box.custom002::after {
        background: linear-gradient(to top, #09aad2 0 54%, #09aad200 90%);
    }
    .sub-label-box001 .sub-box span {        
        padding: 10px 15px;        
        font-size: 16px;
    }
    .regularWrapper .regular-box.custom010 .flex-box {
        margin-top: 350px;
    }
    .regularWrapper .regular-box.custom010::after {
        background: linear-gradient(to top, #09aad2 0 65%, #09aad200 75%);
    }
     .regularWrapper .regular-box.custom011 .flex-box:nth-child(2) {
        margin-top: 200px;
    }
    .regularWrapper .regular-box.custom011 {
        background: linear-gradient(to top, #09aad2 0 77%, #09aad200 90%);    
    }
    .regularWrapper .regular-box.custom011 .flex-box:nth-child(3) .box {
        flex-wrap: wrap;
    }
    .regularWrapper .regular-box.custom011 .flex-box:nth-child(3) .box .alt-box {
        width: calc(100% - 75px);
    }
    .regularWrapper .regular-box.custom011 .flex-box:nth-child(3) .box .sub-alt02 {
        margin-top: unset;
    }
    .regularWrapper .regular-box.custom012 .flex-box {
        margin-top: 500px;
    }
    .regularWrapper .regular-box.custom012::after {
        background: linear-gradient(to top, #09aad2 0 64%, #09aad200 77%);
    }  
}

@media all and (max-width: 550px) {    
    .regularWrapper .regular-box::after { background: linear-gradient(to top, #09aad2 0 71%, #09aad200 80%); }
    .regularWrapper .regular-box.type02::after { background: linear-gradient(to top, #09aad2 0 57%, #09aad200 80%); }
    .regularWrapper .regular-box.custom001::after { background: linear-gradient(to top, #09aad2 0 70%, #09aad200 80%); }
    .regularWrapper .regular-box.type03::after { background: linear-gradient(to top, #09aad2 0 60%, #09aad200 80%); }
    .regularWrapper .regular-box .flex-box {margin-top: 120px;}
    .regularWrapper .regular-box .flex-box .box {gap: 25px;}
    .regularWrapper .regular-box.custom001 .flex-box {
        margin-top: 255px;
    }
    .regularWrapper .regular-box.custom002 .flex-box {
        margin-top: 230px;
    }
    .regularWrapper .regular-box.custom002::after {
        background: linear-gradient(to top, #09aad2 0 63%, #09aad200 90%);
    }
    .regularWrapper .regular-box.custom010::after {
        background: linear-gradient(to top, #09aad2 0 80%, #09aad200 90%);
    }
    .regularWrapper .regular-box.custom011 .flex-box:nth-child(2) {
        margin-top: 145px;
    }
    .regularWrapper .regular-box.custom011 {
        background: linear-gradient(to top, #09aad2 0 81%, #09aad200 90%);    
    }
    .regularWrapper .regular-box.custom011 .flex-box:nth-child(3) .box .sub-alt02 br {display: none;}
    .regularWrapper .regular-box.custom012 .flex-box {
        margin-top: 400px;
    }
    .regularWrapper .regular-box.custom012::after {
        background: linear-gradient(to top, #09aad2 0 75%, #09aad200 88%);
    }  
}
/* END regular */

/* nospam */
.util-tit { font-size: 28px; color: #002856; font-weight: 700; line-height: 1.5em; word-break: keep-all; }
.util-txt-box .login-alt { margin-top: 30px; }
.register-etc-box  .util-alt-box { height: unset; }
.util-alt {word-break: keep-all;}
.util-alt + .util-alt { margin-top: 30px; }
.util-alt dt { font-weight: 600; }
.util-alt dd { position: relative; padding-left: 12px; }
.util-alt dd::after { content: '▪'; position: absolute; left: 0; top: 0; }

@media all and (max-width: 1024px) {
    .util-tit { font-size: 22px; }
}

@media all and (max-width: 700px) {
    .util-tit { font-size: 20px; }
}
/* END nospam */

/* history */
.history-flex-box { display: flex; align-items: flex-start; }
.history-flex-box > div { width: 50%; }
.history-flex-box .l-box { position: sticky; top: 200px; padding-left: 140px; margin-top: 200px; }
.sub-label05 { font-size: 24px; font-weight: 600; color: #002856; }
.sub-tit05 { font-family:'HancomMalangMalang'; font-size: 72px; font-weight: 700; color: #09aad2; line-height: 1.38em; margin-top: 30px; }
.history-flex-box .history-box li { display: flex; gap: 80px; padding: 80px 0; border-bottom: 1px solid #09aad2; }
.history-flex-box .history-box .tit { font-size: 40px; line-height: 1; font-family:'HancomMalangMalang'; font-weight: 700; color: #09aad2; }
.history-flex-box .history-box .alt { font-size: 24px; font-weight: 400; color: #002856; line-height: 1.6em; word-break: keep-all; }
.history-flex-box .history-box .alt p + p { margin-top: 30px; }

@media all and (max-width: 1720px) {
    .history-flex-box .l-box { padding-left: 3vw; margin-top: 10%; }
}

@media all and (max-width: 1440px) {
    .history-flex-box .l-box { padding-left: unset; }
    .sub-label05 { font-size: 20px; }
    .sub-tit05 {font-size: 56px;}
    .history-flex-box .history-box li { gap: 40px; padding: 60px 0; }
    .history-flex-box .history-box .tit { font-size: 35px; }
    .history-flex-box .history-box .alt { font-size: 18px; }
}

@media all and (max-width: 1024px) {
    .history-flex-box { flex-direction: column; }
    .history-flex-box > div { width: 100%; }
    .history-flex-box .l-box { position: relative; top: unset; margin-top: unset; }
}
@media all and (max-width: 700px) {
    .sub-tit05 { font-size: 40px; }
    .sub-label05 { font-size: 16px; }
    .history-flex-box .history-box li { flex-direction: column; gap: 30px; }
    .history-flex-box .history-box .alt { font-size: 16px; }
    .history-flex-box .history-box li { padding: 50px 0; }
}
/* END history */

/* silence */
.silenceWrap .regular-box > .img { position: relative; padding-bottom: calc(880 / 1440 * 100%); }
.silenceWrap .regular-box > .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: all 0.6s ease-in-out; }
.silenceWrap .regular-box > .img img.active { opacity: 1; }
/* END silence */

/* tradition */
.tradition-box { position: relative; height: 100vh; padding-top: 140px; padding-bottom: 120px; }
.tradition-box .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; }
.tradition-box .bg img { width: 100%; height: 100%; object-fit: cover; }
.tradition-slide-box {display: flex;}
.tradition-slide-box > div { width: 50%; }
.tradition-slide-box .sub-label05, .tradition-slide-box .sub-tit05, .tradition-slide-box .l-box button { color: #fff; }
.tradition-slide-box .l-box { flex-shrink: 0; }
.tradition-slide-box .r-box { position: relative; flex: 1; min-height: 100vh; }
.tradition-slide-box .r-box .alt-box { display: flex; margin-top: 50px; }
.tradition-slide-box .r-box .alt-box .tit p { font-size: 36px; font-weight: 700; color: #fff; font-family:'HancomMalangMalang'; margin-bottom: 20px; }
.tradition-slide-box .r-box .alt-box .tit span { font-size: 16px; font-weight: 400; color: #fff; }
.tradition-slide-box .r-box .alt-box .alt { font-size: 24px; font-weight: 400; line-height: 1.6em; position: relative; padding-left: 40px; margin-left: 40px; color: #fff; }
.tradition-slide-box .r-box .img_cont { height: 100%; position: relative; overflow: hidden; }
.tradition-slide-box .r-box .cont_box { perspective: 1000px; }
.tradition-slide-box .r-box .cont { transform-origin: top; }
.tradition-slide-box .r-box .alt-box .alt::after { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 1px; background-color: rgba(255, 255, 255, 0.4); }
.tradition-box .slide-tab-box { display: flex; flex-direction: column; margin-top: 60px; }
.tradition-box .slide-tab-box button { display: inline-block; padding: 20px 0; width: fit-content; font-size: 24px; font-weight: 500; }
.tradition-box .slide-tab-box button span { position: relative; }
.tradition-box .slide-tab-box button span::after { content: ''; position: absolute; left: 0; top: calc(100% + 3px); width: 0; height: 2px; background-color: #fff; transition: all 0.3s ease-in-out; }
.tradition-box .slide-tab-box button.active span::after { width: 100%; }
.sub-con-box { margin-top: 160px; }
.sub-con-label01 { font-size: 24px; font-weight: 600; color: #002856; word-break: keep-all; }
.sub-con-tit01 { font-family:'HancomMalangMalang'; font-size: 60px; font-weight: 700; color: #09aad2; line-height: 1.4em; word-break: keep-all; }
.sub-con-tit-box .sub-con-tit01 { margin-top: 25px; }
.imgMt80 {margin-top: 80px;}
.tradition-box02 { padding-top: 70px; background-color: #e8f6fb; display: flex; word-break: keep-all; }
.tradition-box02 > div { width: 50%; }
.tradition-box02 .alt-box .tit { font-family:'HancomMalangMalang'; font-weight: 700; line-height: 1.5em; font-size: 36px; color: #002856; }
.tradition-box02 .alt { line-height: 1.75em; font-size: 24px; font-weight: 400; color: #002856; margin-top: 40px; }
.tradition-box02 .alt-box { padding-bottom: 70px; display: flex; flex-direction: column; justify-content: center; word-break: keep-all; padding-right: 9.2rem; }
.tradition-table-box .tradition-header { background: linear-gradient(90deg, #5951a2 0%, #52bbd6 100%); color: #fff; padding: 25px; text-align: center; font-size: 32px; font-weight: 700; }
.tradition-table-box .tradition-row-group { display: flex; border-bottom: 1px solid #9ddded; }
.tradition-table-box .tradition-side { width: 24%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; border-right: 1px solid #9ddded; padding: 20px 10px; }
.tradition-table-box .tradition-center { flex: 1; display: flex; flex-direction: column; border-right: 1px solid #9ddded; }
.tradition-table-box .tradition-row { display: flex; flex: 1; border-bottom: 1px solid #9ddded; }
.tradition-table-box .tradition-center>.tradition-row:last-child { border-bottom: none; }
.tradition-table-box .tradition-cell { flex: 1; display: flex; align-items: center; justify-content: center; font-size: 32px; color: #040707; border-right: 1px solid #9ddded; font-weight: 400; }
.tradition-table-box .font .tradition-cell { font-family:'HancomMalangMalang'; font-weight: 700; color: #3852a4; }
.tradition-table-box .tradition-cell:last-child { border-right: none; }
.tradition-table-box .tradition-cell.highlight { color: #93361e; }
.tradition-table-box .tradition-right { width: 27%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; padding: 0 10px; }
.ttb-btm-txt { font-size: 28px; font-weight: 400; color: #002856; text-align: right; margin-top: 30px; }

@media all and (max-width: 1500px) {
    .tradition-box02 .alt-box { padding-right: 7rem; }
}

@media all and (max-width: 1440px) {
    .tradition-box .slide-tab-box button { font-size: 20px; }
    .tradition-slide-box .r-box .alt-box .tit p { font-size: 30px; margin-bottom: 15px; }
    .tradition-slide-box .r-box .alt-box .tit span { font-size: 14px; }
    .tradition-slide-box .r-box .alt-box .alt { font-size: 20px; padding-left: 30px; margin-left: 30px; }
    .tradition-table-box .tradition-header { padding: 20px; text-align: center; font-size: 28px; }
    .tradition-table-box .tradition-cell { font-size: 28px; }
    .ttb-btm-txt { font-size: 24px; }
    .tradition-box02 .alt-box .tit { font-size: 30px; }
    .tradition-box02 .alt { font-size: 20px; }
    .tradition-slide-box .l-box { padding-left: 40px; }
}

@media all and (max-width: 1200px) {
    .tradition-box02 .img { width: 40%; }
    .tradition-box02 .alt-box { width: 60%; padding: 0 40px 60px; }
}

@media all and (max-width: 1024px) {
    .tradition-table-box .tradition-row-group { flex-direction: column; }
    .tradition-table-box .tradition-side, .tradition-table-box .tradition-right { width: 100%; border-left: 1px solid #9ddded; border-right: 1px solid #9ddded; }
    .tradition-table-box .tradition-side { border-bottom: 1px solid #9ddded; }
    .tradition-table-box .tradition-right { border-top: 1px solid #9ddded; }
    .tradition-table-box .tradition-row { border-left: 1px solid #9ddded; }
    .tradition-table-box .tradition-cell, .tradition-table-box .tradition-side, .tradition-table-box .tradition-right { padding: 20px; }
    .tradition-box02 { flex-direction: column-reverse; overflow: hidden; }
    .tradition-box02 .img, .tradition-box02 .alt-box { width: 100%; }
    .tradition-box02 .alt-box { padding: 0 40px 60px; text-align: center; }
    .tradition-box02 .img {transform: translateX(-3vw);}
}

@media all and (max-width: 999px) {
    .tradition-box { height: auto; }
    .tradition-inner { width: 100%; }
    .tradition-slide-box { flex-direction: column; }
    .tradition-slide-box > div { width: 100%; }
    .tradition-slide-box .r-box { min-height: auto; }
    .tradition-box .slide-tab-box { flex-direction: row; justify-content: flex-start; margin-top: unset; margin: 40px 0; }
    .tradition-box .slide-tab-box button { padding: 20px; }
    .tradition-box .slide-tab-box button:nth-child(1) { padding-left: unset; }
    .tradition-slide-box .r-box .img_cont {height: auto;}
    .tradition-slide-box .r-box .alt-box { margin-top: 30px; flex-direction: column; }
    .tradition-slide-box .r-box .alt-box .tit { display: flex; align-items: center; gap: 10px; }
    .tradition-slide-box .r-box .alt-box .tit p { font-size: 24px; margin-bottom: unset; }
    .tradition-slide-box .r-box .alt-box .alt { padding-left: unset; margin-top: 20px; margin-left: unset; padding-top: 18px; font-size: 16px; }
    .tradition-slide-box .r-box .alt-box .alt::after { height: 1px; width: 100%; }
    .tradition-box { padding: 80px 0; }
    .tradition-slide-box .l-box { padding-left: unset; }
}

@media all and (max-width: 700px) {
    .tradition-table-box .tradition-cell, .tradition-table-box .tradition-header { font-size: 18px; }
    .ttb-btm-txt { font-size: 16px; }
    .tradition-box02 .alt-box { padding: 0 20px 60px; }
    .tradition-box02 .alt-box .tit { font-size: 26px; }
    .tradition-box02 .alt { font-size: 18px; }
    .tradition-box02 .img { transform: translateX(-18vw); }
}

@media all and (max-width: 600px) {
    .tradition-box .slide-tab-box { margin: 30px 0; }
    .tradition-box .slide-tab-box button { font-size: 18px; padding: 15px 10px; }
}
/* END tradition */

/* modern_ai */
.modern_ai_slide-box { overflow: hidden; background-color: #e8f6fb; padding: 150px 0; }
.modern_ai_slide-box .swiper { overflow: visible; }
.modern_ai_slide-box .item { position: relative; }
.modern_ai_slide-box .item .img { z-index: -1; position: relative; }
.modern_ai_slide-box .item .img img { width: 100%; height: 100%; object-fit: cover; }
.modern_ai_slide-box .item::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(to top,#08a37d 0 10%,#09aad200 65%); }
.modern_ai_slide-box .item.type02::after { background: linear-gradient(to top,#11add3 0 10%,#09aad200 65%); }
.modern_ai_slide-box .item.type03::after { background: linear-gradient(to top,#8d49b4 0 10%,#09aad200 65%); }
.modern_ai_slide-box .item.type04::after { background: linear-gradient(to top,#5549b4 0 10%,#09aad200 65%); }
.modern_ai_slide-box .item .alt-box { position: absolute; bottom: 5%; left: 5%; right: 5%; word-break: keep-all; color: #fff; z-index: 2; }
.modern_ai_slide-box .item .alt-box .tit { font-family:'HancomMalangMalang'; font-size: 40px; font-weight: 700; color: #fff; }
.modern_ai_slide-box .item .alt-box .alt { font-size: 22px; font-weight: 400; margin-top: 30px; line-height: 1.63em; }
.modern_ai_slide-box .item .alt-box .alt p { position: relative; padding-left: 15px; }
.modern_ai_slide-box .item .alt-box .alt p::after { content: '-'; position: absolute; left: 0; top: 0; }
.modern_ai_img_box { position: relative; padding: 160px 100px; }
.modern_ai_img_box::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(to right,#09aad2 0 40%,#09aad200 60%); }
.modern_ai_img_box.type02::after { background: linear-gradient(to right,#5549b4 0 40%,#09aad200 60%); }
.modern_ai_img_box .img { position: absolute; right: 0; top: 0; height: 100%; }
.modern_ai_img_box .img img { height: 100%; }
.modern_ai_img_box .alt-box { position: relative; color: #fff; z-index: 1; max-width: 55%; }
.modern_ai_img_box .alt-sub-box { margin-top: 30px; }
.modern_ai_img_box .alt-box .tit { font-size: 40px; font-weight: 700; font-family:'HancomMalangMalang'; }
.modern_ai_img_box .alt-box .alt { padding: 25px 0; display: flex; gap: 20px; line-height: 1.5em; word-break: keep-all; font-size: 22px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
.modern_ai_img_box .alt-box .alt-tit { display: flex; justify-content: space-between; min-width: 95px; font-weight: 700; }
.modern_ai_img_box .alt-box .alt-txt { font-weight: 400; }

@media all and (max-width: 1440px) {
    .modern_ai_slide-box { padding: 100px 0; }
    .modern_ai_img_box { padding: 160px 60px; }
    .modern_ai_img_box .alt-box .tit { font-size: 36px; }
    .modern_ai_img_box .alt-box .alt { padding: 20px 0; gap: 15px; font-size: 20px; }
}

@media all and (max-width: 1024px) {
    .modern_ai_slide-box .item .alt-box .tit { font-size: 35px; }
    .modern_ai_slide-box .item .alt-box .alt { font-size: 18px; margin-top: 20px; }
    .sub-con-box { margin-top: 100px; }
}

@media all and (max-width: 960px) {
    .modern_ai_img_box { padding: unset; display: flex; flex-direction: column-reverse; }
    .modern_ai_img_box::after { background: linear-gradient(to bottom, #09aad2 0 40%, #09aad200 60%); }
    .modern_ai_img_box.type02::after { background: linear-gradient(to bottom, #5549b4 0 40%, #09aad200 60%); }
    .modern_ai_img_box .img .pc-only { display: none; }
    .modern_ai_img_box .img .mb-only { display: block; }
    .modern_ai_img_box .img { height: unset; position: relative; top: unset; right: unset; }
    .modern_ai_img_box .alt-box { max-width: unset; padding: 0 40px; padding-top: 80px; }
    .modern_ai_img_box .alt-box .alt-tit { min-width: 85px; }
}

@media all and (max-width: 700px) {
    .sub-con-box { margin-top: 80px; }
    .modern_ai_slide-box .item .alt-box .tit { font-size: 25px; }
    .modern_ai_slide-box .item .alt-box .alt { font-size: 14px; margin-top: 15px; }
    .modern_ai_img_box .alt-box { max-width: unset; padding: 0 20px; padding-top: 60px; }
    .modern_ai_img_box .alt-box .tit { font-size: 30px; }
    .modern_ai_img_box .alt-box .alt { font-size: 16px; flex-direction: column; gap: 8px; }
    .modern_ai_img_box .alt-box .alt-tit { justify-content: flex-start; }
    .modern_ai_img_box::after { background: linear-gradient(to bottom, #09aad2 0 40%, #09aad200 70%); }
    .modern_ai_img_box.type02::after { background: linear-gradient(to bottom, #5549b4 0 40%, #09aad200 70%); }
    .modern_ai_img_box .alt-sub-box { margin-top: 20px; }
    .modern_ai_slide-box { padding: 80px 0; }
    .modern_ai_slide-box .swiper .swiper-wrapper { display: block; }
    .modern_ai_slide-box .item + .item { margin-top: 30px; }
    .modern_ai_slide-box .item.type03, .modern_ai_slide-box .item.type04 { padding-bottom: 40px; }
    .modern_ai_slide-box .item.type03::after { background: linear-gradient(to top, #8d49b4 0 10%, #09aad200 65%); }
    .modern_ai_slide-box .item.type04::after { background: linear-gradient(to top, #5549b4 0 10%, #09aad200 65%); }
   
}

@media all and (max-width: 500px) {
    .modern_ai_img_box::after { background: linear-gradient(to bottom, #09aad2 0 75%, #09aad200 90%); }
    .modern_ai_img_box.type02::after { background: linear-gradient(to bottom, #5549b4 0 75%, #09aad200 90%); }
}
/* END modern_ai */

/* science */
.sub-con02 { padding: 160px 0; position: relative; }
.sub-con02.bg01 { background: linear-gradient(to bottom, #e2f3f9, #fff); }
.scienceWrap .sub-con02-alt-box { margin-top: 50px; word-break: keep-all; }
.sub-con02-alt-box p { padding: 50px 0; position: relative; padding-left: 20px; line-height: 1.71428em; font-size: 28px; font-weight: 400; letter-spacing: -0.05em; color: #002856; border-bottom: 1px solid #9ddded; }
.sub-con02-alt-box p span { font-size: 20px; font-weight: 400; letter-spacing: -0.05em; display: block; }
.sub-con02-alt-box p::after { content: ''; position: absolute; width: 6px; height: 6px; top: 70px; border-radius: 50%; left: 0; background-color: #002856; }
.science-board-wrap { display: flex; flex-wrap: wrap; gap: 30px; }
.science-board-wrap .board-box { min-height: unset; }
.science-board-wrap .board-box::after { background: linear-gradient(to bottom, #11add3 0 10%, #09aad200 40%); }
.science-board-wrap .board-box.wait::after { background: linear-gradient(to bottom, #0fa681 0 10%, #09aad200 40%); }
.science-board-wrap .board-box.ing-end::after { background: linear-gradient(to bottom, #5a4fb6 0 10%, #09aad200 40%); }
.science-board-wrap .board-box .tit.font {font-family: 'HancomMalangMalang';}
.science-board-wrap .board-box .alt-box .dot-txt { position: relative; padding-left: 10px; word-break: keep-all; }
.science-board-wrap .board-box .alt-box .dot-txt + .dot-txt { margin-top: 20px; }
.science-board-wrap .board-box .alt-box .dot-txt::after { content: ''; position: absolute; width: 4px; height: 4px; top: 13px; border-radius: 50%; left: 0; background-color: #002856; }
.scienceWrap .boardViewAltBox { padding-right: unset; }
.scienceWrap .boardViewAltBox .tit { margin-bottom: unset; }
.border-txt01 { font-size: 20px; font-weight: 400; color: #002856; }
.border-txt01 p { padding: 30px 0; border-bottom: 1px solid #9ddded; line-height: 1.5em; word-break: keep-all; }

@media all and (max-width: 1440px) {
    .science-board-wrap .board-box .alt-box .dot-txt::after { top: clamp(10px, 0.85vw, 13px); }
}

@media all and (max-width: 1024px) {
    .sub-con02 { padding: 80px 0; }
    .scienceWrap .boardViewAltBox { margin-top: 60px; }
    .sub-con02-alt-box p { padding: 40px 0; padding-left: 15px; font-size: 24px; }
    .sub-con02-alt-box p::after { top: 55px; }
    .science-board-wrap .board-box .alt-box .dot-txt + p { margin-top: 15px; }
    .science-board-wrap .board-box .alt-box .dot-txt::after { top: 9px; }
    .border-txt01 { font-size: 18px; }
    .border-txt01 p { padding: 25px 0; }
    .sub-con-tit01 { font-size: 50px; }
    .imgMt80 { margin-top: 60px; }

}

@media all and (max-width: 700px) {
    .sub-con02 { padding: 60px 0; }
    .sub-con02-alt-box p { padding: 30px 0; padding-left: 15px; font-size: 20px; }
    .sub-con02-alt-box p::after { top: 44px; }
    .sub-con-tit01 { font-size: 38px; }
    .imgMt80 { margin-top: 50px; }
    .sub-con-tit-box .sub-con-tit01 { margin-top: 10px; }
    .sub-con-label01 { font-size: 16px; }
}
/* END science */

/* effect-review */
.effect-review-box .box { border: 1px solid #9ddded; display: flex; padding: 40px 0; position: relative; }
.effect-review-box .box::after { content: ''; position: absolute; left: -1px; top: -1px; width: calc(100% + 2px); height: calc(100% + 2px); background: linear-gradient(to right,#09aad2 0 15%,#09aad200 36%); z-index: 1; }
.effect-review-box .box.type02::after { background: linear-gradient(to right,#08a37d 0 15%,#09aad200 36%); }
.effect-review-box .box.type03::after { background: linear-gradient(to right,#5549b4 0 15%,#09aad200 36%); }
.effect-review-box .box + .box { margin-top: 30px; }
.effect-review-box .box .tit { min-width: 370px; display: flex; align-items: center; padding: 0 40px; font-family:'HancomMalangMalang'; font-size: 40px; font-weight: 700; color: #fff; border-right: 1px solid #fff; position: relative; z-index: 2;}
.effect-review-box .box .alt-box { padding: 0 40px 0 100px; gap: 10px 0; width: calc(100% - 370px); display: flex;  position: relative; z-index: 2;}
.effect-review-box .box .alt-box .alt-sub-box { width: 55%; }
.effect-review-box .box .alt-box .alt-sub-box:nth-child(2) { width: 45%; }
.effect-review-box .box .alt-box .alt { position: relative; font-size: 20px; font-weight: 400; line-height: 1.5em; color: #002856; padding-left: 10px; word-break: keep-all; }
.effect-review-box .box .alt-box .alt + .alt { margin-top: 20px; }
.effect-review-box .box .alt-box .alt::after { content: ''; position: absolute; width: 4px; height: 4px; top: 13px; border-radius: 50%; left: 0; background-color: #002856; }

@media all and (max-width: 1400px) {
    .effect-review-box .box .tit { min-width: 250px; font-size: 36px; }
    .effect-review-box .box .alt-box { padding: 0 40px 0 100px; gap: 10px 0; width: calc(100% - 250px); }
    .effect-review-box .box .alt-box .alt { font-size: 18px; }
    .effect-review-box .box .alt-box .alt::after { top: 11px; }
}

@media all and (max-width: 1024px) {
    .effect-review-box .box { flex-direction: column; padding: 40px; gap: 40px; }
    .effect-review-box .box .tit { width: 100%; padding: unset; border: unset; }
    .effect-review-box .box .alt-box { width: 100%; padding: unset; }
    .effect-review-box .box .alt-box .alt-sub-box, .effect-review-box .box .alt-box .alt-sub-box:nth-child(2) { width: 50%; }
    .effect-review-box .box::after { background: linear-gradient(to bottom, #09aad2 0 10%, #09aad200 33%); }
    .effect-review-box .box.type02::after { background: linear-gradient(to bottom, #08a37d 0 10%, #09aad200 33%); }
    .effect-review-box .box.type03::after { background: linear-gradient(to bottom, #5549b4 0 10%, #09aad200 33%); }
}

@media all and (max-width: 900px) {
    .effect-review-box .box .alt-box { flex-direction: column; }
    .effect-review-box .box .alt-box .alt-sub-box, .effect-review-box .box .alt-box .alt-sub-box:nth-child(2) { width: 100%; }
    .effect-review-box .box .alt-box .alt + .alt { margin-top: 10px; }
    .effect-review-box .box .tit { font-size: 30px; }
}

@media all and (max-width: 700px) {
    .effect-review-box .box { padding: 30px; gap: 30px; }
}
/* END effect-review */

/* research */
.research-img-box02 .img { position: relative; }
.research-img-box02 .img-txt { position: absolute; bottom: 10%; left: 0; width: 100%; text-align: center; font-size: 24px; color: #fff; font-weight: 500; line-height: 1.714em; z-index: 2; word-break: keep-all; }
.research-img-box02 .img .img-txt .tb-only { display: none; }
.research-img-box02+.research-img-box02 { margin-top: 200px; }
.research-img-box02 .img::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(to top, #0caad1 0 8%, #09aad200 36%); z-index: 1; }
.research-img-box02.type02 .img::after { background: linear-gradient(to top, #5a51a2 0 8%, #09aad200 36%); }
.research-img-box02.type04 .img::after { background: linear-gradient(to top, #09a7ce 0 8%, #09aad200 36%); }
.research-img-box02.type03 .img::after { width: 100%; inset: 0; background: linear-gradient(90deg, #5a51a2, #09aad2); -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 4%, rgba(0, 0, 0, 0) 50%); mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 4%, rgba(0, 0, 0, 0) 50%); }
.research-img-box02 .sub-alt01 { color: #002856; font-weight: 400; }
.research-img-box02 .sub-alt01 { margin-top: 100px; }
.research-img-box02 .sub-alt01 .sub-alt01-box +.sub-alt01-box { margin-top: 55px; }

@media all and (max-width: 1440px) {
    .research-img-box02 .img-txt { font-size: 20px; }
}

@media all and (max-width: 1024px) {
    .research-img-box02 .sub-alt01 { margin-top: 80px; }
    .sub-alt01 .sub-alt01-box +.sub-alt01-box { margin-top: 35px; }
    .sub-alt01 .sub-alt01-box br { display: none; }
    .research-img-box02+.research-img-box02 { margin-top: 160px; }
    .research-img-box02 .img-txt .tb-only { display: block; }
    .research-img-box02 .img-txt { position: relative; bottom: unset; left: unset; color: #002856; text-align: left; margin-top: 80px; }
}

@media all and (max-width: 750px) {
    .research-img-box02 .img-txt { font-size: clamp(12px, 4.3vw, 30px); }
    .research-img-box02 .img-txt .tb-only, .research-img-box02 .img-txt br { display: none; }
}

@media all and (max-width: 700px) {    
    .research-img-box02 .img-txt { margin-top: 60px; }
    .research-img-box02+.research-img-box02 { margin-top: 100px; }
    .research-img-box02 .sub-alt01 { margin-top: 60px; }
}
/* END research */

/* introduce */
.research-introduce-bg { position: relative; overflow: hidden; }
.research-introduce-bg .alt-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; }
.research-introduce-bg .alt-box > div { width: 50%; }
.research-introduce-bg .alt-box .bg-txt { font-family:'HancomMalangMalang'; font-size: 60px; font-weight: 700; color: #fff; display: flex; line-height: 1.5em; align-items: center; justify-content: center; }
.research-introduce-bg .alt-box .img { margin-top: 40px; margin-right: 40px; }
.research-txt-box { display: flex; gap: 12vw; margin-top: 100px; }
.research-txt-box .tit { font-size: 50px; font-weight: 700; line-height: 1.5em; color: #09aad2; flex-shrink: 0; font-family:'HancomMalangMalang'; }
.research-txt-box .sub-alt01 { color: #002856; font-weight: 400; }

@media all and (max-width: 1400px) {
    .research-txt-box { gap: 8vw; }
}
@media all and (max-width: 1200px) {
    .research-txt-box { gap: 40px; flex-direction: column; }
}

@media all and (max-width: 1024px) {
    .research-introduce-bg .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
    .research-introduce-bg { aspect-ratio: 1/0.4; }
    .research-introduce-bg .bg img { object-fit: cover; width: 100%; height: 100%; }
    .research-introduce-bg .alt-box { position: relative; padding: 40px 0; }
    .research-introduce-bg .alt-box .img { position: absolute; margin-top: unset; margin-right: unset; bottom: -40px; right: 10vw; }
    .research-introduce-bg .alt-box .bg-txt { font-size: 50px; padding-left: 40px; }
    .research-txt-box { margin-top: 80px; }
    .research-introduce-bg .alt-box > div { width: 55%; }
    .research-txt-box .tit {font-size: 55px;}
}

@media all and (max-width: 700px) {
    .research-introduce-bg { aspect-ratio: 1/0.9; }
    .research-introduce-bg .alt-box { align-items: flex-start; }
    .research-introduce-bg .alt-box .bg-txt { width: 100%; padding-left: unset; text-align: center; }
    .research-introduce-bg .alt-box .img { width: 75%; }
    .research-introduce-bg .alt-box .bg-txt { font-size: 34px; }
    .research-txt-box .tit { font-size: 40px; }
}
/* END introduce */

/* program_structure */
.program_structure_bg_box { padding: 120px 0; background-color: #e8f6fb; overflow: hidden; position: relative; }
.sub_meditation_wrap > .bg_icon, .program_structure_bg_box > .bg_icon { position: absolute; bottom: 0; right: 0; max-width: 40%; max-height: 60%; }
.program_structure_card_box { max-width: 1080px; margin: 0 auto; background-color: #fff; padding: 40px; box-shadow: 0 0 40px rgba(0, 40, 86, 0.4); align-items: center; display: flex; }
.program_structure_card_box > div { width: 50%; }
.program_structure_card_box .alt-box .tit { font-size: 40px; font-weight: 700; color: #09aad2; font-family:'HancomMalangMalang'; }
.program_structure_card_box .alt-box .alt { font-size: 20px; margin-top: 40px; line-height: 1.8em; color: #002856; font-weight: 400; word-break: keep-all; }
.program_structure_arw { margin: 60px auto 40px; }

@media all and (max-width: 1200px) {
    .program_structure_card_box { margin: 0 40px; }
}

@media all and (max-width: 1080px) {
    .program_structure_card_box { gap: 40px; }
    .program_structure_card_box .alt-box .tit { font-size: 30px; }
    .program_structure_card_box .alt-box .alt { font-size: 18px; }
    .program_structure_card_box .alt-box .alt .tb-only { display: none; }
}

@media all and (max-width: 700px) {
    .program_structure_card_box { flex-direction: column; }
    .program_structure_card_box .img { text-align: center; }
    .program_structure_card_box > div { width: 100%; }
    .program_structure_card_box .alt-box .alt { margin-top: 20px; }
    .program_structure_card_box { padding:  20px; }
    .program_structure_card_box { margin: 0 20px; }
    .program_structure_arw { max-width: 60%; }
    .program_structure_bg_box { padding: 80px 0; }
    .sub_meditation_wrap > .bg_icon, .program_structure_bg_box > .bg_icon { display: none; }
}
/* END program_structure */

/* sub_meditation */
.sub_meditation_wrap { position: relative; padding: 150px 0; background-color: #e8f6fb; position: relative; overflow: hidden; }
.sub_meditation_box { display: flex; gap: 30px; flex-wrap: wrap; }
.sub_meditation_box.center { justify-content: center; }
.sub_meditation_box .box { width: calc(33.333% - 20px); text-align: center; padding: 20px 20px 40px 20px; background-color: #fff; cursor: pointer; }
.sub_meditation_box .box .img { position: relative; overflow: hidden; }
.sub_meditation_box .box .img .btn-box { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 100%; font-size: 28px; font-weight: 700; color: #fff; display: flex; justify-content: center; align-items: center; gap: 15px; z-index: 2; padding-bottom: 8%; opacity: 0; transition: all 0.4s ease-in-out; }
.sub_meditation_box .box:hover .img .btn-box { opacity: 1; }
.sub_meditation_box .box:hover { box-shadow: 0 0 40px rgba(0, 40, 86, 0.4); transition: all 0.4s ease-in-out; }
.sub_meditation_box .box .img::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(to top, #0caad1 0 8%, #09aad200 30%); transform: translateY(100%); opacity: 0; transition: all 0.4s ease-in-out; }
.sub_meditation_box .box:hover .img::after { transform: translateY(0); opacity: 1; }
.sub_meditation_box .box .img .btn-box span { position: relative; width: 20px; height: 20px; }
.sub_meditation_box .box .img .btn-box span::before, .sub_meditation_box .box .img .btn-box span::after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #fff; }
.sub_meditation_box .box .img .btn-box span::before { width: 100%; height: 2px; }
.sub_meditation_box .box .img .btn-box span::after { width: 2px; height: 100%; }
.sub_meditation_box .box .tit { margin-top: 40px; font-weight: 500; font-size: clamp(18px, 2vw, 28px); color: #002856; }
.sub-pop { max-width: 1200px; width: 100%; text-align: center; padding: 30px; padding-top: 70px; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1000; background-color: #fff; box-shadow: 0 0 16px rgba(0, 40, 86, 0.1); max-height: 90%; display: flex; flex-direction: column; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .35s ease, visibility .35s ease; }
.sub-pop.is-open { opacity: 1; visibility: visible; pointer-events: auto; }
.sub-pop .sub-pop-tit-box { flex-shrink: 0; }
.sub-pop .sub-pop-body-box { overflow: auto; }
.sub-pop .sub-pop-close-btn { position: absolute; right: 0; top: 0; width: 70px; height: 70px; }
.sub-pop .sub-pop-close-btn span { width: 14px; height: 2px; background-color: #002856; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); }
.sub-pop .sub-pop-close-btn span:nth-child(2) { transform: translate(-50%, -50%) rotate(-45deg); }
.sub-pop .sub-pop-tit { padding: 80px 20px; padding-top: 70px; text-align: center; font-family: 'HancomMalangMalang'; font-size: 64px; font-weight: 700; letter-spacing: -0.05em; color: #604096; word-break: keep-all; }
.sub-pop .pop-label-box { font-family: 'HancomMalangMalang'; font-weight: 400; font-size: 26px; line-height: 1.53em; text-align: center; padding: 60px 20px; background-color: #f7f4fd; color: #604096; word-break: keep-all; }
.sub-pop .sub-pop-img { margin-top: 80px; }
.sub-pop .sub-pop-arw { position: absolute; top: 50%; transform: translateY(-50%); border-radius: 50%; box-shadow: 0 0 16px rgba(0, 40, 86, 0.1); cursor: pointer; }
.core_meditationWrap .sub-pop .sub-pop-arw { display: none; }
.sub-pop .sub-pop-arw img { border-radius: 50%; }
.sub-pop .sub-pop-arw.prev { left: 30px; }
.sub-pop .sub-pop-arw.next { right: 30px; }
.sub-pop .sub-pop-arw.is-disabled { opacity: 0.3; pointer-events: none; }

@media all and (max-width: 1200px) {
    .sub-pop { max-width: 90%; }
    .sub-pop .sub-pop-tit { padding-top: clamp(40px, calc(10px + 5vw), 70px); padding-bottom: clamp(40px, calc(10px + 5vw), 80px); padding-left: 20px; padding-right: 20px; font-size: clamp(32px, calc(12px + 4.333vw), 64px); }
    .sub-pop .pop-label-box { font-size: clamp(18px, calc(6px + 2.2vw), 26px); padding-top: clamp(30px, calc(10px + 3vw), 60px); padding-bottom: clamp(30px, calc(10px + 3vw), 60px); padding-left: 20px; padding-right: 20px; }
    .sub-pop .sub-pop-arw.prev { left: 3%; }
    .sub-pop .sub-pop-arw.next { right: 3%; }
}

@media all and (max-width: 1024px) {
    .sub_meditation_box .box { width: calc(50% - 15px); }
    .sub_meditation_box .box .tit { font-size: 24px; }
    .sub_meditation_wrap { padding: 100px 0; }
}

@media all and (max-width: 700px) {
    .sub_meditation_box .box { padding: 20px 20px 25px 20px; }
    .sub_meditation_box .box .tit { margin-top: 25px; font-size: 20px; }
    .sub_meditation_wrap { padding: 80px 0; }
    .sub-pop .sub-pop-arw img { height: 40px; }
    .sub-pop { padding: 20px; padding-top: 50px; max-width: 100%; height: 100dvh; max-height: 100%; }
    .sub-pop .sub-pop-close-btn { width: 50px; height: 50px; }
    .sub-pop .sub-pop-tit { font-size: 28px; padding-top: 20px; }
    .sub-pop .pop-label-box { font-size: 16px; }
    .tradition-inner { padding: unset; }
}

@media all and (max-width: 600px) {
    .sub_meditation_box .box { width: 100%; }
}
/* END sub_meditation */