@font-face{font-family:Warhaven;font-weight:400;font-style:normal;src:url(../fonts/WarhavenR.woff2) format('woff2'),url(../fonts/WarhavenR.ttf) format("truetype");font-display:swap}
@font-face{font-family:Pretendard;font-weight:500;font-style:normal;src:url(../fonts/Pretendard-Medium.eot);src:url(../fonts/Pretendard-Medium.eot?#iefix) format('embedded-opentype'),url(../fonts/Pretendard-Medium.woff2) format('woff2'),url(../fonts/Pretendard-Medium.woff) format('woff'),url(../fonts/Pretendard-Medium.ttf) format("truetype");font-display:swap}
@font-face{font-family:Pretendard;font-weight:600;font-style:normal;src:url(../fonts/Pretendard-SemiBold.woff2);font-display:swap}
@font-face{font-family:Pretendard;font-weight:700;font-style:normal;src:url(../fonts/Pretendard-Bold.eot);src:url(../fonts/Pretendard-Bold.eot?#iefix) format('embedded-opentype'),url(../fonts/Pretendard-Bold.woff2) format('woff2'),url(../fonts/Pretendard-Bold.woff) format('woff'),url(../fonts/Pretendard-Bold.ttf) format("truetype");font-display:swap}
*{padding:0;margin:0;line-height:1;box-sizing:border-box}
a{color:inherit;text-decoration:none}
button{border:none;background-color:transparent;color:inherit;cursor:pointer}
ul{list-style-type:none}
input{border:none;outline:0}
button,input,textarea{font-family:inherit}
textarea{overflow:auto;font-family:inherit;line-height:1.4;letter-spacing:-.02em}
input:focus,textarea:focus{outline:0}
button,h1,h2,h3,h4,h5,input,strong{font-weight:500}
button{cursor:pointer;outline:0}
body{font-family:Pretendard,sans-serif;font-weight:500}
font{color:#222!important}
.blind{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}
.skip{position:absolute;display:block;height:1px;width:1px;margin:0 -1px -1px 0;padding:0;overflow:hidden;font-size:0;line-height:0}
.skip:active,.skip:focus{position:absolute;top:0;left:0;width:100%;height:auto;margin:0;padding:7px 0;text-indent:10px;font-weight:700;font-size:12px;color:#fff;background:#000;line-height:1;text-align:center;z-index:1100}
.logo{background:url(../images/logo.png) center center/100% auto no-repeat}
.icon{display:inline-flex;justify-content:center;align-items:center;background-position:center center;background-size:100% auto;background-repeat:no-repeat}
.icon-down{background-image:url(../images/icon-down.svg)}
.icon-up{background-image:url(../images/icon-up.svg)}
.icon-input-reset{background-image:url(../images/icon-input-reset--grey.svg)}
button:hover>.icon-input-reset{background-image:url(../images/icon-input-reset--white.svg)}
.icon-search{background-image:url(../images/icon-search.svg)}
.icon-dot{background-image:url(../images/icon-dot--grey.svg)}
.active>.icon-dot,a:hover>.icon-dot{background-image:url(../images/icon-dot--black.svg)}
.icon-thumbnail{background-image:url(../images/icon-thumbnail.svg)}
.icon-new{background-image:url(../images/icon-new.svg)}
.icon-view{background-image:url(../images/icon-view.svg)}
.icon-empty{background-image:url(../images/icon-empty.svg)}
.icon-reply{background-image:url(../images/icon-reply.svg)}
.icon-likes{background-image:url(../images/icon-likes.svg)}
.icon-check{background-image:url(../images/icon-check.svg)}
.btn-write{display:inline-flex;justify-content:center;align-items:center;background-color:#baa484;color:#fff;font-weight:600;transition:background-color .3s ease}
.btn-write:hover{background-color:#947c59}
.btn-all{display:inline-flex;justify-content:center;align-items:center;background-color:#222;color:#fff;font-weight:600;transition:background-color .3s ease}
.btn-all::before{display:inline-block;background:url(../images/i-menu.svg) center center/100% auto no-repeat;content:''}
.user-profile .battle0{display:none}
.user-profile .battle1{background:url(../images/battlestyle/battle_1.png) center center/100% auto no-repeat}
.user-profile .battle2{background:url(../images/battlestyle/battle_2.png) center center/100% auto no-repeat}
.user-profile .battle3{background:url(../images/battlestyle/battle_3.png) center center/100% auto no-repeat}
.user-profile .battle4{background:url(../images/battlestyle/battle_4.png) center center/100% auto no-repeat}
.user-profile .battle5{background:url(../images/battlestyle/battle_5.png) center center/100% auto no-repeat}
.user-profile .battle6{background:url(../images/battlestyle/battle_6.png) center center/100% auto no-repeat}
.user-profile .battle7{background:url(../images/battlestyle/battle_7.png) center center/100% auto no-repeat}
.user-profile .battle8{background:url(../images/battlestyle/battle_8.png) center center/100% auto no-repeat}
.user-profile .battle9{background:url(../images/battlestyle/battle_9.png) center center/100% auto no-repeat}
.loading-spinner{position:relative;height:100vh}
.loading-spinner>svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:spin 1s linear infinite}
@keyframes spin{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.swiper-button-next,.swiper-button-prev{right:0!important;left:0!important}
.swiper-button-next::after,.swiper-button-prev::after{display:none}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:1!important}
.swiper-button-next,.swiper-button-prev,.swiper-container-rtl .swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:none!important}

/* quill-editor */
.ql-editor strong{font-weight:600}
.ql-size-12px{font-size:12px}
.ql-size-14px{font-size:14px}
.ql-size-18px{font-size:18px}
.ql-size-20px{font-size:20px}
.ql-size-21px{font-size:21px}
.ql-size-24px{font-size:24px}
.ql-size-36px{font-size:36px}
.ql-indent-1:not(.ql-direction-rtl){padding-left: 0 !important; margin-left:14px !important;}
.ql-indent-2:not(.ql-direction-rtl){padding-left: 0 !important; margin-left:28px !important;}
.ql-indent-3:not(.ql-direction-rtl){padding-left: 0 !important; margin-left:42px !important;}
.ql-indent-4:not(.ql-direction-rtl){padding-left: 0 !important; margin-left:56px !important;}
.ql-indent-5:not(.ql-direction-rtl){padding-left: 0 !important; margin-left:70px !important;}
.ql-indent-6:not(.ql-direction-rtl){padding-left: 0 !important; margin-left:84px !important;}
.ql-indent-7:not(.ql-direction-rtl){padding-left: 0 !important; margin-left:98px !important;}
.ql-indent-8:not(.ql-direction-rtl){padding-left: 0 !important; margin-left:126px !important;}
.ql-table-block.ql-indent-1:not(.ql-direction-rtl){margin-left: 0 !important;}
.ql-table-block.ql-indent-2:not(.ql-direction-rtl){margin-left: 0 !important;}
.ql-table-block.ql-indent-3:not(.ql-direction-rtl){margin-left: 0 !important;}
.ql-table-block.ql-indent-4:not(.ql-direction-rtl){margin-left: 0 !important;}
.ql-table-block.ql-indent-5:not(.ql-direction-rtl){margin-left: 0 !important;}
.ql-table-block.ql-indent-6:not(.ql-direction-rtl){margin-left: 0 !important;}
.ql-table-block.ql-indent-7:not(.ql-direction-rtl){margin-left: 0 !important;}
.ql-table-block.ql-indent-8:not(.ql-direction-rtl){margin-left: 0 !important;}


table {
  border-collapse: collapse;
}