/* Place Your Custom Styles Here */
body{
    font-family: 'Noto Sans KR', sans-serif;
    font-size:20px;
}



/* Glasonic */
.vimeo-wrap{
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
    margin: 0;
}
.vimeo-wrap iframe,
.vimeo-wrap object,
.vimeo-wrap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.txt-border{
    padding:5px 0;
    box-sizing:content-box;
    border-bottom:1px solid #fff;
}
.btn-font{
    font-family: 'Noto Sans KR', sans-serif;
}
.color-blue{color:royalblue;}

/* .accordion-deco{
    font-family: 'Noto Sans KR', sans-serif;
    font-size:20px !important; 
    width:100%;
    background-color:transparent;
    border:none;
    border-bottom:1px solid #222;
    padding:5px;
    box-sizing:content-box;
} */
.accordion-body-deco{
    font-size:16px !important; 
    padding:10px 40px;
    box-sizing:content-box;
}
.accordion-item .accordion-button:focus{
    outline:none;
    background-color:rgb(173, 204, 230);
}


/*_________________ accordion________________ */

.card-header-title > a {
    display: block;
    position: relative;
}
.card-header-title > a:hover {
    cursor: pointer;
}
.card-header-title > a:after {
    content: "\f078"; /* fa-chevron-down */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 0;
}
.card-header-title > a[aria-expanded="true"]:after {
    content: "\f077"; /* fa-chevron-up */
}

/* __________________ end____________________ */



/* Seum */
.bg-color{
    background-color: #222;
}

.fontcolor-gray{
    font-size:18px;
    color:#999;
}
.subtitle-deco{
    width:40px;
    height:40px;
    background-color:royalblue;
    border-radius:50%;
    padding:3px;
}
/* .line{
    border-bottom:1px solid #fff;
} */

/* 
footer{
    background:#222;
    width:100%;
    height:400px;
} */