@charset "utf-8";
.login_wrap{position:relative;}
.login_wrap * {font-family: Pretendard;}
.login_bg_wrap{width:100%;height:100vh;}
.login_bg_wrap .swiper {
    width: 100%;
    height: 100%;
}
.login_bg_wrap .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    background:#000;
}
.login_bg_wrap .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.06);
    transition: all 5.5s ease-in-out;
}
.login_bg_wrap .swiper-slide.swiper-slide-active img{transform: scale(1);}
.login_wrap .swiper-pagination{
    width:340px;height:96px;
    top:50%;left:50%;transform: translate(-560px,-50%);
    display: flex;justify-content: left;align-items: end;
}
.login_wrap .swiper-pagination-bullet{
    width:10px;height:10px;
    background:#fff;
    margin:0 10px !important;
    opacity: 1;
    border-radius: 100px;
}
.login_wrap .swiper-pagination-bullet:first-child{margin-left:0 !important;}
.login_wrap .swiper-pagination-bullet-active{width:50px;}
.login_content{position:absolute;top:0;left:0;width:100%;height:100vh;}
.login_content .login_title{
    width:350px;height:66px;
    position:absolute;top:50%;left:50%;transform: translate(-560px,-48px);
    z-index: 1;
    color: #D6D6D6;
    font-size: 20px;
}
.login_content .login_title h1{margin-bottom:12px;}
.login_content .login_area{
    width:428px;padding:60px;border-radius: 10px;border:1px solid #ddd;background: #fff;
    position:absolute;top:50%;left:50%;transform: translate(102px,-50%);z-index: 1;
    display: flex;
    flex-direction: column;
    gap:24px;
}
.login_content .login_area h2{
    color: #000;
    font-size: 30px;
    font-weight: 600;
    font-family: Pretendard;
}
.login_content .login_area .lang_choice_area{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    align-self: flex-end;
    position: relative;
}
.login_content .login_area .lang_choice_area select{
    padding-right: 30px;
}
.login_content .login_area .toggle_lang{
    padding-right:21px;
    height:17px; line-height:16px;
    color: #000; font-size: 12px;
    background: url('../img/icon/icon_lang.svg')no-repeat right center;
    display: inline-block; align-self: flex-end;
}
.login_content .login_area .lang_list{
    padding:20px;
    border-radius: 10px;
    border: 1px solid #ddd;
    background: #FFF;
    box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.25);
    display: none; flex-direction: column; gap:8px; align-items: center;
    position:absolute; top:26px; left:50%; transform: translate(-50%, 0);
}
.login_content .login_area .lang_list li button{font-size: 13px;font-weight: 500;color:#555;white-space: nowrap;}
.login_content .login_area .lang_list li:hover button{color:#000;text-decoration: underline;}
.login_content .login_area .toggle_lang:hover,
.login_content .login_area .toggle_lang.active{background: url('../img/icon/icon_lang_active.svg')no-repeat right center;}
.login_content .login_area .toggle_lang.active + .lang_list{display:flex;}
.login_content .login_area .login_tab,
.login_content .login_area .content_tab
{display: flex; align-items: center;margin:-4px 0;}
.login_content .login_area .login_tab button,
.login_content .login_area .content_tab button{
    flex:1;
    height:34px;
    display: flex;align-items: center;justify-content: center;
    border-bottom: 1px solid #D6D6D6;
    color: #666; font-size: 14px; font-weight: 600;
}
.login_content .login_area .login_tab button.active,
.login_content .login_area .content_tab button.active{
    border-bottom: 1px solid #532DF6;
    color: #532DF6;
}
.login_content .login_area .login_tab_con,
.login_content .login_area .content_tab_con{
    display: none; flex-direction: column; gap:12px;min-width:100%;
}
.login_content .login_area input[type="text"],
.login_content .login_area input[type="password"]{
    width:100%;height:40px;
    line-height:40px;
    border-radius: 6px;
    background: #F2F2F2;
    padding:0 20px;
    box-sizing: border-box;
    border:1px solid #f2f2f2;
}
.login_content .login_area input[type="text"]:focus,
.login_content .login_area input[type="password"]:focus{
    outline: 0 none;
    border:1px solid #532DF6;
    background-color: #fff;
}
.login_content .login_area .form_btns1{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.login_content .login_area input[type="checkbox"]{
    visibility: hidden;
    width:0;
    height:0;
    padding:0;
    margin:0;
    overflow: hidden;
    position: absolute;
}
.login_content .login_area .form_btns1 label{
    height:16px; padding-left:23px;
    color: #555; font-size: 13px;
    position: relative;
}
.login_content .login_area .form_btns1 label::before{
    content:''; display: block;width:16px;height:16px;
    background:url('../img/icon/icon_checkbox.svg')no-repeat left center;
    position: absolute;top:0;left:0;
}
.login_content .login_area input[type="checkbox"]:checked + label::before{
    background:url('../img/icon/icon_checkbox_active.svg')no-repeat left center;
}
.login_content .login_area .form_btns1 .btn_login{
    width: 80px; height: 40px;
    display: flex;align-items: center;justify-content: center;
    background:#2C3048 url('../img/icon/arr_r_white_30x14.svg')no-repeat center;
    border-radius: 50px;
}
.login_content .login_area .form_btns1 .btn_login:hover{
    background:#151727 url('../img/icon/arr_r_white_30x14.svg')no-repeat center;
}
.login_content .login_area .form_btns2{
    display: flex; flex-wrap: wrap; gap:10px;
}
.login_content .login_area .form_btns2 button{
    display: flex; justify-content: center; align-items: center;
    height: 46px;
    border-radius: 50px;
    border: 2px solid #D0D5DD;
    flex:1;
}
.login_content .login_area .form_btns2 button span{
    display: inline-flex;align-items: center;
    height:100%;
    color: #000; font-size: 14px; white-space: nowrap;
    gap: 8px;
}
.login_content .login_area .form_btns2 button span::before,
.login_wrap.type-2 .login_content .form_btns2 button i::before{
    content: "";
    width: 20px;
    height: 20px;
    filter: invert(46%) sepia(5%) saturate(1699%) hue-rotate(183deg) brightness(92%) contrast(85%);
}
.login_content .login_area .form_btns2 .btn_new{flex-grow: 1; min-width:100%;}
.login_content .login_area .form_btns2 .btn_new span::before,
.login_wrap.type-2 .login_content .form_btns2 .btn_new i::before{background:url('../img/icon/icon_btn_new.svg')no-repeat left center;}
.login_content .login_area .form_btns2 .btn_cert span::before,
.login_wrap.type-2 .login_content .form_btns2 .btn_cert i::before{background:url('../img/icon/icon_btn_cert.svg')no-repeat left center;}
.login_content .login_area .form_btns2 .btn_manage span::before,
.login_wrap.type-2 .login_content .form_btns2 .btn_manage i::before{background:url('../img/icon/icon_btn_manage.svg')no-repeat left center;}
.login_content .login_area .form_btns2 button:hover{
    border: 2px solid #6954FE;
    background:#F3F2FF;
}
.login_content .login_area .form_btns2 button:hover span{
    color: #6954FE;
}
.login_content .login_area .form_btns2 button:hover span::before{
    filter: invert(33%) sepia(25%) saturate(4443%) hue-rotate(230deg) brightness(101%) contrast(107%);
}
.login_content .login_area .form_btns3{
    color: #555; font-size: 13px;
    display: flex; align-items: center; gap:3px;
}
.login_content .login_area .form_btns3 button{color: #555; font-size: 13px;text-decoration: underline;}
.login_content .login_area .form_btns3 button:hover{color:#6954FE;}
.login_copy{
    position: absolute;bottom:42px;right:40px;z-index: 1;white-space: nowrap;
    display: flex;align-items: center;color:#fff; gap:12px; font-size: 13px;
}
.login_copy .login_copy_btns{display: flex;align-items: center;gap:21px;}
.login_copy .login_copy_btns button{
    color: #D6D6D6;
    font-size: 12px;
    font-weight: 600;
}
.login_copy .login_copy_btns button + button{
    position: relative;
}
.login_copy .login_copy_btns button + button::before{
    content: '';display: block;
    width:1px;height:12px;background: #aaa;
    position: absolute;top:50%;left:-10px;transform: translate(0,-50%);
}

/* 로그인 팝업 */
.login_pop_tit{
    color: #000; font-size: 14px;
    margin-bottom:10px;
}
.login_gray_box{
    max-width:860px;
    max-height:453px;
    padding: 20px;
    border-radius: 10px;
    background: #F2F2F2;
    overflow: hidden;
    overflow-y: auto;
}
.login_gray_box strong{display:block; color:#000;font-size: 14px;margin-bottom:7px;}
.login_gray_box p{color:#000;font-size: 13px;font-weight: 300;line-height: 16px;margin-bottom:12px;}
.login_phone_box{
    padding:20px;
    border-radius: 10px;
    background: #F2F2F2;
    display: flex;
    align-items: center;
    gap: 20px;
    max-width: 260px;
}
.login_phone_box .icon_phone{
    width:60px;height:60px;border-radius: 50%;
    background: #aaa url('../img/icon/icon_phone.svg') no-repeat center;
}
.login_phone_box .info_phone strong{
    color: #000;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}
.login_phone_box .info_phone p{
    color: #666;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
}
.sc-window>.content-wrap>.content{
    border: 0!important;
}
.login_find{
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
}
.login_find .find_txt{color:#555;font-size: 13px;line-height: 1.2;margin-bottom: 10px;}
.login_find .find_txt .bold{
    color: #333;
    font-weight: 600;
}
.login_find .login_gray_box{display: flex;flex-direction: column;gap:10px;margin-bottom: 20px;}
.login_find .login_gray_box .login_fieldset{display: flex;align-items: center;gap:20px;}
.login_find .login_gray_box .login_fieldset .field-box{display: flex;align-items: center;gap:5px;
    flex-grow: 1;
    flex-basis: 0;
    min-width: 0;
}
.login_find .login_gray_box .login_fieldset *{box-sizing: border-box;}
.login_find .login_gray_box .login_label{width:100px;font-size: 13px; font-weight: 600;color:#666;}
.login_find .login_gray_box .login_fieldset select,
.login_find .login_gray_box .login_fieldset input{flex-grow: 1;
    flex-basis: 0;
    min-width: 0;
    height:30px;border-radius: 4px;border:1px solid #D6D6D6;padding:0 12px;}
.login_find .items_center{display: flex;align-items: center;justify-content: center;gap:5px;}
.login_find .btn_check{
    height:30px;display: flex;align-items: center;justify-content: center;padding:0 12px;
    border-radius: 5px;background: #6954FE;
    font-size: 12px;font-weight: 700;color:#fff;
}
.login_dimed{width:100%;height:100vh;position: fixed;background:#F2F2F2;}
.login_dimed .login_status_wrap{
    display: inline-flex;flex-direction: column;align-items: center;
    padding: 60px;background: #fff;border-radius: 10px;
    position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.05);
}
.login_dimed .login_status_wrap .login_status_bad{
    padding-left:44px;
    background: url('../img/icon/icon_login_status_bad.svg')no-repeat left center;
    font-size: 30px; font-weight: 500; color:#FF5858;
    margin-bottom: 30px;
}
.login_dimed .login_status_wrap .login_status_good{
    padding-left:38px;
    background: url('../img/icon/icon_login_status_good.svg')no-repeat left center;
    font-size: 30px; font-weight: 500; color:#4FCE67;
    margin-bottom: 30px;
}
.login_dimed .login_status_wrap strong{font-size: 24px;font-weight: 400;color:#000;margin-bottom: 10px;line-height: 1.2;text-align: center;}
.login_dimed .login_status_wrap .ment{font-size: 13px;color:#555;line-height: 1.2;margin-bottom: 30px;text-align: center;}
.login_dimed .login_status_wrap .btn_loginpg{
    width: 280px; height: 40px;
    display: flex;align-items: center;justify-content: center;
    background:#2B2D31;
    border-radius: 50px;
}
.login_dimed .login_status_wrap .btn_loginpg span{
    padding-right:40px;background: url('../img/icon/arr_r_white_30x14.svg')no-repeat right center;
    font-size: 16px; font-weight: 600; color:#fff;
}



select{
    width: 100%;
    height: 30px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #d6d6d6;
    padding: 0 12px;
    font-size: 12px;
    font-family: Pretendard;
    -webkit-appearance:none; /* for chrome */
    -moz-appearance:none; /*for firefox*/
    appearance:none;
    background:url('../img/icon/icon_arr_down_black.svg') no-repeat calc(100% - 12px) 50%;
    background-color: #fff;
}
select:focus-visible{
    outline: 1px;
}
.login_area #locale{
    padding-right: 30px;
}
.login_area select::-ms-expand{
    display:none;/*for IE10,11*/
}

.login_copy_logo img{
    width: 79px;
}

.find_none{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
}
.find_none .find_none_txt{
    margin: 0;
}
.login_info_box{
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
}
.login_info_box .login_info_item{
    font-size: 13px;
    line-height: 16px;
    color: #666;
    font-weight: 500;
    padding-left: 8px;
    position: relative;
    margin-top: 8px;
}
.login_info_box .login_info_item:first-child{
    margin-top: 0;
}
.login_info_box .login_info_item::before{
    content: "";
    width: 3px;
    height: 3px;
    background-color: #333;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
}
.login_info_box .login_info_item .txt_p{
    color: #532DF6;
}




.login_wrap.type-2 .login_content{
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.login_wrap.type-2 .login_content .login-form-wrap{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 40px;
    min-height: 0;
}
.login_wrap.type-2 .login_content .login-form-wrap .login_title,
.login_wrap.type-2 .login_content .login-form-wrap .login_area{
    position: static;
    transform: translate(0,0);
}
.login_wrap.type-2 .login_content .login_title h1{
    text-align: center;
}
.login_wrap.type-2 .login_content .login_area{
    flex-direction: row;
    width: auto;
    padding: 48px 0;
    gap: 0;
}
.login_wrap.type-2 .login_content .login_area .area-item{
    width: 416px;
    padding: 0 48px;
    box-sizing: border-box;
    border-left: 1px solid #D0D5DD;
}
.login_wrap.type-2 .login_content .login_area .area-item:first-child{
    border-left: none;
}
.login_wrap.type-2 .login_content .login_area h2{
    font-size: 24px;
    margin-bottom: 8px;
}
.login_wrap.type-2 .login_content .login_area .lang_choice_area{
    margin-bottom: 32px;
}
.login_wrap.type-2 .login_content .login_area .lang_choice_area select{
    width: auto;
}
.login_wrap.type-2 .login_content .login_area .login_tab,
.login_wrap.type-2 .login_content .login_area .content_tab{
    margin: 0 0 12px;
}
.login_wrap.type-2 .login_content .login_area .tab_box.h-32 button{
    height: 32px;
}
.login_wrap.type-2 .login_content .login_area .content_tab button:not(.active),
.login_wrap.type-2 .login_content .login_area .login_tab button:not(.active){
    border-bottom-color: transparent;
}
.login_wrap.type-2 .login_content .login_area .login_tab button,
.login_wrap.type-2 .login_content .login_area .content_tab button{
    height: 36px;
}
.login_wrap.type-2 .login_content .login_area .login_tab_con .input-wrap,
.login_wrap.type-2 .login_content .login_area .content_tab_con .input-wrap{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.login_wrap.type-2 .login_content .login_area .tab_con.item-3 .board-list{
    height: 104px;
}
.login_wrap.type-2 .login_content .login_area input{
    background-color: #F6F8F9;
}
.login_wrap.type-2 .login_content .login_area input:focus{
    background-color: #fff;
}
.login_wrap.type-2 .login_content .login_area .findId,
.login_wrap.type-2 .login_content .login_area .findPassword{
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    color: #475467;
}
.login_wrap.type-2 .login_content .btn_login{
    width: 100%;
    height: 48px;
    padding: 8px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    background-color: #30374F;
    border-radius: 24px;
    color: #fff;
    margin-top: 12px;
}
.login_wrap.type-2 .login_content .btn_login::after{
    content: "";
    width: 20px;
    height: 20px;
    background: url("../img/icon/arr_r_white_20.svg");
}
.login_wrap.type-2 .login_content .btn_login span{
    font-size: 16px;
    font-weight: 600;
}
.login_wrap.type-2 .login_content .login_copy{
    position: static;
    width: 100%;
    justify-content: center;
    padding-bottom: 40px;

}
.login_wrap.type-2 .login_content .form_btns2{
    gap: 12px;
    margin-top: 24px;
}
.login_wrap.type-2 .login_content .form_btns2 button{
    gap: 12px;
    height: auto;
    border: 1px solid #D0D5DD;
    border-radius: 10px;
    padding: 11px;
}
.login_wrap.type-2 .login_content .form_btns2 button span::before{
    display: none;
}
.login_wrap.type-2 .login_content .form_btns2 button i{
    padding: 10px;
    background-color: #F2F4F7;
    border-radius: 12px;
}
.login_wrap.type-2 .login_content .form_btns2 button i::before{
    display: flex;
}
.login_wrap.type-2 .login_content .form_btns2 button.btn_new i{
    background-color: #F3F2FF;
}
.login_wrap.type-2 .login_content .form_btns2 button.btn_new i::before{
    filter: invert(33%) sepia(25%) saturate(4443%) hue-rotate(230deg) brightness(101%) contrast(107%);
}
.login_wrap.type-2 .login_content .form_btns2 button:hover {
    border-color: #8B94A5;
    background-color: #F9F9FB;
}
.login_wrap.type-2 .login_content .form_btns2 button:hover i {
    background-color: #EFF1F5;
}
.login_wrap.type-2 .login_content .form_btns2 button:hover i::before{
    filter: invert(23%) sepia(41%) saturate(277%) hue-rotate(186deg) brightness(106%) contrast(84%);
}
.login_wrap.type-2 .login_content .form_btns2 button.btn_new:hover {
    border-color: #8E85FF;
    background-color: #F3F2FF;
}
.login_wrap.type-2 .login_content .form_btns2 button.btn_new:hover i{
    background-color: #E8E8FF;
}
.login_wrap.type-2 .login_content .form_btns2 button.btn_new:hover i::before{
    filter: invert(15%) sepia(100%) saturate(3058%) hue-rotate(247deg) brightness(116%) contrast(97%);
}
.login_wrap.type-2 .login_content .form_btns2 button.btn_new:hover span{
    color: #6954FE;
}
.login_wrap.type-2 .login_content .form_btns2 button:hover span{
    color: #111322;
}
.login_wrap.type-2 .swiper-pagination{
    position: static;
    transform: translate(0,0);
    width: auto;
    height: auto;
}

.login_wrap .tab-toolbar{
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    margin-bottom: 12px;
}
.login_wrap .tab-toolbar .tab_box{
    flex: 1;
    min-width: auto;
    margin: 0!important;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
}
.login_wrap .tab-toolbar .tab_box::-webkit-scrollbar {
    display: none;
}
.login_wrap .tab-toolbar .tab_box button{
    flex: 1 1 0;
    min-width: 89px;
}
.login_wrap .tab-toolbar .tab-more{
    width: 16px;
    height: 16px;
    background: url("../img/icon/icon-plus.svg") no-repeat;
}
.login_wrap .board-list{
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}
.login_wrap .board-list .none-content{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #F9F9FB;
    color: #111322;
    font-size: 12px;
    font-weight: 400;
    border-radius: 6px;
}
.login_wrap .board-list .board-item{
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 8px 12px;
    border-radius: 6px;
    background-color: #F9F9FB;
}
.login_wrap .board-list .board-item .title{
    position: relative;
    flex: 1;
    min-width: 0;
    padding-left: 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #111322;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}
.login_wrap .board-list .board-item .title::before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    width: 2px;
    height: 2px;
    background-color: #667085;
}
.login_wrap .board-list .board-item .date{
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #8A94A6;
}
.login_wrap .board-list .board-item:hover{
    background-color: #E8E8FF;
}
.login_wrap .board-list .board-item:hover .title{
    color: #532DF6;
    text-decoration: underline;
}
.login_wrap .board-bot{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: -4px;
}
.login_wrap .board-bot .board-more{
    height: 18px;
    padding: 0 7px;
    font-size: 10px;
    font-weight: 600;
}

sc-window>.header{
    height: 36px;
}
.l-pop-con{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
}
.l-pop-con-head{
    display: flex;
    align-items: center;
    width: 100%;
    padding-bottom: 12px;
}
.l-pop-con-head .title{
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
}
.l-pop-con-body{
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: auto;
}
.max-board{
    display: flex;
    flex-direction: column;
}
.table-box{
    flex: 1;
    width: 100%;
    min-height: 0;
    border-top: 1px solid #D0D5DD;
    overflow-x: hidden;
    overflow-y: auto;
}
.table-box table{
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
}
.table-box table th{
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    color: #30374F;
    padding: 8px;
    border-left: 1px solid #D0D5DD;
    background-color: #F2F4F7;
}
.table-box table th:first-child{
    border-left: none;
}
.table-box table td{
    border: 1px solid #EAECF0;
    text-align: center;
    box-sizing: border-box;
    padding: 10px 12px 9px;
}
.table-box table td span{
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}
.table-box table td.align-left{
    text-align: left;
}
.table-box table td:first-child{
    border-left: none;
}
.table-box table td:last-child{
    border-right: none;
}
.table-box table tr:last-child td{
    border-bottom-color: #D0D5DD;
}
.table-box table tr:hover td{
    background-color: rgba(105, 84, 254, 0.12);
}
.table-box table tr:hover td a{
    color: #532DF6;
    text-decoration: underline;
}
.table-box table td .title{
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}
.user-info{
    width: 100%;
    height: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.user-info .user-img{
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #DFE1E9;
    border: 1px solid #fff;
    box-shadow: 0 0.417px 0.833px -0.417px rgba(16, 24, 40, 0.06), 0 0.833px 1.25px -0.417px rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    background-image: url("../img/icon/none-thumbnail.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.pagination-box{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 100%;
    padding-top: 12px;
}
.pagination-box .btn-item,
.pagination-box .page-num-item{
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    padding: 4px;
    border-radius: 6px;
}
.pagination-box .btn-item:hover,
.pagination-box .page-num-item:hover{
    background-color: #6954FE;
}
.pagination-box .btn-item::before{
    content: "";
    display: flex;
    width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: invert(49%) sepia(2%) saturate(3874%) hue-rotate(183deg) brightness(85%) contrast(80%);
}
.pagination-box .btn-item.btn-first::before{
    background-image: url("../img/icon/icon-chevron-double-left.svg");
}
.pagination-box .btn-item.btn-prev::before{
    background-image: url("../img/icon/icon-chevron-left.svg");
}
.pagination-box .btn-item.btn-next::before{
    background-image: url("../img/icon/icon-chevron-right.svg");
}
.pagination-box .btn-item.btn-last::before{
    background-image: url("../img/icon/icon-chevron-double-right.svg");
}
.pagination-box .btn-item:hover::before{
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(265deg) brightness(106%) contrast(103%);
}
.pagination-box .page-num{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}
.pagination-box .page-num .page-num-item{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
    color: #666;
}
.pagination-box .page-num .page-num-item.current{
    color: #fff;
    background-color: #6954FE;
}
.pagination-box .page-num .page-num-item:hover{
    color: #fff;
}
.l-pop-con-footer{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding-top: 20px;
}
.l-pop-con-footer .pop-btn{
    border: 1px solid #6954FE;
    background-color: #6954FE;
    border-radius: 6px;
    padding: 3px 11px;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    color: #fff;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}
.l-pop-con-footer .pop-btn.btn-outline{
    background-color: #fff;
    color: #6954FE;
}
.l-pop-con-footer .pop-btn:hover{
    border-color: #532DF6;
    background-color: #532DF6;
}
.l-pop-con-footer .pop-btn.btn-outline:hover{
    background-color: #F3F2FF;
}

.grid-box{
    /*display: grid;*/
    /*grid-template-columns: repeat(3, 1fr);*/
    border-top: 1px solid #D0D5DD;
    /*box-sizing: border-box;*/
    /*grid-auto-flow: row dense;*/
    display: flex;
    flex-wrap: wrap;
}
.grid-box .grid-item{
    display: flex;
    width: 100%;
    min-width: 33%;
    flex: 1;
}
.grid-box .grid-item > div{
    border-left: 1px solid #D0D5DD;
    border-bottom: 1px solid #D0D5DD;
}
.grid-box .grid-item > div:first-child{
    border-left: none;
}
.grid-box .label-box{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    padding: 8px 12px;
    box-sizing: border-box;
    background-color: #F2F4F7;
}
.grid-box .label-box p{
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    color: #30374F;
}
.grid-box.label-120 .label-box{
    width: 120px;
}
.grid-box.label-140 .label-box{
    width: 140px;
}
.grid-box.label-left .label-box{
    justify-content: flex-start;
}
.grid-box .content-box{
    flex: 1;
    display: flex;
    align-items: center;
    min-width: 0;
    padding: 8px 12px;
    box-sizing: border-box;
}
.grid-box .content-box p,
.grid-box .content-box a{
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}
.grid-box .content-box.attach-list{
    flex-direction: column;
    align-items: flex-start;
}
.grid-box .content-box.textarea-box{
    align-items: flex-start;
    min-height: 282px;
    padding: 24px;
    /*overflow-y: auto;*/
    word-break: break-all;
}
.grid-box .content-box.txt-3{
    height: 68px!important;
    padding: 9px 11px!important;
}

.column_span--2 {
    grid-column-end: span 2;
}
.column_span--3 {
    grid-column-end: span 3;
}
.column_span--4 {
    grid-column-end: span 4;
}
.column_span--5 {
    grid-column-end: span 5;
}
.column_span--6 {
    grid-column-end: span 6;
}
.grid-box.grid-4{
    grid-template-columns: repeat(4, 1fr);
}
.grid-box.grid-2{
    grid-template-columns: repeat(2, 1fr);
}
.grid-box.grid-1{
    grid-template-columns: repeat(1, 1fr);
}
.grid-box.grid-4 .grid-item{
    min-width: 25%;
}
.grid-box.grid-4 .grid-item.column_span--4{
    min-width: 100%;
}
.grid-box.grid-4 .grid-item.column_span--3{
    min-width: 75%;
}
.grid-box.grid-4 .grid-item.column_span--2{
    min-width: 50%;
}

.grid-item.column_span--2{
    min-width: 66%;
}
.grid-item.column_span--3{
    min-width: 100%;
}

.grid-box.grid-2 .grid-item{
    min-width: 50%;
}
.grid-box.grid-2 .grid-item.column_span--2{
    min-width: 100%;
}

.grid-box.grid-1 .grid-item{
    min-width: 100%;
}
.grid-box.type-board{
    display: grid;
    grid-template-columns: auto 210px 156px;
}
.grid-box.type-board .board-creator .label-box{
    width: 70px;
}
.grid-box.type-board .board-date .label-box{
    width: 56px;
}
.attach-list{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.attach-list .attach-link{
}
.attach-list .attach-link:hover{
    color: #532DF6;
    text-decoration: underline;
}

.panel-box{
    width: 100%;
    padding-top: 20px;
}
.panel-box:first-child{
    padding-top: 0;
}
.panel-box .panel-top{
    display: flex;
    align-items: center;
    padding-bottom: 12px;
}
.panel-box .panel-top .title{
    position: relative;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    color: #475467;
    padding-left: 16px;
    box-sizing: border-box;
}
.panel-box .panel-top .title::before{
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 4px;
    height: 12px;
    border-radius: 2px;
    background-color: #6954FE;
}
.panel-box .table-box table tr:hover td{
    background-color: #fff;
}

 .btn-box{
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 28px;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 600;
    color: #667085;
    border: 1px solid #B3B9C6;
    border-radius: 6px;
    box-sizing: border-box;
}
 .btn-box.type-icon{
    gap: 4px;
}
 .btn-box.type-icon::before{
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    filter: invert(91%) sepia(8%) saturate(353%) hue-rotate(184deg) brightness(81%) contrast(90%);
}
 .btn-box.icon-down::before{
    background-image: url("../img/icon/icon-down.svg");
}
 .btn-box:hover{
    background-color: #F8F9FC;
}
 .panel-btn{
     width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    padding-top: 8px;
}

.tab_wrap .tab-controller{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 20px;
    box-sizing: border-box;
    border: 1px solid #B3B9C6;
    border-radius: 4px;
    background-color: #fff;
    overflow: hidden;
}
.tab_wrap .tab-controller .tab-c-item{
    flex: 1 1 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.tab_wrap .tab-controller .tab-c-item.prev{
    border-right: 1px solid #B3B9C6;
}
.tab_wrap .tab-controller .tab-c-item::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: 12px;
    background-repeat: no-repeat;
    filter: invert(37%) sepia(5%) saturate(1841%) hue-rotate(186deg) brightness(94%) contrast(89%);
}
.tab_wrap .tab-controller .tab-c-item.prev::before{
    background-image: url("../img/icon/icon-chevron-left.svg");
}
.tab_wrap .tab-controller .tab-c-item.next::before{
    background-image: url("../img/icon/icon-chevron-right.svg");
}
.tab_wrap .tab-controller .tab-c-item:hover{
    background-color: #EFF1F5;
}