.lh1{
    line-height: 1;
}

.bt1{
    font-size:1.2rem;
    font-weight: 700;
}

section .container {
    margin-top: 70px;
    margin-bottom: 100px;
}

.main_container {
    width: 80%;
    margin: auto;
}

.main_font {
    font-family: 'IBM Plex Sans KR', sans-serif;
}

.small_txt {
    font-size: 14px;
    font-weight: 600;
}

.mid_txt {
    font-size: 20px;
    font-weight: 600;
}

.form-control {
    transition: none;
}

.btn {
    position: static;
    transition: none;
}

.left_arrow {
    width: 23px;
    height: 23px;
}

/* back button & title */
.top_bar {
    position: fixed;
    display: flex;
    
    z-index: 100;
    
    top: 0;
    left: 0;

    align-items: center;
    background-color: #fff;

    width: 100vw;
    height: 70px;

    border-bottom: 2px solid #f8f8f8;

	
}

/* blue_btn */
.blue_btn .btn-primary {
    width: 100%;
    height: 47px;

    border-radius: 10px;
    font-size: 14px;
    
    background-color: #970030;
    border-color: #970030;
}

.blue_btn .btn-primary:active {
    background-color: #690021 !important;
    border-color: #690021 !important;
}

.blue_btn .btn-primary:hover {
    background-color: #690021 !important;
    border-color: #690021 !important;
}

a {color: #970030;}

.blue_btn .btn-dark {
    width: 100%;
    height: 47px;

    border-radius: 10px;
    font-size: 14px;

    margin: 4px;
}

/* bottom_btn */
.bottom_btn {
    position: fixed;
    display: flex;

    z-index: 1;
    
    left: 0;
    bottom: 0;

    justify-content: center;
    align-items: start;

    background-color: #fff;

    width: 100vw;
    height: 70px;

    padding-top: 5px;
}

.bottom_btn .btn-primary {
    width: 80%;
    height: 47px;

    font-size: 14px;
    border-radius: 10px;

    background-color: #970030;
    border-color: #970030;
}

.bottom_btn .btn-primary:active {
    background-color: #690021 !important;
    border-color: #690021 !important;
}

.bottom_btn .btn-primary:hover {
    background-color: #690021 !important;
    border-color: #690021 !important;
}

body{
	max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.tab {
    display: flex;
    position: fixed;
    z-index: 1;
    top: 307px;
    left: 0;
    right: 0;
    margin: auto;
    background-color: white;
    height: 50px;
    color: #a0a0a0;
    line-height: 50px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    border-bottom: 1px solid #d9d9d9;
    max-width: 700px;
}


.name_card {
    background-color: #970030;
    height: fit-content;
    position: fixed;
    z-index: 1;
    top: 70px;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 700px;
}

.blur{
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(2px);
	
}
/* background-color: #ccc; */

/* 화면 전체를 덮는 투명 어두운 배경 */
#loading-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5); /* 투명 어두운 배경 */
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 100000000; /* 다른 요소들 위에 표시 */
}

/* 로딩 중 텍스트 */
#loading-text {
	color: white;
	font-size: 2em;
	font-weight: bold;
}