@charset "utf-8";



.sp{ display: none; }

/* 컬러 설정 */
:root{
	--green01: #1c350f;
	--green02: #127b5a;
	--green03: #47ac6b;
	--green04: #f9faf7;

	-yellow: #fcb800;
	--red: #ff3203;

	--black: #121212;
	--gray: #666;
	--gray02: #ddd;
	--white: #fff;
}




/* 폰트 설정 */
*{
	font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: var(--black);
	letter-spacing: -0.05rem;
	word-break: keep-all;
}

@media screen and (max-width: 1300px){
	*{ font-size: 15px; }
}

@media screen and (max-width: 900px){
	*{ font-size: 14px; }
}

@media screen and (max-width: 767px){
	*{ font-size: 13px; }
}

@media screen and (max-width: 320px){
	*{ font-size: 12px; }
}


/* 타이틀 공통 스타일 */
.sub_tit{
	display: inline-block;
	padding-left: 16px;
	font-size: 1rem;
	text-transform: uppercase;
	position: relative;
}

 .sub_tit::before{
	content: "";
	width: 6px; height: 6px;
	background-color: var(--red);
	border-radius: 50%;
	position: absolute;
	top: 50%; left: 0;
	transform: translateY(-50%);
 }

.tit{
	font-size: 2.8125rem;
	font-weight: 400;
	line-height: 1.3;
	margin-top: 20px;
}
.tit strong{
	font-size: inherit;
	font-weight: 600;
	color: var(--green02);
}

.tit_desc{
	font-size: 1rem;
	color: var(--black);
	line-height: 1.5;
	margin-top: 20px;
}




@media screen and (max-width: 1300px){
	.tit{
		margin-top: 10px;
	}
	.tit_desc{
		margin-top: 15px;
	}
}

@media screen and (max-width: 1100px){
	.tit{ font-size: 2.5625rem; }
}

@media screen and (max-width: 900px){
	.tit{ margin-top: 5px; }
	.tit_desc {
		margin-top: 10px;
	}
}

@media screen and (max-width: 767px){
	.tit{ font-size: 1.9375rem; }
}






/* 마진 및 패딩값 */
.mt15{ margin-top: 15px !important; }
.mt20{ margin-top: 20px !important; }
.mt25{ margin-top: 25px !important; }
.mt30{ margin-top: 30px !important; }
.mt35{ margin-top: 35px !important; }
.mt40{ margin-top: 40px !important; }
.mt45{ margin-top: 45px !important; }
.mt50{ margin-top: 50px !important; }
.mt60{ margin-top: 60px !important; }
.mt65{ margin-top: 65px !important; }
.mt70{ margin-top: 70px !important; }
.mt80{ margin-top: 80px !important; }
.mt90{ margin-top: 90px !important; }
.mt100{ margin-top: 100px !important; }

.mb15{ margin-bottom: 15px !important; }
.mb20{ margin-bottom: 20px !important; }
.mb25{ margin-bottom: 25px !important; }
.mb30{ margin-bottom: 30px !important; }
.mb35{ margin-bottom: 35px !important; }
.mb40{ margin-bottom: 40px !important; }
.mb45{ margin-bottom: 45px !important; }
.mb50{ margin-bottom: 50px !important; }
.mb60{ margin-bottom: 60px !important; }
.mb65{ margin-bottom: 65px !important; }
.mb70{ margin-bottom: 70px !important; }
.mb80{ margin-bottom: 80px !important; }
.mb90{ margin-bottom: 90px !important; }
.mb100{ margin-bottom: 100px !important; }


.pt50{ padding-top: 50px !important; }
.pt60{ padding-top: 60px !important; }
.pt70{ padding-top: 70px !important; }
.pt80{ padding-top: 80px !important; }
.pt90{ padding-top: 90px !important; }
.pt100{ padding-top: 100px !important; }
.pt110{ padding-top: 110px !important; }
.pt120{ padding-top: 120px !important; }
.pt130{ padding-top: 130px !important; }
.pt140{ padding-top: 140px !important; }
.pt150{ padding-top: 150px !important; }
.pt160{ padding-top: 160px !important; }
.pt170{ padding-top: 170px !important; }
.pt180{ padding-top: 180px !important; }
.pt190{ padding-top: 190px !important; }

