@media (max-width:1299px) {

	.greetings_go { 
		margin-top:50px; padding-bottom:50px;
		text-align:left; box-sizing:border-box; border-bottom:1px solid #888;
	 }
	.greetings_go2 { 
		margin-top:50px; padding-bottom:50px;
		text-align:left; box-sizing:border-box; 
	 }
	.greetings_go3 { 
		margin-top:50px; padding-bottom:50px;
		text-align:right; box-sizing:border-box; 
	 }
	.list_lr { display:flex; justify-content:space-between; width:100%; }
	.list_lr li:first-child { text-align:left; }
	.list_lr li:last-child { text-align:right; }
	.list_lr_span4 {
		background:#fff; padding:6px 20px; border-radius:24px; 
		color:#000; font-size:12px; font-family:'NanumSquareNeo700'; letter-spacing: 0.01em; line-height:1em;
		display:inline-block; transition:transform .3s ease;
	}
	.list_lr_span3 {
		background:#000; padding:6px 20px; border-radius:24px; 
		color:#fff; font-size:12px; font-family:'NanumSquareNeo400'; letter-spacing: 0.01em; line-height:1em;
		display:inline-block; transition:transform .3s ease;
	}
	.list_lr_span2 {
		background:#191b1d; padding:6px 20px; border-radius:24px; 
		color:#fff; font-size:12px; font-family:'NanumSquareNeo400'; letter-spacing: 0.01em; line-height:1em;
		display:inline-block; transition:transform .3s ease;
	}
	.list_lr_span { 
		background:#777; padding:6px 20px; border-radius:24px; 
		color:#fff; font-size:12px; font-family:'NanumSquareNeo400'; letter-spacing: 0.01em; line-height:1em;
		display:inline-block; transition:transform .3s ease;
	}
	.list_lr_span:hover, .list_lr_span2:hover, .list_lr_span3:hover, .list_lr_span4:hover { transform:scale(1.2); }

	/* greeting */ 
	.greet { background:#777; }
	.greeting { width:90%; margin:0 auto; text-align:center; box-sizing:border-box; }
	.greetings { text-align:left; padding-top:50px; }
	.greetings h2 { font-size:34px; color:#fff; font-family:'NanumSquareNeo800'; letter-spacing:0.02em;  line-height:1.7em; }
	.greetings h3 { font-size:18px; color:#fff; font-family:'NanumSquareNeo700'; letter-spacing:0.02em;  line-height:1.7em; }
	
	#section1 { padding-top:50px; scroll-margin-top:70px; }
	.po{ display:flex; flex-direction:column; }
	.po li { width:100%; text-align:left; }	
	.po_l { margin-bottom:20px; font-size:30px; color:#000; font-family:'NanumSquareNeo800'; letter-spacing:0.05em;  line-height:1em; }
	.po_r { font-size:16px; color:#fff; font-family:'NanumSquareNeoVariable'; letter-spacing:0.01em;  line-height:1.5em;  }

	.po_wrap { margin-top:30px; width:100%; overflow:hidden; position:relative; }
	.po_list { display:flex; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
	.po_list::-webkit-scrollbar { display:none; }
	.po_list li { flex:0 0 80%; }
	.po_wrap .po_nav { position:absolute; top:50%; left:0; width:100%; display:flex; justify-content:space-between; transform:translateY(-50%); }
	.po_wrap .po_nav button { background:none; border:0; padding:0; }
	.po_wrap .po_nav button img { margin:10px; height:40px; opacity:0.5; display:block; }
	.po_wrap .po_nav button:hover img { opacity:1; }
	.po_list li img { width:100%; height:auto; }
	.po_list_a {
		text-align:left; margin-top:10px; 
		color:#fff; font-size:14px; font-family:'NanumSquareNeo700'; letter-spacing: 0.01em; line-height:1em;
	}
	.po_list_b {
		text-align:left; margin-top:10px;
		color:#000; font-size:13px; font-family:'NanumSquareNeo400'; letter-spacing: 0.01em; line-height:1em;
	}

	#section2 { background:#000; padding-top:50px; scroll-margin-top:30px; }
	.section_mo { width:90%; margin:0 auto; text-align:center; box-sizing:border-box; }
	.mo { display:flex; flex-direction:column; }
	.mo li { width:100%; text-align:left; }	
	.mo_l { margin-bottom:20px; font-size:30px; color:#fff; font-family:'NanumSquareNeo700'; letter-spacing:0.05em;  line-height:1.5em; }
	.mo_r { font-size:15px; color:#f3f3f3; font-family:'NanumSquareNeoVariable'; letter-spacing:0.01em;  line-height:1.3em;  }
	.mo_r div { margin-bottom:15px; box-sizing:border-box; }
	.mo_r span {
		color:#fff; font-size:14px; font-family:'NanumSquareNeo800'; letter-spacing: 0.01em; line-height:1em;
		padding-bottom:8px; border-bottom:1px solid #f3f3f3;
	}

	#section3 { background:#fff; padding-top:50px; scroll-margin-top:20px; }
	.section_xo { width:90%; margin:0 auto; text-align:center; box-sizing:border-box; }
	.xo { display:flex; align-items:center; }
	.xo { display:flex; flex-direction:column; }
	.xo li { width:100%; text-align:left; }	
	.xo_l { margin-bottom:20px; text-align:left; font-size:30px; color:#000; font-family:'NanumSquareNeo700'; letter-spacing:0.05em; line-height:1.5em; }
	.xo_r { text-align:left; font-size:16px; color:#333; font-family:'NanumSquareNeoVariable'; letter-spacing:0.01em; line-height:1.3em; }
	.xop { display:flex; width:100%; margin-top:30px; flex-wrap:wrap; }
	.xop li { width:50%; list-style:none; display:flex; flex-direction:column; align-items:center; margin-bottom:30px; }
	.xop_div { border:2px solid #666; width:150px; height:150px; background:#fff; border-radius:50%; display:flex; justify-content:center; align-items:center; }
	.xop_div img { width:80px; object-fit:contain; }
	.xop_div2 { margin-top:10px; font-size:15px; color:#191b1d; font-family:'NanumSquareNeo700'; letter-spacing:0.01em; line-height:1em; text-align:center; }
	.xop_div3 { 
		word-break:break-all; margin:10px 10px 0px 10px; box-sizing:border-box; 
		 font-size:13px; color:#444; font-family:'NanumSquareNeoVariable'; letter-spacing:0.01em; line-height:1.3em; text-align:center; 
	}

}

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

	.greetings_go { 
		margin-top:100px; padding-bottom:100px;
		text-align:left; box-sizing:border-box; border-bottom:1px solid #888;
	 }
	.greetings_go2 { 
		margin-top:100px; padding-bottom:100px;
		text-align:left; box-sizing:border-box; 
	 }
	.greetings_go3 { 
		margin-top:100px; padding-bottom:100px;
		text-align:right; box-sizing:border-box; 
	 }
	.list_lr { display:flex; justify-content:space-between; width:100%; }
	.list_lr li:first-child { text-align:left; }
	.list_lr li:last-child { text-align:right; }
	.list_lr_span4 {
		background:#fff; padding:6px 20px; border-radius:24px; 
		color:#000; font-size:12px; font-family:'NanumSquareNeo700'; letter-spacing: 0.01em; line-height:1em;
		display:inline-block; transition:transform .3s ease;
	}
	.list_lr_span3 {
		background:#000; padding:6px 20px; border-radius:24px; 
		color:#fff; font-size:12px; font-family:'NanumSquareNeo400'; letter-spacing: 0.01em; line-height:1em;
		display:inline-block; transition:transform .3s ease;
	}
	.list_lr_span2 {
		background:#191b1d; padding:6px 20px; border-radius:24px; 
		color:#fff; font-size:12px; font-family:'NanumSquareNeo400'; letter-spacing: 0.01em; line-height:1em;
		display:inline-block; transition:transform .3s ease;
	}
	.list_lr_span { 
		background:#777; padding:6px 20px; border-radius:24px; 
		color:#fff; font-size:12px; font-family:'NanumSquareNeo400'; letter-spacing: 0.01em; line-height:1em;
		display:inline-block; transition:transform .3s ease;
	}
	.list_lr_span:hover, .list_lr_span2:hover, .list_lr_span3:hover, .list_lr_span4:hover  { transform:scale(1.2); }

	/* greeting */ 
	.greet { background:#777; }
	.greeting { width:80%; min-width:1300px; margin:0 auto; text-align:center; box-sizing:border-box; }
	.greetings { text-align:left; padding-top:100px; }
	.greetings h2 { font-size:80px; color:#fff; font-family:'NanumSquareNeo800'; letter-spacing:0.05em;  line-height:1.7em; }
	.greetings h3 { font-size:40px; color:#fff; font-family:'NanumSquareNeo700'; letter-spacing:0.05em;  line-height:1.7em; }
	
	#section1 { padding-top:100px; scroll-margin-top:70px; }
	.po{ display:flex; }
	.po li { width:50%; text-align:left; }	
	.po_l { font-size:40px; color:#000; font-family:'NanumSquareNeo800'; letter-spacing:0.05em;  line-height:1em; }
	.po_r { font-size:18px; color:#fff; font-family:'NanumSquareNeoVariable'; letter-spacing:0.01em;  line-height:1.8em;  }
	.po_wrap .po_nav { display:none; }
	.po_list { display:flex;  margin-top:100px; }
	.po_list li { flex:1; text-align:left; }
	.po_list li img { width:250px; height:300px; }
	.po_list_a {
		text-align:left; margin-top:30px;
		color:#fff; font-size:16px; font-family:'NanumSquareNeo700'; letter-spacing: 0.01em; line-height:1em;
	}
	.po_list_b {
		text-align:left; margin-top:10px;
		color:#000; font-size:15px; font-family:'NanumSquareNeo400'; letter-spacing: 0.01em; line-height:1em;
	}

	#section2 { background:#000; padding-top:100px; scroll-margin-top:70px; }
	.section_mo { width:80%; min-width:1300px; margin:0 auto; text-align:center; box-sizing:border-box; }
	.mo { display:flex; }
	.mo li { width:50%; text-align:left; }	
	.mo_l { font-size:50px; color:#fff; font-family:'NanumSquareNeo700'; letter-spacing:0.05em;  line-height:1em; }
	.mo_r { font-size:18px; color:#f3f3f3; font-family:'NanumSquareNeoVariable'; letter-spacing:0.01em;  line-height:1.3em;  }
	.mo_r div { margin-bottom:15px; }
	.mo_r span {
		color:#fff; font-size:14px; font-family:'NanumSquareNeo800'; letter-spacing: 0.01em; line-height:1em;
		padding-bottom:8px; border-bottom:1px solid #f3f3f3;
	}

	#section3 { background:#fff; padding-top:100px; scroll-margin-top:70px; }
	.section_xo { width:80%; min-width:1300px; margin:0 auto; text-align:center; box-sizing:border-box; }
	.xo { display:flex; align-items:center; }
	.xo li { width:50%; display:flex; align-items:center; }
	.xo li:last-child { justify-content:flex-end; }
	.xo_l { text-align:left; font-size:50px; color:#000; font-family:'NanumSquareNeo700'; letter-spacing:0.05em; line-height:1em; }
	.xo_r { text-align:right; font-size:30px; color:#333; font-family:'NanumSquareNeoVariable'; letter-spacing:0.01em; line-height:1em; }
	.xop { display:flex; width:100%; margin-top:170px; flex-wrap:wrap; }
	.xop li { width:16.666%; list-style:none; display:flex; flex-direction:column; align-items:center; }
	.xop_div { border:2px solid #666; width:200px; height:200px; background:#fff; border-radius:50%; display:flex; justify-content:center; align-items:center; }
	.xop_div img { width:100px; object-fit:contain; }
	.xop_div2 { margin-top:30px; font-size:18px; color:#191b1d; font-family:'NanumSquareNeo700'; letter-spacing:0.01em; line-height:1em; text-align:center; }
	.xop_div3 { margin-top:10px; font-size:14px; color:#444; font-family:'NanumSquareNeoVariable'; letter-spacing:0.01em; line-height:1.5em; text-align:center; }

	/* °­Á¦ */
	.layout_head_menu_hoverss_p_on > a::after,
	.layout_head_menu_hoverss_p_off > a::after {
		background:#f3f3f3 !important;
	}
}

.mo_r span { animation:fade 3s infinite; }
@keyframes fade {
	0% { opacity:1; }
	70% { opacity:1; }   /* ¡ç ¿©±â¼­ ¿À·¡ À¯Áö */
	85% { opacity:0.3; }
	100% { opacity:1; }
}

.greetings h2 { position:relative; display:inline-block; overflow:hidden; }
.greetings h2::after {
	content:'';
	position:absolute;
	top:0;
	left:-40%;
	width:8%;
	height:100%;
	background:linear-gradient(120deg, #777 0%, #777 50%, #777 100%);
	transform:skewX(-20deg);
	animation:shine 3s infinite;
	pointer-events:none;
}
@keyframes shine {
	0% { left:-40%; }
	20% { left:120%; }
	80% { left:120%; }
	100% { left:-40%; }
}

.greetings h3 { position:relative; animation:bounce 2.5s infinite; }
@keyframes bounce {
	0% { top:0; }
	10% { top:-6px; }
	20% { top:0; }
	80% { top:0; }   /* ¡ç ¿©±â¼­ ¿À·¡ ¸ØÃã */
	100% { top:0; }
}