@font-face {
    font-family: 'KoPubWorldDotum';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumLight.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumLight.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumLight.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumLight.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'KoPubWorldDotum';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumMedium.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumMedium.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumMedium.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumMedium.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumMedium.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'KoPubWorldDotum';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumBold.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumBold.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumBold.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/webfontworld/kopus/KoPubWorldDotumBold.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "AppleSDGothicNeoM";
    src: url("/fonts/AppleSDGothicNeoM.ttf");
    src: url("/fonts/AppleSDGothicNeoM.ttf?#iefix") format("embedded-opentype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* regulr */

@font-face {
    font-family: "AppleSDGothicNeoB";
    src: url("/fonts/AppleSDGothicNeoB.ttf");
    src: url("/fonts/AppleSDGothicNeoB.ttf?#iefix") format("embedded-opentype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* bold */


/*
@font-face {
    font-family: 'AppleSDGothicNeoM';
    src: url('/fonts/AppleSDGothicNeoM.ttf');
    src: url('/fonts/AppleSDGothicNeoM.ttf?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
*/


/* middle */


/*
@font-face {
    font-family: 'AppleSDGothicNeoB';
    src: url('/fonts/AppleSDGothicNeoB.ttf');
    src: url('/fonts/AppleSDGothicNeoB.ttf?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
*/


/* semibold */

:root {
    --nav-active-bg-color: #cbd2f7;
}

* {
    box-sizing: border-box;
    font-family: "KoPubWorldDotum", "AppleSDGothicNeoR00", sans-serif;
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

ol,
ul {
    margin: 0;
    padding: 0;
}

a {
    color: inherit;
    text-decoration: inherit;
}

svg {
    display: unset !important;
    vertical-align: unset !important;
}

.flex_box {
    display: flex;
    gap: 10px;
    align-items: center;
}

.column_box {
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: column;
    row-gap: 10px;
}

h1 {
    font-size: 36px;
    font-weight: 500;
    padding: 20px 0;
    margin: 0;
    text-align: center;
}

h2 {
    margin: 0;
}

h3 {
    margin: 0;
}

p {
    margin: 5px 0;
}

.pc {
    display: block;
}

.mobile {
    display: none;
}

.btn {
    text-align: center;
}

input::placeholder {
    color: #c4c4c4;
}

input::-webkit-input-placeholder {
    color: #c4c4c4;
}

input:-ms-input-placeholder {
    color: #c4c4c4;
}

.border-none {
    border: none;
}

.btn button {
    background-color: #54a8a0;
    height: 100%;
}

.btn button:hover {
    background-color: #308d84;
}

.btns button {
    background-color: #54a8a0;
}

.btns button:hover {
    background-color: #308d84;
}

button .material-icons {
    font-size: 20px;
}

.btnWidth100 {
    flex: 1;
}

.btnWidth100 button {
    width: 100% !important;
}

.btnWidth100 button div {
    justify-content: center;
}

.radio_box>div {
    flex-direction: unset;
    margin-bottom: 0;
}

.switch_box i {
    font-size: 5rem;
}

.select_box {
    width: 230px;
}

.select_box>div {
    padding: 0;
}

.select_box>div>div {
    margin: 0;
}

.check_box i {
    color: #54a8a0;
}

.check_box .mb-2 {
    margin-bottom: 0;
}

.date_box {
    display: flex;
    align-items: center;
}

.switch .bg-primary-200 {
    background-color: #a8d4cf;
}

.switch .bg-primary-400 {
    background: #54a8a0;
}

.hak_ban_select_box {
    padding: 50px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.switch_box_wrap {
    display: flex;
    gap: 10px;
    align-items: center;
}

.select_box_wrap {
    display: flex;
    gap: 10px;
    align-items: center;
}

.check_box_wrap {
    display: flex;
    gap: 10px;
    align-items: center;
}

.text_box_wrap {
    display: flex;
    gap: 10px;
    align-items: center;
}

.text_box_wrap .btn {
    text-align: unset;
}

.date_box_wrap {
    display: flex;
    gap: 10px;
    align-items: center;
}

.radio_box_wrap {
    display: flex;
    gap: 10px;
    align-items: center;
}

.btns {
    display: flex;
    gap: 10px;
    align-items: center;
}

.mg-20-0>div {
    margin: 20px 0 !important;
    justify-content: center;
}

.dWrap {
    margin: 0 auto;
    position: relative;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    row-gap: 2px;
}

.dWrap .dot {
    width: 4px;
    height: 4px;
    border-radius: 8px;
    background: #717171;
}

.dWrap .FnD {
    width: 120px;
    border: 1px solid #d3d3d3;
    position: absolute;
    left: -110px;
    bottom: -54px;
    background-color: white;
    cursor: pointer;
    z-index: 1;
}

.dWrap .FD {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 3px 0;
    border-bottom: 1px solid #d3d3d3;
}

.dWrap .FD:last-child {
    border-bottom: 0px;
}

.dWrap .FD i {
    float: left;
    margin-top: 3px;
    margin-left: 5px;
}

.modal {
    width: 500px;
}

.dWrap .FD p {
    float: left;
    margin-left: 5px;
}

.univ_p {
    display: none;
    position: absolute;
    color: #222;
}

.univ_level .jungsi .jungsi_p {
    display: block;
    left: calc(50% - 16px);
    top: -42px;
}

.univ_level .susiall .susiall_p {
    display: block;
    left: calc(50% - 16px);
    bottom: -62px;
}

.univ_level .susisubj .susisubj_p {
    display: block;
    left: calc(50% - 16px);
    bottom: -62px;
}

.sidebar {
    height: 100%;
    position: fixed;
    left: 0px;
    top: 46px;
    z-index: 10;
}

.sidebar::-webkit-scrollbar {
    display: none;
}

table {
    width: 100%;
    border: 0.5px solid #bebbc5;
    /*
    border-top: 2px solid #555;
    border-bottom: 1px solid #e9e9e9;
    */
    border-collapse: collapse;
}

th {
    border: 0.5px solid #bebbc5;
    background: #d6d3e5;
    /* border-bottom: 0.17em solid #38218e; */
}

th,
td {
    padding: 0.5em;
    text-align: center;
    font-size: 14px;
}

th {
    background: #d6d3e5;
    font-size: 14px;
    text-align: center;
}

td {
    background: white;
    border-bottom: 0.5px solid #e9e9e9;
    border-right: 0;
}

th label,
td label {
    justify-content: center;
}

.table_radio .radio_box span {
    flex-direction: column;
}

.table_radio .radio_box label {
    display: flex;
    justify-content: left;
    gap: 10px;
    margin: 5px 0;
}

.pd-lt-table th,
.pd-lt-table td {
    padding: 20px 0 20px 20px;
}

.table td {
    padding: 20px 5px;
}

button {
    background-color: #54a8a0;
    box-shadow: none !important;
}

button:hover {
    background-color: #308d84;
}

.date_box button {
    background-color: unset;
}

.red {
    color: red;
    font-weight: bold;
}

.darkblue {
    color: #1010aa;
    font-weight: bold;
}

.lightblue {
    color: #1414d7;
    font-weight: bold;
}

.orange {
    color: #ef620f;
    cursor: pointer;
}

.wrap {
    position: relative;
}

.tab-contentsbox {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding-bottom: 80px;
}

.no_pb {
    padding-bottom: 0;
}

.login_btn button {
    height: 100%;
    background-color: #54a8a0;
}

.login_btn button:hover {
    background-color: #308d84;
}

.registbox {
    width: 600px;
    margin: 0 auto;
}

.registbox .regi_form>div>div {
    margin-bottom: 0.5rem;
}

.registbox .regi_form>div button {
    width: auto;
    height: auto;
    font-size: 16px;
}

.registbox .regi_form .inner .regi>div {
    margin-bottom: 0.5rem;
    padding: 0;
}

.registbox .regi_form .inner .regi input {
    border-radius: 0;
}

.registbox .regi_form .inner .radio_box div {
    margin: 0;
    flex-direction: unset;
}

.registbox .regi_form .inner .radio_box>div {
    display: flex;
    gap: 25px;
}

.registbox .regi_form .inner .check_box_wrap .regi input {
    border: 0;
}

.registbox .regi_form .inner .check_box>div>div {
    margin-bottom: 0;
}

.registbox .regi_form .agree_wrap .agree_check_box .check_box div {
    margin-bottom: 0;
}

.registbox .regi_form>.not_able>button {
    background-color: white !important;
    color: black;
    box-shadow: none;
    border: 1px solid;
}

.registbox .btns {
    display: flex;
    gap: 20px;
}

.registbox .btns button {
    width: 150px;
    height: 50px;
    font-size: 18px;
}

.regi_form .inner .parents_wrap .parents_inner .btn button {
    width: auto;
    height: auto;
    font-size: 16px;
}

.regi_form .inner .check_box_wrap .stu_bro .regi input {
    border: 1px solid #777;
}

.regi_form .inner .check_box_wrap .stu_bro .plus_btn button {
    width: auto;
    height: auto;
    font-size: 16px;
}

.regi_form .inner .check_box_wrap .stu_bro .minus_btn button {
    width: auto;
    height: auto;
    font-size: 16px;
}

.regi_form .inner .check_box_wrap .btn button {
    width: auto;
    height: auto;
    font-size: 16px;
}

.regi .pic_wrap .btn button {
    width: auto;
    height: auto;
    font-size: 16px;
}

.find_table td .select_box>div {
    margin: 0;
    padding: 0;
}

.find_table td .select_box>div>div {
    margin: 0;
}

.find_table td .text_box>div {
    margin: 0;
    padding: 0;
}

.carousel button {
    background: unset !important;
}

.carousel .slides>div {
    display: flex;
    gap: 29px;
}

.carousel .slides>div>div {
    width: auto !important;
}

.t_c_slide .carousel .slides>div {
    display: flex;
    gap: 37px;
}

.carousel .left {
    left: -1vw !important;
    background: white !important;
    border-radius: 50%;
    border: 1px solid #d3d3d3 !important;
}

.carousel .right {
    right: -1vw !important;
    background: white !important;
    border-radius: 50%;
    border: 1px solid #d3d3d3 !important;
}

.fc-media-screen {
    padding-top: 30px;
}

.sim_regist_table span {
    width: 100%;
}

.sim_regist_table span label {
    flex: 1;
}

.subj_search .select_box_wrap {
    margin: 20px 0;
}

.fp-main h2 {
    font-size: 2.5em;
}

.fp-main .info {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.check_box i {
    color: #54a8a0;
}

.check_box .mb-2 {
    margin-bottom: 0;
}

.switch .bg-primary-200 {
    background-color: #a8d4cf;
}

.switch .bg-primary-400 {
    background: #54a8a0;
}

.select_box_wrap {
    display: flex;
    gap: 10px;
    align-items: center;
}

.check_box_wrap {
    display: flex;
    gap: 10px;
    align-items: center;
}

.text_box_wrap {
    display: flex;
    gap: 10px;
    align-items: center;
}

.date_box_wrap {
    display: flex;
    gap: 10px;
    align-items: center;
}

.btns {
    display: flex;
    gap: 10px;
    align-items: center;
}

.mg0auto>div {
    margin: 0 auto;
    justify-content: center;
}

.date_box button {
    background-color: unset;
}

.red {
    color: red;
    font-weight: bold;
}

.darkblue {
    color: #1010aa;
    font-weight: bold;
}

.lightblue {
    color: #1414d7;
    font-weight: bold;
}

.orange {
    color: #ef620f;
    cursor: pointer;
}

.message_box {
    position: relative;
}

.max_text {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #ddd;
}

.contentsbox {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    padding-bottom: 90px;
}

.no_pb {
    padding-bottom: 0;
}

.page_title {
    padding: 50px 0;
}

.page_title h1 {
    font-size: 36px;
    text-align: center;
}

.back_box {
    justify-content: space-between;
    margin: 15px 0;
}

.back_box .nav {
    font-weight: bold;
    display: inline-block;
}

.back_top {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}

.login_btn button {
    width: 90% !important;
    height: 90% !important;
    background-color: #54a8a0;
}

.login_btn button:hover {
    background-color: #308d84;
}

.registbox {
    width: 600px;
    margin: 0 auto;
}

.registbox .regi_form>div>div {
    margin-bottom: 0.5rem;
}

.registbox .regi_form>div button {
    width: 100%;
    height: 60px;
    font-size: 24px;
}

.registbox .regi_form .inner .regi>div {
    margin-bottom: 0.5rem;
    padding: 0;
}

.registbox .regi_form .inner .regi input {
    border-radius: 0;
}

.registbox .regi_form .inner .radio_box div {
    margin: 0;
    flex-direction: unset;
}

.registbox .regi_form .inner .radio_box>div {
    display: flex;
    gap: 25px;
}

.registbox .regi_form .inner .check_box_wrap .regi input {
    border: 0;
}

.registbox .regi_form .inner .check_box>div>div {
    margin-bottom: 0;
}

.registbox .regi_form .agree_wrap .agree_check_box .check_box div {
    margin-bottom: 0;
}

.registbox .regi_form>.not_able>button {
    background-color: white !important;
    color: black;
    box-shadow: none;
    border: 1px solid;
}

.registbox .btns {
    display: flex;
    gap: 20px;
}

.registbox .btns button {
    width: 150px;
    height: 50px;
    font-size: 18px;
}

.regi_form .inner .parents_wrap .parents_inner .btn button {
    width: auto;
    height: auto;
    font-size: 16px;
}

.regi_form .inner .check_box_wrap .stu_bro .regi input {
    border: 1px solid #777;
}

.regi_form .inner .check_box_wrap .stu_bro .plus_btn button {
    width: auto;
    height: auto;
    font-size: 16px;
}

.regi_form .inner .check_box_wrap .stu_bro .minus_btn button {
    width: auto;
    height: auto;
    font-size: 16px;
}

.regi_form .inner .check_box_wrap .btn button {
    width: auto;
    height: auto;
    font-size: 16px;
}

.regi .pic_wrap .btn button {
    width: auto;
    height: auto;
    font-size: 16px;
}

.find_table td .select_box>div {
    margin: 0;
    padding: 0;
}

.find_table td .select_box>div>div {
    margin: 0;
}

.carousel button {
    background: unset !important;
}


/*school_info*/


/*
.menu_sel {
    border-bottom: 2px solid black;
}
*/

.menu_sel>a {
    display: inline-block;
    padding: 5px 40px;
    color: #54a8a0;
    font-size: 17px;
    font-weight: bold;
    border-bottom: 3px solid #54a8a0;
}

.con_sel {
    background: #e9e9e9 !important;
}

.box_sel {
    background: #54a8a0 !important;
    color: white;
}

.box_sel p,
.box_sel span {
    color: white !important;
}

.lavel_wrap>div {
    margin: 0;
}


/*index*/

.fp-main .wrap {
    width: 100%;
}

.fp-main .top {
    width: 100%;
    position: relative;
    padding-top: 100px;
    box-sizing: border-box;
}

.fp-main .title {
    font-size: 31px;
    color: #424141;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
}

.fp-main .sub {
    font-size: 18px;
    text-align: right;
    font-weight: 500;
    color: white;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 30px;
}

.fp-main .bottom {
    width: 100%;
    height: 580px;
    padding-top: 100px;
    box-sizing: border-box;
    background-color: #f5f5f5;
}

.fp-main .bottom .title {
    color: black;
}

.fp-main .bottom .sub {
    color: #888;
}

.fp-main .box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 85px;
}

.fp-main .subNav .sub_L {
    display: flex;
    align-items: center;
    gap: 10px;
}

.fp-main .subNav .exl {
    float: left;
    background-color: #69a23e;
    color: white;
    font-size: 16px;
}

.fp-main .test .box_t {
    height: 150px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-evenly;
    justify-content: center;
}

.fp-main .test h3 {
    width: 100%;
    color: black;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 58px;
    margin: 0;
    border-bottom: 1px solid #d3d3d3;
}

.fp-main .test p {
    width: 100%;
    color: #888;
    font-size: 15px;
    text-align: center;
}

.fp-main .test button {
    color: white;
    font-size: 15px;
    text-align: center;
}

.fp-main .all_up {
    width: 100%;
    margin-top: 100px;
}

.fp-main .all_up p {
    text-align: center;
    font-size: 31px;
    font-weight: bold;
}

.fp-main .file_info {
    width: 100%;
    margin-top: 25px;
}

.fp-main .file_info p {
    font-size: 16px;
    text-align: center;
}

.fp-main .file_info p span {
    color: red;
    font-size: 20px;
    font-weight: bold;
}

.regi_search {
    background-color: #f5f5f5;
    margin-top: 65px;
    margin-bottom: 160px;
    padding: 50px 0;
    text-align: center;
}

.regi_search .file {
    width: 520px;
    height: 40px;
    background: white;
    padding: 5px 10px;
    border: 1px solid #dadada;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    margin: 10px auto 0;
}

.regi_search .file p {
    font-size: 14px;
}

.regi_search .file p span {
    color: #54a8a0;
}

.regi_search .drag_file {
    text-align: center;
    margin: 40px auto 30px;
}

.regi_search .drag_file p {
    font-size: 15px;
    color: #888;
}

.fp-main .teach_cell td .FnD {
    width: 120px;
    border: 1px solid #d3d3d3;
    position: absolute;
    left: 46px;
    bottom: -32px;
    background-color: white;
    cursor: pointer;
    z-index: 10;
}


/*index modal*/

.fp-setting .m_modal {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10;
}

.fp-setting .m_modal .check_box {
    border-top: 1px solid #d3d3d3;
    padding: 10px;
}

.fp-setting .change {
    display: none;
}

.fp-setting .not_change {
    display: none;
}

.fp-setting .modal_wrap {
    width: 500px;
    background: white;
    position: fixed;
    left: 37%;
    top: 40%;
}

.fp-setting .modal_wrap>div:nth-child(1) {
    padding: 40px 40px 0;
}

.fp-setting .m_modal_h {
    font-size: 21px;
    font-weight: bold;
    position: relative;
}

.fp-setting .modal_p_box {
    padding: 60px 0 40px;
    text-align: center;
}

.fp-setting .closebtn {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.fp-setting .closebtn i {
    font-size: 30px;
}

.fp-setting .m_modal_p {
    height: 200px;
    color: black;
    font-size: 14px;
    text-align: center;
    display: flex;
    padding: 0;
    justify-items: center;
    align-items: center;
    flex-wrap: wrap;
}

.fp-setting .m_modal_p .lev_p {
    width: 100%;
    font-size: 16px;
}

.fp-setting .lev_chanbtn {
    width: 100%;
    margin-top: 45px;
    display: flex;
    justify-content: space-around;
    align-content: center;
    align-items: center;
}

.fp-setting .m_modal_p .lev_chanbtn button {
    font-size: 16px;
    background-color: #54a8a0;
    color: white;
    box-shadow: none;
}

.fp-setting .m_modal_p .lev_chanbtn button:nth-child(2) {
    background-color: #f2f2f2;
    color: #000;
}

.fp-setting .m_modal_p .checkbox {
    width: 100%;
    margin-top: 20px;
    padding-top: 5px;
    border-top: 1px solid #e3e3e3;
    color: #888;
}

.fp-setting .m_modal_p .checkbox i {
    color: #888;
}


/*sub-nav*/

.fp-main .info_h h2 {
    font-size: 20px;
    font-weight: bold;
    float: left;
}

.menual {
    display: flex;
    gap: 10px;
    height: 30px;
    background: white;
    align-items: center;
    border: 1px solid #bbb;
    padding: 10px;
    position: absolute;
    right: 30px;
    top: 20px;
}


/*school_info*/

.fp-main .cell table {
    width: 100%;
}

.fp-main .cell th {
    background-color: #f5f5f5;
    padding-left: 10px;
    border-right: 0;
}

.fp-main .cell td {
    width: 620px;
    padding-left: 20px;
    text-align: left;
}

.fp-main .cell .job_level>div {
    width: 200px;
}

.fp-main .cell .sch_sel_wrap {
    width: 200px;
}

.fp-main .cell td .mb-2 {
    margin-top: 10px;
}

.fp-main .cell td .mb-6 {
    margin-bottom: 10px;
}

.fp-main .cell td .pb-4 {
    padding: 0;
}

.fp-main .cell .POS>div {
    display: inline-block;
}

.fp-main .cell .POS>.pos {
    width: 100%;
}

.fp-main .cell .POS input {
    width: 300px;
}

.fp-main .cell .logoSearch>div {
    display: inline-block;
}

.fp-main .cell .logoSearch input {
    width: 300px;
}

.fp-main .cell .Class {
    padding-top: 10px;
    padding-bottom: 10px;
}

.fp-main .cell button {
    background-color: #777;
    font-size: 14px;
    color: rgb(24, 24, 24);
    margin-left: 10px;
}

.fp-main .cell>button {
    line-height: 30px;
    background-color: #777;
    font-size: 14px;
    color: white;
    margin-top: 20px;
}


/*teach_set*/

.fp-main .search {
    width: 100%;
    padding: 20px 0 60px;
}

.fp-main .s_input {
    width: 400px;
    height: 60px;
    margin: 0 auto;
    border: 1px solid black;
}

.fp-main .s_input div {
    float: left;
}

.fp-main .s_input input {
    border: 0;
}

.fp-main .s_input input::placeholder {
    color: #999;
}

.fp-main .s_input button {
    float: right;
    background: none;
}

.fp-main .s_input i {
    font-size: 50px;
    margin-top: 5px;
}

.fp-main .subNav {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fp-main .subNav .sub_L {
    display: flex;
    gap: 10px;
}

.fp-main .subNav .exl {
    float: left;
    background-color: #69a23e;
    color: white;
    font-size: 16px;
}

.fp-main .subNav .exl i {
    float: left;
    margin-right: 5px;
    font-size: 28px;
}

.fp-main .subNav .sub_L input {
    float: left;
    margin: 7px 5px;
}

.fp-main .subNav .sub_L p {
    float: left;
    font-size: 14px;
}

.fp-main .subNav .sub_R {
    float: right;
}

.fp-main .teach_cell {
    width: 100%;
    margin-top: 20px;
    padding-bottom: 40px;
}

.fp-main .teach_cell table {
    width: 100%;
    text-align: center;
}

.fp-main .teach_cell tr:nth-child(1) {
    height: 30px;
    background-color: #f5f5f5;
}

.fp-main .teach_cell th {
    font-size: 13px;
    text-align: center;
}

.fp-main .teach_cell td {
    position: relative;
    text-align: center;
}

.fp-main .teach_cell td a:link {
    color: #0000ff;
}

.fp-main .teach_cell td a:visited {
    color: #0000ff;
}

.fp-main .teach_cell .tea_check {
    width: 40px;
    padding-top: 5px;
    margin: 0 auto;
}

.fp-main .teach_cell td .er {
    position: absolute;
    left: 10px;
    bottom: -2px;
    color: #f14300;
}

.fp-main .teach_cell td .FnD {
    width: 120px;
    border: 1px solid #d3d3d3;
    position: absolute;
    left: 46px;
    bottom: -32px;
    background-color: white;
    cursor: pointer;
}

.fp-main .teach_cell td .FD {
    padding: 3px 0;
    overflow: hidden;
}

.fp-main .teach_cell td .FD:nth-child(1) {
    border-bottom: 1px solid black;
}

.fp-main .teach_cell td .FD i {
    float: left;
    margin-top: 3px;
    margin-left: 5px;
}

.fp-main .teach_cell td .FD p {
    float: left;
    margin-left: 5px;
}

.fp-main .dWrap {
    width: 20px;
    height: 30px;
    margin: 0 auto;
    position: relative;
    cursor: pointer;
}

.fp-main .dWrap .dot {
    width: 4px;
    height: 4px;
    border-radius: 8px;
    background: #717171;
    position: absolute;
    left: calc(50% - 2px);
    top: calc(50% - 2px);
}

.fp-main .dWrap .dot:nth-child(1) {
    top: 6px;
}

.fp-main .dWrap .dot:nth-child(3) {
    top: 20px;
}

.fp-main .teach_cell select {
    border: 1px solid black;
}

.fp-main .page div {
    width: 32px;
    height: 32px;
    background: white;
    border: 1px solid #d3d3d3;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    margin: 0 2px;
}

.fp-main .info_t {
    font-size: 14px;
    margin: 0 auto;
    text-align: center;
    margin-top: 40px;
}


/*teach_set_regi*/

.fp-main .regi_sel {
    width: 50%;
    display: flex;
    margin: 0 auto;
}

.fp-main .regi_sel .regi {
    text-align: center;
    flex: 1;
    padding: 10px 0;
    font-size: 16px;
}

.fp-main .regi_sel .tab_sel {
    border-bottom: 1px solid black;
}

.fp-main .regi_sel .regi a {
    width: 100%;
    display: block;
}

.fp-main .regi_menual {
    text-align: right;
    margin-top: 30px;
}

.fp-main .regi_search .search_name {
    border-bottom: 1px solid black;
    padding-bottom: 20px;
}

.fp-main .regi_search .search_name>div {
    width: 530px;
    height: 35px;
    font-size: 13px;
    padding-left: 5px;
    margin-right: 5px;
    display: inline-block;
}

.fp-main .regi_search .search_name button {
    width: 150px;
    padding: 20px 15px;
    background: #666;
    color: white;
}

.fp-main .regi_search .search_name button:nth-child(3) {
    margin-left: 220px;
}


/* teach_modal */

.fp-main .tea_mo button {
    background-color: #777;
    color: white;
    margin-top: 20px;
}

.fp-main .tea_mo {
    text-align: center;
}

.fp-main .tea_mo .reason {
    width: 100%;
    margin-top: 15px;
}

.fp-main .tea_mo .fail_reason {
    width: 95%;
    margin: 20px auto 0;
}

.fp-main .tea_mo .fail_reason .fail {
    border: 1px solid gray;
    font-size: 16px;
    padding: 10px 0;
}

.fp-main .tea_mo .fail_reason .f_title {
    background: #e9e9e9;
}

.fp-main .tea_mo .fail_reason .f_t {
    color: rgb(212, 120, 0);
}


/* subject_info */

.fp-main .subj_all_regi {
    background: rgb(238, 238, 238);
    text-align: center;
    padding: 20px 10px;
}

.fp-main .subj_all_regi p {
    margin-bottom: 20px;
}

.fp-main .subj_sel {
    margin: 20px 0;
}

.fp-main .subj_sel ul {
    overflow: hidden;
    border-bottom: 1px solid black;
}

.fp-main .subj_sel li {
    float: left;
    border: 1px solid black;
    border-bottom: 0;
    padding: 15px 25px;
}

.fp-main .subj_sel li:nth-child(2) {
    border-left: 0;
    border-right: 0;
}

.fp-main .sj_select {
    background: rgb(163, 163, 163);
}

.fp-main .subj_search {
    background: rgb(238, 238, 238);
    text-align: center;
    padding: 10px 5px;
}

.fp-main .subj_search .sj_sch_wrap {
    display: inline-block;
}

.fp-main .subj_search .sj_sch_wrap .s_btn_wrap {
    display: inline-block;
    width: 80px;
    position: relative;
}

.fp-main .subj_search .sj_sch_wrap>div {
    display: inline-block;
    width: 190px;
}

.fp-main .subj_search .sj_sch_wrap>div .mb-6 {
    margin-top: 1.5em;
}

.fp-main .subj_search .sj_sch_wrap .s_btn_wrap button {
    position: absolute;
    left: 5px;
    top: -33px;
    background-color: #666;
}

.fp-main .subNav button {
    display: flex;
    gap: 5px;
    background-color: #f2f2f2;
    color: #111111;
}

.fp-main .subNav .all_btn {
    float: right;
}


/* subject_info_all_regi */

.fp-main .regi_search .y_sel {
    padding-left: 22px;
}

.fp-main .regi_search .y_sel>div {
    width: 200px;
}


/* circles_group_info */

.fp-main .c_g_btn {
    float: right;
}

.fp-main .c_g_btn .c_del {
    background-color: rgb(236, 51, 18);
    color: white;
    box-shadow: none;
}

.fp-main .c_g_btn .c_tos {
    background-color: rgb(230, 104, 20);
    color: white;
    box-shadow: none;
    margin: 0 10px;
}

.fp-main .c_g_cell .c_g_sta>div {
    width: 110px;
    margin: 0 auto;
}


/* class css */

.fp-class .late_stu {
    background: #ffebbf;
}

.fp-class .no_active {
    margin-left: 25px;
    margin-right: 25px;
}

.fp-class .arrow {
    font-size: 32px;
}

.fp-class .list .slide_btn {
    width: 100%;
    display: inline-block;
    text-align: right;
}

.fp-class .list .slide_btn div {
    display: inline-block;
    cursor: pointer;
    margin-right: 20px;
}

.fp-class .list .mylist .todo p {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 20px;
}

.fp-class .list .mylist .t_line {
    border-bottom: 1px solid black;
    padding: 20px 0;
}

.fp-class .list .mylist .b_check {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: space-evenly;
    height: 155px;
}

.fp-class .list .mylist .b_check h3 {
    width: 100%;
    font-size: 21px;
}

.fp-class .list .mylist .b_check span {
    font-size: 17px;
    font-weight: bold;
}

.fp-class .list .bullet_wrap {
    width: 100%;
    overflow: hidden;
    text-align: center;
    padding-top: 15px;
}

.fp-class .list .bullet_wrap .center {
    overflow: hidden;
    display: inline-block;
}

.fp-class .list .bullet_wrap .bul_active {
    background: #888;
}

.fp-class .list .bullet_wrap .bullet {
    width: 15px;
    height: 15px;
    float: left;
    border-radius: 15px;
    margin: 0 5px;
    border: 1px solid black;
}

.fp-class .TD_list {
    position: relative;
    margin-top: 20px;
    text-align: center;
}

.fp-class .TD_list .t_arrow {
    width: 40px;
    height: 40px;
    background: peachpuff;
    transform: rotate(45deg);
    position: absolute;
    left: 100px;
    top: -20px;
}

.fp-class .TD_list .checklist {
    width: 100%;
    padding: 10px 0;
}

.fp-class .TD_list .checklist .check_wrap {
    position: relative;
    overflow: hidden;
    padding-left: 50px;
}

.fp-class .TD_list .checklist .check_wrap>div {
    float: left;
}

.fp-class .class_check_time_carousel .demo {
    width: 1200px !important;
}

.fp-class .teach_con {
    padding-top: 30px;
}

.fp-class .infocon {
    display: flex;
    justify-content: space-between;
}

.fp-class .info_wrap {
    width: 560px;
    text-align: center;
    background: white;
    border: 1px solid #d3d3d3;
}

.fp-class .info_wrap .info_con {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.fp-class .info_wrap .info_con .info_head {
    color: #54a8a0;
    flex: 1;
}

.fp-class .info_wrap .info_con p {
    color: #222;
    flex: 4;
    text-align: left;
}

.fp-class .info_wrap .info_con .info_date {
    color: #999;
    flex: 1;
}

.fp-class .info_wrap h3 {
    font-size: 21px;
    font-weight: bold;
    background: white;
    width: 100%;
    text-align: center;
    padding: 24px 0;
    margin: 0;
    border-bottom: 1px solid #d3d3d3;
}

.fp-class .info_wrap .h_sel {
    position: relative;
}

.fp-class .info_wrap .h_sel .select_box {
    width: 150px;
    position: absolute;
    right: 20px;
    top: calc(50% - 20px);
    padding: 0;
}

.fp-class .info_wrap .info_box {
    padding: 18px 0;
    border-bottom: 1px solid #d3d3d3;
}

.fp-class .info_wrap .con_plus {
    padding: 15px 0;
    cursor: pointer;
}

.fp-class .info_wrap .info_box .info_con h3 {
    font-size: 18px;
    display: inline-block;
}

.fp-class .info_wrap .info_box .new_cir {
    width: 25px;
    height: 25px;
    display: inline-block;
    color: #fb8b00;
    text-align: center;
    margin-left: 5px;
    background: #e6e6e6;
    border-radius: 20px;
}

.fp-class .c_head {
    position: relative;
}

.fp-class .c_head h3 {
    font-size: 21px;
    text-align: center;
}

.fp-class .c_head .period {
    font-size: 36px;
    text-align: center;
}

.fp-class .c_head .sc_go {
    font-size: 15px;
    position: absolute;
    right: 0;
    top: 50px;
}

.fp-class .notice_wrap .notice {
    width: 560px;
}

.fp-class .t_c_slide {
    margin: 40px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fp-class .t_c_slide .a_left {
    width: auto;
    line-height: 240px;
    cursor: pointer;
    flex: 1;
}

.fp-class .t_c_slide .a_right {
    width: auto;
    line-height: 240px;
    cursor: pointer;
    flex: 1;
}

.fp-class .list {
    display: flex;
    justify-content: space-between;
    gap: 29px;
}

.fp-class .list .sl_wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-around;
}

.fp-class .list .sl_wrap .demo {
    width: 955px;
}

.fp-class .list .mylist {
    width: 216px;
    height: 216px;
    background: white;
    border: 1px solid #d3d3d3;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.fp-class .list .ml_1 {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #20283e;
    color: white;
}

p.con {
    color: #54a8a0;
}

.fp-class .t_c_slide .slide_wrap {
    display: flex;
    flex: 1;
    justify-content: space-around;
}

.fp-class .t_c_slide .p_slide {
    width: 272px !important;
    height: 216px !important;
    text-align: center;
    border: 1px solid gray;
}

.fp-class .t_c_slide .p_slide h3 {
    font-size: 16px;
    text-align: center;
    padding: 20px 0;
    margin: 0;
    border-bottom: 1px solid #d3d3d3;
}

.fp-class .t_c_slide .p_slide p {
    padding-top: 16px;
}

.fp-class .t_c_slide .p_slide span {
    font-size: 21px;
    font-weight: bold;
}

.fp-class .t_c_slide .p_slide .cl_pup {
    color: rgb(62, 62, 207);
    padding-top: 20px;
}

.fp-class .my_sc {
    margin: 100px 0;
}

.fp-class .my_sc .sc_box {
    position: relative;
    display: flex;
}

.fp-class .my_sc .sc_box .sc_line_wrap p {
    padding: 20px 10px;
}

.fp-class .my_sc .sc_box .sc_line_wrap .line_wrap {
    width: 1082px;
    padding: 32px 0;
    position: relative;
    border-left: 1px solid #d3d3d3;
}

.fp-class .my_sc .sc_box .sc_line_wrap .line_wrap:nth-last-child(1) {
    padding-bottom: 0;
}

.fp-class .my_sc .sc_box .sc_line_wrap .line_wrap:nth-last-child(1) .sc_line {
    top: 96%;
}

.fp-class .my_sc .sc_box .sc_line_wrap .line_wrap .sc_line {
    width: 100%;
    height: 1px;
    background: #d3d3d3;
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
}

.fp-class .my_sc .sc_box .my_line_wrap {
    position: absolute;
    left: 70px;
    top: 118px;
    width: 100%;
}

.fp-class .my_sc .sc_box .my_line_wrap .my_cir {
    width: 10px;
    height: 10px;
    background: coral;
    position: absolute;
    left: 5px;
    top: 4px;
    border-radius: 20px;
}

.fp-class .my_sc .sc_box .my_line_wrap .my_line {
    width: 90%;
    height: 2px;
    background: coral;
    display: inline-block;
    position: absolute;
    left: 12px;
    top: 8px;
}

.fp-class .notice .notice_head {
    border-bottom: 2px solid #555555;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 15px 0;
}

.fp-class .notice .notice_head h3 {
    font-size: 21px;
    color: black;
    font-weight: bold;
}

.fp-class .notice .notice_head p {
    text-align: right;
}

.fp-class .notice .noti_list {
    padding: 10px;
    border-bottom: 1px solid #777;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
}

.fp-class .notice .noti_list .name {
    color: #222222;
    flex: 1;
}

.fp-class .notice .noti_list span {
    color: #54a8a0;
    margin-right: 5px;
}

.fp-class .notice .noti_list .years {
    color: #999999;
}

.fp-class .footer {
    background: #dedede;
    margin-top: 80px;
    padding: 20px;
    color: #555;
    position: relative;
}

.fp-class .footer .f_logo {
    position: absolute;
    left: 20px;
    top: 20px;
}

.fp-class .footer .f_logo p {
    font-size: 36px;
    font-weight: 500;
}

.fp-class .footer .f_menu {
    text-align: center;
}

.fp-class .footer .f_menu ul {
    overflow: hidden;
    display: inline-block;
    margin-bottom: 20px;
}

.fp-class .footer .f_menu ul li {
    float: left;
    padding: 1px 10px;
    font-size: 16px;
    border-right: 1px solid #555;
    border-left: 1px solid #555;
}

.fp-class .footer .f_menu ul li:nth-child(1) {
    border-left: 0;
}

.fp-class .footer .f_menu ul li:nth-child(4) {
    border-right: 0;
}

.fp-class .footer .f_menu .ad_copy p {
    color: #a7a7a7;
}

.fp-class .fix_btn {
    display: none;
    width: 100px;
    height: 100px;
    background: #e9e9e9;
    border-radius: 100px;
    position: fixed;
    bottom: 50px;
    right: 50px;
    font-size: 16px;
    line-height: 100px;
    text-align: center;
}


/* sel_subj_modal */

.fp-class .tea_mo button {
    color: white;
    margin-top: 20px;
}

.fp-class .m_modal_h {
    text-align: left;
    font-weight: bold;
    font-size: 21px;
    position: relative;
    padding-bottom: 20px;
}

.fp-class .closebtn {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.fp-class .closebtn i {
    font-size: 30px;
}

.fp-class .tea_mo {
    width: 800px;
    margin: 0 auto;
    padding: 40px;
    text-align: center;
    border: 1px solid #d3d3d3;
}

.fp-class .per_class {
    background: #f5f5f5;
    padding: 10px;
    margin-top: 10px;
}

.fp-class .per_slide {
    display: flex;
    text-align: center;
    margin: 40px 0;
}

.fp-class .per_slide .a_left {
    line-height: 215px;
    cursor: pointer;
}

.fp-class .per_slide .a_right {
    line-height: 215px;
    cursor: pointer;
}

.fp-class .per_slide .slide_wrap {
    display: flex;
    gap: 15px;
}

.fp-class .per_slide .per_s_wrap {
    width: 230px;
    text-align: center;
    position: relative;
}

.fp-class .per_slide .per_s_wrap .t_arrow {
    width: 40px;
    height: 40px;
    background: #e9e9e9;
    transform: rotate(45deg);
    position: absolute;
    left: 85px;
    top: 225px;
}

.fp-class .stu_list {
    height: 307px;
    margin-top: 30px;
    overflow-y: scroll;
    position: relative;
    z-index: 2;
    background: white;
}

.fp-class .stu_list .stdt {
    padding: 10px 0;
    display: flex;
    justify-content: center;
    gap: 20px;
    border-bottom: 1px solid #d3d3d3;
    position: relative;
}

.fp-class .per_slide .p_slide {
    border: 1px solid #d3d3d3;
    padding: 10px;
}

.fp-class .per_slide .p_slide h3 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 30px 10px 10px 10px;
}

.fp-class .per_slide .p_slide p {
    font-size: 18px;
    padding: 5px 0;
}

.fp-class .per_slide .p_slide span {
    font-size: 30px;
    font-weight: 500;
    color: coral;
}

.fp-class .per_slide .p_slide .cl_pup {
    color: rgb(62, 62, 207);
    padding-top: 20px;
}


/* cl_mysc */

.fp-class .t_sc_menu {
    width: 100%;
    text-align: center;
    scrollbar-width: none;
    border-bottom: 0.25vw solid #d3d3d3;
}

.fp-class .t_sc_menu ul {
    display: flex;
    width: 1200px;
    margin: 0 auto;
}

.fp-class .t_sc_menu ul li {
    flex: 1;
    padding: 20px 0;
}

.fp-class .d_top {
    margin: 0 auto;
    position: relative;
}

.fp-class .d_wrap {
    display: inline-block;
}

.fp-class .sh_menual {
    display: flex;
    gap: 10px;
    height: 30px;
    background: white;
    align-items: center;
    border: 1px solid #bbb;
    padding: 10px;
    position: absolute;
    right: 10px;
    top: 50px;
}

.fp-class .time_table {
    margin-top: 40px;
}

.fp-class .TextField_no_mb6 .mb-6 {
    margin: 0;
}

.fp-class table .today {
    background: #eee;
}


/* cl_take_class */

.fp-class .t_cl_menu {
    width: 100%;
    text-align: center;
}

.fp-class .t_cl_menu ul {
    overflow: hidden;
    display: inline-block;
    background: #e9e9e9;
}

.fp-class .t_cl_menu ul li {
    float: left;
    padding: 5px 58px;
}

.fp-class .sel {
    width: 1200px;
    text-align: left;
    margin: 0 auto;
}

.fp-class .sel_wrap {
    display: inline-block;
}

.fp-class .fp-container {
    width: 1200px;
    margin: 0 auto;
}

.fp-class .fp-container .con_menu {
    width: 400px;
    float: left;
}

.fp-class .fp-container .con_area {
    width: 1200px;
    padding: 20px 0;
}

.fp-class .con_menu_list {
    width: 100%;
    border-top: 1px solid #e9e9e9;
    padding: 15px 20px;
    overflow: hidden;
}

.fp-class .con_menu_list .list_wrap {
    float: left;
}

.fp-class .con_menu_list .arrow_r {
    width: 10%;
    text-align: center;
    float: right;
    font-size: 22px;
    line-height: 52px;
    cursor: pointer;
}

.fp-class .con_area h2 {
    text-align: center;
}

.fp-class .con_area .d_top {
    overflow: unset;
}

.fp-class .con_area table tr {
    border: 0;
}

.fp-class .con_area table th,
td {
    border-right: 0;
}

.fp-class .con_area table th {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding: 15px 0;
}

.fp-class .con_area table td {
    padding: 10px 0;
    background: white;
}

.fp-class .con_area table .cell_H {
    text-align: center;
}

.fp-class .con_area table .status {
    color: #1c49aa;
    font-weight: bold;
}

.fp-class .con_area table .arrow_down {
    font-size: 20px;
    cursor: pointer;
}

.fp-class .con_area .date>button {
    float: left;
    margin: 32px 10px;
}

.fp-class .con_area .date div button {
    background: none;
    right: 0;
    top: 0;
}

.fp-class .fp-container .Vtrans {
    transform: rotate(180deg);
}

.fp-class .come_menu {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding: 30px 0 0;
}

.fp-class .come_menu ul {
    display: flex;
    border-bottom: 1px solid #d3d3d3;
}

.fp-class .come_menu ul li {
    padding: 20px 30px;
    margin-right: 3px;
    border: 1px solid #d3d3d3;
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
}

.fp-class .stu_wrap {
    display: flex;
    justify-content: center;
    gap: 10px;
    padding: 10px;
}

.fp-class .stu_wrap .sel_wrap {
    display: inline-block;
}

.fp-class .stu_wrap .sel_wrap>div {
    display: inline-block;
    width: 200px;
}

.fp-class .cir {
    width: 40px;
    height: 40px;
    border: 1px solid #d3d3d3;
    border-radius: 40px;
    margin: 0 auto;
    cursor: pointer;
}

.fp-class .sel_cir {
    background: #dd9191;
}

.fp-class .subNav {
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
}

.fp-class .subNav .sub_L {
    display: flex;
    gap: 10px;
    align-items: center;
}

.fp-class .subNav .exl {
    float: left;
    background-color: #69a23e;
    color: white;
    font-size: 16px;
}

.fp-class .subNav .exl i {
    float: left;
    margin-right: 5px;
    font-size: 28px;
}

.fp-class .subNav .sub_L input {
    float: left;
    margin: 7px 5px;
}

.fp-class .subNav .sub_L p {
    float: left;
    font-size: 14px;
}

.fp-class .subNav .sub_R {
    display: flex;
    gap: 10px;
    align-items: center;
}

.fp-class .subNav .sub_R .re {
    float: left;
    background: #666;
    font-size: 12px;
    color: white;
    margin-right: 10px;
}

.fp-class .subNav .sub_R .new {
    float: left;
    background: #666;
    font-size: 12px;
    color: white;
}

.fp-class .teach_cell {
    width: 100%;
    padding-bottom: 40px;
}

.fp-class .teach_cell table {
    width: 100%;
    text-align: center;
}

.fp-class .teach_cell th {
    font-size: 14px;
    text-align: center;
}

.fp-class .teach_cell td {
    position: relative;
    text-align: center;
}

.fp-class .teach_cell td a:link {
    color: #0000ff;
}

.fp-class .teach_cell td a:visited {
    color: #0000ff;
}

.fp-class .teach_cell .tea_check {
    width: 40px;
    padding-top: 5px;
    margin: 0 auto;
}

.fp-class .teach_cell td .er {
    position: absolute;
    left: 10px;
    bottom: -2px;
    color: #f14300;
}

.fp-class .teach_cell input {
    margin: 0 auto;
}

.fp-class .teach_cell .sch_sel>div {
    width: 120px;
    margin: 0 auto;
}

.fp-class .teach_cell select {
    border: 1px solid black;
}

.fp-class .double_2 {
    display: flex;
    align-items: center;
    gap: 10px;
}


/* sl_sj_regi */

.backpage {
    cursor: pointer;
    text-align: right;
    margin: 10px 0;
    color: #8c8c8c;
}

.backpage i.material-icons {
    vertical-align: sub;
    color: #ddd;
    font-size: 1.4em;
}

.fp-class .regi_search {
    background-color: #eaeaea;
    padding: 20px;
    margin-top: 10px;
    text-align: center;
}

.fp-class .regi_search .search_name {
    border-bottom: 1px solid black;
    padding-bottom: 20px;
}

.fp-class .regi_search .search_name>div {
    width: 530px;
    height: 35px;
    font-size: 13px;
    padding-left: 5px;
    margin-right: 5px;
    display: inline-block;
}

.fp-class .regi_search .search_name button {
    width: 150px;
    padding: 20px 15px;
    background: #666;
    color: white;
}

.fp-class .regi_search .search_name button:nth-child(3) {
    margin-left: 220px;
}

.fp-class .regi_search .drag_file {
    width: 370px;
    margin: 25px auto 30px;
    overflow: hidden;
    padding: 10px;
    text-align: center;
}

.fp-class .regi_search .drag_file i {
    float: left;
    font-size: 60px;
}

.fp-class .regi_search .drag_file p {
    float: left;
    font-size: 20px;
    text-align: left;
    margin-left: 10px;
}

.fp-class .regi_search button {
    width: 110px;
    font-size: 16px;
    background-color: #666;
    color: white;
    margin-top: 25px;
}

.fp-class .date div button {
    background: none;
}

.fp-class .regi_radiobox>div {
    display: inline-block;
}

.fp-class .regi_radiobox .mb-2 {
    margin: 0;
}

.fp-class .regi_radiobox .mb-4 {
    margin: 0;
}

.fp-class .stu_basic .input_inner {
    display: inline-block;
    width: 600px;
}

.fp-class .stu_basic .time_sel {
    display: inline-block;
}

.fp-class .stu_basic .time_sel>div {
    display: inline-block;
    width: 100px;
}

.fp-class .table .regi_btn {
    text-align: center;
    margin-top: 20px;
}

.fp-class .sj_deep {
    margin-top: 25px;
}

.fp-class .sj_h {
    background: #f5f5f5;
    padding: 20px;
}

.fp-class .sj_h .sj_top {
    padding: 4px 30px;
    background: #54a8a0;
    color: white;
    font-weight: bold;
}

.fp-class .sj_h h3 {
    font-size: 18px;
    margin: 15px 0;
}

.fp-class .sj_h .get {
    overflow: hidden;
}

.fp-class .sj_h .get li {
    float: left;
    padding: 0 10px;
}

.fp-class .sj_h .get li:nth-child(1) {
    border-right: 1px solid black;
}

.fp-class .sj_con {
    padding: 20px;
}

.fp-class .exl_file .exl {
    margin-right: 10px;
}

.fp-class .addfile h3 {
    font-size: 18px;
    border-top: 1px solid #d3d3d3;
    padding: 20px;
}

.fp-class .clip_file a {
    color: black !important;
}

.fp-class .tdch>div {
    height: 40px;
}

.fp-class .subj_search {
    text-align: center;
    padding: 10px 5px;
}

.fp-class .subj_search .sj_sch_wrap .s_btn_wrap {
    display: inline-block;
    width: 80px;
    position: relative;
}

.fp-class .subj_search .sj_sch_wrap>div .mb-6 {
    margin-top: 1.5em;
}

.fp-class .subj_search .sj_sch_wrap .s_btn_wrap button {
    position: absolute;
    left: 5px;
    top: -33px;
}

.fp-class .subNav .sub_l {
    float: left;
    width: 500px;
}

.fp-class .subNav .sub_l>div {
    /* width: 150px;*/
    flex-direction: unset;
    display: inline-block;
}

.fp-class .subNav .sub_l>div .mt-2 {
    margin: 0;
}

.fp-class .btn_box .regi_btn_box {
    width: 100px;
    text-align: center;
    float: left;
}

.fp-class .btn_box .ccl_btn_box>button {
    width: auto;
}

.fp-class .btn_box .regi_btn_box>button {
    width: auto;
}

.fp-class .subNav .quiz_up {
    margin-left: 5px;
}

.fp-class .subNav .sub_r {
    display: flex;
    justify-content: flex-end;
}

.fp-class .subNav .sub_r .exl {
    float: none;
}

.fp-class .exl {
    display: flex;
    align-items: center;
    gap: 5px;
}

.fp-class .exl i {
    font-size: 20px;
}

.fp-class .quest_btn_on {
    background-color: #6ebdfd;
    position: relative;
}

.fp-class .quest_btn_on:hover {
    background-color: #63abe6;
}

.fp-class .chat_input .chat_text:after {
    content: "";
    display: block;
    width: 45px;
    height: 45px;
    border-radius: 40px;
    position: absolute;
    right: 5px;
    top: 7px;
    background: black;
    cursor: pointer;
}

.fp-class .subNav .sub {
    float: none;
    padding: 25px 0;
}

.fp-class .subj_select .check_box_wrap .check_box>div>div {
    margin: 0;
}

.fp-class .flex_box .text_box div {
    margin: 0;
    padding: 0;
}

.fp-class .table_select>div {
    margin: 0;
    padding: 0;
}

.fp-class .table_select>div>div {
    margin: 0;
    padding: 0;
}

.fp-class .table_select>div>div>div {
    margin: 0;
    padding: 0;
}

.fp-class .com_detail .flex_box .select_box>div {
    padding: 0;
}

.select_box_wrap .select_box>div {
    padding: 0;
}

.select_box_wrap .select_box>div>div {
    margin: 0;
}

.text_box>div {
    margin: 0;
}

.fp-ams .info {
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

.fp-ams .info ul {
    display: flex;
    align-items: center;
}

.fp-ams .info ul li {
    padding: 0 10px;
    border-right: 1px solid gray;
}

.fp-ams .info ul li:nth-last-child(1) {
    border-right: 0;
}

.fp-ams .point {
    color: #05a2fd;
    font-size: 30px;
    font-weight: 500;
}

.fp-ams .advise {
    padding: 40px 15px;
}

.fp-ams .advise h1 {
    border-bottom: 1px solid black;
    font-size: 24px;
}

.fp-ams .advise ul {
    list-style-position: outside;
    list-style: outside;
    overflow: unset;
    padding: 10px 0;
}

.fp-ams .advise ul li {
    float: unset;
    list-style: inherit;
    margin: 5px 0;
    text-align: left;
}

.fp-ams .advise p {
    text-align: left;
}

.flex_box .hyoyule {
    flex-grow: 1;
}

.flex_box .battery {
    flex-grow: 1;
}

.subj_rank {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.subj_rank li {
    padding: 5px 20px;
    border-radius: 40px;
    text-align: center;
}

.subj_rank .arrow {
    font-size: 20px;
}

.fp-ams .subj_rank .arrow:nth-last-child(1) {
    display: none;
}

.fp-ams .jungsusi h1 {
    font-size: 24px;
    margin: 0;
    padding: 20px;
}

.fp-ams .jungsusi h2 {
    font-size: 20px;
    position: relative;
}

.fp-ams .univ {
    padding: 20px;
}

.fp-ams .univ_level {
    position: relative;
    padding: 30px 0;
}

.fp-ams .univ_level ul {
    background: linear-gradient(to right, #54a8a0 0%, #5087b4 100%);
    display: flex;
    justify-content: space-between;
    color: white;
}

.fp-ams .univ_level ul li {
    text-align: center;
    padding: 20px 0;
    flex: 1;
    border-right: 1px solid white;
}

.fp-ams .univ_level .univ_p p {
    position: relative;
}

.fp-ams .up:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid orange;
    position: absolute;
    left: calc(50% - 5px);
    top: -15px;
    transform: rotate(225deg);
}

.fp-ams .down:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid orange;
    position: absolute;
    left: calc(50% - 5px);
    top: 20px;
    transform: rotate(45deg);
}

.fp-ams .list_on {
    margin-top: 20px;
    list-style: unset;
    padding-left: 20px;
}

.fp-ams .battery_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}

.fp-ams .battery_wrap .batteries {
    position: relative;
}

.fp-ams .battery_wrap .batteries .batt {
    position: relative;
    margin: 25px 0;
}

.fp-ams .battery_wrap .white_back {
    width: 43px;
    height: 82px;
    background: white;
    position: absolute;
    left: 38px;
    bottom: 20px;
}

.fp-ams .battery_wrap .batt_gage {
    width: 39px;
    background: green;
    position: absolute;
    left: 40px;
    bottom: 21px;
}

.fp-ams .battery_wrap i {
    font-size: 120px;
}


/* 배터리 경고 */

.fp-ams .batt_alert {
    background: #ffa600;
}


/* 배터리 위험 */

.fp-ams .batt_danger {
    background: red;
}

.chat_name {
    display: flex;
}

.chat_name .my_score {
    display: flex;
    align-items: center;
}

.chat_name .no_1 {
    display: flex;
    align-items: center;
    margin: 0 20px;
}

.chat_name .no_2 {
    display: flex;
    align-items: center;
}

.blueline {
    width: 20px;
    height: 4px;
    margin-right: 5px;
    background: blue;
}

.redline {
    width: 20px;
    height: 4px;
    margin-right: 5px;
    background: red;
}

.greenline {
    width: 20px;
    height: 4px;
    margin-right: 5px;
    background: green;
}

.purpleline {
    width: 20px;
    height: 4px;
    margin-right: 5px;
    background: purple;
}

.fp-ams .control {
    text-align: right;
    margin: 10px 0;
    position: relative;
}

.fp-ams .control>i {
    font-size: 50px;
    cursor: pointer;
}

.fp-ams .f_modal {
    background: white;
}

.fp-ams .f_modal h4 {
    font-size: 22px;
    text-align: left;
    margin: 10px 0 20px;
}

.fp-ams .f_modal .f_top .closebtn {
    display: flex;
    cursor: pointer;
}

.fp-ams .f_modal .f_top .closebtn i {
    font-size: 24px;
}

.fp-ams .f_modal .f_m_subj .subj_check_all {
    text-align: left;
}

.fp-ams .f_modal .f_m_subj .subj_check {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid black;
    padding: 10px 0;
}

.fp-ams .f_modal .f_m_junhyung .radio_chk {
    border-bottom: 1px solid black;
    padding-bottom: 10px;
}

.fp-ams .f_modal .f_m_option .subj_check {
    display: flex;
}

.fp-ams .f_modal .f_m_option .f_m_text {
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-bottom: 1px solid black;
    padding: 10px 0;
}

.fp-ams .f_modal .f_m_option .f_m_text>.mb-6 {
    margin-bottom: 0.5rem;
}

.fp-ams .f_modal .f_m_univ_sel .f_m_sel_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    gap: 18%;
    padding-bottom: 10px;
}

.fp-ams .f_modal .f_m_btn {
    padding: 10px;
    display: flex;
    justify-content: space-evenly;
    border-top: 1px solid black;
}

.fp-ams .chui {
    margin-bottom: 20px;
}

.fp-ams .chui h4 {
    font-size: 22px;
    padding-left: 10px;
    margin-bottom: 10px;
}

.fp-ams .chui .chui_sel {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.fp-ams .chui .chui_sel .subj_sel .check_wrap {
    display: flex;
    border: 1px solid black;
    padding: 5px;
}

.fp-class .FnD {
    width: 120px;
    border: 1px solid #d3d3d3;
    position: absolute;
    left: -110px;
    bottom: -54px;
    background-color: white;
    cursor: pointer;
    z-index: 10;
}

.fp-ams .chui .chui_graph .chat_name {
    justify-content: center;
    margin: 15px 0;
}

.radio_chk>span {
    flex-direction: column;
    margin-bottom: 0;
}

.radio_chk>span label {
    text-align: left;
}

.score_status {
    display: flex;
    gap: 20px;
}

.score_status .score_circle {
    width: 170px;
    height: 170px;
    background: #f2f2f2;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: space-evenly;
    padding: 0 10px;
}

.fp-class .ontact_top {
    margin-top: 30px;
}

.score_circle .icon {
    width: 100%;
    text-align: center;
}

.score_circle .icon i {
    font-size: 60px;
}

.score-up i {
    color: #4d7ff1;
}

.score-stay i {
    color: #555;
}

.score-down i {
    color: #d44d4d;
}

.score_status p {
    font-size: 18px;
    margin: 5px 0;
}

.fp-ams .check_box div .mb-2 {
    margin-bottom: 0;
}

.fp-ams .junhyung_graph {
    margin-top: 40px;
}

.fp-ams .junhyung_graph .graph {
    border: 3px solid #e9e9e9;
    margin: 15px 0;
}


/*ams_prsn_detail*/

.fp-ams .info a {
    display: flex;
}

.fp-ams .univ_info {
    padding: 80px;
}

.fp-ams .univ_detail {
    position: relative;
    margin-bottom: 20px;
}

.fp-ams .univ_detail .logo img {
    margin: 0 auto;
}

.fp-ams .univ_detail .name {
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: right;
}

.fp-ams .univ_detail h2 {
    font-size: 24px;
    font-weight: bold;
}

.fp-ams .univ_detail p {
    margin: 10px 0;
}

.fp-ams .hapgyuk_wrap {
    position: relative;
    margin-top: 50px;
}

.fp-ams .hapgyuk_wrap .celebration {
    position: absolute;
    left: 25%;
    top: 0;
}

.fp-ams .hapgyuk_wrap .cut {
    text-align: center;
}

.fp-ams .hapgyuk_wrap .cut h1 {
    font-size: 32px;
    color: #ff8400;
    font-weight: bold;
    margin-bottom: 30px;
}

.fp-ams .hapgyuk_wrap .cut div {
    color: gray;
    margin-top: 20px;
}

.fp-ams .report_menu {
    margin-bottom: 30px;
}

.fp-ams .report_menu ul {
    display: flex;
}

.fp-ams .report_menu ul li {
    flex: 1;
    background: #e9e9e9;
    padding: 10px;
    text-align: center;
    cursor: pointer;
}

.fp-ams .report span {
    font-weight: bold;
}

.fp-ams .report>div {
    font-size: 16px;
    padding: 10px;
}

.fp-ams .report table {
    margin: 10px 0;
}

.fp-ams .num_box {
    margin: 30px 0;
}

.fp-ams .num_box h2 {
    font-size: 20px;
    font-weight: bold;
    margin: 5px 0;
}

.fp-ams .num_box p {
    padding: 5px 10px;
    color: gray;
}

.fp-ams .first_num_box {
    background: #e9e9e9;
}

.fp-ams .num_box>.btn {
    display: flex;
    justify-content: flex-end;
}

.fp-ams .annae {
    background: #e9e9e9;
    padding: 15px;
    margin-top: 15px;
}

.fp-ams .annae p {
    color: gray;
    padding: 5px 10px;
    font-size: 14px;
    position: relative;
}

.fp-ams .annae p:before {
    content: "";
    width: 6px;
    height: 6px;
    background: gray;
    position: absolute;
    left: -5px;
    top: 11px;
    border-radius: 20px;
}

.fp-ams .sub_text p {
    position: relative;
    font-size: 14px;
}

.fp-ams .sub_text p:before {
    content: "";
    width: 6px;
    height: 6px;
    background: gray;
    position: absolute;
    left: -5px;
    top: 11px;
    border-radius: 20px;
}

.fp-ams .graph_wrap {
    margin-top: 40px;
}

.fp-ams .graph_wrap .graph_name {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.fp-ams .graph_wrap .h3p {
    justify-content: space-between;
}

.fp-ams .graph_wrap .graph_name h3 {
    font-size: 16px;
    font-weight: 600;
    position: relative;
}

.fp-ams .graph_wrap .graph_name h3:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 8px solid black;
    transform: rotate(-45deg);
    position: absolute;
    left: -15px;
    top: 7px;
}

.fp-ams .graph_wrap .graph_name .name_box {
    width: 15px;
    height: 15px;
    background: orange;
    margin-right: 10px;
}

.fp-ams .real_text {
    margin: 20px 0;
    text-align: center;
}

.fp-ams .real_text h3 {
    font-size: 19px;
    margin: 10px 0;
}

.fp-ams .jungsi_hap .annae {
    background: none;
}

.fp-ams .sanchul_data .flex_box .radio_box>div {
    justify-content: center;
}

.fp-ams .tab_contents {
    margin-top: 40px;
    position: relative;
}

.fp-ams .tab_contents h2 {
    font-size: 36px;
    text-align: center;
    font-weight: bold;
}

.fp-ams .tab_contents .tab_head p {
    font-size: 16px;
    text-align: center;
}

.fp-ams .tab_contents .tab_search {
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    margin-top: 30px;
}

.fp-ams .tab_contents .tab_search .input {
    width: 300px;
    margin-right: 15px;
}

.fp-ams .tab_contents .icons {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    flex: 1;
}

.fp-ams .tab_contents .icons .icon {
    display: flex;
    width: 90px;
    height: 80px;
    align-content: space-evenly;
    border: 1px solid #d3d3d3;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 5px;
    flex: 1;
}

.fp-ams .tab_contents .icons .icon i,
.tab_contents .icons .icon p {
    width: 100%;
    text-align: center;
    font-size: 14px;
}

.fp-ams .tab_contents .icons .icon i {
    font-size: 30px;
}

.fp-ams .tab_top_btn .check_btn {
    width: 120px;
    background: white;
    padding: 5px 10px;
    border: 1px solid #d3d3d3;
    border-radius: 30px;
    cursor: pointer;
    text-align: center;
}

.fp-ams .tab_top_btn .check_btn:nth-child(1) {
    margin-bottom: 15px;
}

.fp-ams .tab_top_btn .check_btn p {
    font-size: 14px;
}

.fp-ams .check_btn_sel {
    background: #ffd29c !important;
}

.fp-ams .tab_selbox {
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 20px;
}

.fp-ams .tab_selbox h3 {
    font-size: 13px;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    text-align: center;
    border-bottom: 1px solid #d3d3d3;
}

.fp-ams .tab_selbox ul {
    width: 100%;
    padding: 5px 0;
}

.fp-ams .tab_selbox ul li {
    width: 100%;
    text-align: center;
    font-size: 13px;
    padding: 11px 5px;
    cursor: pointer;
    margin-bottom: 5px;
}

.fp-ams .tab_selbox ul li:nth-last-child(1) {
    margin-bottom: 0;
}

.fp-ams .tab_selbox .selwrap {
    display: flex;
    justify-content: space-around;
    padding: 10px 0;
    gap: 15px;
    flex: 0;
}

.fp-ams .tab_selbox .selwrap .selcon {
    width: 150px;
    height: 340px;
    background: white;
    border: 1px solid #d3d3d3;
    display: flex;
    flex-wrap: wrap;
    align-content: baseline;
    padding: 0 5px;
}

.fp-ams .tab_selbox .selwrap .big_selcon {
    width: 405px;
}

.fp-ams .tab_selbox .selwrap .jaum {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.fp-ams .jaum_sel {
    background: #54a8a0 !important;
    color: white;
    font-weight: bold;
}

.fp-ams .tab_selbox .selwrap .jaum li {
    width: 28px;
    height: 28px;
    background: #f5f5f5;
    padding: 5px;
}

.fp-ams .tab_selbox .selwrap .jaum_appear {
    width: 100%;
}

.fp-ams .tab_selbox .selwrap .jaum_appear p {
    text-align: left;
    font-weight: bold;
}

.fp-ams .tab_selbox .selwrap .univ-list {
    height: 203px;
    overflow: hidden;
    overflow-y: scroll;
}

.fp-ams .tab_selbox .selwrap .univ_list {
    display: flex;
    width: 100%;
}

.fp-ams .tab_selbox .selwrap .univ_list ul {
    justify-content: space-between;
    flex-wrap: wrap;
}

.fp-ams .tab_selbox .selwrap .univ_list ul li {
    width: 47%;
    text-align: left;
    margin-right: 5px;
}

.fp-ams .tab_selbox .selwrap .y_scroll {
    overflow-y: scroll;
    height: 280px;
    margin: 5px 0;
    padding: 0;
}

.fp-ams .tab_sel {
    background: #f5f5f5;
}

.fp-ams .tab_selbox .selwrap .selcon .in_box {
    width: 120px;
    border: 1px solid #d3d3d3;
    background: white;
    border-left: 0;
    padding: 0 5px;
    height: 100%;
}

.fp-ams .tab_selbox .selwrap .selcon .in_box:nth-child(1) {
    width: 150px;
    border-left: 1px solid #d3d3d3;
}

.fp-ams .tab_selbox .selwrap .selcon .in_box ul li {
    text-align: center;
}

.fp-ams .tab_selbox .selwrap .selcon .inner {
    width: 100%;
    border: 1px solid #d3d3d3;
    background: white;
    padding: 3px;
}

.fp-ams .tab_selbox .selwrap .jungsi_last_selcon {
    border: none;
    background: none;
    padding: 0;
    row-gap: 45px;
    align-content: space-between;
}

.fp-ams .tab_selbox .selwrap .jungsi_last_selcon .inner {
    padding: 0 3px;
}

.fp-ams .tab_selbox .selwrap .jungsi_last_selcon ul {
    padding: 0;
}

.fp-ams .tab_selbox .selwrap .jungsi_last_selcon ul li {
    padding: 8px 0;
}

.fp-ams .tab_contents .btns {
    display: flex;
    width: 100%;
    justify-content: center;
    padding: 20px;
}

.fp-ams .tab_contents .btns .btn {
    display: flex;
}

.fp-ams .tab_contents .btns .btn:nth-child(1) {
    flex: 1;
    justify-content: center;
    margin-left: 115px;
}

.fp-ams .jinhak_able {
    margin-top: 15px;
}

.fp-ams .jinhak_able p {
    text-align: right;
    margin: 10px 0;
}

.fp-ams .jinhak_able_sel {
    position: relative;
    background: #e9e9e9 !important;
}

.fp-ams .jinhak_able_sel:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-right: 50px solid #e9e9e9;
    transform: rotate(45deg);
    position: absolute;
    left: calc(50% - 25px);
    bottom: -25px;
}

.fp-ams .select_wrap {
    display: flex;
    align-items: baseline;
}

.fp-ams .top_text {
    font-size: 36px;
    text-align: center;
    margin: 50px 0;
}

.fp-ams .graph_table {
    margin-top: 50px;
    padding: 20px 10px;
}

.fp-ams .detail_sanchul .select_box {
    display: flex;
    justify-content: space-around;
}

.fp-ams .detail_sanchul .btn {
    text-align: center;
    position: relative;
    padding: 10px;
}

.fp-ams .sanchul_popup {
    width: 400px;
    background: white;
    border: 1px solid #d3d3d3;
    position: absolute;
    right: calc(50% - 200px);
    top: 60px;
    z-index: 1;
}

.fp-ams .sanchul_popup .icon {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 5px;
    cursor: pointer;
}

.fp-ams .sanchul_popup .icon i {
    font-size: 30px;
}

.fp-ams .sanchul_popup .all {
    display: flex;
    justify-content: flex-start;
    padding: 5px;
}

.fp-ams .sanchul_popup .check_box_wrap {
    display: flex;
    flex-wrap: wrap;
    padding: 5px;
}

.fp-ams .sanchul_data {
    padding-bottom: 80px;
}

.fp-ams .sanchul_data .flex_box h2 {
    flex: 1;
}

.fp-ams .sanchul_data .flex_box .radio_box {
    flex: 1;
    justify-content: center;
}

.fp-ams .sanchul_data .flex_box .radio_box span {
    justify-content: center;
}

.fp-ams .sanchul_data .flex_box .btns {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.fp-ams .top_wrap {
    background: #f5f5f5;
    padding: 44px 0 80px 0;
}

.fp-ams .contentsbox {
    text-align: center;
}

.fp-ams .contentsbox .top_search {
    text-align: center;
    width: 100%;
}

.fp-ams .contentsbox .top_search h1 {
    font-weight: normal;
    font-size: 36px;
    font-family: "AppleSDGothicNeoSB00", sans-serif;
}

.fp-ams .contentsbox .grade_wrap {
    display: inline-block;
    margin-top: 15px;
}

.fp-ams .contentsbox .grade {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-top: 40px;
}

.fp-ams .contentsbox .grade .g_card {
    width: 360px;
}

.fp-ams .contentsbox .grade .g_card h2 {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin: 0;
    padding: 20px 0;
    border: 1px solid #d3d3d3;
    border-bottom: 0;
    background: white;
}

.fp-ams .contentsbox .grade .g_card .card {
    border: 1px solid #ced0d4;
    background: white;
    padding: 15px;
}

.fp-ams .contentsbox .card_head {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 10px;
    margin-bottom: 15px;
}

.fp-ams .contentsbox .card_head .profile {
    width: 100%;
}

.fp-ams .contentsbox .card_head .profile .rank_first {
    width: 35px;
    height: 35px;
    position: absolute;
    left: -20px;
    top: 0;
    background: #fd4d22;
    color: white;
    line-height: 35px;
    border-radius: 50%;
}

.fp-ams .contentsbox .card_head .profile .img {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    position: relative;
}

.fp-ams .contentsbox .card_head .star_grad {
    width: 100%;
    text-align: center;
}

.fp-ams .contentsbox .no1_name {
    display: flex;
}

.fp-ams .contentsbox .name_top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.fp-ams .contentsbox .rank {
    text-align: center;
    padding: 2px 0;
    font-family: "AppleSDGothicNeoSB00", sans-serif;
}

.fp-ams .contentsbox .name {
    font-weight: normal;
    font-family: "AppleSDGothicNeoB00", sans-serif;
}

.fp-ams .contentsbox .le_cl {
    font-family: "AppleSDGothicNeoM00", sans-serif;
}

.fp-ams .contentsbox .star_grad {
    font-weight: bold;
    color: #54a8a0;
    font-family: "AppleSDGothicNeoB00", sans-serif;
}

.fp-ams .contentsbox .list {
    border-top: 1px solid #e9e9e9;
    padding: 20px 0;
}

.fp-ams .contentsbox .list p,
.contentsbox .list h3 {
    font-size: 16px;
}

.fp-ams .contentsbox .list .rank_stu {
    display: flex;
    justify-content: space-between;
}

.fp-ams .contentsbox .info_wrap {
    width: 100%;
}

.fp-ams .contentsbox .r_info {
    width: 1160px;
    text-align: right;
    margin: 0 auto;
    margin-top: 30px;
    font-family: "AppleSDGothicNeoM00", sans-serif;
}

.fp-ams .contentsbox .t_top .t_sel select {
    width: 220px;
    height: 50px;
    padding-left: 10px;
    border: 1px solid #d3d3d3;
    font-size: 20px;
    font-family: "AppleSDGothicNeoM00", sans-serif;
}

.fp-ams .contentsbox .t_top .filter ul {
    overflow: hidden;
}

.fp-ams .contentsbox .t_top .filter li {
    padding: 8px 10px;
    cursor: pointer;
    font-size: 20px;
    font-family: "AppleSDGothicNeoM00", sans-serif;
}

.fp-ams .contentsbox .t_top .filter li:nth-child(1) {
    border-right: 1px solid #e9e9e9;
}

.fp-ams .contentsbox .t_top .filter button {
    border: 1px solid #e9e9e9;
    background: none;
    font-size: 20px;
    padding: 8px 12px;
    font-family: "AppleSDGothicNeoM00", sans-serif;
}

.fp-ams .contentsbox .t_wrap button {
    border: 1px solid #e9e9e9;
    background: none;
    padding: 10px;
    font-family: "AppleSDGothicNeoM00", sans-serif;
}

.fp-ams .tab_cir_wrap {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 40px 0;
    position: relative;
}

.fp-ams .tab_cir {
    width: 200px;
    height: 200px;
    border: 1px solid #d3d3d3;
    display: flex;
    align-content: space-evenly;
    flex-wrap: wrap;
    cursor: pointer;
    text-align: center;
}

.fp-ams .tab_cir p {
    width: 100%;
    font-size: 18px;
}

.fp-ams .tab_cir span {
    font-size: 32px;
    color: #17176d;
    font-weight: bold;
}

.fp-ams .tab_cir_sel {
    background: #54a8a0;
    border: 1px solid #54a8a0;
    position: relative;
    color: white;
}

.fp-ams .tab_cir_sel span {
    color: white;
}

.fp-ams .tab_cir_sel:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-right: 50px solid #54a8a0;
    transform: rotate(45deg);
    position: absolute;
    left: calc(50% - 25px);
    top: 170px;
}

.flex-start label {
    justify-content: flex-start;
}

.name-w20 .group {
    width: 20%;
}

.w-20 {
    width: 20% !important;
}

.w-50 {
    width: 50% !important;
}

td.border-none .date_box_wrap {
    justify-content: left;
}

.ms-w25 .multiselect {
    width: 25%;
}

.fp-main .cell.bd-none td {
    border-bottom: none;
}

.t_sc_menu::-webkit-scrollbar {
    display: none;
}

.t_sc_menu ul li a {
    display: inline-block;
    padding: 10px 40px;
}

.t_sc_menu div {
    font-size: 4vw;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.t_sc_menu div span {
    padding: 2vw 3vw;
}

.t_sc_menu>div>span:first-child {
    margin-left: auto;
}

.t_sc_menu>div>span:last-child {
    margin-right: auto;
}

.con_bold {
    font-weight: bold;
    color: #54a8a0;
}

.registbox .btns.cont {
    justify-content: center;
}

.regi_form .btns.cont .btn {
    width: auto !important;
}

.registbox .btns.cont .btn button {
    width: auto;
    height: auto;
    font-size: 20px;
}

.registbox .btns.cont .btn div {
    display: inherit;
}

.registbox .regi_form .btn>button {
    width: auto;
    height: auto;
    font-size: 16px;
}

.registbox .regi_form .btns>.btn>button {
    width: auto;
    height: auto;
    font-size: 18px;
}

.jexcel>tbody>tr>td.readonly {
    color: rgb(0 8 255);
    background-color: #e4e4e4;
}

.m_wrap {
    background: #f5f5f5;
    padding-top: 11vw;
    min-height: 1200px;
}

.header_flex_box {
    display: flex;
    font-weight: bold;
    border-bottom: 1px solid #e9e9e9;
    min-height: 50px;
    align-items: center;
    padding: 0 3vw;
}

.header_flex_one {
    flex-grow: 1;
    text-align: center;
}

.body_flex_box {
    display: flex;
    padding: 3vw 0;
    border-bottom: 1px solid #c9c9c9;
    margin: 0 3vw;
    align-items: center;
}

.body_flex_one {
    flex-grow: 1;
    text-align: center;
}

.mobile_table div {
    font-size: 3.7vw;
}

.mobile_table {
    max-height: 0px;
    overflow: hidden;
    transition: max-height 500ms ease-out;
    background-color: #fff;
}

.mobile_table.nodata {
    height: 10vw;
}

.mobile_table div:last-child {
    border-bottom: 0px;
}

.name_after {
    height: 24px;
}

.name_after:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 3vw solid transparent;
    border-right: 3vw solid #555;
    transform: rotate(45deg) translate(-3vw, 0vw);
    position: absolute;
    transition: 500ms;
}

.m_table_sel .name_after:after {
    transform: rotate(-135deg) translate(2vw, -1vw);
}

.body_flex_30 {
    min-width: 30%;
    text-align: right;
}

.header_dot_menu {
    position: absolute;
    right: 4px;
    margin-top: -9px;
}

.mobile_expansion_box {
    height: auto !important;
}

.mobile_expansion_item {
    padding: 0px;
}

.mobile_col_link {
    color: #007aff;
}

/*scroll bar */

/* width */
::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}
  
/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1; 
border-color: #ddd;
}

/* Handle */
::-webkit-scrollbar-thumb {
background: rgb(255, 105, 105); 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555; 
}