#login {
    background: url('../img/inc/login_bg.jpg');
    padding: 50px 45px 0 45px;
    height: 100vh;
    position: relative;
    overflow: hidden;
}

#login .login_top {
    width: 270px;
    margin-bottom: 20px;
}

#login h1 {
    margin-bottom: 15px;
    text-align: center;
}

#login h1 img {
    width: 200px;
}

#login .img-box {
    text-align: center;
}

#login .img-box.logo01 {
    margin-bottom: 20px;
}

#login .img-box.logo01 img {
    width: 140px;
}

#login .img-box.logo02 {
    margin-bottom: 25px;
}

#login .img-box.logo02 img {
    width: 80px;
}

#login .login_form input[type=text],
#login .login_form input[type=password] {
    font-size: 15px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin-bottom: 15px;
    padding: 10px 15px;
    border: 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    border-radius: 5px;
}

#login .login_form input[type=text]::placeholder,
#login .login_form input[type=password]::placeholder {
    color: #999;
}

#login .login_form .btn {
    font-size: 17px;
    margin-bottom: 20px;
    font-weight: 600;
    width: 100%;
    height: 50px;
    line-height: 40px;
    background-color: #2f85ec;
    display: block;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
}

#login .login_form .btn:hover {
    color: #fff;
}

#login .login_list {
    justify-content: center;
}

#login .login_list li a {
    font-size: 14px;
    font-weight: 500;
    color: #555;
}

#login .login_list li {
    padding: 0 10px;
    line-height: 1;
}

#login .login_list li:not(:last-of-type) {
    border-right: 1px solid #555555;
}

#login .login_bottom {
    text-align: center;
    width: 100%;
}

#login .login_bottom .txt {
    font-size: 15px;
    font-weight: 500;
}

#login .login_bottom .f_logo {
    width: 135px;
}

#login .check_box_wrap .checkbox .check_txt {
    padding-left: 25px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

#login .check_box_wrap {
    margin-bottom: 10px;
}

.check_box_wrap {
    position: relative;
}

.checkbox input {
    display: none;
}

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

.checkbox_icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: transparent;
    background: #fff;
    border: 1px solid #e6e6e6;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    box-sizing: border-box;
    border-radius: 8px;
}

.checkbox_icon::before, .checkbox_icon::after {
    content: '';
    display: inline-block;
    width: 2px;
    height: 0;
    background-color: #fff;
    position: absolute;
    transform-origin: left top;
}

.checkbox_icon::before {
    top: 8px;
    left: 3px;
    transform: rotate(-45deg);
}

.checkbox_icon::after {
    top: 12px;
    left: 7px;
    transform: rotate(-135deg);
}

.checkbox input:checked + .checkbox_icon {
    border-color: #fff;
    background: #2f85ec;
}

.checkbox input:checked + .checkbox_icon::before {
    height: 4px;
    transition: all 0.15s ease;
}

.checkbox input:checked + .checkbox_icon::after {
    height: 9px;
    transition: all 0.15s ease 0.15s;
}


.cont_top {
    padding: 15px 20px;
    background-color: #fff;
    border-bottom: 2px solid #e5e5e5;
    justify-content: space-between;
}

.cont_title {
    font-size: 20px;
    font-weight: 600;
}

img.close_btn {
    width: 16px;
}

.mqCont {
    padding: 32px 20px;
    background-color: #eff1f6;
}

.form_wrap {
    padding: 20px;
    border-radius: 10px;
    background-color: #fff;
}

.grey_box {
    border-radius: 10px;
    background-color: #edf0f8;
}

.apply_form .form_wrap .input_wrap {
    align-items: center;
}

.apply_form .form_wrap .input_wrap:not(:last-of-type) {
    margin-bottom: 10px;
}

.apply_form .form_wrap .input_wrap label {
    width: 63px;
    margin-right: 17px;
    font-size: 15px;
    font-weight: 600;
}

.apply_form .form_wrap .input_wrap label .star {
    color: #dc3434;
}

.form_wrap input[type=text] {
    font-size: 15px;
    padding: 8px 10px;
    border: 1px solid #dddddd;
    border-radius: 5px;
    display: block;
    letter-spacing: -0.05em;
}

.form_wrap input[type=text]::placeholder {
    color: #a9a9a9;
    font-size: 13px;
}