.pb50{ padding-bottom: 50px !important; }
.pb60{ padding-bottom: 60px !important; }
.pb70{ padding-bottom: 70px !important; }
.pb80{ padding-bottom: 80px !important; }
.pb90{ padding-bottom: 90px !important; }
.pb100{ padding-bottom: 100px !important; }
.pb110{ padding-bottom: 110px !important; }
.pb120{ padding-bottom: 120px !important; }
.pb130{ padding-bottom: 130px !important; }
.pb140{ padding-bottom: 140px !important; }
.pb150{ padding-bottom: 150px !important; }
.pb160{ padding-bottom: 160px !important; }
.pb170{ padding-bottom: 170px !important; }
.pb180{ padding-bottom: 180px !important; }
.pb190{ padding-bottom: 190px !important; }



@media screen and (max-width: 1500px){}

@media screen and (max-width: 1300px){
	.mt50{ margin-top: 40px !important; }
	.mt60{ margin-top: 50px !important; }
	.mt65{ margin-top: 55px !important; }
	.mt70{ margin-top: 60px !important; }
	.mt80{ margin-top: 70px !important; }
	.mt90{ margin-top: 80px !important; }
	.mt100{ margin-top: 90px !important; }

	.mb50{ margin-bottom: 40px !important; }
	.mb60{ margin-bottom: 50px !important; }
	.mb65{ margin-bottom: 55px !important; }
	.mb70{ margin-bottom: 60px !important; }
	.mb80{ margin-bottom: 70px !important; }
	.mb90{ margin-bottom: 80px !important; }
	.mb100{ margin-bottom: 90px !important; }


	.pt50{ padding-top: 40px !important; }
	.pt60{ padding-top: 50px !important; }
	.pt70{ padding-top: 60px !important; }
	.pt80{ padding-top: 70px !important; }
	.pt90{ padding-top: 80px !important; }
	.pt100{ padding-top: 90px !important; }
	.pt110{ padding-top: 100px !important; }
	.pt120{ padding-top: 110px !important; }
	.pt130{ padding-top: 120px !important; }
	.pt140{ padding-top: 130px !important; }
	.pt150{ padding-top: 140px !important; }
	.pt160{ padding-top: 150px !important; }
	.pt170{ padding-top: 160px !important; }
	.pt180{ padding-top: 170px !important; }
	.pt190{ padding-top: 180px !important; }

	.pb50{ padding-bottom: 40px !important; }
	.pb60{ padding-bottom: 50px !important; }
	.pb70{ padding-bottom: 60px !important; }
	.pb80{ padding-bottom: 70px !important; }
	.pb90{ padding-bottom: 80px !important; }
	.pb100{ padding-bottom: 90px !important; }
	.pb110{ padding-bottom: 100px !important; }
	.pb120{ padding-bottom: 110px !important; }
	.pb130{ padding-bottom: 120px !important; }
	.pb140{ padding-bottom: 130px !important; }
	.pb150{ padding-bottom: 140px !important; }
	.pb160{ padding-bottom: 150px !important; }
	.pb170{ padding-bottom: 160px !important; }
	.pb180{ padding-bottom: 170px !important; }
	.pb190{ padding-bottom: 180px !important; }
}

@media screen and (max-width: 1100px){
	.mt80{ margin-top: 55px !important; }
    .mt70{ margin-top: 60px !important; }
	.mt60{ margin-top: 50px !important; }
	.mt50{ margin-top: 40px !important; }
	.mt45{ margin-top: 35px !important; }
	.mt40{ margin-top: 30px !important; }
	.mt35{ margin-top: 25px !important; }
	.mt30{ margin-top: 20px !important; }
	.mt20{ margin-top: 15px !important; }

	.mb80{ margin-bottom: 55px !important; }
    .mb70{ margin-bottom: 60px !important; }
	.mb60{ margin-bottom: 50px !important; }
	.mb50{ margin-bottom: 40px !important; }
	.mb45{ margin-bottom: 35px !important; }
	.mb40{ margin-bottom: 30px !important; }
	.mb35{ margin-bottom: 25px !important; }
	.mb30{ margin-bottom: 20px !important; }
	.mb20{ margin-bottom: 15px !important; }


	.pt130{ padding-top: 115px !important; }
	.pt140{ padding-top: 120px !important; }
	.pt150{ padding-top: 125px !important; }
	.pt160{ padding-top: 135px !important; }
	.pt170{ padding-top: 140px !important; }
	.pt180{ padding-top: 150px !important; }
	.pt190{ padding-top: 160px !important; }

	.pb130{ padding-bottom: 115px !important; }
	.pb140{ padding-bottom: 120px !important; }
	.pb150{ padding-bottom: 125px !important; }
	.pb160{ padding-bottom: 135px !important; }
	.pb170{ padding-bottom: 140px !important; }
	.pb180{ padding-bottom: 150px !important; }
	.pb190{ padding-bottom: 160px !important; }
}

