/* --------------------------------------------------------------------------- font-size*/

.fs10 { font-size: 0.625rem; } 
.fs11 { font-size: 0.688rem; } 
.fs12 { font-size: 0.750rem; } 
.fs13 { font-size: 0.813rem; } 
.fs14 { font-size: 0.875rem; } 
.fs15 { font-size: 0.938rem; } 
.fs16 { font-size: 1rem; }     /* 기준 */
.fs17 { font-size: 1.063rem; } 
.fs18 { font-size: 1.125rem; } 
.fs19 { font-size: 1.188rem; } 
.fs20 { font-size: 1.25rem; } 
.fs21 { font-size: 1.313rem; } 
.fs22 { font-size: 1.375rem; } 
.fs23 { font-size: 1.438rem; } 
.fs24 { font-size: 1.5rem; } 
.fs25 { font-size: 1.563rem; } 
.fs26 { font-size: 1.625rem; } 
.fs27 { font-size: 1.688rem; } 
.fs28 { font-size: 1.75rem; } 
.fs29 { font-size: 1.813rem; } 
.fs30 { font-size: 1.875rem; } 

.fs31 { font-size: 1.938rem; } 
.fs32 { font-size: 2rem; } 
.fs33 { font-size: 2.063rem; } 
.fs34 { font-size: 2.125rem; } 
.fs35 { font-size: 2.188rem; } 
.fs36 { font-size: 2.250rem; } 
.fs37 { font-size: 2.313rem; } 
.fs38 { font-size: 2.375rem; } 
.fs39 { font-size: 2.438rem; } 

.fs40 { font-size: 2.5rem; } 
.fs50 { font-size: 3.125rem; } 
.fs60 { font-size: 3.75rem; } 
.fs70 { font-size: 4.375rem; } 
.fs80 { font-size: 5rem; } 
.fs90 { font-size: 5.625rem; } 
.fs100 { font-size:6.250rem; } 


@media (min-width: 769px) { /* 모바일화면 이상 */

	.md_fs14 { font-size: 0.875rem; } 

	.md_fs18 { font-size: 18px; }
	.md_fs20 { font-size: 20px; }
	.md_fs22 { font-size: 22px; }
	.md_fs50 { font-size: 3.125rem; } 
}

@media (max-width: 575px) { /* 모바일기기전용 */
	.sm_fs13 { font-size: 0.813rem; } 
	.sm_fs14 { font-size: 14px; }
	.sm_fs16 { font-size: 16px; }
	.sm_fs18 { font-size: 18px; }
	.sm_fs24 { font-size: 1.5rem; } 
	.sm_fs30 { font-size: 1.875rem; } 

}


.lh25 { line-height:25px; }
.lh30 { line-height:30px; }
.lh35 { line-height:35px; }

.lh0_8 { line-height:0.8;} 
.lh0_9 { line-height:0.9;} 
.lh1 { line-height:1;} 
.lh1_1 { line-height:1.1;} 
.lh1_2 { line-height:1.2;} 
.lh1_3 { line-height:1.3;} 
.lh1_5 { line-height:1.5;} 
.lh1_6 { line-height:1.6;} 
.lh1_8 { line-height:1.8;} 
.lh1_9 { line-height:1.9;} 
.lh2 { line-height:2;} 
.lh2_2 { line-height:2.2;} 
.lh2_3 { line-height:2.3;} 
.lh2_4 { line-height:2.4;} 

@media (min-width: 769px) { /* 모바일화면 이상 */
	.md_lh0_8 { line-height:0.8;} 

}


@media (max-width: 575px) { /* 모바일기기전용 */

	.sm_lh0_9 { line-height:0.9;} 
	.sm_lh1_1 { line-height:1.1;} 
}


/* --------------------------------------------------------------------------- font color*/


