@charset "utf-8";

.contEditor ol, .contEditor ul, .contEditor dl{list-style-type:none !important;margin:0 !important;padding:0 !important}
.plan-visual{text-align:left !important}

/* event 공통 */
.oyblind{display:none;overflow:hidden;position:absolute;top:0;left:0;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;padding:0;border:0}
.oyEvent_wrap{width:638px;margin:0 auto !important}
.oyEvent_wrap img{display:block;width:100%}
.oyEvent_wrap a{display:block;height:100%}
.oyEvent_wrap .evtBtn{display:block;position:absolute;left:50%;width:300px;transform:translateX(-50%)}
.oyEvent_wrap .evtVisual,
.oyEvent_wrap .evtCont{position:relative;width:100%}
.oyEvent_wrap .videoBox{display:flex}
.oyEvent_wrap .videoBox video{width:100%}

/* intro */
.OYIntro .OYAnimation{overflow:hidden;position:absolute;top:343px;left:50%;width:100%;padding:0 26px 0 20px;transform:translateX(-50%)}
.OYIntro .aosList{display:flex;justify-content:space-between;}
.OYIntro .aosList:nth-child(2){padding:27px 0}
.OYIntro .people1{width:112px;margin-left:9px}
.OYIntro .people2{width:94px}
.OYIntro .people3{width:111px}
.OYIntro .txt1,.OYIntro .txt2,.OYIntro .txt3{padding-top:10px}
.OYIntro .txt1{width:432px;margin-left:35px;animation:fluffy 1.5s ease-in-out Infinite Alternate}
.OYIntro .txt2{width:427px;margin-left:30px;padding-top:5px;animation:fluffy 1.5s ease-in-out Infinite alternate-reverse}
.OYIntro .txt3{width:432px;margin-right:20px;animation:fluffy 1.5s ease-in-out Infinite Alternate}
.OYIntro .buttonBox{display:flex;gap:6px;position:absolute;bottom:101px;left:50%;transform: translateX(-50%)}
.OYIntro .buttonBox > *{width:201px;height:408px}

@keyframes fluffy {
	0%{padding-top: 10px}
	50%{padding-top: 17px}
	100%{padding-top: 10px}
}