@media screen and (max-width: 900px){
	.mt100{ margin-top: 70px !important; }
	.mt90{ margin-top: 60px !important; }
	.mt80{ margin-top: 55px !important; }
	.mt70{ margin-top: 50px !important; }
	.mt60{ margin-top: 45px !important; }
	.mt50{ margin-top: 35px !important; }

	.mb100{ margin-bottom: 70px !important; }
	.mb90{ margin-bottom: 60px !important; }
	.mb80{ margin-bottom: 55px !important; }
	.mb70{ margin-bottom: 50px !important; }
	.mb60{ margin-bottom: 45px !important; }
	.mb50{ margin-bottom: 35px !important; }


	.pt80{ padding-top: 75px !important; }
	.pt90{ padding-top: 80px !important; }
	.pt100{ padding-top: 85px !important; }
	.pt110{ padding-top: 90px !important; }
	.pt120{ padding-top: 95px !important; }
	.pt130{ padding-top: 100px !important; }
	.pt140{ padding-top: 105px !important; }
	.pt150{ padding-top: 110px !important; }
	.pt160{ padding-top: 115px !important; }
	.pt170{ padding-top: 120px !important; }
	.pt180{ padding-top: 125px !important; }
	.pt190{ padding-top: 130px !important; }

	.pb80{ padding-bottom: 75px !important; }
	.pb90{ padding-bottom: 80px !important; }
	.pb100{ padding-bottom: 85px !important; }
	.pb110{ padding-bottom: 90px !important; }
	.pb120{ padding-bottom: 95px !important; }
	.pb130{ padding-bottom: 100px !important; }
	.pb140{ padding-bottom: 105px !important; }
	.pb150{ padding-bottom: 110px !important; }
	.pb160{ padding-bottom: 115px !important; }
	.pb170{ padding-bottom: 120px !important; }
	.pb180{ padding-bottom: 125px !important; }
	.pb190{ padding-bottom: 130px !important; }
}

@media screen and (max-width: 767px){
	.mt15{ margin-top: 7px !important; }
	.mt20{ margin-top: 10px !important; }
	.mt25{ margin-top: 12px !important; }
	.mt30{ margin-top: 15px !important; }
	.mt35{ margin-top: 20px !important; }
	.mt40 { margin-top: 25px !important; }
	.mt50 {  margin-top: 30px !important; }
	.mt60 {  margin-top: 40px !important; }
	.mt70{ margin-top: 45px !important; }
	.mt80 { margin-top: 45px !important; }
	.mt90 { margin-top: 50px !important; }
	.mt100 { margin-top: 55px !important; }

	.mb15{ margin-bottom: 7px !important; }
	.mb20{ margin-bottom: 10px !important; }
	.mb25{ margin-bottom: 12px !important; }
	.mb30{ margin-bottom: 15px !important; }
	.mb35{ margin-bottom: 20px !important; }
	.mb40 { margin-bottom: 25px !important; }
	.mb50 {  margin-bottom: 30px !important; }
	.mb60 {  margin-bottom: 40px !important; }
	.mb70{ margin-bottom: 45px !important; }
	.mb80 { margin-bottom: 45px !important; }
	.mb90 { margin-bottom: 50px !important; }
	.mb100 { margin-bottom: 55px !important; }


	.pt50{ padding-top: 40px !important; }
	.pt60{ padding-top: 45px !important; }
	.pt70{ padding-top: 50px !important; }
	.pt80{ padding-top: 55px !important; }
	.pt90{ padding-top: 60px !important; }
	.pt100{ padding-top: 65px !important; }
	.pt110{ padding-top: 70px !important; }
	.pt120{ padding-top: 75px !important; }
	.pt130{ padding-top: 80px !important; }
	.pt140{ padding-top: 85px !important; }
	.pt150{ padding-top: 90px !important; }
	.pt160{ padding-top: 95px !important; }
	.pt170{ padding-top: 100px !important; }
	.pt180{ padding-top: 105px !important; }
	.pt190{ padding-top: 110px !important; }
	
	.pb50{ padding-bottom: 40px !important; }
	.pb60{ padding-bottom: 45px !important; }
	.pb70{ padding-bottom: 50px !important; }
	.pb80{ padding-bottom: 55px !important; }
	.pb90{ padding-bottom: 60px !important; }
	.pb100{ padding-bottom: 65px !important; }
	.pb110{ padding-bottom: 70px !important; }
	.pb120{ padding-bottom: 75px !important; }
	.pb130{ padding-bottom: 80px !important; }
	.pb140{ padding-bottom: 85px !important; }
	.pb150{ padding-bottom: 90px !important; }
	.pb160{ padding-bottom: 95px !important; }
	.pb170{ padding-bottom: 100px !important; }
	.pb180{ padding-bottom: 105px !important; }
	.pb190{ padding-bottom: 110px !important; }
}

