/********** 로그인 **********/
.login_wrap {display: flex; align-items: center; justify-content: center; min-height: 100svh;}
.login_wrap .subContainer {text-align: center; width: 100%; max-width: 18.75rem;}
.login_wrap .logo {width: 13.75rem;}
.login_wrap .subTitle {margin-top: 2.8125rem;}
.login_wrap .login_box > div + div {margin-top: .63rem;}
.login_wrap input {border-radius: 0.3125rem; border: 1px solid #E3E3E3; background: #FFF; padding: 0 .94rem; font-size: .875rem; font-weight: 500; height: 2.75rem; width: 100%;}
.login_wrap input::placeholder {color: #aaa;}
.login_wrap input:focus {border-color: #000;}
.login_wrap .l_btn {width: 100%;}
@media screen and (max-width:768px) {
    .login_wrap .subContainer {max-width: 100%;}
}

/********** 전국모의고사 **********/
#header {border-bottom: 1px solid #E3E3E3;}
#header .hd_top {padding: 1.62rem 0;}
#header .hd_bot {display: none !important;}
#subWrap {margin-top: 5rem; min-height: calc(100svh - 5rem - 19.4375rem);}
.mocktest_list {display: block !important;}
.mocktest_list .subContainer {width: 100% !important;}
.mocktest_list .tabStyle02 li {padding: .75rem 1.75rem !important; font-size: 1rem;}
.mocktest_list .table_style01 .th.name,
.mocktest_list .table_style01 .td.name {width: 8.571%;}
.mocktest_list .table_style01 .th.info,
.mocktest_list .table_style01 .td.info {width: 70.714%;}
.mocktest_list .table_style01 .th.price,
.mocktest_list .table_style01 .td.price {width: 10.714%; justify-content: center;}
.mocktest_list .table_style01 .th.checkbox,
.mocktest_list .table_style01 .td.checkbox {width: 10%; justify-content: center;}
.mocktest_list .table_style01 .td .subject {color: #000; font-size: 1rem; font-weight: 600; line-height: 143%;}
.mocktest_list .table_style01 .td ul {margin-top: 0.5rem;}
.mocktest_list .table_style01 .td ul li {display: flex; gap: .5rem; align-items: flex-start;}
.mocktest_list .table_style01 .td ul li div {color: #6D6D6D;}
.mocktest_list .table_style01 .td ul li strong {font-weight: 600; color: #000;}
.mocktest_list .table_style01 .td ul li.fc_blue * {color: #3D5CE2;}
@media screen and (max-width:768px) {
    #header {height: auto;}
    #header .hd_top {padding: 0.9375rem 0;}
    #header .all_menu_btn {display: none;}
    #subWrap {margin-top: 3.75rem; min-height: calc(100svh - 3.75rem - 27.375rem); padding: 2.5rem 0 3.75rem;}
    .mocktest_list .subTitle > span {font-weight: 700;}
    .mocktest_list .subCont {margin-top: 1.875rem;}
    .mocktest_list .tabCont {margin-top: 2.5rem;}
    .mocktest_list .table_style01 .thead {display: none;}
    .mocktest_list .table_style01 .tr {padding: 1.25rem 1rem; border-bottom: 1px solid #E3E3E3;}
    .mocktest_list .table_style01 .td {border: 0; padding: 0;}
    .mocktest_list .table_style01 .td.name {display: none;}
    .mocktest_list .table_style01 .td.info {width: 100%; background: #fff; padding: 0; border: 0;}
    .mocktest_list .table_style01 .td.info .subject {display: block;}
    .mocktest_list .table_style01 .td.price {width: 50%; display: inline-flex; text-align: left; align-items: center; justify-content: flex-start;}
    .mocktest_list .table_style01 .td.price span::before {content: "응시료"; color: #000; font-size: 0.875rem; font-weight: 600; line-height: 143%; margin-right: 0.5rem;}
    .mocktest_list .table_style01 .td.checkbox {width: 50%; display: inline-block; text-align: right;}
    .mocktest_list .table_style01 .td.checkbox .s_btn {min-width: auto; padding: .55rem .75rem .45rem; display: inline-flex; font-size: 0.75rem; line-height: 1.43;}
    .mocktest_list .table_style01 .td ul {margin: 0.75rem 0;}
    .mocktest_list .table_style01 .td ul li + li {margin-top: .25rem;}
}