.apply_form .form_wrap .input_wrap input[type=text],
.apply_form .form_wrap .input_wrap p {
    width: calc(100% - 80px);
}

.apply_form .form_wrap .input_wrap.address {
    align-items: baseline;
}

.apply_form .form_wrap .input_wrap.address input[type=text] {
    width: 100%;
    border: 0;
    padding: 0;
    color: #333;
    margin-bottom: 7px;
}

.apply_form .form_wrap .input_wrap.num input[type=text] {
    width: calc(100% - 108px);
}

.apply_form .form_wrap .input_wrap.num .ea {
    font-size: 15px;
    margin-left: 10px;
}

.apply_form .form_wrap .form_btn {
    font-size: 13px;
    padding: 5px 10px;
    background-color: #029aee;
    font-weight: 600;
    display: inline-block;
}

.apply_form .form_wrap .form_btn .arrow {
    width: 10px;
    margin-left: 5px;
}

.photo_wrap {
    padding: 20px 15px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.photo_wrap .btn {
    padding: 12px 0;
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: 600;
    background-color: #029aee;
    display: block;
}

.photo_list li {
    width: 31%;
}

.photo_list li:not(:last-of-type) {
    margin-right: 3.5%;
}

.photo_list li .img_box {
    margin-bottom: 8px;
    background-color: #fff;
    border-radius: 10px;
    padding-bottom: 90%;
}

.photo_list li .img_box img {
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
}

.photo_list li .title {
    font-size: 13px;
    font-weight: 500;
    color: #6a707e;
    text-align: center;
}

.esg_wrap .flex-box {
    align-items: center;
    margin-bottom: 12px;
}

.esg_wrap label {
    font-size: 15px;
    font-weight: 600;
    padding-right: 15px;
    margin-right: 7px;
    position: relative;
}

.esg_wrap label::after {
    content: '';
    width: 13px;
    height: 13px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: url('../img/ico/q_mark_ico.png') no-repeat center / cover;
}

.esg_wrap input {
    width: calc(100% - 162px);
}

.esg_wrap a {
    font-size: 13px;
    margin-left: 10px;
    padding: 10px 15px;
    background-color: #029aee;
    font-weight: 600;
}

.esg_wrap .txt {
    padding: 8px;
}

.esg_wrap .txt span {
    font-size: 12px;
    font-weight: 500;
    color: #3f4456;
    letter-spacing: -0.11em;
}

.esg_wrap .q_mark {
    width: 13px;
}

.form_bt {
    margin-top: 20px;
}

.form_bt .bt_txt {
    font-size: 17px;
    margin-bottom: 15px;
    font-weight: 600;
    text-align: center;
}

.form_bt .bt_txt2 {
    font-size: 13px;
    margin-top: 15px;
    text-align: center;
    letter-spacing: -0.05em;
}

.btn_wrap .btn {
    font-size: 15px;
    width: 48%;
    padding: 10px 0;
    display: block;
    border: 1px solid #01b7cf;
    font-weight: 600;
}

.btn_wrap .btn:not(:last-child) {
    margin-right: 4%;
}

.btn_wrap .go_btn {
    background-color: #01b7cf;
}

.btn_wrap .home_btn {
    color: #01b7cf;
    background-color: #fff;
}

.date_box {
    margin-bottom: 15px;
}

.history .date_box {
    margin-bottom: 35px;
}

.date_box h2 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
}

.date_box .search_title {
    background: url('../img/ico/arrow_ico4.png') no-repeat right center;
    background-size: 13px;
    cursor: pointer;
}

.date_box .search {
    display: none;
}

.date_box .input_wrap input[type="radio"] + label {
    padding: 13px 0;
    font-size: 13px;
    font-weight: 600;
    color: #666666;
    border-radius: 10px;
    display: block;
    background-color: #e6e6e6;
    text-align: center;
}

.date_box .input_wrap input[type="radio"]:checked + label {
    background-color: #fff;
    color: #121212;
}

.date_box .input_wrap-1 {
    margin-bottom: 7px;
}

.date_box .input_wrap-1 a {
    width: 24%;
}

.date_box .input_wrap-1 a:not(:last-of-type) {
    margin-right: 1.3%;
}

.date_box .input_wrap-2 {
    margin-bottom: 25px;
    display: none;
}

.date_box .input_wrap-2 a {
    width: 32.5%;
}

