/*******************************************
	폰트 
********************************************/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Upright:wght@300;400;500;600;700&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url('../font/icofont/icofont.min.css');

/*******************************************
	YELLOW-FINGER
********************************************/





/*******************************************
	공통요소
********************************************/
	* {	margin: 0px; padding: 0px; -webkit-overflow-scrolling : touch; outline: 0 none !important; font-family: 'Pretendard', sans-serif; }

	html, body {
		display: inline-block; width: 100%; height: auto;
		margin: 0px; padding: 0px;
		font-size: 14px;
		font-family: 'Pretendard', sans-serif;
	}
	body { -webkit-overflow-scrolling: touch; float: left; }

	::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: #efefef; }
	::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
	::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: #efefef; }
	::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2); }
	::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1); }



	h1,h2,h3,h4,h5 {
		font-weight: normal;
	}

	a							{ text-decoration: none; }
	li, ul, ol					{ list-style: none; }


	/* float */
	.left						{ float: left;  }
	.right						{ float: right; } 
	.clear						{ clear: both;  }

	/* text-align */
	.text_left					{ text-align: left; }
	.text_right					{ text-align: right; }
	.text_center				{ text-align: center; }

	/* display */
	.display_inline_block		{ display: inline-block; }
	.display_none				{ display: none; }
	.display_block				{ display: block; }
	.display_table				{ display: table; }
	.display_table_cell			{ display: table-cell; }

	/* position */
	.position_relative			{ position: relative; }
	.position_absolute			{ position: absolute; }
	.position_fixed				{ position: fixed; }

	.slow {
		transition: all 300ms ease-in-out;
		-webkit-transition: all 300ms ease-in-out;
		-moz-transition: all 300ms ease-in-out;
	}


	.bold		{ font-weight: bold }
	.bolder		{ font-weight: bold }


	.base { position: relative; display: inline-block; float: left; box-sizing: border-box; }
	.ft_w200 { font-weight: 200; }
	.ft_w300 { font-weight: 300; }
	.ft_w400 { font-weight: 400; }
	.ft_w500 { font-weight: 500; }
	.ft_w600 { font-weight: 600; }
	.ft_w700 { font-weight: 700; }
	.ft_w800 { font-weight: 800; }



	.fly {
		opacity: 0;

		transition: all 450ms ease-in-out;
		-webkit-transition: all 450ms ease-in-out;
		-moz-transition: all 450ms ease-in-out;

		transform: translateY(50px) translateX(0px) scale(1) translate3d(0, 0, 0);
		-webkit-transform: -webkit-translateY(50px) -webkit-translateX(0px) -webkit-scale(1) -webkit-translate3d(0, 0, 0);
		-moz-transform: -moz-translateY(50px) -moz-translateX(0px) -moz-scale(1) -moz-translate3d(0, 0, 0);
		-o-transform: -o-translateY(50px) -o-translateX(0px) -o-scale(1) -o-translate3d(0, 0, 0);
	}

	.show-block {
		opacity: 1;

		transform: translateY(0px) translateX(0px) scale(1) translate3d(0, 0, 0);
		-webkit-transform: -webkit-translateY(0px) -webkit-translateX(0px) -webkit-scale(1) -webkit-translate3d(0, 0, 0);
		-moz-transform: -moz-translateY(0px) -moz-translateX(0px) -moz-scale(1) -moz-translate3d(0, 0, 0);
		-o-transform: -o-translateY(0px) -o-translateX(0px) -o-scale(1) -o-translate3d(0, 0, 0);
	}

	input, select, textarea {
		-webkit-appearance: none;
		   -moz-appearance: none;
				appearance: none;
				border-radius: 0px;
	}



	.cormorant-upright-light {
	  font-family: "Cormorant Upright", serif;
	  font-weight: 300;
	  font-style: normal;
	}

	.cormorant-upright-regular {
	  font-family: "Cormorant Upright", serif;
	  font-weight: 400;
	  font-style: normal;
	}

	.cormorant-upright-medium {
	  font-family: "Cormorant Upright", serif;
	  font-weight: 500;
	  font-style: normal;
	}

	.cormorant-upright-semibold {
	  font-family: "Cormorant Upright", serif;
	  font-weight: 600;
	  font-style: normal;
	}

	.cormorant-upright-bold {
	  font-family: "Cormorant Upright", serif;
	  font-weight: 700;
	  font-style: normal;
	}


/*******************************************
	YELLOW-FINGER
********************************************/

#header {
	position: absolute; top: 0px; left: 0px;
	width: 100%; height: auto;
	padding: 50px 100px 50px;
	z-index: 101;
}

