html { -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; }
body{min-width:1400px;}
:root{
    /* 포인트 컬러 */
    --point_color: #459DC0;

    /* 아바타 박스 */
    --avabox_bg:#EDEDED;/*linear-gradient(298deg, #1F2541 9.77%, #353E67 88.74%);*/
    --ava_job:#333;

    /* 아바타 탭*/
    --ava_tab_bg:#999;
    --ava_tab_bg_on:#FF92C8;
    --ava_tab_fc:#fff;
    --ava_tab_fc_on:#EDEDED;

    /* 아바타 GIF 배경*/
    --ava_img_bg:#ABABAB;

}

.pb200{padding-bottom:200px !important}
.pl13{padding-left:13px !important}

.pass_templet{position:relative;margin-top:50px;width:100%;padding:0;overflow:hidden}
.pass_templet a:hover, .pass_templet a:active, .pass_templet a:link{text-decoration:none;}
.pass_templet *{box-sizing:border-box;flex-shrink:0;font-family:'SUIT';font-weight:400;color:#555;}
.pass_templet .icon{display:inline-block;width:56px;height:56px;background-color:#000;image-rendering:pixelated;}
.pass_templet section{display:none;margin-top:150px;}
.pass_templet section.show{display:block}
.pass_templet section article{position:relative;padding:0;width:100%;}
.pass_templet .left{text-align:left;}

/* 텍스트 효과 */
.pass_templet h1{position:relative;color:var(--point_color);font-size:42px;font-weight:700;line-height:50px;text-align:center}
.pass_templet h2{position:relative;margin:150px 0 60px 0;color:#313131;font-size:42px;font-weight:700;line-height:50px;text-align:center;}
.pass_templet h3{position:relative;margin:60px auto 24px;width:1240px;color:#333;font-size:29px;font-weight:700;line-height:39px;text-align:center;}
.pass_templet h4{position:relative;margin:20px auto 24px;width:1240px;color:#333;font-size:18px;font-weight:400;line-height:28px;text-align:center;}

.pass_templet .highlight{display:inline-block;position:relative;z-index:1;font-style:normal;text-decoration:none}
.pass_templet .highlight:after{content:'';display:inline-block;position:absolute;bottom:15px;left:50%;margin-left:-52%;width:106%;height:20px;background:#fff489;z-index:-1}
.pass_templet u{text-decoration:underline}
.pass_templet b{font-weight:700}
.pass_templet strong{font-weight:700;text-decoration:underline}
.pass_templet a.link{color:#3750f2;text-decoration:underline;}
.pass_templet a.link:hover{text-decoration:underline;}

.pass_templet em{color:#f4202f;font-weight:700;}
.pass_templet a.top{display:block;opacity:0;transition:1s;position:absolute;width:64px;height:64px;border:none;background:url('https://cdn.df.nexon.com/img/event/common/aradpass_new/top.png') no-repeat;text-indent:-9999px;font-size:0;cursor:pointer;z-index:600;}
.pass_templet a.topfix{position:fixed;right:30px;bottom:30px;opacity:1;}

/* 상단 비주얼 */
.pass_visual{position:relative;padding:0;margin:0;width:100%;height:1263px;background:url('https://bbscdn.df.nexon.com/pg/aradpass_special/img/visual.jpg') no-repeat 50% 0}
.pass_visual article{display:flex;justify-content:space-between;position:relative;margin:0 auto;padding:0;width:1300px;height:1263px;}
.pass_visual article h1{display:none;}
/* .pass_visual article h1{content:'';display:block;z-index:220;position:absolute;left:0;top:0;width:100%;height:100%;background:url('https://bbscdn.df.nexon.com/pg/aradpass_special/img/visual_title.png') 50% 0 no-repeat;text-indent:-9999px;z-index:100;} */

.pass_visual dl{display:flex;flex-direction:column;justify-content:space-between;position:relative;width:425px;height:380px;margin-top:642px;padding:50px 40px;background:#313131 url('https://cdn.df.nexon.com/img/event/common/aradpass_new/logo_f1.png') no-repeat right bottom;box-shadow:0px 32px 65px rgba(0, 0, 0, 0.36);}
/* .pass_visual dl:nth-child(2)::after{content:''; display:block;position:absolute;left:-166px;top:-21px;width:234px;height:257px;background:url('https://cdn.df.nexon.com/img/event/common/aradpass_new/visual_obj5.png') no-repeat;} */
.pass_visual dl:nth-child(3){background-image:url('https://cdn.df.nexon.com/img/event/common/aradpass_new/logo_f2.png');}
.pass_visual dl:nth-child(4){background-image:url('https://cdn.df.nexon.com/img/event/common/aradpass_new/logo_f3.png');}
.pass_visual dl dt{color:#EDEDED;font-size:42px;font-weight:700;line-height:50px;}
.pass_visual dl dt b{color:#FED72C;}
.pass_visual dl dd{color:#999;font-size:20px;font-weight:500;line-height:30px;}
.pass_visual article p{z-index:230;position:absolute;bottom:144px;margin:0 auto;width:1300px;text-align:center; }
.pass_visual article p a{padding-right:37px;cursor:pointer;color:#575757;font-size:26px;line-height:32px;font-weight:500;background:url('https://cdn.df.nexon.com/img/event/common/aradpass_new/arrow2.png') no-repeat right center}

.pass_visual .objs span{z-index:210;display:block;position:absolute;left:50%;transition:all 0.5s ease-out;}
.pass_visual .objs .obj1{top:1086px;margin-left:-872px;width:315px;height:372px;background:url('https://cdn.df.nexon.com/img/event/common/aradpass_new/visual_obj1.png') no-repeat;transform-origin:center bottom;}
.pass_visual .objs .obj2{top:450px;margin-left:157px;width:1514px;height:1035px;background:url('https://cdn.df.nexon.com/img/event/common/aradpass_new/visual_obj2.png') no-repeat;transform-origin:center center;}
.pass_visual .objs .obj3{top:-55px;margin-left:80px;width:531px;height:587px;background:url('https://cdn.df.nexon.com/img/event/common/aradpass_new/visual_obj3.png') no-repeat;}
.pass_visual .objs .obj4{top:65px;margin-left:860px;width:269px;height:299px;background:url('https://cdn.df.nexon.com/img/event/common/aradpass_new/visual_obj4.png') no-repeat;}

/* 전체 탭 */
.tabwrap{position:absolute;top:1173px;padding:0;margin:0;width:100%;height:90px;}
.tabwrap .tab_bg{z-index:200;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(217, 217, 217, 0.5);backdrop-filter:blur(15px);}
.tabwrap .tab_t{z-index:240;position:relative;display:flex;justify-content:center;width:1300px;height:90px;margin:0 auto;vertical-align:middle}
.tabwrap .tab_t a{position:relative;min-width:130px;height:90px;margin:0 33px;color:#999;font-size:22px;font-weight:500;text-align:center;line-height:90px;cursor:pointer;text-decoration:none;}
.tabwrap .tab_t a.active{color:#333;}
.tabwrap .tab_t a.active::after{content:'';display:block;position:absolute;left:0;bottom:0;width:130px;height:2px;background:#333;}
.tabwrap .tab_t a:hover{color:#333;text-decoration:none;}

/* 주요 보상 */
article ul{width:1240px;margin:0 auto;}
article ul li{margin-bottom:50px;text-align:center;}
article ul li img{display:inline-block;margin:0 3px 6px 3px;background-color:#000; image-rendering:pixelated;}
article ul .btn_rw{display:flex;justify-content:center;align-items: center;padding:40px 0 36px 0;border:1px solid #D6D6D6;}
article ul .btn_rw p{display:block;margin-right:80px;}
article ul .btn_rw p{color:#313131;font-size:22px;line-height:27px;text-align:left}
article ul .btn_rw p span{margin-top:4px;color:#999;font-size:14px;line-height:21px;}
article ul .btn_rw i{height:30px;padding-right:35px; color:#313131;font-size:22px;line-height:30px;font-weight:600;background:url('https://cdn.df.nexon.com/img/event/common/aradpass_new/ico_nb26.png') no-repeat right center}

/* 테이블 공통 */
.board{position:relative;width:1240px;margin:0 auto;border-top:2px solid #333;border-bottom:2px solid #333}
.board tr.bg{background:#f4f4f4}
.board th{min-height:30px;padding:15px 0;border-bottom:2px solid #333;border-left:1px solid #333;color:#333;font-size:20px;font-weight:700;line-height:30px;}
.board th sub{display:block;font-size:18px;font-weight:400;line-height:28px;}
.board td{position:relative;padding:50px;border-bottom:1px solid #333;border-left:1px solid #333;color:#555;font-size:18px;font-weight:400;line-height:28px;text-align:center;vertical-align:middle;}
.board th:first-child,.board td:first-child{border-left:none}
.board td:first-child{font-size:20px;font-weight:700;line-height:30px;padding:50px 30px;color:#333;}
.board td:first-child sup{padding-left:1px;font-size:14px;font-weight:800;}
.board img{image-rendering:pixelated;margin:0px 0 2px}
.board.left_td td:nth-child(1){padding-left:0;padding-right:0;font-weight:700;}
.board.left_td td:nth-child(2){text-align:left;padding:50px;}
.board td.video_td{padding:50px 110px;}
.board td.video_td p{position:relative;display:inline-block;width:400px;height:400px;padding:0;margin:0;background:#EDEDED;}
.board td.video_td p img, .board td.video_td p video{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);image-rendering:pixelated;}

/* 테이블 버튼 */
.board a.btn{cursor:pointer;}
.board a.btn:hover{text-decoration:underline;}
.btnmore{display:inline-block;margin-top:20px;padding:0 30px;height:50px;line-height:49px;background:#F3F3F3;border:1px solid #b8b8b8;border-radius:28px;text-align:center;color:#333;font-size:16px;cursor:pointer;text-decoration:none;}
.st_tab{background:#fff;border:1px solid #fff}
.st_pc {background:var(--point_color);border:1px solid var(--point_color);color:#fff}
.btnview{display:inline-block;color:#3750F2;cursor:pointer;text-decoration:underline !important;}
.chk{background:url('https://cdn.df.nexon.com/img/event/common/aradpass_new/ico_chk.png') no-repeat center center}

/* textbox */
.textbox{position:relative;margin:30px auto 0;width:1240px;font-size:18px;line-height:28px;text-align:center;}
.cmt{position:relative;margin:20px auto 0;width:1240px;font-size:18px;line-height:28px;text-align:center;}

/* thum */
.thum{position:relative;margin:0 auto;padding:0;width:1240px;background:#ededed;;text-align:center;}

/* loyal */
.prod_loyal{display:flex;flex-direction:column;align-items:center;position:relative;margin-top:150px;padding:50px 0 !important;background:#FED72C;text-align:center;}
.prod_loyal p{position:relative;width:1240px;margin:0 auto;}
.prod_loyal img{width:100px;height:100px;background-color:#000;image-rendering:pixelated;}

/* 아바타 영역 */
.avatar{position:relative;padding:150px 0 93px 0 !important;margin-top:150px;width:100%;background:var(--avabox_bg);}
.avatar h2{margin-top:0 !important}
.avatab_h{position:relative;margin:0 auto;width:1280px;text-align:center;font-size:0;}
.avatab_h a{display:inline-block;margin:0 3px}
.avatab_v{transition:.5s;opacity:0;position:fixed;top:250px;left:50%;margin-left:600px;text-align:center;font-size:0;z-index:100}
.avatab_v a{display:block;margin:0 0 8px 0;}
.avatab_btn a{padding:0 30px;min-width:120px;height:50px;line-height:50px;border-radius:25px;background:var(--ava_tab_bg);color:var(--ava_tab_fc);font-size:18px;cursor:pointer;text-decoration:none;}
.avatab_btn a.active{background:var(--ava_tab_bg_on);color:var(--ava_tab_fc_on)}
.avatab_btn a:hover{text-decoration:none;}
.navfix{opacity:1;transition:.5s;}
.avatab_c{position:relative;margin:60px auto 0 auto;width:1200px;}
.ava_type{display:none;}
.ava_type.show{display:block;}
.ava_type ul{position:relative;width:1200px;height:392px;;font-size:0;text-align:center;}
.ava_type ul li{display:inline-block;position:relative;margin:0 10px;width:260px;text-align:center;}
.ava_type ul li p{position:relative;display:block;width:260px;height:300px;background:var(--ava_img_bg);cursor:pointer;}
.ava_type ul li p img{width:260px;height:300px;vertical-align:bottom;background:none;margin:0;}
.ava_type ul li span{display:block;margin-top:15px;color:var(--ava_job);font-size:17px;line-height:28px;}

.ico_new{display:block;position:absolute;right:-10px;top:-20px;width:80px;height:80px;background:#FED72C;box-shadow:0px 10px 15px rgba(0, 0, 0, 0.15);border-radius:40px;color:#333;font-size:18px;font-weight:400;line-height:80px;text-align:center;}
.ico_recommend{display:block;position:absolute;right:-10px;top:-20px;width:80px;height:80px;background:#FFACED;box-shadow:0px 10px 15px rgba(0, 0, 0, 0.15);border-radius:40px;color:#333;font-size:18px;font-weight:400;line-height:80px;text-align:center;}
.ico_x2{display:block;position:absolute;right:10px;bottom:10px;;width:33px;height:33px;background:rgba(51,51,51,.6);border:none;cursor:pointer;box-shadow:0 2px 4px 0 rgba(0,0,0,.3);border-radius:17px;}
.ico_x2:before,
.ico_x2:after{content:"";position:absolute;left:50%;top:50%;margin:-.5px 0 0 -6.5px;width:13px;height:1px;background-color:#bcbcbc;}
.ico_x2:before{transform:rotate(90deg)}

.sp_toggle{display:inline-block;position:relative;width:58px;height:32px;vertical-align:-5px;margin-left:8px;border-radius:19px;background:#bbb; text-align-last:left;cursor:pointer;}
.sp_toggle::after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #000;border-radius:19px;opacity:0.1;}
.sp_toggle i{display:block;position:absolute;left:1px;top:1px;width:30px;height:30px;border-radius:20px;}
.sp_toggle i::before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:20px;border:1px solid #000;opacity:0.1;z-index:10;}
.sp_toggle i::after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:20px;background:#fff;border:1px solid #bbb;}

.sp_toggle.on{display:inline-block;position:relative;width:58px;height:32px;vertical-align:-5px;margin-left:8px;border-radius:19px;background:var(--point_color);text-align-last:left;cursor:pointer;}
.sp_toggle.on::after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #000;border-radius:19px;opacity:0.1;}
.sp_toggle.on i{display:block;position:absolute;left:unset;right:1px;top:1px;width:30px;height:30px;border-radius:20px;}
.sp_toggle.on i::before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:20px;border:1px solid #000;opacity:0.1;z-index:10;}
.sp_toggle.on i::after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:20px;background:#fff;border:1px solid var(--point_color);}

/* 레이어 */
.lypop{display:none;z-index:900;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);}
.lypop img{image-rendering:pixelated;}
.lypop .lycbox{position:absolute;left:50%;top:50%;padding:0;min-width:920px;transform:translate(-50%,-50%);text-align:center;background:#fff;z-index:900;border:1px solid #000}
.lypop .lycbox h1{position:relative;width:100%;min-height:30px;padding:25px 0;background:#333;color:#F6F6F6;font-size:20px;line-height:30px;text-align:center;font-weight:700;}
.lypop .lypop_cont{display:block;padding:50px;width:100%;min-height:390px;max-height:760px;overflow-y:auto;color:#555;font-size:18px;line-height:28px;text-align:center;background:#fff;}
.lypop .lypop_cont h2{margin:50px 0 20px 0;color:#333;font-size:29px;line-height:39px;text-align:center;font-weight:700;}
.lypop .lypop_cont h3{margin:20px 0 30px 0;width:100%;color:#333;font-size:20px;font-weight:700;}
.lypop .conbox{position:relative;padding:60px 0;margin:0 auto;;width:800px;background:#f6f6f6;color:#555;font-size:18px;line-height:28px}
.lypop .conbox .icon{width:100px;height:100px;background-color:#000;}
.lypop .conbox a:hover{text-decoration:underline;}
.lypop .column{display:flex;align-items:center;justify-content:center;}
.lypop .column li{display:flex;flex-direction:column;margin:0 25px;color:#555;font-size:18px;line-height:30px;}
.lypop .column li span{padding-top:20px;color:#333}

.lypop a.lybtn{display:inline-block;margin-top:40px;padding:0 50px;height:50px;line-height:49px;background:#fff;border-radius:25px;box-shadow:0 2px 5px 0 rgba(0,0,0,.4);text-align:center;color:#333;font-size:16px;cursor:pointer;text-decoration:none;}
.lypop a.lybtn:hover{text-decoration:none;}
.lypop_close{position:absolute;right:15px;top:15px;width:50px;height:50px;cursor:pointer;background:url('https://cdn.df.nexon.com/img/event/common/aradpass_new/btn_close.png') no-repeat center center;}

/* 레이어 내 테이블 정의 */
.lypop h2, .lypop h4, .lypop p{max-width:1200px;}
.lypop .board th{border-top:2px solid #333;}
.lypop .board th.tit{height:60px;padding:0;background:#333;color:#EDEDED;}
.lypop .board td{padding:40px 30px;}
.lypop .board td.ln_bold{border-bottom:2px solid #333;}
.lypop .board td i{color:#999;font-size:14px;line-height:21px;text-align:left;display:inline-block;}
.lypop .board .btnmore{position:relative;padding-right:50px;}
.lypop .board .btnmore::after{content:'';position:absolute;right:30px;top:16px;width:16px;height:16px;background:url('https://cdn.df.nexon.com/img/event/common/aradpass_new/ico_nb16.png') no-repeat}
.lypop .sup{max-width:1200px;margin:0 auto;padding-top:30px;color:#999;font-size:14px;line-height:21px;text-align:left;}

/* 무제한 변경권 사용 */
#PermChg.lypop td:first-child{font-weight:400;font-size:18px;line-height:28px;color:#555;}

/* 상품 비교표 */
#prodComp.lypop .lypop_cont{padding-top:0;}
#prodComp.lypop .lypop_cont::after{content:'';display:block;position:absolute;left:0;top:80px; width:calc(100% - 50px);height:50px;background:#fff;}
#prodComp.lypop .board{margin-top:50px;}
#prodComp.lypop .board.h_fix{position:fixed;width:857px;background:#fff;z-index:100;}
#prodComp.lypop .board th{padding:150px 0 20px 0;font-size:18px;font-weight:400;line-height:28px;}
#prodComp.lypop .board th:nth-child(2){background:url('https://cdn.df.nexon.com/img/event/common/aradpass_new/logo_free.png') no-repeat center 20px}
#prodComp.lypop .board th:nth-child(3){background:url('https://cdn.df.nexon.com/img/event/common/aradpass_new/logo_royal.png') no-repeat center 20px}
#prodComp.lypop .board td{padding:30px 30px;}

/* 대여 장비 안내 */
#rentInfo.lypop p{color:#333;}
#rentInfo.lypop .board.border_td td{border-bottom:2px solid #333;}

/* 아바타 레이어 */
#expansion.lypop .lycbox{border:none !important;}
.ly_avatar{position:absolute;left:50%;top:50%;padding:0;width:520px;height:600px;transform:translate(-50%,-50%);background:var(--ava_img_bg);text-align:center;z-index:900}
.ly_avatar img{display:block;image-rendering:pixelated;width:100%;}
.ly_avatar a{display:block;position:absolute;width:80px;height:80px;z-index:999;font-size:0;text-indent:-9999px;cursor:pointer;}
.ly_avatar a.clse{left:50%;top:-80px;transform:translateX(-50%);background:url('https://cdn.df.nexon.com/img/event/common/aradpass_new/ava_clse.png') no-repeat;}
.ly_avatar a.prev{left:-80px;top:50%;transform:translateY(-50%);background:url('https://cdn.df.nexon.com/img/event/common/aradpass_new/ava_prev.png') no-repeat;}
.ly_avatar a.next{right:-80px;top:50%;transform:translateY(-50%);background:url('https://cdn.df.nexon.com/img/event/common/aradpass_new/ava_next.png') no-repeat;}


.noti a{text-decoration:underline !important;}
span.text_underline{color: #333;}
/* .text_underline{text-decoration: underline;} */

/* 무기아바타 */
.ly_tabm{position:relative;padding:20px 0;margin:0 auto;width:920px;font-size:0;}
.ly_tabm li{display:inline-block;padding:0 35px;margin:0 3px;height:50px;border-radius:25px;background:#f3f3f3;color:#444;font-size:18px;line-height:50px;cursor:pointer;}
.ly_tabm li.active{background:#444;color:#fff}
.ly_tabc{position:relative;padding:0;width:760px;height: 480px; margin:0 auto;}
.ly_tabc li{display:none;}
.ly_tabc li.show{display:flex;}