.main_article>section:not(:last-child){margin-bottom:1.5em}.btn:hover,.btn:focus{opacity:.5;outline:2px solid rgba(255,255,255,.75)!important}.btn.-badge:before{content:attr(data-key);text-transform:uppercase;position:absolute;top:-.875em;right:-.875em;display:flex;align-items:center;justify-content:center;width:1.25em;height:1.25em;border-radius:1em;padding:.25em;background-color:#dc143c;font-weight:600}section.header{display:flex;align-items:center;margin-bottom:1em}section.header .text_area{display:flex;flex-direction:column;gap:.5em;line-height:1;flex-grow:1}section.header .text_area h1{font-weight:700;font-size:2.5em}section.header .text_area .noti_area{display:flex;gap:1em}section.header .text_area .noti_area p{padding:.25em .75em;border-radius:.5em;background-color:#7b5eed80;font-size:1em}section.header .img_area{height:4em}section.header .img_area img{height:100%}@media only screen and (width <= 1068px){section.fav_area{flex-direction:column!important;gap:1em}}section.fav_area{display:flex;gap:2em;background:#ffffff1a;padding:2em;border-radius:1em}section.fav_area .favlink_area{display:flex;flex-direction:column;gap:1.5em;justify-content:center;flex-grow:1}section.fav_area .favlink_area .btn_wrap p{width:max-content}section.fav_area .favlink_area .favlink_main{font-weight:600;display:flex;justify-content:space-between;gap:1em;flex-wrap:wrap}section.fav_area .favlink_area .favlink_main .btn_wrap{display:flex;flex-direction:column;align-items:center;gap:.5em}section.fav_area .favlink_area .favlink_main .btn_wrap p{text-align:center}section.fav_area .favlink_area .favlink_main .-circle{position:relative;width:7em;height:7em;border-radius:1em;background-color:#7b68ee;display:flex;align-items:center;justify-content:center}section.fav_area .favlink_area .favlink_main .-circle>span{font-size:3em}section.fav_area .favlink_area .favlink_others{font-weight:600;display:flex;gap:2em}section.fav_area .favlink_area .favlink_others .btn{display:flex;gap:.5em;padding:.5em 1em;background-color:#fff3;border-radius:.5em;position:relative;flex-grow:1;align-items:center;justify-content:center}section.fav_area .menu_frame{flex-grow:1;background-color:#7b68ee40;border-radius:1em;padding:1em;display:flex;flex-direction:column;justify-content:center;gap:.5em}section.fav_area .menu_frame .header{display:flex;gap:.5em;flex-wrap:wrap}section.fav_area .menu_frame .header .open_area{display:flex;gap:.5em;align-items:center}section.fav_area .menu_frame .header .open_area .status{padding:.1em .5em;border-radius:.25em;background-color:#dc143c}section.fav_area .menu_frame .header .open_area .status.active{background-color:#398557}section.fav_area .menu_frame .header .text_area{display:flex;align-items:center;justify-content:center;gap:.25em}section.fav_area .menu_frame .header .text_area .text{font-weight:600;font-size:1.25em}section.fav_area .menu_frame .header .btn_area{display:flex}section.fav_area .menu_frame .header .btn_area .btn{display:flex;align-items:center;justify-content:center}section.fav_area .menu_frame .menu_area{display:flex;gap:1em}section.fav_area .menu_frame .menu_area .menu_wrap{display:flex;flex-direction:column;gap:.5em;width:100%}section.fav_area .menu_frame .menu_area .menu_wrap .header{display:flex;align-items:center;justify-content:center;padding:.25em .5em;border-radius:.5em;background-color:#7b68ee80}section.fav_area .menu_frame .menu_area .menu_wrap .menu{text-align:center}@media only screen and (width <= 734px){section.link_area{grid-template-columns:1fr 1fr!important}}section.link_area{padding-right:.875em;display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5em}section.link_area .btn{display:flex;gap:.5em;padding:1em;background-color:#7b5eed80;border-radius:.5em;position:relative;align-items:center;justify-content:center}section.link_area .btn p{font-size:1.25em}@media only screen and (width <= 1068px){section.board_area{grid-template-columns:minmax(0,1fr)!important}}section.board_area{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5em}section.board_area .btn{display:flex;gap:.5em;padding:.25em 1em;background-color:#fff3;border-radius:.5em;position:relative;justify-content:center}section.board_area .btn p{font-size:1.25em}section.board_area .board{display:flex;flex-direction:column;gap:1em;padding:1.5em;background-color:#fff3;border-radius:1em}section.board_area .article_list{display:flex;flex-direction:column;gap:.5em}section.board_area .article_list a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}section.board_area .article_list a:hover,section.board_area .article_list a:focus{text-decoration-line:underline}
