@charset "euc-kr";
/* setting */
:root { --point: #f5333e; --point-sb: #8d4fff; --point-am: #2ab6a4; --season: #f5333e; --season-sb: #8d4fff; --season-am: #2ab6a4; --seasonbg: #fff0f0; --seasonbg-sb: #f8f4ff; --seasonbg-am: #e7fffc;}
.f00 { color: #f00; } 
.bg { background-color: var(--season) } 
.color { color: var(--season); } 
.eventWrap.sobang .color { color: var(--season-sb); } 
.eventWrap.army .color { color: var(--season-am); } 
b, strong { font-weight: 900; } 

/*visual*/
.visual.evSection { background: url(https://image.megagong.net/m/2024/0715_pass/visual_bg.jpg) no-repeat center 0; background-size: auto 100%; } 
.eventWrap .visual.evSection .inner{width:1200px;}


/*con1*/
.con1 { padding: 150px 0 150px; background: white; position: relative; } 
.con1 h4 { position:relative; } 
.con1 h4:before { content:""; display:block; width:100%; height: .1px; background:#222; position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.con1 h4 span { width: fit-content; padding: 1px 50px 3px; line-height: 45px; font-size:22px; border-radius: 30px; background:#222; color:#fff; display: inline-block; position: relative; z-index: 2; } 
.con1 .process { display: flex; margin: 60px auto 0; gap: 30px; width: 1175px; padding-right: 92px; position: relative; } 
.con1 .process dl { color:#000; font-size: 18px; border-radius: 10px; background:var(--seasonbg); flex: 1; padding-top: 40px; position: relative; display: flex; align-items: center; justify-content: flex-start; flex-direction: column; font-weight: 700; gap: 10px; height: 190px; } 
.con1 .process dl + dl::before { content: ''; display: block; position: absolute; left: -22px; top: 50%; width: 1px; height: 1px; border-left: 14px solid #000; border-top: 8px solid transparent; border-bottom: 8px solid transparent; opacity: 0.4; margin: -8px 0 0; } 
.eventWrap.sobang .con1 .process dl { background: var(--seasonbg-sb) } 
.eventWrap.army .con1 .process dl { background: var(--seasonbg-am) } 
.con1 .process dt { font-weight: 900; } 
.con1 .process dd { font-weight: 500; } 
.con1 .process dd b { color: var(--season); } 
.eventWrap.sobang .con1 .process dd b { color: var(--season-sb); } 
.eventWrap.army .con1 .process dd b { color: var(--season-am); } 
.con1 .process dd p { margin-top: 5px; font-size: 15px; color: rgba(0, 0, 0, 0.6); } 
.con1 .tiny_text{font-size:13px;text-align:right;color:#999;margin:20px 0 60px;}
.con1 .comment_evt_title{font-size:30px;font-weight:900;color:#000;margin-bottom:40px;}
.con1 .comment_evt_title.red{color:#f5333e;/*text-decoration:underline;*/border-bottom:1px solid #f5333e;display:inline-block;}

.eventBoard .evtBoard_common { background: #f7f8f8; } 
.eventBoard .evtBoard_common .board_write { border: 1px solid #000; } 
.evtBoard_common .board_notice li { color:#fff; font-family: '¸¼Àº °íµñ', 'Malgun Gothic', 
'µ¸¿ò', 'Dotum', sans-serif !important; font-weight: normal;}
.evtBoard_common .board_notice li.chk_notice{opacity:1;}
.eventBoard .evtBoard_common .evtBoard_inner{background-color: #222;}
.evtBoard_common .board_write .btn_wrap a{background-color: #f5333e;}

.eventWrap .evWarning { padding: 0; background:#f9f9f9; } 
.evWarning > p { background:#000; color:#fff; font-size:18px; font-weight:700; line-height: 50px; } 
.evWarning .inner { padding: 55px 0; } 

.evtBoard_common .board_list{border:1px solid #dddddd;}

.support_link{background:#fff0f0 !important;}
.support_link .pass_list li h4{color:#f5333e !important;}

@media (max-width: 1200px) {
  .eventWrap .visual.evSection .inner{width:96%;}
 .con1 { padding: 15% 0; } 
 .con1 h4 span { line-height: clamp(35px,5vmin,45px); font-size: clamp(15px,2.5vmin,22px); padding: 1% 11%; } 
 .con1 .process { margin: 5% auto 0; gap: 2%; width: 100%; padding-right: 0; } 
 .con1 .process::before { content: none; } 
 .con1 .process dl { font-size: clamp(14px,2vmin,18px); padding-top: clamp(15px,4vmin,40px); height: clamp(150px,22vmin,220px); gap: clamp(5px,1vmin,10px); } 
 .con1 .process dd p { font-size: clamp(12px,1.5vmin,14px); } 
 .con1 .process dt { font-size: clamp(13px,2.5vmin,22px); } 
 .con1 .process dl:not(:first-child)::before { left: -5%; } 
 .con1 .tiny_text{margin-bottom: 8%;}

 .con1 .comment_evt_title{font-size:clamp(16px, 3.5vmin, 30px);margin-bottom:4%;}

 .evWarning > p { font-size: clamp(13px,2vmin,18px); line-height: clamp(34px,5vmin,50px); } 
 .evWarning .inner { padding: clamp(30px,6vmin,55px) 0; } 
}





 @media (max-width: 768px) { 


 .con1 .process dl:not(:first-child)::before { left: -7%; } 


}


 @media (max-width: 576px) { 

.visual h3 { padding:0 } 
 .con1 .process { flex-direction: column; } 
 .con1 .process dl { height: auto; padding: 3%; } 
.con1 .process dl + dl { margin-top:5px } 
.con1 .process dl + dl::before { display:none } 
.con1 .process dd br { display:none } 
}


