@charset "utf-8";
.header_link_area .depth_02 { display: block; }
/** NOTICE - 이벤트/공지사항 **/
.notice_section .inner { padding: 42px 0 80px; } 
.section_title { font-size: 40px; font-weight: 400; padding: 0 24px; } 
.tab_nav { display: flex; padding: 0 24px; margin-top: 36px; } 
.tab_nav li { width: 90px; height: 46px; font-size: var(--font-regular); font-weight: 700; color: var(--color-gray); line-height: 46px; text-align: center; border-bottom: 2px solid transparent; cursor: pointer; } 
.tab_nav li.on { color: var(--color-main); border-bottom: 2px solid var(--color-main); } 
.tab_cont { margin-top: 24px; } 
.tab_cont .tab_box { display: none; } 
.tab_cont .tab_box.on { display: block; } 
.more_btn_area { width: 100%; text-align: center; margin-top: 48px; } 
.more_btn_area .more_btn { display: inline-block; width: 280px; height: 52px; font-size: var(--font-small); font-weight: 700; color: var(--color-main); line-height: 52px; border: 1px solid var(--color-main); border-radius: var(--border-radius-s); } 

/* 이벤트 - LIST */
.type_thum { padding: 0 24px; } 
.type_thum .list { width: 100%; border-radius: var(--border-radius); margin-bottom: 16px; } 
.type_thum .list .img_area { position: relative; width: 100%; background: #eff0f6; border: 1px solid #EFF0F6; border-radius: 12px 12px 0 0; overflow: hidden; } 
.type_thum .list.end .img_area::after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: var(--font-medium); font-weight: 700; color: var(--color-white); line-height: 156px; text-align: center; background-color: rgba(34,34,34,0.6); content: '종료된 이벤트 입니다.'; display: block; z-index: 1; }
.type_thum .list .img_area img { width: 100%; } 
.type_thum .list .text_area { border: 1px solid #EFF0F6; border-radius: 0 0 12px 12px; padding: 12px 18px 18px; border-top: 0; } 
.type_thum .list .text_area .label { display: inline-block; height: 24px; font-size: var(--font-small-xs); font-weight: 500; color: var(--color-main); line-height: 24px; padding: 0 8px; background-color: rgba(138,82,220,0.1); border-radius: 4px; } 
.type_thum .list .text_area .title { display: block; width: 100%; font-size: var(--font-regular); font-weight: 700; line-height: 22px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 4px; } 
.type_thum .list .text_area .date { display: block; font-size: var(--font-small); color: var(--color-gray); line-height: 20px; margin-top: 4px; } 

/* 공지사항 - LIST */
.type_list { border-bottom: var(--border); }
.type_list .list { width: 100%; border-top: var(--border); }
.type_list .list a { display: block; width: 100%; padding: 16px 32px 16px 24px; }
.type_list .list .label { display: inline-block; height: 24px; font-size: var(--font-small-xs); font-weight: 500; color: var(--color-main); line-height: 24px; padding: 0 8px; background-color: rgba(138,82,220,0.1); border-radius: 4px; }
.type_list .list .title { display: block; font-size: var(--font-small); line-height: 20px; margin: 4px 0 2px; }
.type_list .list .date { display: block; font-size: var(--font-small); color: var(--color-gray); line-height: 20px; white-space: nowrap; }
.type_list .list.top_notice { background: rgba(138,82,220,0.04); }
.type_list .list.top_notice .title { font-weight: 700; }

/* 게시글 없을 때 */
.none_post_area { width: 100%; text-align: center; background: var(--bg-gray); padding: 40px 0; } 
.none_post_area i { display: block; width: 26px; height: 24px; background: url(../../image/icon/icon_none_post.svg) no-repeat center center; background-size: contain; margin: 0 auto 12px; } 
.none_post_area p { font-size: var(--font-regular); font-weight: 500; color: var(--color-gray); line-height: 22px; }