/* BASIC css start */
#wrap .vi_main { position: relative; }

#wrap .vi_main {text-align:center; margin-top:10px;}
#wrap .vi_main img{width:100%;}

#wrap .vi_list {position: relative;}

#wrap .vi_list li {padding:10px 0 10px 0;}
#wrap .vi_list img {width:100%;}




@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&display=swap');
.event_navi{width:100%; margin:60px auto; display:flex;align-items: center;justify-content: center;}
.event_navi div{padding-right:20px;}
.event_navi div a{font-size:22px; font-weight:700;font-family: 'Noto Sans KR', sans-serif; letter-spacing:-0.025em; color:#d1d1d1; text-decoration-line: none;}
.event_navi div.naviON a{color:#eb665a; position: relative;}
.event_navi div.naviON a:before{content:''; width:100%; height:4px; background: #eb665a; position:absolute; bottom:0px;}




.eventlist{margin-bottom:100px;}
.eventlist ul{display: flex; width: 90%; margin: 0 auto; flex-direction: row; flex-wrap: wrap;}
.eventlist ul li{width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 15px; align-items: center; box-sizing: border-box; margin-bottom:50px;}
.img_sec a{display: block;overflow:hidden; border-radius: 1000px; max-width:150px;}
.img_sec a:hover>img{transform:scale(1.1)}
.img_sec a img{width: 100%; transition:all .3s}

.text_sec{width: 50%;}
.text_sec p{font-family: 'Noto Sans KR', sans-serif;line-height: 1.5;}
.text_sec p.big{color: #000; margin-bottom: 10px; font-weight: 600; letter-spacing:-1px; color: #444; margin-bottom: 16px; font-weight: 700;letter-spacing: -1px; font-size: 1.2em;}
.text_sec p.small{color: #8d8d8d;     font-size: 1em;  font-weight: 400;}

.text_sec a{border: 1px solid #d1d1d1; padding: 3px 20px; display: inline-block; margin-top: 10px;}
/* BASIC css end */