#header > div {
	width: 100%; height: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;	
}

#header .logo {
	width: auto; height: 56px;
	
}

#header .logo > img { width: auto; height: 100%; }


#header .contact {
	width: 160px; height: 42px; line-height: 42px;
	color: #fff; font-size: 20px; text-align: center;
	font-weight: 600;
	background-color: #589dff;
	border-radius: 6px;


	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
}

#header .contact:hover { opacity: 0.8; }


#footer {
	width: 100%; height: auto;
	padding: 60px 0px;
	background-color: #d0d3d9;
}

#footer > div {
	width: 100%; height: auto;
	display: grid;
	gap: 15px;
}


#footer .footer_info {
	width: 100%; height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}


#footer .footer_info .footer_info_item {
	width: auto; height: auto; line-height: 1;
	font-size: 24px; color: #545454; text-align: center;

	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
}

#footer .footer_addr {
	width: 100%; height: auto; line-height: 1;
	font-size: 24px; color: #545454; text-align: center;
}




#wrap { width: 100%; height: auto; padding-bottom: 220px; }





@media (max-width: 479px){ 
	#header { padding: 20px 20px 20px; }
	#header .logo { width: 90px; height: auto; } 
	#header .logo > img { width: 100%; height: auto; }
	#header .contact { font-size: 16px; width: 100px; height: 34px; line-height: 34px; }



	#footer { padding: 45px 20px; }
	#footer .footer_info .footer_info_item,
	#footer .footer_addr { font-size: 14px; }

	#footer > div { display: flex; gap: 20px;}
	#footer .footer_info { display: grid; gap: 5px; }
	#footer .footer_info .footer_info_item, #footer .footer_addr { width: 100%; justify-content: left; }

	#footer .footer_addr::before { 
		content: 'Address';
        width: 100%;
        display: inline-block;
        position: relative;

		font-family: "Cormorant Upright", serif;
		font-weight: 700;
		font-style: normal;

	}

	#footer .footer_addr { 
		text-align: left;  line-height: 1.5;
	}
	#footer .footer_info .footer_info_item { 
        line-height: 1.5;
        flex-wrap: wrap;
        text-align: left;
        gap: 0;
	}
	#footer .footer_info .footer_info_item .footer_info_label, 
	#footer .footer_info .footer_info_item .footer_info_val { width: 100%; }

	#wrap { padding-bottom: 90px; }

}

@media (max-width: 749px) and (min-width: 480px) { 
	#header { padding: 20px 20px 20px; }
	#header .logo { width: 90px; height: auto; } 
	#header .logo > img { width: 100%; height: auto; }
	#header .contact { font-size: 16px; width: 100px; height: 34px; line-height: 34px; }

	#footer { padding: 45px 20px; }
	#footer .footer_info .footer_info_item,
	#footer .footer_addr { font-size: 16px; }

	#footer > div { display: flex; gap: 20px;}
	#footer .footer_info { display: grid; gap: 0px; }
	#footer .footer_info .footer_info_item, #footer .footer_addr { width: 100%; justify-content: left; }
	#footer .footer_addr::before { 
		content: 'Address';
        width: 100%;
        display: inline-block;
        position: relative;

		font-family: "Cormorant Upright", serif;
		font-weight: 700;
		font-style: normal;

	}

	#footer .footer_addr { 
		text-align: left;  line-height: 1.5;
	}
	#footer .footer_info .footer_info_item { line-height: 1.5; }
	#wrap { padding-bottom: 120px; }

}

@media (max-width: 1023px) and (min-width: 750px) { 
	#header { padding: 30px 20px 30px; }
	#header .logo { width: 100px; height: auto; } 
	#header .logo > img { width: 100%; height: auto; }
	#header .contact { font-size: 18px; width: 120px; height: 40px; line-height: 40px; }


	#footer { padding: 60px 0px; }
	#footer .footer_info .footer_info_item,
	#footer .footer_addr { font-size: 18px; }

	#wrap { padding-bottom: 120px; }

}


@media (max-width: 1279px) and (min-width: 1024px) { 

	#footer { padding: 80px 0px; }
	#footer .footer_info .footer_info_item,
	#footer .footer_addr { font-size: 22px; }
	#wrap { padding-bottom: 150px; }

}


/*
	@media (max-width: 479px){ 

	}

	@media (max-width: 749px) and (min-width: 480px) { 

	}

	@media (max-width: 1023px) and (min-width: 750px) { 

	}


	@media (max-width: 1279px) and (min-width: 1024px) { 

	}
*/