@font-face{font-family:'ForgedBlade';font-style:normal;font-weight:300;src:url('../../font/ForgedBlade-Light.otf')format('opentype')}
@font-face{font-family:'ForgedBlade';font-style:normal;font-weight:500;src:url('../../font/ForgedBlade-Medium.otf')format('opentype')}
@font-face{font-family:'ForgedBlade';font-style:normal;font-weight:700;src:url('../../font/ForgedBlade-Bold.otf')format('opentype')}



*{margin:0;padding:0;font:inherit;color:inherit;font-family:'Noto Sans KR';font-weight:400;}
*, :after, :before{box-sizing:border-box;flex-shrink:0;}
:root{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%;cursor:default;line-height:1.5;overflow-wrap:break-word;-moz-tab-size:4;tab-size:4;color:#6a6e76;}
html, body{height:100%;}
html{font-size:62.5%}
body{font-size:1.6rem}
img, picture,video,canvas,svg{display:block;max-width:100%;}
button{background:none;border:0;cursor:pointer;}
a{text-decoration:none}
table{border-collapse:collapse;border-spacing:0}
li{list-style:none}
select{display:none;}
.clear{clear:both}
.none{display:none;}
.bold{font-weight:700}
.underline{text-decoration:underline}
input::placeholder{color:#bec5cc}
input:read-only{background:#f8f9fb;color:#bec5cc !important;}
/* 간격 */
.pd0{padding:0 !important}
.pt0{padding-top:0 !important}    .pt05{padding-top:.5rem !important}    .pt10{padding-top:1rem !important}    .pt20{padding-top:2rem !important}    .pt30{padding-top:3rem !important}    .pt40{padding-top:4rem !important}    .pt50{padding-top:5rem !important}    .pt100{padding-top:10rem !important}
.pb0{padding-bottom:0 !important} .pb05{padding-bottom:.5rem !important} .pb10{padding-bottom:1rem !important} .pb20{padding-bottom:2rem !important} .pb30{padding-bottom:3rem !important} .pb40{padding-bottom:4rem !important} .pb50{padding-bottom:5rem !important} .pb100{padding-bottom:10rem !important}
.pl0{padding-left:0 !important}   .pl05{padding-left:.5rem !important}   .pl10{padding-left:1rem !important}   .pl20{padding-left:2rem !important}   .pl30{padding-left:3rem !important}   .pl40{padding-left:4rem !important}   .pl50{padding-left:5rem !important}   .pl100{padding-left:10rem !important}
.pr0{padding-right:0 !important}  .pr05{padding-right:.5rem !important}  .pr10{padding-right:1rem !important}  .pr20{padding-right:2rem !important}  .pr30{padding-right:3rem !important}  .pr40{padding-right:4rem !important}  .pr50{padding-right:5rem !important}  .pr100{padding-right:10rem !important}

.mg0{margin:0 !important}
.mt0{margin-top:0 !important}     .mt05{margin-top:.5rem !important}     .mt10{margin-top:1rem !important}     .mt20{margin-top:2rem !important}     .mt30{margin-top:3rem !important}      .mt40{margin-top:4rem !important}     .mt50{margin-top:5rem !important}
.mb0{margin-bottom:0 !important}  .mb05{margin-bottom:.5rem !important}  .mb10{margin-bottom:1rem !important}  .mb20{margin-bottom:2rem !important}  .mb30{margin-bottom:3rem !important}   .mb40{margin-bottom:4rem !important}  .mb50{margin-bottom:5rem !important}
.ml0{margin-left:0 !important}    .ml05{margin-left:.5rem !important}    .ml10{margin-left:1rem !important}    .ml20{margin-left:2rem !important}    .ml30{margin-left:3rem !important}     .ml40{margin-left:4rem !important}    .ml50{margin-left:5rem !important}
.mr0{margin-right:0 !important}   .mr05{margin-right:.5rem !important}   .mr10{margin-right:1rem !important}   .mr20{margin-right:2rem !important}   .mr30{margin-right:3rem !important}    .mr40{margin-right:4rem !important}   .mr50{margin-right:5rem !important}

/* 아이템 컬러 */
.item_c0{color:#000000 !important}
.item_c1{color:#555555 !important}/* 커먼 */
.item_c2{color:#00a6ac !important}/* 언커먼 */
.item_c3{color:#5001bc !important}/* 레어 */
.item_c4{color:#db00db !important}/* 유니크 */
.item_c5{color:#da0000 !important}/* 크로니클 */
.item_c6{color:#b75601 !important}/* 레전더리 */
.item_c7{color:#d39500 !important}/* 에픽 & 아바타(상급) */
.item_c8{color:#cc70db !important;background: -webkit-linear-gradient(top, #ff9600, #a52fc8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color: transparent} /* 신화 */
.item_set{color:#4c9d17 !important}/* 세트 */
.item_lv{color:#23c823 !important}/* 레벨제한 */
.item_fusion{color:#f00 !important}/* 융합 */

/* 타이틀 정의 */
h2{color:#151518;font-size:2.8rem;line-height:4rem;letter-spacing:-.07rem;font-weight:500;}
h3{margin-top:4rem;color:#151518;font-size:2rem;line-height:2.9rem;letter-spacing:-.05rem;font-weight:500;}
h4{margin-top:.4rem;color:#898c92;font-size:1.5rem;line-height:2.2rem;letter-spacing:-.038rem;font-weight:400;}

/* 버튼정의 */
.btnarea{text-align:center;font-size:0;}
.btn{position:relative;display:inline-block;min-width:10rem;text-align:center;}
.btntype_bu56{height:5.6rem;line-height:5.5rem;background:#3392ff;color:#fff;font-size:1.5rem;}
.btntype_bk56{height:5.6rem;line-height:5.5rem;background:#303544;color:#fff;font-size:1.5rem;}

/* 체크박스 기본 */
input[type="checkbox"]{display:none;}
input[type="checkbox"] + label{display:flex;align-items:center;color:#6a6e76;font-size:1.5rem;}
input[type="checkbox"] + label span{display:block;padding:0;margin:0 .7rem 0 0;width:2rem;height:2rem;background:url('../img/form/chkbox.png') no-repeat;background-size:2rem;}
input[type="checkbox"]:checked + label span{background-position-y:100%}

/* 라디오 기본 */
input[type="radio"]{display:none;}
input[type="radio"] + label{display:flex;align-items:center;color:#6a6e76;font-size:1.5rem;}
input[type="radio"] + label span{display:block;padding:0;margin:0 .7rem 0 0;width:2rem;height:2rem;background:url('../img/form/radio.png') no-repeat;background-size:2rem;}
input[type="radio"]:checked + label span{background-position-y:100%}

/* 셀렉트박스 */
.select{position:relative;margin:0;width:100%;height:42px;z-index:99;font-size:14px;font-weight:400;color:#6a6e76;}
.select .active-option{width:100%;height:42px;background:#fff;border:1px solid #e7e8ed;color:#6a6e76;line-height:39px;cursor:pointer;}
.select .active-option:before{content:"";position:absolute;top:14px;right:10px;width:15px;height:15px;background:url('../img/form/select.png') no-repeat;}
.select.open .active-option:before{background-position:0 -50px;}
.select .option-list{border:1px solid #e7e8ed;overflow-y:auto;}
.select .option-list ul{color:#6a6e76;max-height:245px}
.select .option-list li{background:#fff}
.select .option-list li:hover{background:#f8f9fb;}
.active-option{padding:0 0 0 13px;width:100%;display:block;}
.option-list{width:100%;position:absolute;visibility:hidden;z-index:100}
.option-list li{padding:0 0 0 13px;width:100%;height:41px;line-height:39px;border-bottom:1px solid #e7e8ed;cursor:pointer;}
.option-list li:last-child{border-bottom:none}
.option-list.show{top:41px;visibility:visible;}
.select_wh{display:inline-block}
.select_gy{display:inline-block;}
.select_gy .select .active-option{background:#f8f9fb;border-color:#e7e8ed}
.select_gy .select .option-list li{background:#f8f9fb}
.select_gy .select .option-list li:hover{background:#fff}

/* 헤더 */
header{position:absolute;left:0;top:0;width:100%;z-index:900;background:#fff;}
header .headbar{display:flex;align-items:center;position:relative;padding:0 1.5rem;height:6rem;}
header .headbar a{width:2.4rem;height:2.4rem;}
header .headbar .nav_1st{background:url('../img/common/nav_ham.png') no-repeat;background-size:contain;}
header .headbar .hd_notify{position:relative;margin:0 1.5rem 0 auto;background:url('../img/common/notify.png') no-repeat;background-size:contain;}
header .headbar .hd_notify.new::before{content:'';position:absolute;right:-.5rem;top:0;width:0.5rem;height:.5rem;background:#fe1d00;border-radius:.25rem;}
header .headbar .hd_profile{background:url('../img/common/profile.png') no-repeat;background-size:contain;}
header h1{position:absolute;left:50%;top:1rem;transform:translate(-50%,0);width:6.9rem;height:4.3rem;}
header h1 img{width:100%;}
header h2{position:relative;padding-left:2rem;height:5rem;line-height:5rem;color:#151518;font-size:2.2rem;}

/* 햄벅 */
.scrollout{overflow-y:hidden;}
nav{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#f8f9fb;z-index:999;overflow-y:auto;}
nav .loginbox{position:relative;padding-bottom:2rem;width:100%;background:#fff;}
nav .loginbox dl{display:flex;align-items:center;position:relative;margin:0;padding:0 5.3%;width:100%;height:10rem;background:#484e5f;-webkit-backdrop-filter: blur(.6rem);backdrop-filter: blur(6rem);}
nav .loginbox dl dt{margin-right:1rem;width:6rem;height:6rem;}
nav .loginbox dl dt img{width:100%;border-radius:50%;image-rendering: pixelated;}
nav .loginbox dl dd{display:flex;flex-direction:column;flex-wrap:nowrap;width:calc(100% - 10rem);color:#dde4eb;font-size:1.6rem;line-height:2rem;font-weight:400;}
nav .loginbox dl dd b{display:block;color:#fff;font-size:2rem;line-height:2.9rem;font-weight:400}
nav .loginbox dl dd b.arrow::after{content:'';display:inline-block;margin:-.3rem 0 0 .2rem;width:2.4rem;height:2.4rem;background:url('../img/common/arrow_login.png') no-repeat;background-size:contain;vertical-align:middle}
nav .loginbox dl dd span{display:block;margin-top:0.3rem;color:rgba(221,228,235,.5);font-size:1.6rem;font-weight:400;line-height:2.4rem;}
nav .loginbox dl dd span i::before{content:'';display:inline-block;margin:-.3rem 1rem 0 1rem;width:1px;height:12px;background:#8f96a0;vertical-align:middle;}
nav .loginbox dl dd.small b{font-size:1.6rem;;line-height:2.4rem;}
nav .loginbox dl dd.small span{font-size:1.4rem;color:#9399a5;line-height:2rem;}
nav .loginbox dl dd.npf{width:calc(100% - 3rem);font-size:1.6rem;}
nav .nx_vip{position:relative;padding:2rem 0 0 0}
nav .nx_vip a{display:block;padding-left:2rem;height:5rem;background:#fff;}
nav .nx_vip a img{width:21rem;}
nav .nx_vip a:first-child{margin-bottom:0.4rem}

nav .loginbox a.close{position:absolute;right:2rem;top:3.8rem;width:2.4rem;height:2.4rem;}
nav .loginbox a.close::before,
nav .loginbox a.close::after{content:'';position:absolute;top:50%;left:50%;margin:-1.2rem 0 0 -.1rem;height:2.4rem;width:.2rem;background-color:#fff}
nav .loginbox a.close:before{transform:rotate(45deg)}
nav .loginbox a.close:after{transform:rotate(-45deg)}
nav .menu{position:relative;padding:0 0 2rem 0;background:#fff;border-bottom:.1rem solid #eeedf2;}
nav .menu.adj{padding-bottom:0;border:none;}
nav .menu dl{position:relative;}
nav .menu dl dt{display:flex;align-items:center;;position:relative;padding:0 2rem;height:6rem;color:#151518;font-size:2.4rem;font-weight:500;}
nav .menu dl dt a{display:block;width:100%;}
nav .menu dl dt::before,
nav .menu dl dt::after{content:"";position:absolute;right:2rem;top:50%;margin-top:-.2rem;width:1.4rem;height:.2rem;background-color:#898C92;}
nav .menu dl dt::before{transform:rotate(90deg)}
nav .menu dl dt.active::after{content:"";position:absolute;right:2rem;top:50%;margin-top:-.2rem;width:1.4rem;height:.2rem;background-color:#151518;}
nav .menu dl dt.active::before{content:none}
nav .menu dl dt.nosub::before{content:none}
nav .menu dl dt.nosub::after{transform:rotate(45deg);content:'';position:absolute;right:2.4rem;top:50%;margin-top:-.6rem;width:1rem;height:1rem;border-top:.2rem solid #898C92;border-right:.2rem solid #898C92;background:transparent;}
nav .menu dl dd{display:none;flex-direction:column;padding:1.6rem 4rem;background:#f8f9fb;}
nav .menu dl dd a{display:block;margin:.4rem 0;height:4rem;color:#151518;font-size:1.8rem;line-height:4rem;}
nav .menu dl dd a.external::after{content:'';display:inline-block;margin:-6px 0 0 2px;width:24px;height:24px;background:url('../img/icon/ico_external.png') no-repeat;background-size:contain;;vertical-align:middle;}


nav .qlink{position:relative;padding:2rem 0 4rem 0;background:#fff;}
nav .qlink a{display:block;padding:0 2rem;;height:4rem;color:#151518;font-size:1.5rem;line-height:4rem;}
nav .qlink ul{position:relative;margin-top:2rem;padding:2rem 2rem 0 2rem;font-size:0;border-top:1px solid #eeedf2}
nav .qlink ul li{padding-bottom:1rem;color:#151518;font-size:1.5rem;line-height:4rem;}
nav .qlink ul li a{display:block;padding:0;}
nav .qlink ul li img{display:block;width:335px;}
nav a.logout{display:block;position:relative;padding-top:1.5rem;height:8rem;border-top:.1rem solid #eeedf2;text-align:center;color:#6a6e76;font-size:1.2rem;line-height:2.4rem;}

/* 레이어 */
.lypop{display:none;z-index:900;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);}
.lypop .lycbox{position:absolute;left:50%;top:50%;width:90%;transform:translate(-50%,-50%);text-align:center;}
.lypop .lycbox h1{height:5.6rem;background:#36393f;color:#fff;font-size:1.6rem;line-height:5.5rem;text-align:center;}
.lypop .lypop_cont{display:block;padding:2rem;width:100%;min-height:20rem;max-height:50rem;background:#fff;text-align:center;overflow-y:auto;}
.lypop .lypop_cont .txtbox{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;min-height:16rem;color:#36393f;font-size:1.8rem;line-height:2.8rem;vertical-align:middle;}
.lypop .lypop_cont .txtbox span{display:flex;flex-wrap:wrap;width:100%;font-size:1.6rem;line-height:2.6rem;text-align:center}
.lypop .lypop_cont .password{flex-direction:column;align-items:start}
.lypop .lypop_cont .password p{position:relative;padding-left:1rem;color:#36393f;font-size:1.6rem;line-height:2.6rem;text-align:left;}
.lypop .lypop_cont .password p:before{content:'';display:block;position:absolute;left:0;top:1.3rem;margin:0 1rem 0 0;width:.2rem;height:.2rem;background:#36393f}
.lypop .lypop_cont .password p b{color:#151518;font-size:2rem;font-weight:500;}
.lypop .lypop_cont .none_bu p::before{content:none;}
.lypop .lypop_btns{display:block;width:100%;height:5.6rem;font-size:0;}
.lypop .lypop_btns a{display:inline-block;height:5.6rem;background:#303544;color:#fff;font-size:1.5rem;text-align:center;line-height:5.6rem}
.lypop .lypop_btns a:last-child{background:#3392ff;}

/* 레이어 닫기 */
.lyclse{position:absolute;left:50%;bottom:3%;margin-left:-2.5rem;width:5rem;height:5rem;background:#303544;border-radius:2.5rem;}
.lyclse::before,
.lyclse::after{content:'';position:absolute;top:50%;left:50%;margin-top:-1.3rem;height:2.65rem;width:.1rem;background-color:#fff}
.lyclse:before{transform:rotate(45deg)}
.lyclse:after{transform:rotate(-45deg)}

/* 동영상 올리기 레이어 */
.upload_video p{padding-left:.8rem;text-indent:-.8rem;;color:#898c92;font-size:1.4rem;line-height:2.2rem;text-align:left;font-weight:400;letter-spacing:-.03rem}
.upload_video .vod_up{margin:0 0 2rem 0;}
.upload_video .vod_up input{display:block;margin-bottom:.5rem;;padding:0 1.5rem;width:100%;height:4.8rem;border:.1rem solid #e0e2ec;font-size:1.4rem;}
.upload_video .vod_up input::placeholder{color:#bec5cc;font-size:1.4rem;font-weight:400}
.upload_video .vod_up a{display:block;height:3.5rem;border:.1rem solid #e0e2ec;background:#f8f9fb;color:#000;font-size:1.2rem;line-height:3.5rem;text-align:center;font-weight:400;}

/* 신고하기 레이어 */
.ly_report{position:relative;text-align:left}
.ly_report .box{position:relative;padding:2rem;background:#f8f9fb;border:.1rem solid #eeedf2;color:#36393f;font-size:1.6rem;font-weight:500;line-height:2.6rem;letter-spacing:-.04rem}
.ly_report .box i{display:inline-block;margin:-.4rem .4rem 0 .5rem;width:.1rem;height:1.2rem;background:#36393f;vertical-align:middle;}
.ly_report p{margin-top:2rem;color:#36393f;font-size:16px;font-weight:400;line-height:2.4rem;letter-spacing:-.04rem}
.ly_report p b{font-weight:700;}
.ly_report a{display:block;margin-top:1rem;color:#3392ff;font-size:1.6rem;font-weight:500;line-height:2.2rem;letter-spacing:-.04rem;text-decoration:underline;}
.ly_report a::before{transform:rotate(45deg);content:'';display:inline-block;margin:-.1rem .6rem 0 0;width:.6rem;height:.6rem;border-top:2px solid #3392ff;border-right:2px solid #3392ff;vertical-align:middle;}
.ly_report span{display:block;margin-top:2rem;padding-left:1.1rem;color:#36393f;font-size:14px;font-weight:400;line-height:2.2rem;letter-spacing:-.035rem}
.ly_report span::before{content:'';display:inline-block;margin:-.2rem .7rem 0 -1rem;width:.3rem;height:.3rem;background:#36393f;vertical-align:middle;}

/* Bottom Sheet
.bottomsheet{display:none;position:fixed;top:0;left:0;width:100%;;height:100%;z-index:900}
.bottomsheet .bcmodal{position:0;position:absolute;top:0;left:0;width:100%;;height:100%;background:rgba(0,0,0,.6)}
.bottomsheet .bcbox{transition:all 1s;transform:translateY(-100%);opacity:0;position:absolute;left:0;bottom:0;width:100%;padding:5rem 2rem;background:#fff;border:.1rem solid #707070;border-radius:2.5rem 2.5rem 0 0;z-index:100;text-align:center;}
.bottomsheet .bcbox p.bc_logo{margin:0 auto;width:8rem;height:8rem;}
.bottomsheet .bcbox p.t1{padding:2rem 0 0 0;color:#151518;font-size:2rem;line-height:3rem;}
.bottomsheet .bcbox p.t2{padding:1.7rem 0 0 0;color:#8e9198;font-size:1.6rem;line-height:3rem;}
.bottomsheet .bcbox p.t2 span{margin:0 .3rem}
.bottomsheet .bcbox a.go_dfon{display:block;margin:3rem 0;}
.bottomsheet .bcbox a.go_dfon img{width:100%;}
.bottomsheet .bcbox a.bc_today{display:block;padding:0;color:#8e9198;font-size:1.4rem;line-height:3rem;}
.bottomsheet .bcshow{opacity:1;transform:translateY(0);}
*/
.bottom_sheet{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;opacity:0;pointer-events:none;align-items:center;flex-direction:column;justify-content:flex-end;transition:0.1s linear;z-index:900}
.bottom_sheet.show{opacity:1;pointer-events:auto;}
.bottom_sheet .bc_overlay{position:fixed;top:0;left:0;z-index:-1;width:100%;height:100%;opacity:0.6;background:#000;}
.bottom_sheet .bc_cont{width:100%;position:relative;background:#fff;max-height:100vh;height:60vh;padding:30px 30px;transform:translateY(100%);border-radius:25px 25px 0 0;box-shadow:0 10px 20px rgba(0, 0, 0, 0.03);transition:0.3s ease;}
.bottom_sheet.show .bc_cont{transform:translateY(0%);}
.bottom_sheet.dragging .bc_cont{transition:none;}
.bottom_sheet.fullscreen .bc_cont{border-radius:0;overflow-y:hidden;}
.bottom_sheet .close_wheel{display:flex;justify-content:center;}
.bottom_sheet .drag_icon{cursor:grab;user-select:none;padding:15px;margin-top:-15px;}
.bottom_sheet .drag_icon span{height:4px;width:40px;display:block;background:#c7d0e1;border-radius:50px;}
.bottom_sheet .bcbox{height:100%;overflow-y:auto;padding:15px 0 40px;scrollbar-width:none;text-align:center;}
.bottom_sheet .bcbox::-webkit-scrollbar{width:0;}

.bottom_sheet .bcbox p.bc_logo{margin:0 auto;width:8rem;height:8rem;}
.bottom_sheet .bcbox p.t1{padding:2rem 0 0 0;color:#151518;font-size:2rem;line-height:3rem;}
.bottom_sheet .bcbox p.t2{padding:1.7rem 0 0 0;color:#8e9198;font-size:1.6rem;line-height:3rem;}
.bottom_sheet .bcbox p.t2 span{margin:0 .3rem}
.bottom_sheet .bcbox a.go_dfon{display:block;margin:3rem 0;}
.bottom_sheet .bcbox a.go_dfon img{width:100%;}
.bottom_sheet .bcbox a.bc_today{display:block;padding:0;color:#8e9198;font-size:1.4rem;line-height:3rem;text-align:center;}