@charset "utf-8";
*{
    box-sizing: border-box;
}

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
/* font설정 */
body, h1, h2, h3, h4, h5, h6, li, p, button { 
    font-family: 'Pretendard';
}
a, h1 {
    color: var(--txt-color01);
}

blockquote {
    font-size: inherit;
}


code,
kbd,
tt,
var,
samp,
pre {
    font-family: Inconsolata, monospace;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

:root {
    --main-color01: rgb(160, 239, 245);
    --main-color02: rgb(77, 213, 223);
    --main-color02-border: rgb(14, 159, 178);
    --main-color03: #8DD5EA;
    --main-color03-hover: rgba(46, 163, 199, 0.884);
    --main-color04: rgb(47, 163, 199);
    --btn-color01: #757575;
    --btn-color02: #aaaaaa;
    --btn-color03: rgba(152, 166, 173, .2);
    --txt-color01: #1d1d1d;
    --txt-color02: #424242;
    --txt-color03: rgb(53, 149, 173);
    --bg-color: #E0F9FC;
    --border-radius: 11px;
    /* default custom */
    --ct-input-placeholder-color: #8391a2;
    --ct-link-hover-color: var(--txt-color01);
}
.rounded { border-radius: 15px !important;}
body[data-layout=topnav] .content-page {
    padding: 0;
}
body[data-leftbar-compact-mode=condensed]:not(.authentication-bg) {
    min-height: unset;
}
body, .bg-color {
    /* background-color: white; */
    background-color: var(--bg-color);
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
    background-color: var(--main-color01) !important;
}

.topnav-navbar,
.topnav {
    background-color: transparent;
}
.topnav-navbar.navbar-custom .nav-link {
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--txt-color01);
}
.topnav-navbar.navbar-custom ul {
    float: right;
}

@media (max-width: 576px) {
    .topnav-navbar.navbar-custom ul {
        float: unset;
    }
    .topnav-navbar.navbar-custom .nav-link {
        margin-left: 135%;
    }
}

.dashboard_card {
    display: flex;
    flex-direction: column;
    /*background-color: var(--btn-color01);*/
	background-color: var(--txt-color01);
    border-radius: var(--border-radius);
}



.cont-inner {
    max-width: 750px;
    width: 100%;
    margin: 0 auto;
}
/* index - 버튼 ui 변경 */
#sex-buttons {
    margin: 0 auto;
    width: 100%;
    border-bottom: 2px solid var(--btn-color03);
    background-color: white;
    display: flex;
    justify-content: center;
}
#sex-buttons .btn {
    font-weight: 600;
    flex: 1;
    max-width: 150px;
}
#sex-buttons .btn.btn-primary {
    border: 2px solid transparent;
    box-shadow: unset;
    background-color: transparent;
    color: #919ca7;
    padding: 5px !important;
}
#sex-buttons .btn.btn-dark {
    margin-bottom: -2px;
    background-color: transparent;
    color: var(--txt-color03);
    border-style: none;
    border-bottom: 2px solid var(--main-color03);
    border-radius: 0;
}
#age-buttons {
    padding-bottom: unset;
    margin-bottom: 1.25rem;
} 
#age-buttons, 
#item-buttons, 
#item-sub-buttons {
    padding: .75rem !important;
}
#item-buttons .row,
#item-sub-buttons .row {
    background-color: white;
    padding: 0;
    padding-top: .75rem;
    margin: 0;
    border-radius: 1.55rem;
}
#age-buttons .btn.me-2 {
    margin-right: unset !important;
    padding: 5px !important;
}
#age-buttons .btn.btn-success {
    background-color: white;
    border-color: var(--btn-color02);
    color: var(--txt-color02);
}
#item-buttons .btn.btn-info, 
#item-sub-buttons .btn.btn-primary {
    background-color: var(--main-color03);
    border-color: var(--main-color03);
}