@charset "UTF-8";
:root {
    --primary: #61A8FF;
    --primary-dark: #1a3f81;
}
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:focus {
    outline: none;
}

*::after,
*::before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    width: 100%;
    min-width: 1600px;
    height: auto;
    font-size: 16px;
    font-family: 'Pretendard', sans-serif;
    background-color: #1b1a1c;
}

h1,
h2,
h3,
h4,
h5 {
    font-size: 1rem;
}

a {
    font-size: 1rem;
    font-weight: 400;
    color: #bbb;
    text-decoration: none;
}

ul {
    list-style: none;
}

input {
    font-family: 'Pretendard', sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    color: #bbb;
}

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

input::-webkit-input-placeholder {
    font-size: 0.8125rem;
    font-weight: 400;
    color: #888;
}

input:-moz-placeholder {
    font-size: 0.8125rem;
    font-weight: 400;
    color: #888;
}

input::-moz-placeholder {
    font-size: 0.8125rem;
    font-weight: 400;
    color: #888;
}

input:-ms-input-placeholder {
    font-size: 0.8125rem;
    font-weight: 400;
    color: #888;
}

input::-ms-input-placeholder {
    font-size: 0.8125rem;
    font-weight: 400;
    color: #888;
}

input::placeholder {
    font-size: 0.8125rem;
    font-weight: 400;
    color: #888;
}

button {
    font-size: 0.8125rem;
    font-weight: 400;
    font-family: 'Pretendard', sans-serif;
    cursor: pointer;
}

table {
    font-size: 1rem;
    border-collapse: collapse;
}

select {
    font-family: 'Pretendard', sans-serif;
    font-size: 0.8125rem;
    font-weight: 400;
    background: url(/assets/Pc/img/select_arrows.png) no-repeat right 15px center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #fff;
}

select::-ms-expand {
    display: none;
}

textarea {
    font-family: 'Pretendard', sans-serif;
    font-size: 0.8125rem;
    font-weight: 400;
    color: #fff;
}

textarea::-webkit-input-placeholder {
    font-size: 0.8125rem;
    font-weight: 300;
    color: #888;
}

textarea:-moz-placeholder {
    font-size: 0.8125rem;
    font-weight: 300;
    color: #888;
}

textarea::-moz-placeholder {
    font-size: 0.8125rem;
    font-weight: 300;
    color: #888;
}

textarea:-ms-input-placeholder {
    font-size: 0.8125rem;
    font-weight: 300;
    color: #888;
}

textarea::-ms-input-placeholder {
    font-size: 0.8125rem;
    font-weight: 300;
    color: #888;
}

textarea::placeholder {
    font-size: 0.8125rem;
    font-weight: 300;
    color: #888;
}


/* */
input,
button,
.board_view .view_txtcon .view_upbox .up_btn > a,
.comt_textarea > textarea,
.sch_inputbox,
.sch_button > button,
.sch_input > input,
.sch_select > select,
.reward-wrap .exchange-wrap .exchange-body .exchange-submit button,
a,
.reward-wrap .exchange-wrap .exchange-body .partner-list .partner-item label, 
.reward-wrap .exchange-wrap .exchange-body .partner-list .partner-item span { transition: all 0.3s; -webkit-transition: all 0.3s; outline: 1px solid transparent !important; outline-offset: -1px; overflow: hidden; }

input:focus,
.comt_textarea > textarea:focus { outline-color: var(--primary) !important; }
 
 .sch_select > select:hover,
.sch_inputbox:focus-within input,
.sch_inputbox:focus-within .sch_button > button,
.reward-wrap .exchange-wrap .exchange-body .partner-list .partner-item label:hover, 
.reward-wrap .exchange-wrap .exchange-body .partner-list .partner-item span:not(.no-exchange):hover  { border-color: var(--primary); }

.sch_inputbox .sch_input > input:focus,
.attend_con .comt_wrap .comt_txt .comt_textarea > textarea:focus { outline: none !important; }

.login_submit > button:hover,
.board_view .view_txtcon .view_upbox .up_btn > a:hover { opacity: 0.8; }

.join_button > button:hover  { background: #3B3491 !important; }

.reward-wrap .reward-info .link-button:hover,
.reward-wrap .exchange-wrap .exchange-body .exchange-submit button:hover { background: var(--primary-dark) !important; }