@import "reset.css";
@import "fonts/font.css";

:root{
    --color-black: #000000;
    --color-white: #ffffff;
    --color-blue-20: #f4f7ff;
    --color-blue-40: #DCE2F3;
    --color-gray-20: #f7f7f7;
    --color-red-20: #FFEAEA;
    --color-green: #F0F9F1;
    --color-red: #FF0000;
    --color-point: #39578A;
    --color-logo: #118B3B;
    --color-body: #333333;
    --color-body-disabled : #d9d9d9;
    --color-title : #071121;
    --color-border-basic: #D7D7D7;
    --color-modal-title: #464f60;
    --color-inner-alingment:#279858;
    --color-sub: #279858;
}
button{outline: none;}
html{
    font-size:10px;
}

@media screen and ( max-width:1023px ) {
    html{
        font-size:9px;
    }
}
@media screen and ( max-width:767px ) {
    html{
        font-size:8px;
    }
}

body{
    min-width:28rem;
    overflow-x:hidden;
    font-family: "NotoSansKR";
    font-size:1.8rem ;
    color:var(--color-body);
    line-height:1.5;   
    font-weight: 400;
}
/*INPUT DISABLED*/
.disabled{color:#ccc !important;}
/** 공통 센터 */
.com_center{
    width:100%;
    max-width:118rem;
    margin:0 auto;
}

/** 공통 버튼 */
.com_btn{
    min-width: 12rem; display:block; height: 5rem; text-align: center; border-radius: 0.4rem; font-size: 1.6rem; line-height: 2.4rem; color:var(--color-white); padding: 0 1.6rem;
}
.com_btn.color_primary{
    background-color: var(--color-point);
}
.com_btn.color_gray{
    background-color: #666666;
}
.com_btn.color_green{
    background-color: #279858; min-width: unset !important; padding:0 1.6rem; width:fit-content;
}
.com_btn.color_blue{
    background-color: var(--color-point);  padding:0 1.6rem; width:fit-content;
}
/** 공통 라벨 */
.input_label{min-width:16rem; font-size:1.6rem; line-height:2.4rem; font-weight:700; color:var(--color-body); word-break: keep-all; word-wrap: break-word;}


/** 공통 버튼 - 게시판 */
.com_btn_board{height: 4.4rem; text-align: center; border-radius: 0.4rem; padding:0 1.2rem; background-color: var(--color-white); font-size: 1.6rem; line-height: 2.4rem; color:var(--color-body); border: 1px solid var(--color-body);}
.com_btn_board_2{height: 4.4rem; text-align: center; border-radius: 0.4rem; padding:0 1.2rem; background-color: var(--color-blue-20); font-size: 1.8rem; line-height: 2.8rem; color:var(--color-body);}
.com_btn_board_big{min-width:6.6rem; height: 5.2rem; text-align: center; border-radius: 0.4rem; padding:0 1.2rem; background-color: var(--color-white); font-size: 1.6rem; line-height: 2.4rem; color:var(--color-body); border: 1px solid var(--color-body);}
.com_btn_table_small{min-width:5.8rem; height: 2.4rem; text-align: center; border-radius: 0.4rem; padding:0.2rem 0; background-color: var(--color-sub); font-size: 1.4rem; line-height: 2rem; color:var(--color-white);}
.com_btn_table_small.color_primary{
    background-color: var(--color-point);
    color:var(--color-white);
}
.com_btn_table_mid{min-width:8rem; height: 2.4rem; text-align: center; border-radius: 0.4rem; padding:0.2rem 0; background-color: var(--color-sub); font-size: 1.4rem; line-height: 2rem; color:var(--color-white);}
.com_btn_table_mid.color_primary{
    background-color: var(--color-point);
    color:var(--color-white);
}
.com_btn_del{display:flex; align-items:center; justify-content:center; gap:0.4rem; min-width:6rem; height: 2.4rem; text-align: center; border-radius: 0.4rem; padding:0.2rem 0; background-color: var(--color-body); font-size: 1.4rem; line-height: 2rem; color:var(--color-white);}

/*기본테이블 style*/
.table_basic tbody td{height:4.4rem; border:1px solid #F1F1F1;}

/*공통셀렉트*/
.com_select{min-width:25rem; width:100%; height:4.4rem; border:1px solid #D7D7D7; border-radius:0.4rem; padding:0 1.2rem; font-size:1.6rem; line-height:2.4rem; color:var(--color-body);}

.required{color:var(--color-red);}
.redstar {
    color: var(--color-red);
    font-weight: bold;
    font-size: 1em;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    margin-right: 0.3em;
    margin-top: 0.5em;
  }