.font_f { color: #fff; } /*화이트 */

.font_cdcbcb {color:#cdcbcb;} /*회색계열 1*/
.font_a0 {color:#a0a0a0;} /*회색계열 1*/
.font_92 {color:#929292;} /*회색계열 2*/
.font_8f {color:#8f8f8f;} /*회색계열 3*/
.font_89 {color:#898989;} /*회색계열 4*/
.font_85 {color:#858585;} /*회색계열 5*/
.font_7f {color:#7f7f7f;} /*회색계열 6*/
.font_7c {color:#7c7c7c;} /*회색계열 7*/
.font_72 {color:#727272;} /*회색계열 8*/
.font_66 {color:#666666;} /*회색계열 9*/
.font_55 {color:#555; }   /*회색계열 10*/
.font_4f {color:#4f4f4f;} /*회색계열 11*/

.font_ff0000 {color:#ff0000;} /*레드*/
.font_0000ff {color:#0000ff;} /*블루*/
.font_ffff00 {color:#ffff00;} /*노랑*/
.font_0067a3 {color:#0067a3;} /*블루-흐림*/

.font_11 {color:#111111;} /* 검정 9 */
.font_00 {color:#000;}    /* 검정 10 */


/*  Font Style 예전에 사용하던 스타일 */
.font11          {font-size: 11px; }
.font11_grey1    {font-size: 11px; color: #cccccc;}
.font11_grey2    {font-size: 11px; color: #636363;}
.font11_grey3    {font-size: 11px; color: #8d8d8d;}
.font11_orange   {font-size: 11px; color: #ff8400; font-weight: bold;}
.font11_pink     {font-size: 11px; color: #e00f66; font-weight: bold;}
.font11_blue     {font-size: 11px; color: #2566c7; font-weight: bold;}
.font11_red      {font-size: 11px; color: #ed0000; font-weight: bold;}

.font12          {font-size: 12px; }
.font12_grey1    {font-size: 12px; color: #cccccc;}
.font12_grey2    {font-size: 12px; color: #636363;}
.font12_grey3    {font-size: 12px; color: #8d8d8d;}
.font12_orange   {font-size: 12px; color: #ff8400; font-weight: bold;}
.font12_pink     {font-size: 12px; color: #e00f66; font-weight: bold;}
.font12_blue     {font-size: 12px; color: #2566c7; font-weight: bold;}
.font12_red      {font-size: 12px; color: #ed0000; font-weight: bold;}

.font14          {font-size: 14px; }
.font14_grey1    {font-size: 14px; color: #cccccc;}
.font14_grey2    {font-size: 14px; color: #636363;}
.font14_grey3    {font-size: 14px; color: #8d8d8d;}
.font14_orange   {font-size: 14px; color: #ff8400; font-weight: bold;}
.font14_pink     {font-size: 14px; color: #e00f66; font-weight: bold;}
.font14_blue     {font-size: 14px; color: #2566c7; font-weight: bold;}
.font14_red      {font-size: 14px; color: #ed0000; font-weight: bold;}

.font16          {font-size: 16px; }
.font16_grey1    {font-size: 16px; color: #cccccc;}
.font16_grey2    {font-size: 16px; color: #636363;}
.font16_grey3    {font-size: 16px; color: #8d8d8d;}
.font16_orange   {font-size: 16px; color: #ff8400; font-weight: bold;}
.font16_pink     {font-size: 16px; color: #e00f66; font-weight: bold;}
.font16_blue     {font-size: 16px; color: #2566c7; font-weight: bold;}
.font16_red      {font-size: 16px; color: #ed0000; font-weight: bold;}


.btn_style01 a:hover, a:focus,  a:active {color: #000;}
.btn_001 {padding:15px 50px;line-height: 40px;border-radius: 5px;color: #FFF;text-align: center;background-color: #e50150;}


/* --------------------------------------------------------------------------- 나리야 컬러셋*/

.btn-primary,
.btn-primary.disabled, 
.btn-primary:disabled,
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active, 
.btn-outline-primary:not(:disabled):not(.disabled).active,
.page-item.active .page-link,
.show > .btn-outline-primary.dropdown-toggle,
.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
	background-color: #e50150 !important;
	border-color: #e50150 !important;
}

hr.hr::after,
.dropdown-item.active, 
.dropdown-item:active,
.bg-primary {
	background-color: #e50150 !important;
}

.border-primary {
	border-color: #e50150 !important;
}

.text-primary,
.btn-outline-primary.disabled, 
.btn-outline-primary:disabled {
	color : #e50150 !important;
}

/* ---------------------------------------------------------- */

.btn-primary:focus, 
.btn-primary.focus,
.btn-primary:hover {
	background-color: #c10043 !important;
	border-color: #c10043 !important;
}

.btn-outline-primary {
	color: #c10043 !important;
	border-color: #c10043 !important;
}

.btn-outline-primary:hover {
	color: #fff !important;
}

a.bg-primary:hover, 
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
	background-color: #c10043 !important;
}

.btn-primary:focus, 
.btn-primary.focus,
.btn-outline-primary:focus, 
.btn-outline-primary.focus,
.custom-control-input:focus ~ .custom-control-label::before {
	box-shadow: 0 0 0 0.2rem rgba(236, 135, 192, 0.5) !important;
}