@charset "UTF-8";

/* 리스트의 스타일 제거 */
dl, ol, ul, li {list-style: none}


a {text-decoration:none;}
p {margin-bottom:0;}


.material-symbols-outlined {
font-variation-settings:
    'FILL' 0,
    'wght' 400,
    'GRAD' 0,
    'opsz' 48
}


.dropdown-item {
    font-size:0.7rem;
    color:#000;
}
.fixed-top {
    background-color:#EAB32A;
}

/* header{ */
#header {
    position:relative;   
    background-color:#EAB32A;
}
#header h1 {
    font-size:0.8rem;
    padding-right:3.5rem;
}
#header h1 a {
    color:#fff;
    font-size:0.9rem;
    font-weight:700;
}
#header .nav-link {color:#fff}
@media screen and (max-width:1023px) {
    #header h1 {padding-right:2rem;}
    #header .nav-link {
        padding-left:1rem;
        padding-right:1rem;
    }
}
#header .utile .utile__admin-link {
    font-weight:700;
    font-size:0.8rem;
    color: #fff;    
    margin-left:1.7rem;
}
#header .utile .utile__admin-link span {
    vertical-align:middle;
}
#header .utile .utile__login-link {
    display:inline-block;
    font-size:0.8rem;
    color: #fff;
    margin-left:1.7rem;
}
#header .utile .utile__login-link span {
    vertical-align:middle;
}
#header .utile .utile__mypage-link {
    display:inline-block;
    padding:0.2rem 0.85rem;
    border-radius:50px;
    background: transparent;
    border: 1px solid #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    font-size:0.8rem;
    color: #fff;
    vertical-align: middle;    
}
#header .navbar-toggler {
    padding:0;
    border:0;
}
#header .navbar-toggler:focus {box-shadow:none;}
@media screen and (max-width:790px) {
    #header .utile .utile__admin-link,
    #header .utile .utile__mypage-link,
    #header .utile .utile__login-link {
        display:block;
        width:100%;
        margin-right:0;
        margin-left:0;
        padding-top:0.5rem;
        padding-bottom:0.5rem;
        padding-left:1rem;
        padding-right:1rem;
    }
    #header .utile .utile__mypage-link {
        border:0;
    }
}
/* } header */

#container {padding-top:3rem}
@media screen and (max-width:792px) {
    #container {padding-top:2.5rem}
}

/* footer{ */
#footer {
    padding-top:2.5rem;
    padding-bottom:2.5rem;
    background-color:#fff;
    color:#363636;
    font-size:0.6rem;
    font-weight:300;
}
#footer a {color:#363636;}
.footer-link {
    position:relative;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    text-decoration:none;
}
.footer-link__item {display:inline-block;}
.footer-link__item + .footer-link__item {margin-left:1.05rem;}
#footer .copyright {margin-top:0;}
.footer-info {margin-top:0.9rem;}
/* }footer */

.blind {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}

#contents {
    padding-top:2rem;
    padding-bottom:4rem;
}
.sub-top {padding-top:1.85rem;}
.sub-title {
    font-weight: 500;
    font-size:1.2rem;
    color: #000;
    line-height:1;
}
.sub-title2 {
    font-weight:500;
    font-size:1rem;
    color: #000;
}
.sub-text {
    margin-top:0.5rem;
    font-size:0.65rem;
    text-align: left;
    color: #4b4b4b;
}

.modal-header {
    padding:0.5rem 0.8rem;
    border-bottom:0;
    background-color:#4F57F4;
} 
.modal-title {
    font-weight: 500;
    font-size:0.7rem;
    color: #fff;
}
.modal-content {background-color:transparent;}
.modal-body {background-color:#fff;}

.modal__title {
    margin-top:0.75rem;
    font-weight:400;
    font-size:0.7rem;
    text-align: center;
    color: #000;
}
.modal__text {
    margin-top:0.9rem;
    font-size:0.7rem;
    text-align: center;
    color: #000;
}
.modal__btn-box {
    margin-top:0.9rem;
    text-align:center;
    margin-bottom:0.75rem;
}

.col-md-2--noflex {width: 16.66666667%;}
.col-md-10--noflex {width:83.33333333%;}

.col-md-1--noflex {
    width: 8.33333333%;
    flex-shrink: 0;
    -ms-flex-preferred-size:8.33333333%;
    flex-basis:8.33333333%;
}
.col-md-11--noflex {width:83.33333333%;}

.dot-text {
    position:relative;
    padding-left:0.65rem;
    font-size:0.7rem;
    color:#000;
}
.dot-text::before {
    content:"";
    display:block;
    position:absolute;
    top:0.4rem;
    left:0;
    width:0.35rem;
    height:0.35rem;
    background-color:#222;
}
.table-box {
    width:100%;
    -webkit-overflow-scrolling: touch;
}
@media screen and (max-width:668px) {
    .table-box {
        overflow:hidden;
        overflow-x:auto;
    }
}

.table-type1 {
    width:100%;
    border-collapse:collapse;    
}
.table-type1 th {
    padding:0.5rem;
    background-color:#F5F5FF;
    border:1px solid #E1E1E1;
    border-bottom:0;
    font-weight:400;
    font-size:0.75rem;
    text-align:center;
    color: #000;
}
.table-type1 td {
    padding:0.5rem;
    border:1px solid #E1E1E1;
    font-weight:400;
    font-size:0.75rem;
    text-align:center;
    color: #000;
}
.color-red {color:#FF0000 !important;}
.color-blue {color:rgb(0, 0, 255) !important;}
.color-black {color:#000 !important;}

.terms {
    position: relative;
    font-size: 0.8rem;
    color: #4b4c4e;
    line-height: 1.5;
}
.terms__box {
    padding:1.5rem;
    font-size:0.8rem;
    color: #4b4c4e;
    background-color: #f1f1f1;
    border: 1px solid #ddd;
    margin-bottom: 2rem;
}
.terms__dl {position: relative;}
.terms__dl dt {
    font-size:0.9rem;
    font-weight: 500;
}
.terms__dl dd {
    margin-top: 0.5rem;
}
.terms__dl dt ~ dt {
    margin-top: 1rem;
}

.register-agree__policy .terms {
    font-size:0.65rem;
}
.register-agree__policy .terms__dl dt  {
    font-size:0.7rem;
}
.register-agree__policy .terms__box {
    font-size:0.7rem;
    padding:1rem;
}

.tab-nav {    
    position:relative;
    border-top:1px solid #707070;
    margin-bottom:1.5rem;
}
.tab-nav__items {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    margin:-1.5px;
    padding-left:0;
}
.tab-nav__item {
    width:calc(100% / 6);
    padding:1.5px;
}
.tab-nav__link {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    width:100%;
    height:2.1rem;
    background-color:#ECECEC;
    font-weight:500;
    font-size:0.75rem;
    color:#000;
}
.tab-nav__link.active,
.tab-nav__link:hover {
    background-color:#896305;
    color:#fff;
}
@media screen and (max-width:547px) {
    .tab-nav__item {width:calc(100% / 3);}
}