.date_box .input_wrap-2 a:not(:last-of-type) {
    margin-right: 1.25%;
}

.date_box .date_wrap {
    margin-bottom: 10px;
    align-items: center;
    background-color: #fff;
    border-radius: 10px;
}

.date_box .date_wrap input {
    font-size: 13px;
    width: 48%;
    font-weight: 500;
    text-align: center;
    padding: 13px 20px;
    border: 0;
    background-color: #fff;
}

.date_box .btn {
    font-size: 13px;
    font-weight: 500;
    padding: 13px 0;
    text-align: center;
    background-color: #01b7cf;
    display: block;
    width: 100%;
}

.date_box .list_val {
    background-color: #01b7cf;
    border-radius: 5px;
    padding: 15px 20px;
    box-shadow: 0px 0px 10px rgba(89, 89, 89, .4);
}

.date_box .list_val li {
    width: 25%;
    color: #fff;
    font-size: 15px;
    text-align: center;
    position: relative;
}

.date_box .list_val li:not(:last-of-type)::after {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    content: '';
    width: 1px;
    height: 14px;
    background-color: #fff;
    display: block;
}

#recall .blue_t {
    color: #029aee;
}

#recall .form_wrap .form_top {
    align-items: baseline;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}

#recall .form_wrap .form_top h2,
#recall .form_wrap .form_top .c_name {
    font-size: 20px;
    font-weight: 600;
}

#recall .form_wrap .form_top .delay {
    color: #01b7cf;
}

#recall .form_wrap .form_top .tooltip_btn {
    width: 15px;
    margin: 0 5px;
    display: block;
    cursor: pointer;
}

#recall .form_wrap .form_info {
    position: relative;
}

#recall .form_wrap .form_info:not(:last-of-type) {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
}

#recall .form_wrap .form_info h3 {
    font-size: 17px;
    margin-bottom: 15px;
    font-weight: 600;
}

#recall .form_wrap .form_info .info_list {
    margin-bottom: 15px;
}

#recall .form_wrap .form_info .info_list li:not(:last-of-type) {
    margin-bottom: 10px;
}

#recall .form_wrap .form_info .info_list .i_title {
    font-size: 15px;
    font-weight: 600;
    margin-right: 20px;
}

#recall .form_wrap .form_info_1 .info_list .i_title {
    width: 70px;
}

#recall .form_wrap .form_info_2 .info_list .i_title {
    width: 69px;
}

#recall .form_wrap .form_info_3 {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
}

#recall .form_wrap .form_info .info_list .i_txt {
    font-size: 15px;
}

#recall .form_wrap .form_info .info_list .info_btn {
    font-size: 13px;
    margin-left: 10px;
    padding: 0 9px;
    background-color: #029aee;
    border-radius: 30px;
}

#recall .form_wrap .form_info .photo_list .img_box {
    margin-bottom: 0;
}

#recall .form_wrap .form_info .c_img {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 90px;
    height: 70px;
    border-radius: 10px;
    border: 2px solid #e5e5e5;
}

#recall .form_wrap .apply_txt {
    font-size: 12px;
    margin-bottom: 15px;
}

#recall .form_wrap .apply_btn {
    font-size: 13px;
    padding: 11px 0;
    display: block;
    width: 100%;
    font-weight: 500;
}

#recall .form_wrap .apply_btn img {
    width: 13px;
    margin-left: 3px;
    vertical-align: bottom;
}

#recall .btn_box .btn {
    padding: 13px 0;
}

#recall .btn_box1 .btn {
    width: 100%;
}

#recall .btn_box2 .btn {
    width: 50%;
}

#recall .btn_box2 .modi_btn {
    background-color: #01b7cf;
    color: #fff;
}

#recall .btn_box2 .cancel_btn {
    color: #01b7cf;
}

#recall .fiexd_btn {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
}

#recall .fiexd_btn .btn {
    border-radius: 0;
}

#recall .fiexd_btn .btn img {
    width: 13px;
}

#recall .complete_txt {
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    color: #029aee;
}


#recall .tooltip {
    width: calc(100% - 40px);
    position: absolute;
    top: 165px;
    transform: translateX(-50%);
    padding: 25px 20px;
    background-color: #fff;
    border-radius: 10px;
    opacity: 1;
    transform: scale(1);
}

