@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

body {
  margin: 0;
  font-family: Pretendard;
}

.fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}
.fixed-top_navtop {
    position: fixed;
    top: 0px;
    right: 0;
    left: 0;
    z-index: 1030;
}

.navtop {
	height:45px;
	overflow:hidden;
	background: #fff;
}

.navtop .row{
	height:45px;
}


.navtop_1 {
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
}

.navtop_1_1 {
    
}


.navtop_1_1_1 {
    display: block;
    width: auto;
    padding: 0 32px 0 0px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    color: #ffffff;
    background-color: #1e2124;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 0px solid #ced4da;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}





.navtop_1_2_1 {
	padding: 0 15px;
}

.navtop_1_2_1 a{
	color: #FFF;
	text-align: center;

	/* Title/Head 3 */
	font-family: Pretendard;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px; /* 142.857% */
	letter-spacing: -0.3px;
}

.navtop_2 {
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
}

.navtop_2_1 { 
	padding: 0 15px;
}
.navtop_2_1 a{
	color: #626972;
	text-align: center;

	/* Title/Head 3 */
	font-family: Pretendard;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px; /* 142.857% */
	letter-spacing: -0.3px;
}




:root {
	
	
	--04-text-icon-teriary : #626972;
	--04-text-icon-white: #FFF;
	--04-text-icon-primary: #34383B;
	--04-text-icon-placeholder: #A3ACB4;
	--04-text-icon-brand: #F00000;
	--04-text-icon-link: #00469B;
	--04-text-icon-link-inverse: #A3ACB4;

	--05-button-primary: #2B2F33;
	--05-button-line: #D8DCDF;
	--05-button-white: #FFF;
	
	--06-border-line-border-line-primary: #D8DCDF;
	--06-border-line-border-line-secondary: #EFF0F2;

	--07-input-selected: #34383B;
	--07-input-teriary-placeholder: #A3ACB4;

	--99-pallette-grey-grey-100 : #EFF0F2;
	--99-pallette-grey-grey-900 : #2B2F33;
	
}


/* 로그인 */

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);

    outline: 0;
    box-shadow: 0 0 0 0 rgba(13, 110, 253, 0.25);
}

.form-control::placeholder {
	color: var(--07-input-teriary-placeholder);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.16px;
}

.form_signin_c001 {
	
	max-width:340px; 
	margin: 40px auto 90px auto;
}

