._guide{
    padding-top: 200px;
    padding-bottom: 150px;
}
._guide .s1 {
    padding-top: 50px;
}
._guide .s1 .tit > div {overflow: hidden;}
._guide .s1 .tit h2 {
    font-size: 60px;
    font-weight: 900;
    line-height: 1.33333;
}

._guide .s1 .banner{
    margin-top: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
._guide .s1 .banner .txtBx{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;}
._guide .s1 .banner .txtBx span{
    display: block;font-size: 24px;font-weight: 500;color: #2d2d2d;
}
._guide .s1 .banner .txtBx h3{
    font-size: 48px;font-weight: 700;color: #0b386d;padding-top: 20px;
    white-space: nowrap;
    line-height: 1.3;
}
._guide .s1 .banner .txtBx h3 sup {
    vertical-align: super;
    font-size: 0.6em;
    position: relative;
}
._guide .s1 .banner .txtBx h3 em{color: #f5a100;}
._guide .s1 .banner .imgBx{overflow: hidden;border-radius: 20px;}
._guide .s1 .banner .imgBx img{width: 100%;height: 100%;object-fit: cover;transform: scale(1.2)}
._guide .s1 .banner .imgBx ._mob{display: none;}

._guide .s1 .stepBx{width: 100%;padding-top: 150px;position: relative;display: flex;align-items: center;justify-content: center;}
._guide .s1 .stepBx .imgBx{
    display: flex;align-items: center;justify-content: center;
    overflow: hidden;}
._guide .s1 .stepBx .imgBx img{width: 100%;}
._guide .s1 .stepBx .step{display: flex;align-items: center;justify-content: space-between;
    max-width: 1220px;
    width: 100%;
    margin: 0 auto;
    position: absolute;left: 50%;transform: translateX(-50%);
}
._guide .s1 .stepBx .step .row{display: flex;flex-direction: column;align-items: center;gap: 20px;
    max-width: 220px;width: 100%;margin: 0 auto;
}
._guide .s1 .stepBx .step .row p{text-align: center;font-size: 22px;font-weight: 700;line-height: 1.2;}
._guide .s1 .stepBx .step .row:nth-child(1) p{color: #e71a28;}
._guide .s1 .stepBx .step .row:nth-child(2) p{color: #0080cc;}
._guide .s1 .stepBx .step .row:nth-child(3) p{color: #f5a100;}
._guide .s1 .stepBx .step .row:nth-child(4) p{color: #3cae75;}

._guide .s1 .submit{display: flex;justify-content: center;margin-top: 60px;margin-bottom: 80px;}
._guide .s1 .submit button {
    width: 235px;
    border-radius: 24px;
    background-color: #3fb679;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    padding: 12px 0;
    cursor: pointer;
    box-sizing: border-box;
}

._guide .s1 .stepBx .step .row img{}



._guide ._tit .bar{padding-bottom: 25px;}
._guide ._tit h4{font-size: 28px;font-weight: 800;color: #000;line-height: 1.3;}
._guide .s2 table{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 2px solid #000;
    margin-top: 40px;
    table-layout: fixed;
}

._guide .s2 .table_wrap table *{line-height: 1.2;}
._guide .s2 table th,
._guide .s2 table td{border: 1px solid #c7c7c7;padding: 10px;box-sizing: border-box;}
._guide .s2 table th{background-color: #0b386d;color: #fff;vertical-align: middle;}
._guide .s2 table tbody td{vertical-align: middle;text-align: center;}


._guide .s2 .table_wrap table th{font-size: 17px;font-weight: 500;}
._guide .s2 .table_wrap table ._first > th:nth-child(1){width: 450px;}
._guide .s2 .table_wrap table ._first > th:nth-child(2){}
._guide .s2 .table_wrap table ._first > th:nth-child(3){}
._guide .s2 .table_wrap table ._first > th:nth-child(4){}
._guide .s2 .table_wrap table tbody{font-size: 16px;color: #545454;font-weight: 500;}
._guide .s2 .table_wrap table tbody tr td sup{color: #e00e0e;}

._guide .s2 ._note{padding-top: 30px;padding-bottom: 100px;}
._guide .s2 ._note > div{font-size: 17px;font-weight: 500; display: flex;align-items: flex-start;gap: 20px;padding-bottom: 20px;}
._guide .s2 ._note > div:last-child{padding-bottom: 0;}
._guide .s2 ._note > div .flxBx{display: flex;align-items: center;justify-content: center;width: 20px;height: 30px;}
._guide .s2 ._note > div em{color: #e00e0e;display: block;}
._guide .s2 ._note > div p{color: #2d2d2d;line-height: 1.64705;}
._guide .s2 ._note > div p a{color: #0080cc;}

._guide .s3 .row{padding-bottom: 110px;}
._guide .s3 .row:last-child{padding-bottom: 0;}
._guide .s3 .row ._tit{padding-bottom: 20px;}
._guide .s3 .txtBx li{font-size: 17px;color: #2d2d2d; font-weight: 500;padding-bottom: 15px;display: flex;align-items: flex-start;gap: 8px;line-height: 1.3;}
._guide .s3 .txtBx li > a{color: #0080cc;}
._guide .s3 .txtBx li._column{display:block;}
._guide .s3 .txtBx li._column em{margin-right: 8px;}
._guide .s3 .txtBx li:last-child{padding-bottom: 0;}
._guide .s3 .txtBx p{font-size: 18px;font-weight: 700;color: #0b386d;padding-bottom: 20px;}
._guide .s3 .txtBx p:nth-child(3){display: block;padding-top: 80px;}
._guide .s3 .txtBx .sub_list{padding-top: 5px;padding-left: 50px;display: flex;flex-direction: column;gap: 15px;}
._guide .s3 .txtBx .sub_list span{font-size: 17px;font-weight: 500;color: #2d2d2d;}
._guide .s3 .txtBx > span{font-size: 17px;font-weight: 600;color: #0b386d;
display: block;padding-top: 20px;line-height: 1.3;}
._guide .s3 .txtBx > span > a{ color: #0080cc; }
._guide .s3 .txtBx .sub_list.n2{padding-left: 0;}
._guide .s3 .txtBx .sub_list.n2 span{display: flex;align-items: flex-start;gap: 8px;padding-top: 0px;}
._guide .s3 .txtBx .sub_list.n2{padding-top: 15px;}

._guide .s3 table{width: 100%;border-collapse: collapse;border-spacing: 0;border-top: 2px solid #000;margin-top: 70px;}
._guide .s3 table th,
._guide .s3 table td{border: 1px solid #c7c7c7;padding: 10px;}
._guide .s3 table th{background-color: #0b386d;color: #fff;vertical-align: middle;}
._guide .s3 table th{width: 50%;padding: 25px 0;box-sizing: border-box;}
._guide .s3 table tbody td{vertical-align: middle;text-align: center;line-height: 1.3;}
._guide .s3 table th{font-size: 17px;font-weight: 500;}
._guide .s3 table tbody{font-size: 16px;color: #545454;font-weight: 500;}
._guide .s3 table tbody tr td{padding: 20px 0;box-sizing: border-box;}
._guide .s3 table tbody tr td._gray{background-color: #ededed;}

._guide .s3 .submit{display: flex;justify-content: center;margin-top: 80px;}

._guide .s3 .submit button {
    width: 235px;
    border-radius: 24px;
    background-color: #3fb679;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    padding: 12px 0;
    cursor: pointer;
    box-sizing: border-box;
}

@media screen and (max-width: 1680px) {
    ._guide .s1 .tit h2 {font-size: 52px;}
    ._guide .s1 .banner .txtBx h3{font-size: 42px;}
    
    ._guide .s2 .table_wrap table th {font-size: 16px;}
    ._guide .s2 ._note > div {font-size: 16px;}

    ._guide .s3 .txtBx .sub_list span {font-size: 16px;}

    ._guide .s3 table th {font-size: 16px;}

}
@media screen and (max-width: 1440px) {
    ._guide .s1 .banner .txtBx h3{font-size: 38px;}
    ._guide .s1 .banner .txtBx span{font-size: 22px;}
    ._guide .s1 .stepBx .step .row p {font-size: 20px;}
    ._guide .s1 .stepBx .step .row img{height: 2.8em;}
    ._guide .s1 .stepBx .step {max-width: 1180px;}
}
@media screen and (max-width: 1280px) {
    ._guide .s1 .banner .txtBx h3{font-size: 32px;}
    ._guide ._tit h4 {font-size: 24px;}

    ._guide .s1 .stepBx .step {max-width: 940px;}
    ._guide .s1 .stepBx .step .row img {height: 2.4em;}
    ._guide .s1 .stepBx .imgBx img{max-width: 980px;}
    ._guide .s1 .stepBx .step .row p {font-size: 18px;}


    ._guide .s2 .table_wrap table tbody {font-size: 15px;}
    ._guide .s2 ._note > div {font-size: 15px;}


}
@media screen and (max-width: 1024px) {
    ._guide{padding-top: 100px;}
    ._guide .s1 .tit h2 {font-size: 42px;}
    ._guide .s1 .banner .imgBx ._pc{display: none;}
    ._guide .s1 .banner .imgBx ._mob{display: block;}
    
    ._guide .s1 .stepBx .imgBx{display: none;}
    ._guide .s1 .stepBx {padding-top: 100px;}
    ._guide .s1 .stepBx .step{position: unset;transform: unset;}

    ._guide .s2 .table_wrap table ._first > th:nth-child(1) {width: 320px;}
    
    ._guide .s3 .txtBx li {font-size: 16px;}
    ._guide .s3 table tbody {font-size: 15px;}

}
@media screen and (max-width: 820px) {
    ._guide .s1 .tit h2 {font-size: 38px;}
    ._guide .s1 .banner{margin-top: 60px;}
    ._guide .s1 .banner .txtBx h3{font-size: 26px;}
    ._guide .s1 .banner .txtBx span{font-size: 18px;}

    ._guide .s1 .stepBx{padding-top: 60px;}
    ._guide .s1 .stepBx .step{align-items: flex-start;justify-content: space-around;
        /* gap: 0.8em; */
    }
    ._guide .s1 .stepBx .step .row{max-width: unset; width: unset;margin: unset;}
    ._guide .s1 .stepBx .step .row img {height: 2em;}
    ._guide .s1 .stepBx .step .row p {font-size: 16px;}

    ._guide .s2 .table_wrap { overflow-x: auto; width: 100%;}
    ._guide .s2 table {min-width: 1024px;}
    ._guide .s3 .txtBx li {font-size: 15px;}
    ._guide .s3 .txtBx .sub_list span {font-size: 15px;}
    ._guide .s3 .txtBx > span {font-size: 16px;}
}
@media screen and (max-width: 500px) {
    ._guide .s1 .tit h2 {font-size: 28px;}
    ._guide .s1 .banner .txtBx h3{font-size: 20px;}
    ._guide .s1 .banner .txtBx span{font-size: 16px;}

    ._guide .s1 .stepBx .step{flex-direction: column;gap: 1.2em;}
    ._guide .s1 .stepBx .step .row{flex-direction: row;}
    ._guide .s1 .stepBx .step .row .img{min-width: 60px;display: flex;align-items: center;justify-content: center;}
    ._guide .s1 .stepBx .step .row img {height: 1.8em;}
    ._guide .s1 .stepBx .step .row p{text-align: unset;}
    ._guide .s1 .stepBx .step .row p br{display: none;}


    ._guide .s3 .txtBx p {font-size: 16px;}
    ._guide ._tit h4 {font-size: 22px;}
    ._guide .s3 .txtBx .sub_list {padding-left: 30px;}

    ._guide .s3 .table_wrap {
        overflow-x: auto;
        width: 100%;
    }
    ._guide .s3 .table_wrap table {
        min-width: 500px;
    }
}
@media screen and (max-width: 360px) {
    ._guide .s1 .tit h2 {font-size: 24px;}
    ._guide .s1 .banner .txtBx h3{font-size: 18px;}

    ._guide .s1 .stepBx .step .row p {font-size: 15px;}
    ._guide .s1 .stepBx .step .row img {height: 1.5em;}


    ._guide .s1 .submit button {font-size: 16px;}
    ._guide .s3 .submit button {font-size: 16px;}
}

/* status */

._status .s1 .tit{display: flex;align-items: center;justify-content: center;padding-bottom: 80px;}
._status .s1 .tit h3{font-size: 52px;font-weight: 900;line-height: 1.33333;}
._status .s1 .login_form form > p{font-size: 13px;letter-spacing: -0.02em;padding-top: 20px;
    line-height: 1.3;
}

@media screen and (max-width: 1680px) {
    ._status .s1 .tit h3{font-size: 48px;}
}
@media screen and (max-width: 1440px) {
    ._status .s1 .tit h3{font-size: 42px;}
}
@media screen and (max-width: 1280px) {}
@media screen and (max-width: 1024px) {
    ._status .s1 .tit h3{font-size: 38px;}
}
@media screen and (max-width: 820px) {
    ._status .s1 .tit h3{font-size: 32px;}
}
@media screen and (max-width: 500px) {
    ._status .s1 .tit h3{font-size: 28px;}
}
@media screen and (max-width: 360px) {
    ._status .s1 .tit h3{font-size: 24px;}
}



/* wetLAB */
.wetlab{ display: block; width: 100%; position: relative; font-family: 'Manrope', sans-serif; margin-bottom: 110px; }
.wetlab .banner{ width: 100%; position: relative; }
.wetlab .banner .bg{ width: 100%; position: absolute; left: 0; top: 0; height: 100%; z-index: 0; border-radius: 20px; overflow: hidden; }
.wetlab .banner .bg img{ width: 100%; height: 100%; object-fit: cover;  }
.wetlab .banner > strong{ display: block; position: absolute; top: 0; left: 0; padding: 0 30px; box-sizing: border-box; width: 100%; transform: translateY(-50%); font-size: 40px; font-family: 'Manrope', sans-serif; font-weight: 900; line-height: 1.4; color: #0b386d; }
.wetlab .banner > strong em{ font-size: 25px; }
.wetlab .banner .txtbx{ width: 100%; position: relative; z-index: 4; padding: 100px 70px; box-sizing: border-box; }
.wetlab .banner .txtbx .top{ display: flex; align-items: baseline; font-size: 24px; font-weight: 700; }
.wetlab .banner .txtbx .top span{ display: block; margin-right: 50px; }
.wetlab .banner .txtbx > p{ font-size: 18px; line-height: calc(32 / 18); margin-top: 12px; }

.wetlab .banner .txtbx em{ display: block; margin-top: 30px; font-size: 20px; font-weight: 900; line-height: 1.4; }

@media screen and (max-width: 1280px){
    .wetlab .banner > strong{ font-size: 30px; }
    .wetlab .banner > strong em{ font-size: 20px; }
    .wetlab .banner .txtbx{ padding: 70px 40px; }

    .wetlab .banner .txtbx .top{ font-size: 22px; }
    .wetlab .banner .txtbx > p{ font-size: 16px; margin-top: 10px; }
}


@media screen and (max-width: 820px){
    .wetlab .banner .txtbx .top{ display: block; line-height: 1.4; }
    .wetlab .banner .txtbx .top span{ margin-right: 0; }
    .wetlab .banner > strong{ font-size: 24px; top: -10px; }
    .wetlab .banner > strong em{ font-size: 16px; display: block; }
    .wetlab .banner .txtbx{ padding: 50px 20px; }

    .wetlab .banner .txtbx .top{ font-size: 18px; }
    .wetlab .banner .txtbx > p{ font-size: 14px; margin-top: 5px; }
    .wetlab .banner .txtbx em{ margin-top: 20px; }
}

@media screen and (max-width: 500px){
    .wetlab .banner > strong{  padding: 0; font-size: 20px; }
    .wetlab .banner .txtbx .top{ font-size: 16px; }
    .wetlab .banner .txtbx em{ font-size: 16px; }
}