@charset "UTF-8";
.fc1 {
    color: var(--color-accent);
}
.fc2 {
    color: var(--color-sub1);
}
.d_fl {float:left;}
.d_ri {float:right;}
.dx:after {display:block;visibility:hidden;clear:both;content:""}
.main_section {
    display: flex;
    align-items: center;
    justify-content: center;
}
.max-width {
    width:90%;
    max-width: var(--max-width);
}
.max-mobile-width {
    width:94%;
    max-width: var(--max-mobile-width);
}

.fix_dis {display: flex;}
.fix_center {justify-content: center;}
.fix_LR {justify-content:space-between;}
.fix_middle {align-items: center;}

.fix_row {flex-direction:column;}
.fix_responsive {flex-wrap:wrap;}

.tx_center {text-align:center;}
.tx_left {text-align:left;}
.tx_right {text-align:right;}


input.int_design {
    border:none;border-bottom:1px solid #6D6D6D;
    height:auto;
    padding:0;
    padding-bottom:15px;
    background: transparent;
}
input.int_design::placeholder {
    color: #9A9A9A;
}
input.int_10 {
    width:100%;
}
.sp_10 {
    display:inline-block;
    width:100%;
    font-size:0;
    height:10px;
}
.sp_20 {
    display:inline-block;
    width:100%;
    font-size:0;
    height:20px;
}
.sp_30 {
    display:inline-block;
    width:100%;
    font-size:0;
    height:30px;
}
.sp_40 {
    display:inline-block;
    width:100%;
    font-size:0;
    height:40px;
}
.sp_50 {
    display:inline-block;
    width:100%;
    font-size:0;
    height:50px;
}
.sp_60 {
    display:inline-block;
    width:100%;
    font-size:0;
    height:60px;
}
.sp_70 {
    display:inline-block;
    width:100%;
    font-size:0;
    height:70px;
}
.sp_100 {
    display:inline-block;
    width:100%;
    font-size:0;
    height:100px;
}
.sp_120 {
    display:inline-block;
    width:100%;
    font-size:0;
    height:120px;
}
.sp_150 {
    display:inline-block;
    width:100%;
    font-size:0;
    height:150px;
}
.max-height_100 {
    height:100vh;
    min-height:100%;
}
h1.title {
    font-size:2rem;
    line-height:150%;
}
h2.title {
    font-size:1.6rem;
    line-height:150%;
}
h3.title {
    font-size:1.2rem;
    line-height:135%;
}
h4.title {
    font-size:1.05rem;
    line-height:135%;
}
/* 버튼 디자인 */
.line {
margin:0;
padding:0;
font-size:0;
height:1px;
width:100%;
background: #d9d9d9;
}
.b100 {width:100%;}
.b50-10px {width:calc(50% - 10px);}
.b_maxW {
    max-width:170px;
}
.po_btn_cnt {
    position: relative;
    width:100%;
}

.btn_cnt {
    display: flex;
    align-items: center;
    justify-content: center;
    gap:15px;
}
.btn_LR {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.po_btn {
    position: absolute;
    right:0;
    bottom:0;
}
a.btn-default,
button.btn-default {
    border:none;
    background:transparent;
    display:inline-block;
    color:#fff;
    border-bottom:1px solid #fff;
    line-height:100%;
}

button.btn_s01,
a.btn_s01 {
    display: flex;
    align-items: center;
    justify-content: center;
    height:52px;
    border-radius:30px;
    background: var(--color-accent);
    border:1px solid var(--color-accent);
}
button.btn_s02,
a.btn_s02 {
    display: flex;
    align-items: center;
    justify-content: center;
    height:52px;
    border-radius:30px;
    background: transparent;
    color: var(--color-accent);
    border:1px solid var(--color-accent);
}
button.btn_small_01,
a.btn_small_01 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding:10px 20px;
    border-radius:30px;
    background: #444;
    border:1px solid #444;
}

.tx-success {
    color: #3AAD60;
}
.tx-danger {
    color: #db5d5d;
}
.tx-warning {
    color: #edad21;
}
.tx-info {
    color: #3d99f5;
}
.tx-note {
    color: #d3d3d3;
}

.rounded-box {
    padding: 5px 10px 5px 10px;
    border-radius: 10px;
    font-size: 14px;
    color: white;
}

.rounded-box.success {
    background-color: #3AAD60;
}

.rounded-box.danger {
    background-color: #db5d5d;
}

.rounded-box.warning {
    background-color: #edad21;
}

.rounded-box.info {
    background-color: #3d99f5;
}

.btnOid, .btnGrp {
    cursor: pointer;
}