#recall .tooltip.active {
    animation: tooltip 0.25s;
}

#recall .tooltip::after {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    top: -12px;
    left: 62px;
    background: url('../img/ico/tooltip_ico.png') no-repeat center / cover;
}

#recall .tooltip .tooltip_wrap:not(:last-of-type) {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #dddddd;
}

#recall .tooltip .tooltip_wrap .title {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 10px;
}

#recall .tooltip .tooltip_wrap .txt {
    font-size: 13px;
    line-height: 1.4;
}


#calendar-box * {
    font-family: "Noto Sans", sans-serif;
    font-weight: 400;
}

#calendar {
    min-height: 260px;
    max-height: 500px;
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 0 20px;
}

/*#calendar .fc-header-toolbar { display: none; }*/
#calendar .fc-col-header thead th {
    border-bottom: 1px solid #000;
    font-size: 15px;
    font-weight: 500;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    padding-bottom: 10px;
}

#calendar thead th:last-of-type,
#calendar td:last-of-type {
    border-right: 0;
}

#calendar td {
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #e7e7e7 !important;
}

#calendar .fc-scrollgrid {
    border: 0 !important;
}

#calendar tr:last-of-type td {
    border-bottom: 0;
}

#calendar tr:first-of-type td {
    border-top: 0;
}

#calendar .fc-daygrid-day-top {
    justify-content: center;
}

#calendar .fc-daygrid-day-number {
    font-size: 13px;
    padding-top: 7px;
}

#calendar .fc-daygrid-event {
    background-color: transparent;
    border: none;
}

#calendar .fc-event-main .status_date {
    font-size: 10px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    text-align: center;
}

#calendar .fc-event-main .r_status_date {
    background-color: #01b7cf;
}

#calendar .fc-event-main .c_status_date {
    background-color: #029aee;
}

#calendar .fc-daygrid-day-events {
    min-height: auto !important;
}

#calendar .fc-event-main {
    text-align: center;
}

#schedule .list_wrap {
    transition: all 0.3s;
    position: relative;
    height: auto;
}

#schedule .list_wrap .all_btn {
    font-size: 13px;
    position: absolute;
    top: 5px;
    right: 20px;
}

#schedule .list_wrap .all_btn img {
    width: 13px;
    vertical-align: baseline;
}

#schedule .list_wrap.active {
    position: absolute;
    top: 0;
    height: 100vh;
    z-index: 101;
    width: 100%;
    overflow: auto;
}

#schedule .list_wrap.active .all_btn img {
    transition: all 0.3s;
    transform: rotate(180deg);
}


@keyframes tooltip {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.list_wrap .list .list_left {
    margin-right: 30px;
}

.list_wrap .list .list_left .txt_wrap .title {
    width: 56px;
}

.list_wrap .list .list_left .txt_wrap .txt {
    max-width: 135px;
}

.list_wrap .list .list_right .txt_wrap .title {
    width: 28px;
}

.tail_txt {
    color: #dc3434;
    font-size: 12px;
    margin-top: 10px;
    letter-spacing: -0.05em;
    line-height: 1.5;
}


#recall.collector .form_wrap:not(:last-of-type) {
    margin-bottom: 15px;
}

#recall.collector .form_wrap .form_info .info_list_2 {
    margin-bottom: 0;
}

#recall.collector .form_wrap .form_info .info_list .i_title {
    width: 74px;
}

#recall.collector .form_wrap .form_info .change_btn {
    margin-bottom: 15px;
    background: #029aee url('../img/cont/admin_recall.png') no-repeat right 20px center / 10px;
    text-align: left;
    padding: 11px 20px;
    font-weight: 600;
    border: 1px solid #029aee;
}

#recall.collector .form_wrap .form_info .change_btn.on {
    background: #fff url('../img/cont/admin_recall-over.png') no-repeat right 20px center / 10px;
    color: #029aee;
}

#recall.collector .form_wrap .form_info .change_txt {
    font-size: 11px;
    color: #008ad6;
    letter-spacing: -0.05em;
}

#recall.collector .form_wrap .form_info .ok_btn {
    background-color: #01b7cf;
    margin-top: 30px;
}

#recall.collector .form_wrap .form_info .change_box_c {
    display: none;
}

#recall.collector .form_wrap .form_info .change_box dl dt {
    font-size: 13px;
    margin-bottom: 10px;
    font-weight: 500;
    letter-spacing: -0.05em;
}

