@charset "utf-8";
@import url(/theme/daybeau01/resources/css/font/pretendard.css);
@import url(/theme/daybeau01/resources/css/font/notosans.css);
@import url(/theme/daybeau01/resources/css/font/roboto.css);
@import url(/theme/daybeau01/resources/css/font/campton.css); /* 2025-02-06, 김승희 : campto 폰트 추가 */


/*폰트*/
.font-bold {font-weight:700;}
.font-black{font-weight:900;}
.font-extrabold{font-weight:800}
.font-medium{font-weight:500}
.font-normal{font-weight:400}
.font-light{font-weight:300}
.font-semibold{font-weight:600}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(51 51 51 / var(--tw-text-opacity));
}

.text-gray{
    color: var(--gray02) ;
}


.uppercase{text-transform:uppercase;}


.text-left{text-align:left !important}
.text-right{text-align:right !important}
.text-center{text-align:center !important}
.text-start{text-align:start !important}

.whitespace-pre-line {
    white-space: pre-line;
}

.lh_10 {
  line-height: 1;
}

.lh_11 {
  line-height: 1.1;
}

.lh_12 {
  line-height: 1.2;
}

.lh_13 {
  line-height: 1.3;
}

.lh_14 {
  line-height: 1.4;
}

.lh_15 {
  line-height: 1.5;
}

.lh_16 {
  line-height: 1.6;
}

.lh_17 {
  line-height: 1.7;
}

.lh_18 {
  line-height: 1.8;
}

.lh_19 {
  line-height: 1.9;
}

.lh_20 {
  line-height: 2;
}


/*페이지 타이틀*/

.title01{
  font-size: 6.8rem;
  font-weight: 400;
}
.title02 {
  font-size: 5.2rem;
  font-weight: 400;
  line-height: 1.346;
}
.title03 {
  font-size: 4.8rem;
  font-weight: 400;
  line-height: 1.33;
}
.title04 {
  font-size: 4.4rem;
  font-weight: 400;
  line-height: 1.36;
}

/*페이지 서브 타이틀*/
.subtitle01 {
  font-size: 4.0rem;
  font-weight: 400;
  line-height: 1.35;
}
.subtitle02 {
  font-size: 3.6rem;
  font-weight: 400;
  line-height: 1.33;
}
.subtitle03 {
  font-size: 3.2rem;
  font-weight: 400;
  line-height: 1.375;
}

.text-\[2\.3rem\] {
	font-size: 2.3rem;
}

.text-\[2\.0rem\] {
	font-size: 2.0rem;
}

.text-\[1\.8rem\] {
	font-size: 1.8rem;
}

.text-\[1\.6rem\] {
	font-size: 1.6rem;
}

.text-\[1\.5rem\] {
	font-size: 1.5rem;
}

.text-\[1\.125rem\] {
	font-size: 1.125rem;
}

@media (min-width: 1024px) {
	
	.lg\:text-\[4\.0rem\] {
        font-size: 4.0rem;
    }

	.lg\:text-\[3\.6rem\] {
        font-size: 3.6rem;
    }

	.lg\:text-\[3\.2rem\] {
        font-size: 3.2rem;
    }

	.lg\:text-\[3\.0rem\] {
        font-size: 3.0rem;
    }

	.lg\:text-\[2\.5rem\] {
        font-size: 2.5rem;
    }


	.lg\:text-\[2\.0rem\] {
        font-size: 2.0rem;
    }

	.lg\:text-\[1\.8rem\] {
        font-size: 1.8rem;
    }

	.lg\:text-\[1\.6rem\] {
        font-size: 1.6rem;
    }

	.lg\:text-\[1\.4rem\] {
        font-size: 1.4rem;
    }

	
	.lg\:text-\[1\.25rem\] {
        font-size: 1.25rem;
    }
}


/*컨텐츠 내 섹션*/

.body01 {
  font-size: 3.0rem;
  line-height: 1.33;
}
.body02 {
  font-size: 2.8rem;
  line-height: 1.36;
}
.body03 {
  font-size: 2.6rem;
  line-height: 1.38;
  font-weight: 400;
} 
.body04 {
  font-size: 2.4rem;
  line-height: 1.33;
} 
.body05 {
  font-size: 2.2rem;
  line-height: 1.36;
}
.body06 {
  font-size: 2.0rem;
  line-height: 1.5;
}
.body07 {
  font-size: 1.8rem;
  line-height:1.33;
}

.body09 {
  position:relative;
  font-size: 1.8rem;
  font-weight:600;
  line-height:1.33;
  padding-left:15px;
}

.body09:before{
	position:absolute;
	left:0;
	top:50%;
	transform: translateY(-50%);
	content:'';
	width:5px;
	height:5px;
	background-color:var(--emphasis);
	border-radius: 9999px
}

.body08 {
  font-size: 1.6rem;
  line-height: 1.375;
}

/* width 680px까지 지원 */
@media screen and (max-width: 768px) {
  
  .body06 {
	  font-size: 1.6rem;
	  line-height: 1.3;
	}

	.body07 {
	  font-size: 1.4rem;
	  line-height:1.33;
    white-space: normal;
	  word-break:break-all;
    overflow-wrap: break-word;
	}

	.body08 {
	  font-size: 1.2rem;
	  line-height: 1.375;
	}

	.body09 {
	  position:relative;
	  font-size: 1.4rem;
	  font-weight:600;
	  line-height:1.33;
	  padding-left:15px;
	}

	.body09:before{
		position:absolute;
		left:0;
		top:50%;
		transform: translateY(-50%);
		content:'';
		width:5px;
		height:5px;
		background-color:var(--emphasis);
		border-radius: 9999px
	}


  /* 680px ~ 320px 구간만 적용 */
  @media screen and (min-width: 320px) {

		

  }

}


.txt_small{
	font-size:1.4rem;
	font-weight:400;
}

.txt_num{
	font-size:2.4rem;
	font-weight:700;
	color:var(--emphasis);
}

.caption01 {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.57;
}
.caption02 {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.5;
}
.caption03 {
  font-size: 1.0rem;
  font-weight: 400;
  line-height: 1.4;
}

/* font-weight */
.light {
  font-weight: 300;
}

.med {
  font-weight: 500;
}

.semi {
  font-weight: 600;
}

.bold {
  font-weight: 700;
}

.extra {
  font-weight: 800;
}

.noto-sans{
  font-family: "Noto Sans KR", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.roboto {
  font-family: "Roboto", sans-serif;
}

.tenor-sans-regular {
  font-family: "Tenor Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}