@media (max-width:1299px) {

	/* greetings */ 
	.greetings { width:100%; margin:0 auto; text-align:center; box-sizing:border-box; padding:40px 0px 70px 0px; }
	.greetings ul { display:flex; flex-wrap:wrap; width:100%; }
	.greetings-1 { width:100%; text-align:left;  margin-bottom:50px; margin-left:20px; margin-right:20px; }
	.greetings-1 h2 { font-size:24px; color:#191b1d; font-family:'NanumSquareNeoVariable'; letter-spacing:0.01em;  line-height:1.7em; }
	.greetings-1 span { color:#fff; font-size:14px; font-family:'NanumSquareNeo400'; letter-spacing:0.02em;  line-height:1.7em; }
	.greetings-1 b { font-size:32px;  }
	.greetings-2 { width:100%; text-align:left; margin-bottom:50px; }
	.greetings-2 img { width:100%; }
	.greetings-3 { 
		width:100%; text-align:left; margin-left:20px; margin-right:20px; 
		color:#191b1d; font-size:14px; font-family:'NanumSquareNeoVariable'; letter-spacing: 0.01em; line-height:1.7em;  
	}
	.greetings-3 b { color:#000; font-size:18px; letter-spacing: 0.3em; }
	.greetings-3 span { font-size:12px; color:#555; font-family:'NanumSquareNeo400'; }


	/* History */
	.History { box-sizing:border-box;  padding-top:40px; padding-bottom:70px; }
	.History_title { text-align:left;  margin-bottom:50px; margin-left:20px; margin-right:20px; box-sizing:border-box; }
	.History_title h2 { font-size:24px; color:#191b1d; font-family:'NanumSquareNeoVariable'; letter-spacing:0.01em;  line-height:1.7em; }
	.History_title span { color:#fff; font-size:14px; font-family:'NanumSquareNeo400'; letter-spacing:0.02em;  line-height:1.7em;  }
	.History_title b { font-size:32px;  }

	.wrap { display:flex; width:100%; box-sizing:border-box; }
	.left_menu { display:none; }
	.left_menu ul { list-style:none; padding:0; margin:0; }
	.left_menu li { 
		margin-left:10px; margin-bottom:10px; cursor:pointer; text-align:left; 
		color:#777; font-size:12px; font-family:'NanumSquareNeo400'; letter-spacing:0.01em; line-height:1.7em;
		transition: all 0.3s ease; 
	}
	.left_menu li.active { font-size:14px; color:#191b1d; font-family:'NanumSquareNeo700'; transform:translateX(6px); }
	.center_bar_wrap { position:relative; width:40px; display:flex; justify-content:center; }
	.center_bar_bg { position:sticky; top:0; width:3px; height:100vh; background:#eee; }
	.center_bar_fill { position:absolute; top:0; left:50%; transform:translateX(-50%); width:3px; height:0; background:#191b1d; }
	.right_content { flex:1; padding-left:10px; }
	.section { 
		padding-top:30px; box-sizing:border-box;
		text-align:left; 
	 }
	.section dl { display:flex; width:100%; flex-direction:column !important; margin-bottom:30px; }
	.section dt,  .section dd { width:100%; display:block; }
	.section dt { font-size:18px; color:#878787; font-family:'NanumSquareNeoVariable'; letter-spacing:0.05em;  line-height:1em;  }
	.section dd { 
		margin-top:10px;
		font-size:14px; color:#191b1d; font-family:'NanumSquareNeoVariable'; letter-spacing:0.01em;  line-height:1.9em; 
	 }
	.section dd b { font-size:16px; color:#000; }
	.History_img_2006 { display:none; }

	.Directions { box-sizing:border-box;  padding-top:50px; padding-bottom:70px; }	
	.mapx { 
		margin-top:30px; margin-left:20px;  margin-right:20px; width:100%; box-sizing:border-box;  
		color:#191b1d; font-size:18px; font-family:'NanumSquareNeo700'; letter-spacing:0.01em; line-height:1.5em;
	}		
	.mapx ul { display:block; width:100%; padding:0; margin:0; list-style:none; }
	.mapx_l, .mapx_r { display:block; width:100%; text-align:left; }
	.mapx dl { margin-top:10px; display:flex; width:100%; flex-direction:row; align-items:center; justify-content:flex-start; }
	.mapx dt,  .mapx dd { flex:0 0 auto; text-align:left; }
	.Directions_img_1 { opacity: 0.5; height:26px; margin-right:10px; }

}

@media  all and (min-width : 1300px)  { 

	/* greetings */ 
	.greetings { width:1300px; margin:0 auto; text-align:center; box-sizing:border-box; padding-top:70px; padding-bottom:100px; }
	.greetings ul { display:flex; flex-wrap:wrap; width:100%; }
	.greetings-1 { width:100%; text-align:left;  margin-bottom:90px; }
	.greetings-1 h2 { font-size:42px; color:#191b1d; font-family:'NanumSquareNeoVariable'; letter-spacing:0.01em;  line-height:1.7em; }
	.greetings-1 span { color:#fff; font-size:20px; font-family:'NanumSquareNeo400'; letter-spacing:0.02em;  line-height:1.7em; }
	.greetings-1 b { font-size:54px;  }
	.greetings-2 { width:55%; text-align:left; }
	.greetings-2 img { max-width:535px; }
	.greetings-3 { 
		width:45%; text-align:left; 
		color:#191b1d; font-size:16px; font-family:'NanumSquareNeoVariable'; letter-spacing: 0.01em; line-height:1.7em;  
	}
	.greetings-3 b { color:#000; font-size:20px; letter-spacing: 0.3em; }
	.greetings-3 span { font-size:14px; color:#555; font-family:'NanumSquareNeo400'; }

	/* History */
	.History { width:1300px; margin:0 auto; text-align:center; box-sizing:border-box; padding-top:70px; }
	.History_title { text-align:left; margin-bottom:70px; }
	.History_title h2 { font-size:42px; color:#191b1d; font-family:'NanumSquareNeoVariable'; letter-spacing:0.01em;  line-height:1.7em; }
	.History_title span { color:#fff; font-size:20px; font-family:'NanumSquareNeo400'; letter-spacing:0.02em;  line-height:1.7em; }
	.History_title b { font-size:54px;  }

	.wrap { display:flex; width:100%; max-width:1300px; margin:0 auto; }
	.left_menu { width:500px; position:sticky; top:100px; align-self:flex-start; }
	.left_menu ul { list-style:none; padding:0; margin:0; }
	.left_menu li { 
		margin-bottom:10px; cursor:pointer; text-align:left; 
		color:#777; font-size:40px; font-family:'NanumSquareNeo400'; letter-spacing:0.01em; line-height:1.7em;
		transition: all 0.3s ease; 
	}
	.left_menu li.active { font-size:60px; color:#191b1d; font-family:'NanumSquareNeo700'; transform:translateX(6px); }
	.center_bar_wrap { position:relative; width:40px; display:flex; justify-content:center; }
	.center_bar_bg { position:sticky; top:0; width:3px; height:100vh; background:#eee; }
	.center_bar_fill { position:absolute; top:0; left:50%; transform:translateX(-50%); width:3px; height:0; background:#191b1d; }
	.right_content { flex:1; padding-left:40px; }
	.section { 
		min-height:800px; padding-top:30px; box-sizing:border-box;
		text-align:left; 
	 }
	.section dl { display:flex; width:100%; flex-direction:column !important; margin-bottom:30px; }
	.section dt,  .section dd { width:100%; display:block; }
	.section dt { font-size:32px; color:#878787; font-family:'NanumSquareNeoVariable'; letter-spacing:0.05em;  line-height:1em;  }
	.section dd { 
		margin-top:10px;
		font-size:18px; color:#191b1d; font-family:'NanumSquareNeoVariable'; letter-spacing:0.01em;  line-height:1.9em; 
	 }
	.section dd b { font-size:20px; color:#000; }
	.History_img_2006 { margin-top:40px; height:350px; }

	/* Directions */
	.Directions { width:1300px; margin:0 auto; text-align:center; box-sizing:border-box; padding-top:70px;  padding-bottom:70px;  }	
	.mapx { 
		margin-top:30px; width:100%; box-sizing:border-box; 
		color:#191b1d; font-size:20px; font-family:'NanumSquareNeo700'; letter-spacing:0.01em; line-height:1.5em;
	}		
	.mapx ul { display:flex; align-items:center; padding:0; list-style:none; width:100%; }
	.mapx_l { margin-right:50px; }
	.mapx_r { margin-left:auto; text-align:right; }
	.mapx dl { display:flex; width:100%; flex-direction:row; align-items:center; justify-content:flex-start; }
	.mapx dt,  .mapx dd { flex:0 0 auto; text-align:left; }
	.Directions_img_1 { opacity: 0.5; height:26px; margin-right:10px; }

}