#recall.collector .form_wrap .form_info .change_box dl dt::before {
    content: '1';
    font-size: 10px;
    margin-right: 10px;
    width: 17px;
    height: 17px;
    line-height: 17px;
    background-color: #029aee;
    color: #fff;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
}

#recall.collector .form_wrap .form_info .date_wrap {
    align-items: center;
    margin-bottom: 10px;
}

#recall.collector .form_wrap .form_info .date_wrap label {
    font-size: 13px;
    font-weight: 500;
    margin-right: 10px;
}

#recall.collector .form_wrap .form_info .date_wrap input {
    width: calc(100% - 65px);
    font-size: 13px;
    text-align: center;
}

#recall.collector .form_wrap .form_info .change_box .call_btn img {
    width: 10px;
    vertical-align: baseline;
}

#recall.collector .form_wrap .form_info .change_box .next_ico {
    margin: 10px 0;
    text-align: center;
}

#recall.collector .form_wrap .form_info .change_box .next_ico img {
    transform: rotate(180deg);
    width: 10px;
}

#recall.collector .form_wrap .form_info .change_box .btn_wrap {
    margin-top: 20px;
}

#recall.collector .form_wrap .form_info .change_box .btn_wrap .btn {
    width: 48%;
    font-weight: 500;
}

#recall.collector .form_wrap .form_info .change_box .btn_wrap .btn:not(:last-of-type) {
    margin-right: 4%;
}

#recall.collector .form_wrap .form_info .change_box .btn_wrap .btn.cancel_btn {
    color: #029aee;
    border: 1px solid #029aee;
    background-color: #fff;
}

#recall.collector .modal_layer .info_list li {
    align-items: center;
}

#recall.collector .modal_layer .info_list .i_txt {
    font-size: 13px;
}

#recall.collector .modal_layer .info_list .ea {
    width: calc(100% - 94px);
}

#recall.collector .modal_layer .info_list .ea label {
    align-items: end;
}

#recall.collector .modal_layer .info_list .ea label:not(:last-of-type) {
    margin-right: 14px;
}

#recall.collector .modal_layer .info_list .ea input {
    width: 20px;
    font-size: 13px;
    margin: 0 3px;
    padding: 0;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    border-bottom: 2px solid #029aee;
    border-radius: 0;
    text-align: center;
}

#recall.collector .modal_layer .modal_info_title {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
}

#recall.collector .modal_layer .date_wrap input {
    width: 100%;
}

#recall.collector .btn {
    padding: 12px 0;
    font-size: 13px;
    font-weight: 500;
    display: block;
    width: 100%;
}

#recall.collector .photo_btn {
    margin-bottom: 10px;
}

#recall.collector .photo_box {
    margin-bottom: 25px;
}

#recall.collector .photo_box .img_box {
    padding-bottom: 43%;
}

#recall.collector .photo_box .img_box img {
    width: 100%;
    max-width: 900px;
    border-radius: 10px;
}

#recall.collector .modal_layer .ok_txt {
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 15px;
}

#recall.collector .popup_layer .rq_box {
    padding: 15px;
    background-color: #edf0f8;
    border-radius: 10px;
}

#recall.collector .popup_layer .rq_box .rq_top {
    padding: 10px 20px;
    margin-bottom: 10px;
    background-color: #fff;
    border-radius: 10px;
}

#recall.collector .popup_layer .rq_box .rq_top .tt {
    width: 74px;
    font-size: 15px;
    margin-right: 50px;
    font-weight: 600;
}

#recall.collector .popup_layer .rq_box .rq_top .txt {
    font-size: 15px;
}

#recall.collector .popup_layer .rq_box .rq_list {
    padding: 0 20px;
}

#recall.collector .popup_layer .rq_box .rq_list li:not(:last-of-type) {
    margin-bottom: 5px;
}

#recall.collector .popup_layer .rq_box .rq_list li span {
    font-size: 13px;
    display: block;
}

#recall.collector .popup_layer .rq_box .rq_list li .rq_tt {
    width: 64px;
    margin-right: 60px;
    font-weight: 500;
}

#recall.collector .ea_list {
    margin-bottom: 20px;
}

#recall.collector .ea_list li {
    align-items: center;
}

#recall.collector .ea_list li:not(:last-of-type) {
    margin-bottom: 10px;
}