@media screen and (max-width: 320px){
	.mt15{ margin-top: 7px !important; }
	.mt20{ margin-top: 10px !important; }
	.mt25{ margin-top: 12px !important; }
	.mt30{ margin-top: 15px !important; }
	.mt35{ margin-top: 20px !important; }
	.mt40 { margin-top: 25px !important; }
	.mt50 {  margin-top: 30px !important; }
	.mt60 {  margin-top: 40px !important; }
	.mt70{ margin-top: 45px !important; }
	.mt80 { margin-top: 45px !important; }
	.mt90 { margin-top: 50px !important; }
	.mt100 { margin-top: 55px !important; }

	.mb15{ margin-bottom: 7px !important; }
	.mb20{ margin-bottom: 10px !important; }
	.mb25{ margin-bottom: 12px !important; }
	.mb30{ margin-bottom: 15px !important; }
	.mb35{ margin-bottom: 20px !important; }
	.mb40 { margin-bottom: 25px !important; }
	.mb50 {  margin-bottom: 30px !important; }
	.mb60 {  margin-bottom: 40px !important; }
	.mb70{ margin-bottom: 45px !important; }
	.mb80 { margin-bottom: 45px !important; }
	.mb90 { margin-bottom: 50px !important; }
	.mb100 { margin-bottom: 55px !important; }


	.pt50{ padding-top: 25px !important; }
	.pt60{ padding-top: 30px !important; }
	.pt70{ padding-top: 35px !important; }
	.pt80{ padding-top: 40px !important; }
	.pt90{ padding-top: 45px !important; }
	.pt100{ padding-top: 50px !important; }
	.pt110{ padding-top: 55px !important; }
	.pt120{ padding-top: 60px !important; }
	.pt130{ padding-top: 65px !important; }
	.pt140{ padding-top: 70px !important; }
	.pt150{ padding-top: 75px !important; }
	.pt160{ padding-top: 80px !important; }
	.pt170{ padding-top: 85px !important; }
	.pt180{ padding-top: 90px !important; }
	.pt190{ padding-top: 95px !important; }
	
	.pb50{ padding-bottom: 25px !important; }
	.pb60{ padding-bottom: 30px !important; }
	.pb70{ padding-bottom: 35px !important; }
	.pb80{ padding-bottom: 40px !important; }
	.pb90{ padding-bottom: 45px !important; }
	.pb100{ padding-bottom: 50px !important; }
	.pb110{ padding-bottom: 55px !important; }
	.pb120{ padding-bottom: 60px !important; }
	.pb130{ padding-bottom: 65px !important; }
	.pb140{ padding-bottom: 70px !important; }
	.pb150{ padding-bottom: 75px !important; }
	.pb160{ padding-bottom: 80px !important; }
	.pb170{ padding-bottom: 85px !important; }
	.pb180{ padding-bottom: 90px !important; }
	.pb190{ padding-bottom: 95px !important; }
}




/* wrapper 넓이 설정 */
.wrapper{ width: 1300px; margin: 0 auto; }
.w_wrapper{ width: 89.5%; margin: 0 auto; }

@media screen and (max-width: 1500px){
		.w_wrapper{ width: 95%; }
}

@media screen and (max-width: 1300px){
	.wrapper{ width: 90%; }
}


/* SEO  위한 텍스트 숨김 처리 */
.hidden {
    overflow: hidden;
    display: inline-block;
    position: absolute;
    z-index: -1;
    border: 0;
    width: 1px;
    height: 1px;
    clip: rect(1px,1px,1px,1px);
    clip-path: inset(50%);
}