@charset "UTF-8";
@font-face {font-family: 'GmarketSans'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: 300; font-style: normal;}
@font-face {font-family: 'GmarketSans'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: 400; font-style: normal;}
@font-face {font-family: 'GmarketSans'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: 600; font-style: normal;}
@import url('https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap');

*{font-family: "GmarketSans", sans-serif !important; box-sizing:border-box; margin:0; padding:0; word-break:break-all;}
body{font-weight:400; line-height:1.3; font-size:14px;}
ul, li, ol{list-style:none; margin:0;}
a{color:inherit; text-decoration:none;}
a:hover{color:inherit; text-decoration:none;}
button,select{border:0; background-color:transparent; border:0; outline:none; cursor:pointer;}
input{border:0; background-color:transparent; border:0; outline:none;}
label{margin:0;}
table{border-spacing:0;}

.emoji{font-family: "Noto Color Emoji", sans-serif !important;}

/* toggle */
.toggle_row{display:flex; border:1px solid #cfcfcf;}
.toggle_row button{flex: 1; text-align:center; border-right: 1px solid #cfcfcf; padding:15px 0; font-size:14px; color:#797979;}
.toggle_row button:last-child{border-right:0;}
.toggle_row button.sel_act{background-color: var(--personal_color); color:#fff;}

/* paging */
.paging_area{margin-top:40px; width:fit-content; display:flex; justify-content:center;}
.paging_area .paging_ul{display:flex; flex-flow: row wrap; border-right:0; width:fit-content; gap:5px;}
.paging_area .paging_ul .paging_li{width:48px; height:48px;}
.paging_area .paging_ul .paging_li>a{display:flex; align-items:center; justify-content:center; width:100%; height:100%; font-size:16px; border-radius: 50%; border:1px solid var(--nav_border_c);}
.paging_area .paging_ul .paging_li>a:hover{background-color: var(--page_bac_h);}
.paging_area .paging_ul .paging_li.paging_arrow>a{background-color: var(--page_bac_h); font-size: 12px; color:#898989;}
.paging_area .paging_ul .paging_li.paging_arrow:hover>a{opacity:.95;}
.paging_area .paging_ul .paging_li.sel_act>a{background-color: var(--personal_color); color:#fff;}