.hide {position: absolute !important; overflow: hidden; width: 1px !important; height: 1px !important; padding: 0 !important; margin: 0 !important; opacity: 0 !important; color: transparent !important; background: transparent !important; cursor: default !important;}
/* 텍스트 스타일 */
.txt1{font-size: 36px; line-height: 42px; font-weight: 700;}
.txt2{font-size: 30px; line-height: 35px; font-weight: 700;}
.txt3{font-size: 20px; line-height: 24px; font-weight: 700;}
.txt4{font-size: 18px; line-height: 26px; font-weight: 400;}
.txt5{font-size: 16px; line-height: 24px; font-weight: 400;}
.txt6{font-size: 14px; line-height: 22px; font-weight: 400;}

.title1{font-size: 36px; line-height: 39px; font-weight: 600;}
.title2{position: relative;  font-size: 20px; line-height: 24px; font-weight: 700;}
/* .title2::before {position: absolute; display: block; content: ''; top: 6px; left: 0; width: 12px; height: 12px; border: 4px solid #3085ff; border-radius: 50%; box-sizing: border-box; background-color: #fff; overflow: hidden;} */
.title3{font-size: 17px; font-weight: 700;}

.hypen_list ul li{
    position: relative;
    padding-left: 10px;
    line-height: 24px;
}
.hypen_list ul li::before{
    content: '-';
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.bullet_list ul li{
    position: relative;
    padding-left: 10px;
    line-height: 24px;
}
.bullet_list ul li::before{
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #1D1D1D;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.bullet_list ul li.is_badge{
    padding-left: 0;
}
.bullet_list ul li.is_badge::before{
    content: none;
    
}
.body_txt{
    font-weight: 700;
    line-height: 24px;
    color: #003675;
}
.warning{
    color: #F56666;
    line-height: 24px;
}
/* 버튼 스타일 */
.btn{
    padding: 8px 30px;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    line-height: 19px;
}
.btn:disabled{
    background-color: #C6C6C6 !important;
    cursor: default;
}
.btn.small{
    min-width: auto;
    padding: 5px 12px;
}
.btn.large{
    padding: 14px 0;
    width: 322px;
}
.btn.squre1{
    padding: 0;
    width: 90px;
    height: 90px;
}
.btn.squre2{
    padding: 0;
    width: 80px;
    height: 80px;
}
.btn.positive{
    background-color: #246BEB;
}
.btn.positive:hover{
    background-color: #1D56BC;
}
.btn.positive:active{
    background-color: #16408d;
}
.btn.neutral{
    background-color: #555555;
}
.btn.neutral:hover{
    background-color: #2D2D2D;
}
.btn.neutral:active{
    background-color: #1D1D1D;
}
.btn.nagative{
    background-color: #B90910;
}
.btn.nagative:hover{
    background-color: #94070D;
}
.btn.nagative:active{
    background-color: #6F050A;
}
.btn.special{
    background-color: #7A7A00;
}
.btn.special:hover{
    background-color: #5C5C00;
}
.btn.special:active{
    background-color: #3D3D00;
}

.ico_btn1{
    width: 24px;
    height: 24px;
    border-radius: 4px;
    text-indent: -9999px;
}
.ico_btn1.file{
    background: #7B82C8 url('../images/ico/ico_btn_file.png') center center no-repeat;
}
.ico_btn1.excel{
    background: #006600 url('../images/ico/ico_btn_excel.png') center center no-repeat;
}
.ico_btn1.point{
    background: #F23B3B url('../images/ico/ico_btn_powerpoint.png') center center no-repeat;
}
.ico_btn1.hwp{
    background: #1F9AC6 url('../images/ico/ico_btn_hwp.png') center center no-repeat;
}
.ico_btn1.pdf{
    background: #EE0000 url('../images/ico/ico_btn_pdf.png') center center no-repeat;
}
.ico_btn1.word{
    background: #0074E5 url('../images/ico/ico_btn_word.png') center center no-repeat;
}
.ico_btn1.img{
    background: #0074E5 url('../images/ico/ico_btn_img.png') center center no-repeat;
}

.down_btn{
    display: block;
    height: 24px;
    padding: 0px 0px 0px 32px;
    text-decoration: underline;
    color: #0000FF;
    position: relative;
}
.down_btn + .down_btn{
    margin-top: 10px;
}
.down_btn::before{
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
}
.down_btn.excel::before{
    background: #006600 url('../images/ico/ico_btn_excel.png') center center no-repeat;
}
.down_btn.pdf::before{
    background: #EE0000 url('../images/ico/ico_btn_pdf.png') center center no-repeat;
}
.down_btn.file::before{
    background: #7B82C8 url('../images/ico/ico_btn_file.png') center center no-repeat;
}
.down_btn.point::before{
    background: #F23B3B url('../images/ico/ico_btn_powerpoint.png') center center no-repeat;
}
.down_btn.hwp::before{
    background: #1F9AC6 url('../images/ico/ico_btn_hwp.png') center center no-repeat;
}
.down_btn.word::before{
    background: #0074E5 url('../images/ico/ico_btn_word.png') center center no-repeat;
}
.down_btn.img::before{
    background: #0074E5 url('../images/ico/ico_btn_img.png') center center no-repeat;
}
.ico_btn2{
    width: 27px;
    height: 27px;
    border-radius: 4px;
    text-indent: -9999px;
}
.ico_btn2.pen{
    background: #0056AA url('../images/ico/ico_btn_pen.png') center center no-repeat;
}
.ico_btn2.plus{
    background: #0056AA url('../images/ico/ico_btn_plus.png') center center no-repeat;
}
.ico_btn2.minus{
    background: #B90910 url('../images/ico/ico_btn_minus.png') center center no-repeat;
}
.ico_btn2.up{
    background: #555555 url('../images/ico/ico_btn_up.png') center center no-repeat;
}
.ico_btn2.down{
    background: #555555 url('../images/ico/ico_btn_down.png') center center no-repeat;
}
.ico_btn2.search{
    background: #555555 url('../images/ico/ico_btn_search.png') center center no-repeat;
}
.ico_btn2.cancel{
    background: #555555 url('../images/ico/ico_btn_cancel.png') center center no-repeat;
}
.btn_plus,
.btn_minus,
.btn_del{
    width: 16px;
    height: 16px;
    border-radius: 2px;
    position: relative;
    text-indent: -9999px;
}
.btn_plus{
    border: 1px solid #0056AA;
    
}
.btn_plus::before{
    content: '';
    display: block;
    width: 10px;
    height: 2px;
    border-radius: 2px;
    background-color: #0056AA;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.btn_plus::after{
    content: '';
    display: block;
    width: 2px;
    height: 10px;
    border-radius: 2px;
    background-color: #0056AA;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.btn_minus,
.btn_del{
    border: 1px solid #B90910;
}
.btn_minus::before{
    content: '';
    display: block;
    width: 10px;
    height: 2px;
    border-radius: 2px;
    background-color: #B90910;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.btn_del::before{
    content: '';
    display: block;
    width: 10px;
    height: 2px;
    border-radius: 2px;
    background-color: #B90910;
    position: absolute;
    top: 6px;
    left: 2px;
    transform: rotate(130deg);
}
.btn_del::after{
    content: '';
    display: block;
    width: 2px;
    height: 10px;
    border-radius: 2px;
    background-color: #B90910;
    position: absolute;
    top: 2px;
    left: 6px;
    transform: rotate(-45deg);
}
.btn_phone_auth{
    padding: 20px 87px 19px 121px;
    background-color: #003675;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    position: relative;
    
}
.btn_phone_auth::after{
    content: '';
    display: block;
    width: 18px;
    height: 24px;
    background: url('../images/ico/ico_phone.png') no-repeat;
    position: absolute;
    top: 18px;
    left: 36px;
}
.btn_easy_auth{
    padding: 20px 65px 19px 99px;
    background-color: #182A4C;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    position: relative;
}
.btn_easy_auth::before {
    position: absolute;
    top: 18px;
    width: 30px;
    content: '\f505';
    left: 33px;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 24px;
    background: none;
}
.btn_more{
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
}
.btn_more::before,
.btn_more::after{
    content: '';
    display: block;
    position: absolute;
    background-color: #1D1D1D;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.btn_more::before{
    width: 2px;
    height: 16px;
}
.btn_more::after{
    width: 16px;
    height: 2px;
}
.btn_detail{
    display: inline-block;
    padding: 8px 24px;
    background-color: #4971FD;
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    border-radius: 20px;
}
.btn_detail:hover{
    background-color: #246BEB;
}
.btn_detail:active{
    background-color: #1D56BC;
}
.table_area + .btn_area{margin-top: 20px;}
.btn_area{display: flex; gap: 12px;}
.btn_area.center{justify-content: center;}
.btn_area.align_right{justify-content: flex-end;}
/* 인풋 스타일 */
.input_area button {height: 29px;}
.input_area label{
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
    margin-right: 8px;
}
.input_area input[type=text],
.input_area input[type=password],
.input_area input[type=date],
.input_area input[type=number]{
    max-width: 200px;
    height: 29px;
    border-color: #E3E3E3;
    background-color: #fff;
    border-radius: 2px;
}
.input_area.email_type input[type=text],
.input_area.phone_type input[type=text]{
    max-width: 100px;
}
.input_area.email_type,
.input_area.phone_type{
    display: flex;
    align-items: center;
    gap: 8px;
}
.input_area.email_type .select_box2,
.input_area.phone_type .select_box2{
    width: 120px;
}
.input_area input[type=text]:focus,
.input_area input[type=password]:focus{
    border-color: #5089EF;
}
.input_area input[type=text]::placeholder,
.input_area input[type=password]::placeholder{
    font-size: 16px;
    color: #1D1D1D;
}
.input_area input[type=text]:disabled,
.input_area input[type=text]:read-only{
    background-color: #EEEEEE;
    color: #9a9a9a;
}

.input_vali{margin: 3px 0;}
.input_vali,
.input_vali i{font-size: 12px;}
.input_vali.type1{color: #5089EF;}
.input_vali.type2{color: #F56666;}
.input_vali.type3{color: #98690A;}
.input_vali.type3 i{color: #FFB724;}
.input_vali.type4{color: #008A1E;}

.input_area.vali_type2  input:focus{border-color: #F56666;}

.input_area p{
    margin-top: 3px;
    font-size: 12px;
}
.input_area p i{
    font-size: 12px;
}
.input_area .svg-inline--fa{
    margin-right: 8px;
}
.input_area.text_type1 p{
    color: #5089EF;
}
.input_area.error p{
    color: #F56666;
}
.input_area.text_type2 p,
.input_area.text_type2 button{
    color: #98690A;
}
.input_area.text_type3 p{
    color: #008A1E;
}
.input_group {display: flex; gap: 20px;}
.input_group:not(:first-of-type) {margin-top: 8px;}
.input_area {display: flex; align-items: center; position: relative;}
.input_area.column{flex-direction: column ; align-items: start;}
.input_area input {position: relative; width: 200px;}
.input_area input.has-icon {padding-right: 26px;}
.input_area .hidden {position: absolute; visibility: hidden; z-index: -1;}
.input_area .trigger {position: absolute; width: 26px !important; height: 26px; line-height: 26px; top: 0; right: 0; text-align: center; cursor: pointer;}
.input_area .trigger .fa-chevron-down{font-size: 10px;}
.input_area label .trigger {width: 24px; height: 24px; top: 2px; right: 1px; line-height: 24px;}
.input_area input:disabled + .trigger,
.input_area input:read-only + .trigger {color: #c6c6c6; cursor: default;}

.input_email input {width: 100px;}
.input_email > :nth-child(2),
.input_email > :nth-child(3),
.input_email > :nth-child(4) {margin-right: 5px;}
.input_email > :nth-child(5) {margin-right: 0px;}
.input_area.input_email select{width: 130px;}
.input_date input {width: 140px;}
.input_date label {margin-right: 0;}
.input_date.date2 > :not(:last-child) {margin-right: 4px;}
.input_date.date1 .date_label,
.input_date.date2 .date_label {margin-right: 8px;}
.input_area .btn {margin-left: 8px; padding: 0 14px; white-space: nowrap;}
.input_file .btn {margin-left: 12px;}
.input_file input[type="text"] {width: 320px; max-width: 320px; text-indent: 66px;}
.input_file input[type="file"] {width: 0;}
.input_area.input_file input[type="text"]:read-only{_background-color: #fff; color: #1d1d1d;}
.input_area.input_file input[type="text"]:read-only::placeholder {color: #c6c6c6;}
.input_file label {position: relative; width: 320px; height: 29px; line-height: 25px; padding: 2px; padding-right: 8px; border: 1px solid #e3e3e3; font-size: 0; font-weight: 400;}
.input_file label::before {_position: absolute; vertical-align: top; top: 2px; bottom: 2px; left: 2px; display: inline-block; content: '파일 선택'; background-color: #555; color: #fff; line-height: 24px; font-size: 14px; padding: 0 6px; border-radius: 2px; font-weight: 700;}
.input_file .filename {display: -webkit-inline-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; vertical-align: top; width: calc(100% - 70px); margin-left: 5px; overflow: hidden; text-overflow: ellipsis; white-space: normal;}
.input_file input:disabled + label .filename{color: #9a9a9a;}
.input_file input:disabled + label,
.input_file label.disabled {background-color: #eee; color: #1d1d1d;}
.input_area.input_file label{margin: 0; text-align: left;}
.input_area.input_file.filename {max-width: calc(100% - 30px);}
.input_area.input_file .btn_group {margin-left: 10px;}
.input_area.input_file + .btn_group:last-of-type {_gap: 10px;}
.input_area.input_file + .btn_group:last-of-type button {margin: 0;}
.input_check label {margin-right: 0;}
.input_check .chk_box:not(:first-of-type) {margin-left: 40px;}
.input_radio label {margin-right: 0;}
.input_radio .radio_box:not(:first-of-type) {margin-left: 40px;}
.input_toggle label {margin-right: 0;}
.input_toggle .toggle_box:not(:first-of-type) {margin-left: 40px;}
.input_toggle label::before {position: absolute; display: block; content: ''; top: 2px; left: 2px; width: 22px; height: 22px; border-radius: 2px; background-color: #fff; z-index: 1;}
.input_toggle input[type="checkbox"]:checked + label::before {left: 36px;}
.input_toggle input[type="checkbox"] + label::after,
.input_toggle input[type="checkbox"]:checked + label::after{display: none;}
.input_toggle input[type="checkbox"] + label {width: 60px; height: 26px; line-height: 26px; border-radius: 2px; padding-left: 0; background: #c4c4c4;}
.input_toggle input[type="checkbox"]:checked + label {background-color: #3872d8;}
.input_toggle input[type="checkbox"] + label .on {display: none;}
.input_toggle input[type="checkbox"] + label .off {display: block; right: 0;}
.input_toggle input[type="checkbox"]:checked + label .on {display: block;}
.input_toggle input[type="checkbox"]:checked + label .off {display: none;}
.input_toggle .toggle span {position: absolute; display: block; top: 0; width: 34px; height: 26px; line-height: 26px; text-align: center; color: #fff;}
.input_toggle .toggle span.on {left: 0; background-color: #3872d8;}
.input_toggle .toggle span.off {right: 0; background-color: #c4c4c4;}
.input_area.adress_type input,
.input_area.account_type input{width: 100%; max-width: 348px;}

/* 셀렉트박스 */
.input_area select {position: relative; display: block;  border-color: #e3e3e3; width: 200px; border-radius: 2px; height: 29px; background-color: #fff; background-image: url('../images/ico/ico_arrow_down10.png'); background-repeat: no-repeat; background-position: center right 8px;}
.input_area select:focus {border-color: #5089ef;}
.input_area select:disabled {background-color: #EEEEEE; color: #9a9a9a; opacity: 1; background-image: url('../images/ico/ico_arrow_down10_disabled.png');}
.info_input_table select{width: 160px;}
.select::-ms-expand{display: none;}

/* 체크박스 */
.chk_box{display: flex; align-items: center; }
.chk_box.column{flex-direction: column; }
.chk_box.start{justify-content: start; align-items: start;}
.chk_box.center{justify-content: center;}
.chk_box.gap1{gap: 10px;}
.chk_box.gap2{gap: 20px;}
.chk_box.gap3{gap: 30px;}
.chk_box.gap4{gap: 40px;}
.chk_box.gap5{gap: 50px;}
.chk_box.gap6{gap: 60px;}
.chk {position: relative;}
input[type=checkbox]:not(.ag-checkbox-input){
    _display: none;
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    border: 0;
    top: 0;
    left: 0;
    z-index: -1;
    color: transparent;
    background: transparent;
    appearance: none;
}
input[type=checkbox]:not(.ag-checkbox-input)::after {
    display: block;
    width: 16px;
    height: 16px;
    top: 4px;
    left: 0;
    position: absolute;
    content: '';
    background-color: transparent;
}
input[type=checkbox] + label{
    padding-left: 22px;
    position: relative;
    line-height: 19px;
    cursor:pointer;
}
input[type=checkbox] + label::after{
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #C4C4C4;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #fff top 2px center no-repeat;
    box-sizing: border-box;
}
input[type=checkbox]:focus + label::after {outline: 2px solid #000;}
input[type=checkbox]:checked + label::after{
    border-color: #0056AA;
    background-image: url('../images/ico/ico_chk.png');
}
input[type=checkbox]:disabled + label{
    color: #C6C6C6;
}
input[type=checkbox]:checked:disabled + label::after{
    border-color: #C4C4C4;
    background-image: url('../images/ico/ico_chk_disabled.png');
    background-color: #EEEEEE;
}
input[type=checkbox]:disabled + label::after{
    border-color: #C4C4C4;
    background-color: #EEEEEE;
}
/* 라디오 */
.radio_group{display: flex; align-items: center;}
.radio_group.center{justify-content: center;}
.radio_group.gap1{gap: 10px;}
.radio_group.gap2{gap: 20px;}
.radio_group.gap3{gap: 30px;}
.radio_group.gap4{gap: 40px;}
.radio_group.gap5{gap: 50px;}
.radio_group .radio {position: relative;}

input[type=radio]{
    _display: none;
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    border: 0;
    z-index: -1;
    color: transparent;
    background: transparent;
    appearance: none;
}
input[type=radio]::after {
    display: block;
    width: 16px;
    height: 16px;
    top: 4px;
    left: 0;
    position: absolute;
    content: '';
    background-color: transparent;
}
input[type=radio] + label{
    padding-left: 22px;
    position: relative;
    line-height: 19px;
    cursor:pointer;
}
input[type=radio] + label::after{
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #C4C4C4;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
input[type=radio]:focus + label::after {outline: 2px solid #000;}
input[type=radio]:checked + label::after{
    border-color: #0056AA;
}
input[type=radio]:checked + label::before{
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    background-color: #0056AA;
    border-radius: 50%;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}
input[type=radio]:disabled + label{
    color: #C6C6C6;
}
input[type=radio]:checked:disabled + label::before{
    background-color: #C4C4C4;
}
input[type=radio]:disabled + label::after{
    border-color: #C4C4C4;
    background-color: #EEEEEE;
}

/* 테이블 */
.table_area + .table_area{margin-top: 30px;}
.table_wrap{
    border-top: 1px solid #1D1D1D;
}
.table_wrap table{
    width: 100%;
}
.table_wrap table th{
    border-bottom: 1px solid #E3E3E3;
    border-right: 1px solid #E3E3E3;
    _border-left: 1px solid #E3E3E3;
    padding: 10px 6px;
    background-color: #F8F8F8;
    line-height: 19px;
    font-weight: 700;
    vertical-align: middle;
}
.table_wrap table th:first-child{border-left: 1px solid #E3E3E3;}
.table_wrap table th label {font-weight: 700;}
/* .table_wrap table thead{
    border-top: 1px solid #1D1D1D;
} */
.table_wrap table thead + tbody{
    border-top: none;
}
/* .table_wrap table tbody{
    border-top: 1px solid #1D1D1D;
} */

.table_wrap table td{
    vertical-align: middle;
    padding: 5px 5px;
    height: 39px;
    line-height: 19px;
    border-bottom: 1px solid #E3E3E3;
    border-right: 1px solid #E3E3E3;
    _border-left: 1px solid #E3E3E3;
    text-align: center;
}
.table_wrap table td:first-child{border-left: 1px solid #E3E3E3;}
.table_wrap.align_left th,
.table_wrap.align_left td,
.table_wrap table th.text_left ,
.table_wrap table td.text_left {text-align: left;}
.table_wrap table td.text_right{text-align: right;}

.table_wrap th{vertical-align: middle; font-weight: 700;}
.table_wrap.padtype1 th,
.table_wrap.padtype1 td {padding: 8px 16px;}
.table_wrap.padtype2 th {padding: 10px 15px;}
.table_wrap.padtype2 td {padding: 5px 15px;}
.required,
.asterisk,
.red{
    color: #E00000;
}
.blue{color:#246BEB}
.file_btn{
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: transparent url('../images/ico/ico_btn_file_blue.png') center center no-repeat;
}
.doc_down_btn{
    width: 18px;
    height: 23px;
    text-indent: -9999px;
    background: transparent url('../images/ico/ico_doc_down_btn.png') center center no-repeat;
}
/* 페이지네이션 */
.pagination {
    text-align: center;
    padding: 8px 0px;
    border-bottom: 1px solid #E3E3E3;
    display: flex;
    justify-content: center;
    gap: 2px;
    flex-wrap: wrap;
}
.pagination button{
    min-width: 28px;
    line-height: 16px;
    padding: 6px 4px;
    border-radius: 4px;
    font-size: 14px;
    color: #1d1d1d;
}
.pagination button.active{
    color: #fff;
    background-color: #246BEB;
}
.pagination button.first_paging,
.pagination button.prev_paging,
.pagination button.next_paging,
.pagination button.last_paging{
    text-indent: -9999px;
}
.pagination button.first_paging{
    background: url('../images/ico/ico_paging_first.png') center center no-repeat;
}
.pagination button.prev_paging{
    background: url('../images/ico/ico_paging_prev.png') center center no-repeat;
}
.pagination button.next_paging{
    background: url('../images/ico/ico_paging_next.png') center center no-repeat;
}
.pagination button.last_paging{
    background: url('../images/ico/ico_paging_last.png') center center no-repeat;
}
.paging_count{
    display: inline-block;
    vertical-align: middle;
    margin: 0 37px;
}

/* 뱃지 */
.badge_wrap{
    display: flex;
    align-items: center;
}
.badge{
    display: block;
    padding: 5px 12px;
    border: 1px solid #D7DDEB;
    border-radius: 2px;
    font-weight: 700;
}
.badge.type1{color: #01A291;}
.badge.type2{color: #70AA18;}
.badge.type3{color: #C94EE2;}
.badge.type4{color: #F18D35;}
.badge.type5{color: #5089EF;}

.circle_ico{
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    
    position: relative;
}
.circle_ico.blue{
    background-color: #3085FF;
}
.circle_ico.purple{
    background-color: #8762C9;
}
.circle_ico.red{
    background-color: #CD4945;
}
.circle_ico.greed{
    background-color: #539F2D;
}
.circle_ico::after{
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.new_tag{
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    background-color: #E00000;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    padding: 1px 4px;
}
/* 스텝 */
.p_step ol{
    display: flex;
    background-color: #EFF5FF;
    border-radius: 40px;
    overflow: hidden;
}
.p_step ol li{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 80px;
    border-radius: 40px;
    font-size: 18px;
    line-height: 21px;
    font-weight: 700;
}
.p_step ol li.active{
    background-color: #5089EF;
    color: #fff;
}
.p_step ol li.active strong{
    color: #fff;
}
.p_step ol li strong{
    color: #5089EF;
}
.m_step ol {
    display: flex;
}
.m_step ol li{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
    color: #D6D6D6;
    position: relative;
}
.m_step ol li.pass,
.m_step ol li.active{
    color: #1D1D1D;
}

.m_step ol li .m_step_chk{
    width: 27px;
    height: 27px;
    background-color: #fff;
    position: relative;
    z-index: 2;
}
.m_step ol li .m_step_chk::after{
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: url('../images/ico/ico_step_chk.png') center center no-repeat;
    background-color: #D6D6D6;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.m_step ol li.pass .m_step_chk::after{
    background-color: #1D1D1D;
}
.m_step ol li.active .m_step_chk::after{
    background-color: #5089EF;
}
.m_step ol li::after{
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    background-color: #D6D6D6;
    position: absolute;
    top: 12px;
    right: -50%;
    z-index: 1;
}
.m_step ol li.pass::after{
    background-color: #1D1D1D;
}
/* .m_step ol li.active::after{
    background-color: #5089EF;
} */
.m_step ol li:last-child::after{
    content: none;
} 

/* 브레드스크럼 */
.breadcrumb ul{
    display: flex;
    gap: 24px;
}
.breadcrumb ul li{
    position: relative;   
}
.breadcrumb ul li::before{
    content: '\f105';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -16px;
}
.breadcrumb ul li:first-child::before{
    content: none;
}

/* 말줄임표 */
.ellipsis{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.ellipsis2{
    text-overflow: ellipsis;
    word-wrap: break-word !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: auto !important;
}
/* 흰색박스 */
.white_box{
    max-width: 1400px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 20px;
}

 /* 화면잠금 */
.lock_wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 10001;
}
/* .lock_wrap::after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    
    z-index: 1;
} */
.lock_contents{
    padding-top: 99px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    text-align: center;
}
.lock_contents::after{
    content: '\f023';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #2E85FF;
    font-size: 50px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.lock_contents strong{
    color: #fff;
    font-size: 24px;
    line-height: 32px;
}
.lock_contents p{
    color: #fff;
    margin: 12px 0 52px;
}
.lock_contents .btn{
    padding: 14px 50px;
    font-size: 18px;
}
.unlock_wrap{
    display: none;
    padding: 45px 58px 50px;
    background-color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    text-align: center;
    border-radius: 20px;
    width: 440px;
    min-height: 415px;
}
.unlock_wrap h3 .fa-lock{
    font-size: 30px;
}
.unlock_wrap .quest_login .quest_login_password{margin-bottom: 42px;}
.unlock_wrap.admin_login_box .quest_login .quest_login_password{margin-bottom: 22px;}
.unlock_wrap.admin_login_box strong{display: block; font-size: 18px; line-height: 24px; margin: 31px 0 25px;}
/* 로그인 폼 */

.quest_login_wrap .tab,
.unlock_wrap .tab{
    display: flex;
    margin-top: 5.2px;
    border-bottom: 1px solid #A2ACBD;
    
}
.quest_login_box .tabcontent,
.unlock_wrap .tabcontent{padding: 0;}
.quest_login_wrap .tabcontent,
.unlock_wrap .tabcontent{
    margin-top: 36px;
}
.quest_login_wrap .tab button,
.unlock_wrap .tab button{
    flex: 1;
    font-size: 16px;
    color: #1d1d1d;
    font-weight: 500;
    position: relative;
    background-color: #fff;
}
.quest_login_wrap .tab button.active,
.unlock_wrap .tab button.active{
    font-weight: 700;
    border: 0;
}
.quest_login_wrap .tab button.active:focus,
.unlock_wrap .tab button.active:focus{
    _outline: -webkit-focus-ring-color auto 1px; /* 접근성 지적시 활성화 */
}
.quest_login_wrap .tab button.active::after,
.unlock_wrap .tab button.active::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 2px;
    background-color: #1D1D1D;
}
.quest_login .input_area label {width: 100%; margin-right: 0;}
.quest_login .input_area input{
    height: 48px;
    width: 100%;
    max-width: 100%;
    border-radius: 4px;
}
.quest_login .quest_login_id{
    margin-bottom: 20px;
}
.quest_login .quest_login_password{
    margin-bottom: 10px;
}
.quest_easy_login{
    margin-top: 51px;
}
.quest_easy_login button + button{
    margin-top: 30px;
}


/* 외부문제출제 로그인 */
.quest_login_wrap {
    min-height: calc(100vh - 90px);
    background-image: url('/images/img-bg-case6.png');
    background-repeat: no-repeat;
    background-size: cover;
    /** background-color: #EFF5FF;*/
}
.quest_login_inner{
    max-width: 1034px;
    margin: 0 auto;
    padding: 96px 0 122px;
}
.quest_login_wrap .txt2{
    text-align: center;
}
.quest_login_wrap .quest_login_title{
    font-size: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8.5px;
    margin-bottom: 53px;
}
.quest_login_wrap .quest_login_contents{
    display: flex;
    border-radius: 20px;
    overflow: hidden;
}
.quest_login_wrap .quest_left{
    background-color: #5089EF;
    width: 594px;
    padding: 40.3px 33px 30px 34px;
}
.quest_login_wrap .quest_login_box{
    background-color: #fff;
    padding: 45.3px 58px 53px 59px;
    width: 440px;
    
}
.quest_login_box .chk{
    margin-bottom: 10px;
}
.quest_login_box .quest_user_menu{
    margin-top: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 66px;
}
.quest_login_box .quest_user_menu a{
    position: relative;
}
.quest_login_box .quest_user_menu a::after{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: -32px;
    width: 1px;
    height: 12px;
    background-color: #A7A7A7;
}
.quest_login_box .quest_user_menu a:last-child::after{
    content: none;
}
.quest_login_box .quest_easy_login{
    margin-top: 76px;
}

.quest_left .txt2{
    color: #fff;
    text-align: left;
    margin-bottom: 17.7px;
    font-weight: 500;
    line-height: 40px;
}
.quest_left .quest_customer_service{
    padding: 19px 24px 17px;
    border-radius: 10px;
    width: 100%;
    background:#fff url('../images/ico/ico_customer_service.png') 90% center no-repeat;
}
.quest_left .customer_time{
    margin: 12px 0 9px;
    font-size: 28px;
    line-height: 33px;
}
.quest_left .customer_call{
    color: #5089EF;
    font-weight: 600;
}
.quest_left .quest_service_download{
    display: flex;
    gap: 27px;
    margin-top: 23px;
}
.quest_left .quest_service_download a{
    flex: 1;
    max-width: 250px;
    height: 120px;
    background-color: #fff;
    border-radius: 10px;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 103px;
}
.quest_system_download{
    background: #fff url('../images/img_quest_system.png') 95% 33px no-repeat;
    color: #7067E4;
}
.quest_system_download::before,
.quest_remote_download::before{
    content: '';
    display: block;
    width: 64px;
    height: 64px;
    position: absolute;
    top: 50%;
    left: 24px;
    transform: translateY(-50%);
}
.quest_system_download::before{
    background: url('../images/ico/ico_quest_system.png') no-repeat;
}
.quest_remote_download{
    background: #fff url('../images/img_quest_remote.png') 95% 33px no-repeat;
    color: #097c7c;
}
.quest_remote_download::before{
    background: url('../images/ico/ico_quest_remote.png') no-repeat;
}
.quest_login_desc{
    text-align: center;
    margin-top: 26px;
    color: #546f83;
}
.quest_login_desc strong{
    color: #ce3009;
}


/* 공지사항 페이지 */
.top_area{display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; padding-left: 14px;}
form + .table_area{margin-top: 30px;}
.form_box{display: flex; flex-wrap: wrap; align-items: center; gap: 12px 30px; min-height: 80px; padding: 26px 40px 25px; background-color: #EFF5FF; border: 1px solid #D7DDEB; border-radius: 8px; }
.form_box + .red{width: 100%; display: inline-flex; justify-content: flex-end;}
.form_box .input_area label{height: auto;}
.form_box .input_area .btn{margin-left: 20px;}
.form_box .input_area select{width: 140px;}
.form_box .input_area input + label select{margin-left: 8px;}
.input_date .date_label{font-size: 16px; line-height: 19px; font-weight: 700;}
.table_area .table_top{margin-bottom: 4px;}
.table_top{display: flex;}
.table_top.self_end{justify-content: end;}
.table_area .table_top .table_count{font-size: 14px; font-weight: 700; line-height: 19px;}
.table_area .table_top .table_count span{font-size: 14px;}
.file_item{display: flex; align-items: center; gap: 12px;}


/* 어드민 로그인 */
.admin_login_wrap{width: 100%; height: calc(100% - 90px); background: url('../images/img_adim_login_bg.png') center center no-repeat; }
.admin_login_inner{height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 53px;}
.admin_login_title{font-size: 40px; line-height: 47px; display: flex; align-items: center; gap: 13.5px;}
.admin_login_box{max-width: 440px; min-height: 339px; padding: 35px 58px;  background-color: #fff; border-radius: 20px;}
.admin_login_box .txt4{text-align: center; margin-bottom: 25px; font-weight: 700;}
.admin_login_box .input_area{margin-bottom: 20px;}
.admin_login_box .input_area label {width: 100%; margin-right: 0;}
.admin_login_box .input_area input{height: 48px; width: 100%; max-width: 100%; border-radius: 4px;}
.admin_login_box .chk{margin-top: 12px;}

.two_step .radio_group{justify-content: center; margin-bottom: 25px; padding-bottom: 12.5px; border-bottom: 2px solid #1D1D1D;}
.two_step .btn_wrap{display: flex; gap: 8px; margin-bottom: 12px;}
.two_step .auth_time{color: #DA3D3D; font-weight: 700;}
.two_step .bio_auth .btn_wrap {margin-top: 60px;}
.two_step .otp_auth{display: none;}
.two_step .otp_auth.on{display: block;}
.two_step .bio_auth{display: none;}
.two_step .bio_auth.on{display: block;}

/* 원격지원 이용안내 */
.remote_service .bullet{margin-bottom: 10px; color: #002B55;}
.remote_service .bullet_list ul li{color: #002B55;}
.remote_box{border-radius: 8px; overflow: hidden; border: 1px solid #D7DDEB;}
.remote_box + .remote_box{margin-top: 60px;}
.remote_box_header{padding: 0 20px; font-size: 22px; font-weight: 700; display: flex; align-items: center;  height: 60px; background-color: #EFF5FF; border-bottom: 1px solid #D7DDEB;}
.remote_box_header em{margin-right: 10px; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background-color: #5089EF; color: #fff; font-weight: 700;}
.remote_box_cont{padding: 30px 40px;}
.remote_box_cont .btn_area{margin-top: 20px;}
.remote_box_cont .remote_img{text-align: center; margin-top: 20px;}

/* 탭메뉴 */
.tab{width: 100%; display: flex;}
.tab .tablink{flex: 1;}
.tabcontent{display: none; _padding: 6px 12px; outline: none;}
.tablink{font-size: 18px; background-color: #EFF5FF; cursor: pointer;  padding: 14px 16px; border-top: 2px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #ADBAD8;}
.tablink.active{color: #246BEB; font-weight: 700; background-color: #fff; border-top: 2px solid #246BEB; border-left: 1px solid #ADBAD8; border-right: 1px solid #ADBAD8; border-bottom: none;}

.tab.type2{border-bottom: 1px solid #ADBAD8; margin-bottom: 20px;}
.tab.type2 .tablink{position: relative; flex: none; font-size: 16px; background-color: transparent; padding: 6px 14px; border-bottom: 0;}

.tab.type2 .tablink.active{border-bottom: 0;}
.tab.type2 .tablink.active::after{content: ''; display: block; width: 100%; height: 1px; background-color: #fff; position: absolute; left: 0; bottom: -1px;}



/* 뷰 데이터 픽커 */
.v-datepicker input{padding-right: 25px; background: #fff url(../images/ico/ico_calendar.png) 94% center no-repeat;}
.v-datepicker input:disabled{background: #eee url(../images/ico/ico_calendar_disabled.png) 94% center no-repeat;}
/* 스타일 강제 */
.wfull{width: 100% !important; max-width: 100% !important;}
.w40 {width: 40px !important; max-width: 40px !important;}
.w45 {width: 45px !important; max-width: 45px !important;}
.w50 {width: 50px !important; max-width: 50px !important;}
.w55 {width: 55px !important; max-width: 55px !important;}
.w60 {width: 60px !important; max-width: 60px !important;}
.w65 {width: 65px !important; max-width: 65px !important;}
.w70 {width: 70px !important; max-width: 70px !important;}
.w75 {width: 75px !important; max-width: 75px !important;}
.w80 {width: 80px !important; max-width: 80px !important;}
.w85 {width: 85px !important; max-width: 85px !important;}
.w90 {width: 90px !important; max-width: 90px !important;}
.w95 {width: 95px !important; max-width: 95px !important;}
.w100 {width: 100px !important; max-width: 100px !important;}
.w105 {width: 105px !important; max-width: 105px !important;}
.w110 {width: 110px !important; max-width: 110px !important;}
.w115 {width: 115px !important; max-width: 115px !important;}
.w120 {width: 120px !important; max-width: 120px !important;}
.w125 {width: 125px !important; max-width: 125px !important;}
.w130 {width: 130px !important; max-width: 130px !important;}
.w135 {width: 135px !important; max-width: 135px !important;}
.w140 {width: 140px !important; max-width: 140px !important;}
.w145 {width: 145px !important; max-width: 145px !important;}
.w150 {width: 150px !important; max-width: 150px !important;}
.w155 {width: 155px !important; max-width: 155px !important;}
.w160 {width: 160px !important; max-width: 160px !important;}
.w165 {width: 165px !important; max-width: 165px !important;}
.w170 {width: 170px !important; max-width: 170px !important;}
.w175 {width: 175px !important; max-width: 175px !important;}
.w180 {width: 180px !important; max-width: 180px !important;}
.w185 {width: 185px !important; max-width: 185px !important;}
.w190 {width: 190px !important; max-width: 190px !important;}
.w195 {width: 195px !important; max-width: 195px !important;}
.w200 {width: 200px !important; max-width: 200px !important;}
.w205 {width: 205px !important; max-width: 205px !important;}
.w210 {width: 210px !important; max-width: 210px !important;}
.w215 {width: 215px !important; max-width: 215px !important;}
.w220 {width: 220px !important; max-width: 220px !important;}
.w225 {width: 225px !important; max-width: 225px !important;}
.w230 {width: 230px !important; max-width: 230px !important;}
.w235 {width: 235px !important; max-width: 235px !important;}
.w240 {width: 240px !important; max-width: 240px !important;}
.w245 {width: 245px !important; max-width: 245px !important;}
.w250 {width: 250px !important; max-width: 250px !important;}
.w255 {width: 255px !important; max-width: 255px !important;}
.w260 {width: 260px !important; max-width: 260px !important;}
.w265 {width: 265px !important; max-width: 265px !important;}
.w270 {width: 270px !important; max-width: 270px !important;}
.w275 {width: 275px !important; max-width: 275px !important;}
.w280 {width: 280px !important; max-width: 280px !important;}
.w285 {width: 285px !important; max-width: 285px !important;}
.w290 {width: 290px !important; max-width: 290px !important;}
.w295 {width: 295px !important; max-width: 295px !important;}
.w300 {width: 300px !important; max-width: 300px !important;}
.w305 {width: 305px !important; max-width: 305px !important;}
.w310 {width: 310px !important; max-width: 310px !important;}
.w315 {width: 315px !important; max-width: 315px !important;}
.w320 {width: 320px !important; max-width: 320px !important;}
.w325 {width: 325px !important; max-width: 325px !important;}
.w330 {width: 330px !important; max-width: 330px !important;}
.w335 {width: 335px !important; max-width: 335px !important;}
.w340 {width: 340px !important; max-width: 340px !important;}
.w345 {width: 345px !important; max-width: 345px !important;}
.w350 {width: 350px !important; max-width: 350px !important;}
.w355 {width: 355px !important; max-width: 355px !important;}
.w360 {width: 360px !important; max-width: 360px !important;}
.w365 {width: 365px !important; max-width: 365px !important;}
.w370 {width: 370px !important; max-width: 370px !important;}
.w375 {width: 375px !important; max-width: 375px !important;}
.w380 {width: 380px !important; max-width: 380px !important;}
.w385 {width: 385px !important; max-width: 385px !important;}
.w390 {width: 390px !important; max-width: 390px !important;}
.w395 {width: 395px !important; max-width: 395px !important;}
.w400 {width: 400px !important; max-width: 400px !important;}
.w405 {width: 405px !important; max-width: 405px !important;}
.w410 {width: 410px !important; max-width: 410px !important;}
.w415 {width: 415px !important; max-width: 415px !important;}
.w420 {width: 420px !important; max-width: 420px !important;}
.w425 {width: 425px !important; max-width: 425px !important;}
.w430 {width: 430px !important; max-width: 430px !important;}
.w435 {width: 435px !important; max-width: 435px !important;}
.w440 {width: 440px !important; max-width: 440px !important;}
.w445 {width: 445px !important; max-width: 445px !important;}
.w440 {width: 440px !important; max-width: 440px !important;}
.w445 {width: 445px !important; max-width: 445px !important;}
.w450 {width: 450px !important; max-width: 450px !important;}
.w455 {width: 455px !important; max-width: 455px !important;}
.w460 {width: 460px !important; max-width: 460px !important;}
.w465 {width: 465px !important; max-width: 465px !important;}
.w470 {width: 470px !important; max-width: 470px !important;}
.w475 {width: 475px !important; max-width: 475px !important;}
.w480 {width: 480px !important; max-width: 480px !important;}
.w485 {width: 485px !important; max-width: 485px !important;}
.w490 {width: 490px !important; max-width: 490px !important;}
.w495 {width: 495px !important; max-width: 495px !important;}
.w500 {width: 500px !important; max-width: 500px !important;}
.w505 {width: 505px !important; max-width: 505px !important;}
.w510 {width: 510px !important; max-width: 510px !important;}
.w515 {width: 515px !important; max-width: 515px !important;}
.w520 {width: 520px !important; max-width: 520px !important;}
.w525 {width: 525px !important; max-width: 525px !important;}
.w530 {width: 530px !important; max-width: 530px !important;}
.w535 {width: 535px !important; max-width: 535px !important;}
.w540 {width: 540px !important; max-width: 540px !important;}
.w545 {width: 545px !important; max-width: 545px !important;}
.w550 {width: 550px !important; max-width: 550px !important;}
.w555 {width: 555px !important; max-width: 555px !important;}
.w560 {width: 560px !important; max-width: 560px !important;}
.w565 {width: 565px !important; max-width: 565px !important;}
.w570 {width: 570px !important; max-width: 570px !important;}
.w575 {width: 575px !important; max-width: 575px !important;}
.w580 {width: 580px !important; max-width: 580px !important;}
.w585 {width: 585px !important; max-width: 585px !important;}
.w590 {width: 590px !important; max-width: 590px !important;}
.w595 {width: 595px !important; max-width: 595px !important;}
.w600 {width: 600px !important; max-width: 600px !important;}
.w605 {width: 605px !important; max-width: 605px !important;}
.w610 {width: 610px !important; max-width: 610px !important;}
.w615 {width: 615px !important; max-width: 615px !important;}
.w620 {width: 620px !important; max-width: 620px !important;}
.w625 {width: 625px !important; max-width: 625px !important;}
.w630 {width: 630px !important; max-width: 630px !important;}
.w635 {width: 635px !important; max-width: 635px !important;}
.w640 {width: 640px !important; max-width: 640px !important;}
.w645 {width: 645px !important; max-width: 645px !important;}
.w650 {width: 650px !important; max-width: 650px !important;}
.w655 {width: 655px !important; max-width: 655px !important;}
.w660 {width: 660px !important; max-width: 660px !important;}
.w665 {width: 665px !important; max-width: 665px !important;}
.w670 {width: 670px !important; max-width: 670px !important;}
.w675 {width: 675px !important; max-width: 675px !important;}
.w680 {width: 680px !important; max-width: 680px !important;}
.w685 {width: 685px !important; max-width: 685px !important;}
.w690 {width: 690px !important; max-width: 690px !important;}
.w695 {width: 695px !important; max-width: 695px !important;}
.w700 {width: 700px !important; max-width: 700px !important;}
.w705 {width: 705px !important; max-width: 705px !important;}
.w710 {width: 710px !important; max-width: 710px !important;}
.w715 {width: 715px !important; max-width: 715px !important;}
.w720 {width: 720px !important; max-width: 720px !important;}
.w725 {width: 725px !important; max-width: 725px !important;}
.w730 {width: 730px !important; max-width: 730px !important;}
.w735 {width: 735px !important; max-width: 735px !important;}
.w740 {width: 740px !important; max-width: 740px !important;}
.w745 {width: 745px !important; max-width: 745px !important;}
.w750 {width: 750px !important; max-width: 750px !important;}
.w755 {width: 755px !important; max-width: 755px !important;}
.w760 {width: 760px !important; max-width: 760px !important;}
.w765 {width: 765px !important; max-width: 765px !important;}
.w770 {width: 770px !important; max-width: 770px !important;}
.w775 {width: 775px !important; max-width: 775px !important;}
.w780 {width: 780px !important; max-width: 780px !important;}
.w785 {width: 785px !important; max-width: 785px !important;}
.w790 {width: 790px !important; max-width: 790px !important;}
.w795 {width: 795px !important; max-width: 795px !important;}
.w800 {width: 800px !important; max-width: 800px !important;}
.w805 {width: 805px !important; max-width: 805px !important;}
.w810 {width: 810px !important; max-width: 810px !important;}
.w815 {width: 815px !important; max-width: 815px !important;}
.w820 {width: 820px !important; max-width: 820px !important;}
.w825 {width: 825px !important; max-width: 825px !important;}
.w830 {width: 830px !important; max-width: 830px !important;}
.w835 {width: 835px !important; max-width: 835px !important;}
.w840 {width: 840px !important; max-width: 840px !important;}
.w845 {width: 845px !important; max-width: 845px !important;}
.w850 {width: 850px !important; max-width: 850px !important;}
.w855 {width: 855px !important; max-width: 855px !important;}
.w860 {width: 860px !important; max-width: 860px !important;}
.w865 {width: 865px !important; max-width: 865px !important;}
.w870 {width: 870px !important; max-width: 870px !important;}
.w875 {width: 875px !important; max-width: 875px !important;}
.w880 {width: 880px !important; max-width: 880px !important;}
.w885 {width: 885px !important; max-width: 885px !important;}
.w890 {width: 890px !important; max-width: 890px !important;}
.w895 {width: 895px !important; max-width: 895px !important;}
.w900 {width: 900px !important; max-width: 900px !important;}
.w905 {width: 905px !important; max-width: 905px !important;}
.w910 {width: 910px !important; max-width: 910px !important;}
.w915 {width: 915px !important; max-width: 915px !important;}
.w920 {width: 920px !important; max-width: 920px !important;}
.w925 {width: 925px !important; max-width: 925px !important;}
.w930 {width: 930px !important; max-width: 930px !important;}
.w935 {width: 935px !important; max-width: 935px !important;}
.w940 {width: 940px !important; max-width: 940px !important;}
.w945 {width: 945px !important; max-width: 945px !important;}
.w950 {width: 950px !important; max-width: 950px !important;}
.w955 {width: 955px !important; max-width: 955px !important;}
.w960 {width: 960px !important; max-width: 960px !important;}
.w965 {width: 965px !important; max-width: 965px !important;}
.w970 {width: 970px !important; max-width: 970px !important;}
.w975 {width: 975px !important; max-width: 975px !important;}
.w980 {width: 980px !important; max-width: 980px !important;}
.w985 {width: 985px !important; max-width: 985px !important;}
.w990 {width: 990px !important; max-width: 990px !important;}
.w995 {width: 995px !important; max-width: 995px !important;}
.w1000 {width: 1000px !important; max-width: 1000px !important;}
.w1020 {width: 1020px !important; max-width: 1020px !important;}

.mw40 {max-width: 40px !important;}
.mw45 {max-width: 45px !important;}
.mw50 {max-width: 50px !important;}
.mw55 {max-width: 55px !important;}
.mw60 {max-width: 60px !important;}
.mw65 {max-width: 65px !important;}
.mw70 {max-width: 70px !important;}
.mw75 {max-width: 75px !important;}
.mw80 {max-width: 80px !important;}
.mw85 {max-width: 85px !important;}
.mw90 {max-width: 90px !important;}
.mw95 {max-width: 95px !important;}
.mw100 {max-width: 100px !important;}
.mw105 {max-width: 105px !important;}
.mw110 {max-width: 110px !important;}
.mw115 {max-width: 115px !important;}
.mw120 {max-width: 120px !important;}
.mw125 {max-width: 125px !important;}
.mw130 {max-width: 130px !important;}
.mw135 {max-width: 135px !important;}
.mw140 {max-width: 140px !important;}
.mw145 {max-width: 145px !important;}
.mw150 {max-width: 150px !important;}
.mw155 {max-width: 155px !important;}
.mw160 {max-width: 160px !important;}
.mw165 {max-width: 165px !important;}
.mw170 {max-width: 170px !important;}
.mw175 {max-width: 175px !important;}
.mw180 {max-width: 180px !important;}
.mw185 {max-width: 185px !important;}
.mw190 {max-width: 190px !important;}
.mw195 {max-width: 195px !important;}
.mw200 {max-width: 200px !important;}
.mw205 {max-width: 205px !important;}
.mw210 {max-width: 210px !important;}
.mw215 {max-width: 215px !important;}
.mw220 {max-width: 220px !important;}
.mw225 {max-width: 225px !important;}
.mw230 {max-width: 230px !important;}
.mw235 {max-width: 235px !important;}
.mw240 {max-width: 240px !important;}
.mw245 {max-width: 245px !important;}
.mw250 {max-width: 250px !important;}
.mw255 {max-width: 255px !important;}
.mw260 {max-width: 260px !important;}
.mw265 {max-width: 265px !important;}
.mw270 {max-width: 270px !important;}
.mw275 {max-width: 275px !important;}
.mw280 {max-width: 280px !important;}
.mw285 {max-width: 285px !important;}
.mw290 {max-width: 290px !important;}
.mw295 {max-width: 295px !important;}
.mw300 {max-width: 300px !important;}
.mw305 {max-width: 305px !important;}
.mw310 {max-width: 310px !important;}
.mw315 {max-width: 315px !important;}
.mw320 {max-width: 320px !important;}
.mw325 {max-width: 325px !important;}
.mw330 {max-width: 330px !important;}
.mw335 {max-width: 335px !important;}
.mw340 {max-width: 340px !important;}
.mw345 {max-width: 345px !important;}
.mw350 {max-width: 350px !important;}
.mw355 {max-width: 355px !important;}
.mw360 {max-width: 360px !important;}
.mw365 {max-width: 365px !important;}
.mw370 {max-width: 370px !important;}
.mw375 {max-width: 375px !important;}
.mw380 {max-width: 380px !important;}
.mw385 {max-width: 385px !important;}
.mw390 {max-width: 390px !important;}
.mw395 {max-width: 395px !important;}
.mw400 {max-width: 400px !important;}
.mw405 {max-width: 405px !important;}
.mw410 {max-width: 410px !important;}
.mw415 {max-width: 415px !important;}
.mw420 {max-width: 420px !important;}
.mw425 {max-width: 425px !important;}
.mw440 {max-width: 440px !important;}
.mw445 {max-width: 445px !important;}
.mw440 {max-width: 440px !important;}
.mw445 {max-width: 445px !important;}
.mw450 {max-width: 450px !important;}
.mw455 {max-width: 455px !important;}
.mw460 {max-width: 460px !important;}
.mw465 {max-width: 465px !important;}
.mw470 {max-width: 470px !important;}
.mw475 {max-width: 475px !important;}
.mw480 {max-width: 480px !important;}
.mw485 {max-width: 485px !important;}
.mw490 {max-width: 490px !important;}
.mw495 {max-width: 495px !important;}
.mw500 {max-width: 500px !important;}
.mw505 {max-width: 505px !important;}
.mw510 {max-width: 510px !important;}
.mw515 {max-width: 515px !important;}
.mw520 {max-width: 520px !important;}
.mw525 {max-width: 525px !important;}
.mw530 {max-width: 530px !important;}
.mw535 {max-width: 535px !important;}
.mw540 {max-width: 540px !important;}
.mw545 {max-width: 545px !important;}
.mw550 {max-width: 550px !important;}
.mw555 {max-width: 555px !important;}
.mw560 {max-width: 560px !important;}
.mw565 {max-width: 565px !important;}
.mw570 {max-width: 570px !important;}
.mw575 {max-width: 575px !important;}
.mw580 {max-width: 580px !important;}
.mw585 {max-width: 585px !important;}
.mw590 {max-width: 590px !important;}
.mw595 {max-width: 595px !important;}
.mw600 {max-width: 600px !important;}
.mw605 {max-width: 605px !important;}
.mw610 {max-width: 610px !important;}
.mw615 {max-width: 615px !important;}
.mw620 {max-width: 620px !important;}
.mw625 {max-width: 625px !important;}
.mw630 {max-width: 630px !important;}
.mw635 {max-width: 635px !important;}
.mw640 {max-width: 640px !important;}
.mw645 {max-width: 645px !important;}
.mw650 {max-width: 650px !important;}
.mw655 {max-width: 655px !important;}
.mw660 {max-width: 660px !important;}
.mw665 {max-width: 665px !important;}
.mw670 {max-width: 670px !important;}
.mw675 {max-width: 675px !important;}
.mw680 {max-width: 680px !important;}
.mw685 {max-width: 685px !important;}
.mw690 {max-width: 690px !important;}
.mw695 {max-width: 695px !important;}
.mw700 {max-width: 700px !important;}
.mw705 {max-width: 705px !important;}
.mw710 {max-width: 710px !important;}
.mw715 {max-width: 715px !important;}
.mw720 {max-width: 720px !important;}
.mw725 {max-width: 725px !important;}
.mw730 {max-width: 730px !important;}
.mw735 {max-width: 735px !important;}
.mw740 {max-width: 740px !important;}
.mw745 {max-width: 745px !important;}
.mw750 {max-width: 750px !important;}
.mw755 {max-width: 755px !important;}
.mw760 {max-width: 760px !important;}
.mw765 {max-width: 765px !important;}
.mw770 {max-width: 770px !important;}
.mw775 {max-width: 775px !important;}
.mw780 {max-width: 780px !important;}
.mw785 {max-width: 785px !important;}
.mw790 {max-width: 790px !important;}
.mw795 {max-width: 795px !important;}
.mw800 {max-width: 800px !important;}
.mw805 {max-width: 805px !important;}
.mw810 {max-width: 810px !important;}
.mw815 {max-width: 815px !important;}
.mw820 {max-width: 820px !important;}
.mw825 {max-width: 825px !important;}
.mw830 {max-width: 830px !important;}
.mw835 {max-width: 835px !important;}
.mw840 {max-width: 840px !important;}
.mw845 {max-width: 845px !important;}
.mw850 {max-width: 850px !important;}
.mw855 {max-width: 855px !important;}
.mw860 {max-width: 860px !important;}
.mw865 {max-width: 865px !important;}
.mw870 {max-width: 870px !important;}
.mw875 {max-width: 875px !important;}
.mw880 {max-width: 880px !important;}
.mw885 {max-width: 885px !important;}
.mw890 {max-width: 890px !important;}
.mw895 {max-width: 895px !important;}
.mw900 {max-width: 900px !important;}
.mw905 {max-width: 905px !important;}
.mw910 {max-width: 910px !important;}
.mw915 {max-width: 915px !important;}
.mw920 {max-width: 920px !important;}
.mw925 {max-width: 925px !important;}
.mw930 {max-width: 930px !important;}
.mw935 {max-width: 935px !important;}
.mw940 {max-width: 940px !important;}
.mw945 {max-width: 945px !important;}
.mw950 {max-width: 950px !important;}
.mw955 {max-width: 955px !important;}
.mw960 {max-width: 960px !important;}
.mw965 {max-width: 965px !important;}
.mw970 {max-width: 970px !important;}
.mw975 {max-width: 975px !important;}
.mw980 {max-width: 980px !important;}
.mw985 {max-width: 985px !important;}
.mw990 {max-width: 990px !important;}
.mw995 {max-width: 995px !important;}
.mw1000 {max-width: 1000px !important;}

.mb0 {margin-bottom: 0 !important;}
.mb20 {margin-bottom: 20px !important;}
.mb50 {margin-bottom: 50px !important;}

.mt0 {margin-top: 0px !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
.mt55 {margin-top: 55px !important;}
.mt60 {margin-top: 60px !important;}
.mt65 {margin-top: 65px !important;}
.mt70 {margin-top: 70px !important;}
.mt75 {margin-top: 75px !important;}
.mt85 {margin-top: 85px !important;}
.mt90 {margin-top: 90px !important;}
.mt95 {margin-top: 95px !important;}
.mt100 {margin-top: 100px !important;}

.bd0,
.border0 {border: 0 !important;}

.bl0 {border-left: 0 !important;}
.br0 {border-right: 0 !important;}
.br1 {border-right: 1px solid #e3e3e3 !important;}
.bt0 {border-top: 0 !important;}
.bb0 {border-bottom: 0 !important;}
.bold{font-weight: 700;}



@-moz-document url-prefix() {
    *:focus{
        outline:  2px solid #000 !important;
    }
}