#recall.collector .ea_list li label {
    font-size: 15px;
    width: 28px;
    margin-right: 20px;
    font-weight: 600;
}

#recall.collector .ea_list li input {
    width: 70px;
    margin-right: 10px;
}

#recall.disposal .form_wrap .form_top {
    padding-bottom: 20px;
}

#recall.disposal .form_wrap .form_top p {
    font-size: 13px;
    letter-spacing: -0.07em;
}

#recall.disposal .form_wrap .form_info .ea_txt {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 20px;
}

#recall.disposal .form_wrap .form_info .file_wrap input {
    width: calc(100% - 100px);
    margin-right: 10px;
}

#recall.disposal .form_wrap .form_info .file_wrap label {
    width: 90px;
}

#recall.disposal .form_wrap .form_info .img_box {
    padding-bottom: 43%;
}

#recall.disposal .form_wrap .form_info .photo_btn {
    margin-bottom: 10px;
}

.chk_list {
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #dddddd;
}

.chk_list .chk_wrap:not(:last-of-type) {
    margin-bottom: 10px;
}

.chk_wrap {
    align-items: center;
}

.chk_wrap label {
    margin-right: 10px;
}

.chk_wrap span {
    font-size: 13px;
}

.chk_wrap input[type="checkbox"] {
    display: none;
}

.chk_wrap input[type="checkbox"] + label {
    width: 12px;
    height: 12px;
    border: 1px solid #e2e2e2;
    border-radius: 50%;
    position: relative;
}

.chk_wrap input[type="checkbox"] + label::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    background-color: #01b7cf;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    transition: all 0.3s;
}

.chk_wrap input[type="checkbox"]:checked + label::after {
    width: 10px;
    height: 10px;
}


#signUp .cont_top {
    position: relative;
}

#signUp .cont_top .cont_title {
    text-align: center;
}

#signUp .cont_top img {
    width: 10px;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
}

#signUp .cont {
    padding: 40px 20px;
}

#signUp .cont h2 {
    font-size: 22px;
    margin-bottom: 40px;
    color: #2f85ec;
    font-weight: 600;
}

#signUp .cont .input_wrap {
    position: relative;
}

#signUp .cont .input_wrap:not(:last-of-type) {
    margin-bottom: 20px;
}

#signUp .cont .input_wrap:last-of-type {
    margin-bottom: 60px;
}

#signUp .cont .input_wrap label {
    font-size: 14px;
    margin-bottom: 5px;
    display: block;
}

#signUp .cont .input_wrap input[type=email],
#signUp .cont .input_wrap input[type=text],
#signUp .cont .input_wrap input[type=password] {
    font-size: 13px;
    padding: 10px 0;
    width: 100%;
    font-weight: 400;
    display: block;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    font-size: 14px;
}

#signUp .cont .input_wrap input::placeholder {
    color: #dbdbdb;
}

#signUp .cont .input_wrap .input_btn {
    font-size: 14px;
    padding: 5px 0;
    width: 80px;
    display: block;
    border-radius: 50px;
    text-align: center;
    position: absolute;
    bottom: 10px;
    right: 0;
}

#signUp .cont .input_wrap .intput_btn01 {
    border: 1px solid #2f85ec;
    color: #2f85ec;
}

#signUp .cont .input_wrap .intput_btn02 {
    border: 1px solid #dbdbdb;
    color: #dbdbdb;
}

#signUp .cont .input_wrap .minute {
    font-size: 14px;
    color: #2f85ec;
    position: absolute;
    bottom: 15px;
    right: 95px;
}

#signUp .cont .btn2 {
    font-size: 17px;
    font-weight: 600;
    background-color: #2f85ec;
}


.font-11-gray {
    font-size: 11px !important;
    color: #737373;
}

.font-11-pink {
    font-size: 11px !important;
    color: #e66e6e;
}

.font-14-gray {
    font-size: 14px !important;
    color: #737373;
}

.scroll-box-div {
    height: 120px;
    overflow-y: scroll;
    border: 1px solid #c6c8cb;
    padding: 8px;
}

div.zoom-in {
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important;
    position: fixed;
    z-index: 3000;
    background: #0a0c0d !important;
}

.zoom-in img {
    width: 95% !important;
    height: auto !important;
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    border-radius: 10px !important;
}