.form_signin_c002 {

	color: var(--04-text-icon-primary);
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Pretendard;
	font-size: 32px;
	font-style: normal;
	font-weight: 600;
	line-height: 26px; /* 108.333% */
	letter-spacing: 0.24px;
}
.form_signin_c003 {
	width: 340px;
	height: 56px;
	line-height: 56px;
	border-radius: 4px;
	background: var(--07-input-white, #FFF);
	margin-top:40px;
}
.form_signin_c003:focus {
	border: 1px solid var(--07-input-selected);
	outline: 0;
}
.form_signin_c004 {
	width: 340px;
	height: 56px;
	line-height: 56px;
	border-radius: 4px;
	background: var(--07-input-white, #FFF);
	margin-top:8px;
}
.form_signin_c004:focus {
	border: 1px solid var(--07-input-selected);
	outline: 0;
}
.form_signin_c005 {

	background: var(--05-button-primary);
	color: var(--04-text-icon-white);
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;

	width: 100%;
	height:52px;
	line-height:52px;
    border-radius: 0px;
	padding: 0px;
	border: 0px;

	margin-top:18px;
}
.form_signin_c006 {
	margin-top:20px;
	color: #A3ACB4;
	text-align: center;

	/* Body/Body Lindes 3 */
	font-family: Pretendard;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 171.429% */
	letter-spacing: -0.3px;
}
.form_signin_c007 {
	display:none;
	color: var(--04-text-icon-secondary);
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Pretendard;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px; /* 185.714% */
	letter-spacing: 0.14px;
	width:60px;
	margin:0 auto;
	background:#fff;
	margin-top:-12px;
	
}
.form_signin_c008 {
	display:none;
	border-top:1px solid var(--06-border-line-border-line-primary);
	margin-top:64px;
}
.form_signin_c009 {
	width:100%;
	height: 50px;
	border: 1px solid var(--05-button-line);
	background: var(--05-button-white);

	color: var(--04-text-icon-secondary);
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 50px; /* 162.5% */

	margin-top:30px;

    background-image: url(https://bac.blackyak.com/BAC/assets/images/login_icon_kakao.svg);
    background-repeat: no-repeat;
    background-position: 15px 50%;

	cursor:pointer;

}
.form_signin_c010 {
	width:100%;
	height: 50px;
	border: 1px solid var(--05-button-line);
	background: var(--05-button-white);

	color: var(--04-text-icon-secondary);
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 50px; /* 162.5% */

	margin-top:8px;

    background-image: url(https://bac.blackyak.com/BAC/assets/images/login_icon_naver.svg);
    background-repeat: no-repeat;
    background-position: 15px 50%;

	cursor:pointer;
}
.form_signin_c011 {
	width:100%;
	height: 50px;
	border: 1px solid var(--05-button-line);
	background: var(--05-button-white);

	color: var(--04-text-icon-secondary);
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 50px; /* 162.5% */

	margin-top:8px;

    background-image: url(https://bac.blackyak.com/BAC/assets/images/login_icon_apple.svg);
    background-repeat: no-repeat;
    background-position: 19px 50%;

	cursor:pointer;
}
.form_signin_c012 {
	text-align:center;
	margin-top:30px;

	color: #A3ACB4;
	text-align: center;

	/* Body/Caption 1 */
	font-family: Pretendard;
	font-size: 11px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px; /* 145.455% */
	letter-spacing: -0.3px;
}
.form_signin_c013 {
	
	margin-top:60px;

	color: #2B2F33;
	text-align: center;

	/* Body/Body 2 */
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px; /* 150% */
	letter-spacing: -0.3px;

}
.form_signin_c014 {

	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

.form_signin_c014 img{

    width:100px;
}



.button_t0 {

	display: inline-block;
	width:100%;
	padding: 10px 16px;
	gap: 10px;
	align-self: stretch;
	border-radius: 5px;
	border: 1px solid var(--05-button-line, #D8DCDF);
	background: var(--05-button-white, #FFF);	

	color: var(--04-text-icon-primary, #2B2F33);
	text-align: center;
	
	/* Title/Head 1 */
	font-family: Pretendard;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 28px; /* 140% */
	letter-spacing: -0.3px;	
}

.button_t1 {


	display: inline-block;
	width:100%;
	padding: 10px 16px;
	gap: 10px;
	align-self: stretch;
	border-radius: 5px;
	border: 1px solid var(--05-button-primary, #2B2F33);
	background: var(--05-button-primary, #2B2F33);

	color: var(--04-text-icon-white, #FFF);
	text-align: center;
	
	/* Title/Head 1 */
	font-family: Pretendard;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 28px; /* 140% */
	letter-spacing: -0.3px;		

}

.button_t3 {

	border:0px;
	border-radius: 4px;
	background: var(--05-button-primary, #2B2F33);

	height: 40px;
	padding: 10px 16px;

	color: var(--04-text-icon-white, #FFF);
	text-align: center;
	
	/* Title/Head 3 */
	font-family: Pretendard;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px; /* 142.857% */
	letter-spacing: -0.3px;	

}
	





.h_title {

	color: var(--04-text-icon-white, #FFF);
	text-align: center;

	/* Title/Display 1 */
	font-family: Pretendard;
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	line-height: 54px; /* 135% */
	letter-spacing: -0.3px;
	
}

.nl_text{
	color: var(--04-text-icon-white, #FFF);

	/* Body/Body 1 */
	font-family: Pretendard;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 28px; /* 140% */
	letter-spacing: -0.3px;
}

.n_text{
	color: var(--04-text-icon-white, #FFF);

	/* Body/Body 1 */
	font-family: Pretendard;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 28px; /* 140% */
	letter-spacing: -0.3px;
}

.ns_text{
	color: var(--04-text-icon-placeholder, #FFF);

	/* Title/Head 2 */
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px; /* 150% */
	letter-spacing: -0.3px;
}
.nsg_text{
	color: var(--04-text-icon-placeholder, #A3ACB4);

	/* Title/Head 2 */
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px; /* 150% */
	letter-spacing: -0.3px;
}
.nssg_text{
	color: var(--04-text-icon-placeholder, #A3ACB4);

	/* Body/Body Lindes 3 */
	font-family: Pretendard;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 171.429% */
	letter-spacing: -0.3px;
}

@media (max-width: 768px) { 



	.h_title {

		font-size: calc( 40px * 0.7 );
		
	}

	.nl_text{
		font-size: calc( 24px * 0.7 );
	}

	.n_text{
		font-size: calc( 20px * 0.7 );
		line-height: calc( 28px * 0.7 );
	}

	.ns_text{
		font-size: calc( 16px * 0.7 );
	}
	.nsg_text{
		font-size: calc( 16px * 0.7 );
	}
	.nssg_text{
		font-size: calc( 14px * 0.7 );
		line-height: calc( 24px * 0.7 ); 
	}




	.button_t0 {

		display: inline-block;
		width:100%;
		padding: 10px 16px;
		gap: 10px;
		align-self: stretch;
		border-radius: 5px;
		border: 1px solid var(--05-button-line, #D8DCDF);
		background: var(--05-button-white, #FFF);	
	
		color: var(--04-text-icon-primary, #2B2F33);
		text-align: center;
		
		/* Title/Head 1 */
		font-family: Pretendard;
		font-size: calc( 20px * 0.7 );
		font-style: normal;
		font-weight: 600;
		line-height: 28px; /* 140% */
		letter-spacing: -0.3px;	
	}
	
	.button_t1 {
	
	
		display: inline-block;
		width:100%;
		padding: 10px 16px;
		gap: 10px;
		align-self: stretch;
		border-radius: 5px;
		border: 1px solid var(--05-button-primary, #2B2F33);
		background: var(--05-button-primary, #2B2F33);
	
		color: var(--04-text-icon-white, #FFF);
		text-align: center;
		
		/* Title/Head 1 */
		font-family: Pretendard;
		font-size: calc( 20px * 0.7 );
		font-style: normal;
		font-weight: 600;
		line-height: 28px; /* 140% */
		letter-spacing: -0.3px;		
	
	}
	
	.button_t3 {
	
		border:0px;
		border-radius: 4px;
		background: var(--05-button-primary, #2B2F33);
	
		height: 40px;
		padding: 10px 16px;
	
		color: var(--04-text-icon-white, #FFF);
		text-align: center;
		
		/* Title/Head 3 */
		font-family: Pretendard;
		font-size: calc( 14px * 0.7 );
		font-style: normal;
		font-weight: 600;
		line-height: 20px; /* 142.857% */
		letter-spacing: -0.3px;	
	
	}	


}