#wrap{position:relative;width:100%;overflow:hidden;}
.gnb{z-index:100 !important}

.main section{width:100%;background:#fff;}
.main section article.container{position:relative;width:1300px;margin:0 auto;}

h2{display:none;}
h3{color:#151518;font-size:20px;line-height:28px;margin-bottom:19px;}
h3 i{font-weight:300;}

/* 롤링 배너 */
.r_bnr{z-index:8;position:relative;background:#000;}
.r_bnr li{opacity:0 !important;transition:0.6s;position:absolute;width:100%;height:100%;}
.r_bnr a{display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;background-position:50% 0 !important;text-indent:-9999px;}
.r_bnr li.swiper-slide-active{opacity:1 !important;}

/* 포커스 배너 */
/*.focus{position:relative;height:600px;max-width:2560px;overflow:hidden;z-index:10;margin:0 auto}*/
.focus{position:relative;left:50%;top:0;width:2560px !important;height:600px;margin-left:-1280px !important;z-index:10;overflow:hidden;}
.focus .swiper-slide{width:100%;height:600px;}
.focus .swiper-slide::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:140px;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));}
.focus .swiper-slide a{z-index:10;position:absolute;left:0;top:0;display:block;width:100%;height:600px;transition: 0.2s ease-in;transform:translateX(5px);opacity:0;text-indent:-9999px}
.focus .swiper-slide-active a{opacity:1;transform:translateX(0)}
.focus .focus_ctrl{display:flex;position:absolute;bottom:0;left:50%;padding:0;margin:0;margin-left:350px;width:227px;height:69px;background:rgba(0,0,0,.8);z-index:11;}
.focus .focus_ctrl .swiper-button-prev{position:absolute;left:10px; top:14px;margin:0;width:41px;height:41px;background:url('../img/main/focus_prev.png') no-repeat;cursor:pointer;text-indent:-9999px }
.focus .focus_ctrl .swiper-button-next{position:absolute;left:120px;top:14px;margin:0;width:41px;height:41px;background:url('../img/main/focus_next.png') no-repeat;cursor:pointer;text-indent:-9999px;}
.focus .focus_ctrl .swiper-pagination{display:flex;align-items:center;justify-content:center;left:51px;top:14px;width:70px;height:41px;color:#bec5cc;font-size:13px;text-align:center}
.focus .focus_ctrl .swiper-pagination span.divi{margin:0 3px}
.focus .focus_ctrl .current{color:#3392ff}
.focus .focus_ctrl .pause{position:absolute;right:16px;top:14px;margin:0;width:41px;height:41px;background:url('../img/main/focus_play.png') no-repeat 0 -50px;text-indent:-9999px;}
.focus .focus_ctrl .pause.play{background-position-y:0}
.focus .focus_ctrl .autoplay-progress{position:absolute;left:10px;bottom:5px;z-index:10;width:207px;height:2px;background-color:rgba(0, 0, 0, 0.1);}
.focus .focus_ctrl .autoplay-progress svg{--progress:0;position:absolute;left:0;top:0;z-index:10;width:100%;stroke-width:1px;stroke:#3392ff;fill:none;stroke-dashoffset:calc(100 * (1 - var(--progress)));stroke-dasharray:100;}
.focus .bnr_lst{position:absolute;left:50%;bottom:0;margin-left:350px;width:300px;height:550px;}
.focus .bnr_lst .bnr_tot{z-index:9;position:absolute;right:0;bottom:0;width:73px;height:69px;cursor:pointer;background:#197cff url('../img/main/bnr_menu.png') no-repeat center center;}
.focus .bnr_lst .bnr_tot.open{background:#f2f4f6 url('../img/main/bnr_menu_close.png') no-repeat center center;}
.focus .bnr_lst div{z-index:9;display:none;position:absolute;bottom:69px;width:300px;max-height:381px;padding:25px 10px 25px 20px;background:#f2f4f6;}
.focus .bnr_lst div p{max-height:331px;overflow-y:auto;overflow-x:hidden;}
.focus .bnr_lst p a{position:relative;display:block;width:240px;padding-left:8px;border-bottom:1px solid #e4e5ec;color:#6a6e76;line-height:47px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.focus .bnr_lst p a::before{content:'';display:block;position:absolute;left:0;top:50%;width:2px;height:2px;margin-top:-1px;background:#898c92;}
.focus .bnr_lst p a:hover{color:#3392ff;}
.focus .bnr_lst p a:last-child{border-bottom:none;}
.focus .bnr_lst ::-webkit-scrollbar{width:10px;}
.focus .bnr_lst ::-webkit-scrollbar-thumb{border-radius:0;background-color:#484e5f;}
.focus .bnr_lst ::-webkit-scrollbar-track{background-color:#d2d4d6;}
.focus .qlink1{z-index:9;position:absolute;right:50%;bottom:0;margin-right:-310px;text-align:right;}
.focus .qlink1 a{display:inline-block;height:69px;padding:19px 18px 18px 48px;color:#fff;font-size:15px;font-weight:300;line-height:30px;background:url('../img/main/ico_qlink1.png') no-repeat}
.focus .qlink1 a.ql1_1{background-position:9px 19px}
.focus .qlink1 a.ql1_2{background-position:9px -81px}
.focus .qlink1 a.ql1_3{background-position:9px -181px}
.focus .qlink1 a.ql1_4{background-position:9px -281px}

/* 롤링 게시판 */
.lst_control{position:absolute;right:10px;top:20px;z-index:3;}
.lst_control a{display:block;float:left;width:30px;height:40px;cursor:pointer;text-indent:-9999px;left:unset;right:unset;top:unset;position:static;}
.lst_control a.arrow_l{background:url('../img/main/lst_arrow_l.png') no-repeat}
.lst_control a.arrow_r{background:url('../img/main/lst_arrow_r.png') no-repeat}


/* 타겟팅 배너 */
.tg_bnr{position:relative;height:500px;margin-top:60px;}
.tg_bnr .container{height:500px;}
.tg_bnr .tg_bnr_s{height:100%;}
.tg_bnr .r_bnr{position:relative;height:100%;z-index:8;position:relative;background:#000;}
.tg_bnr .r_bnr a{display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;background-position:50% 0 !important;text-indent:-9999px;opacity:0 !important;transition:0.01s !important;background-size:1300px 500px !important;}
.tg_bnr .r_bnr a::after{z-index:11;content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;border: solid 1px rgba(0, 0, 0, 0.1);}
.tg_bnr .r_bnr a.swiper-slide-active{opacity:1 !important;}


/* 새소식 & 유료화 & DFU & 일반배너 */
.news_bnrs{height:280px;margin-top:60px;}
.news{float:left;width:400px;height:280px;margin-right:40px;}
.nt_bnr{position:relative;float:left;width:560px;height:280px;background:#999}
.dfu_bnr{position:relative;float:left;width:300px;height:280px;background:#ccc}

/* 새소식 */
.news h3{width:400px;height:43px;margin-bottom:14px;border-bottom:1px solid #eeedf2;color:#151518;font-size:20px;line-height:38px;}
.news h3 p{float:right;margin-top:-1px}
.news h3 p a{display:inline-block;margin-left:9px;color:#6a6e76;font-size:15px;line-height:38px;}
.news h3 p a:hover, .news h3 p a.on{color:#3392ff}
.news ul li{display:none;}
.news ul li.on{display:block;}
.news ul li a{display:block;width:393px;color:#6a6e76;font-size:15px;line-height:32px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news ul li a:hover{color:#3392ff}

/* 유료화 배너 */
.nt_bnr .r_bnr{position:relative;height:100%;}
.nt_bnr .r_bnr a{opacity:0 !important;transition:0.01s !important;background-size:560px 280px !important;}
.nt_bnr .r_bnr a::after{z-index:11;content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;border: solid 1px rgba(0, 0, 0, 0.1);}
.nt_bnr .r_bnr a.swiper-slide-active{opacity:1 !important;}

/* DFU&일반 배너 */
.dfu_bnr .r_bnr{position:relative;height:100%;}
.dfu_bnr .r_bnr li{background-size:300px 280px !important;transition:0.01s !important;}
.dfu_bnr .r_bnr li.st2::after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url('../img/main/bnr_cov.png') no-repeat}
.dfu_bnr .r_bnr li.st2 a{text-indent:0;display:block;width:100%;height:100%;padding:115px 0 0 30px;}
.dfu_bnr .r_bnr li.st2 a img{margin-left:-7px;}
.dfu_bnr .r_bnr li.st2 a span{position:relative;display:block;margin-bottom:3px;color:#fff;font-size:20px;line-height:28px;}
.dfu_bnr .r_bnr li.st2 a i{color:#bec5cc;font-size:14px;line-height:24px;}

.pay_ctrl{display:flex;position:absolute;bottom:0;right:0;padding:0;margin:0;width:124px;height:41px;background:rgba(0,0,0,.8);z-index:11;}
.pay_ctrl::after{z-index:1;content:'';position:absolute;left:0;bottom:0;width:100%;}
.pay_ctrl .arrow_l{left:5px; top:6px;margin:0;width:23px;height:29px;background:url('../img/main/sbnr_prev.png') no-repeat;cursor:pointer;text-indent:-9999px }
.pay_ctrl .arrow_r{left:72px;top:6px;margin:0;width:23px;height:29px;background:url('../img/main/sbnr_next.png') no-repeat;cursor:pointer;text-indent:-9999px;}
.pay_ctrl .page_cnt{display:flex;align-items:center;justify-content:center;left:28px;top:6px;width:44px;height:29px;color:#bec5cc;font-size:12px;text-align:center}
.pay_ctrl .page_cnt span{margin:0 3px}
.pay_ctrl .page_cnt .swiper-pagination-current{color:#3392ff}
.pay_ctrl .pause{position:absolute;right:6px;top:6px;margin:0;width:23px;height:29px;background:url('../img/main/sbnr_play.png') no-repeat 0 -50px;text-indent:-9999px;}
.pay_ctrl .pause.play{background-position-y:0}


/* 가이드 & 추천글 */
.guide_rec{position:relative;padding-top:60px !important;}
.guide_rec .container{height:432px;}
.guide_rec::after{z-index:1;content:'';position:absolute;left:0;bottom:0;width:100%;height:275px;background:#f2f4f6}
.guide_rec .guide_rec_s{z-index:2;position:relative;left:-10px;top:-45px;width:1320px;height:432px;padding-top:45px;overflow-x:hidden;}
.guide_rec ul{position:relative; margin-left:10px;}
.guide_rec ul li{position:relative;float:left;width:420px !important;height:380px;margin:0;margin-right:20px;padding:0;background-color:#fff !important;background-size:420px 220px !important;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);text-align:center;overflow:hidden;}
.guide_rec ul li:hover{background-size:200%;background-position:50%;}
.guide_rec ul li a{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}
.guide_rec ul li span.catg{position:absolute;left:50%;top:198px;margin-left:-60px;width:120px;height:44px;border-radius:3px;background:#2eaf00;color:#fff;font-weight:300;line-height:42px;}
.guide_rec ul li p{position:absolute;left:0;top:242px;display:table;height:126px;width:350px;margin:0 35px;text-align:center;}
.guide_rec ul li p span{display:table-cell;vertical-align:middle;width:350px;}
.guide_rec ul li p i{display:block;}
.guide_rec ul li p i.tit{color:#36393f;font-size:17px;line-height:26px;}
.guide_rec ul li p i.author{margin-top:7px;color:#a2a5ac;font-size:14px;line-height:24px;font-weight:500;}
.guide_rec ul li strong{display:block;height:220px;overflow:hidden;}
.guide_rec ul li strong img{display:block;transition:.3s;}
.guide_rec ul li:hover img{transform:scale(1.1);}

.guide_rec ul li.st2{border-top:2px solid #36393f;}
.guide_rec ul li.st2 span.catg{top:38px;}
.guide_rec ul li.st2 p{display:block; top:101px;height:200px;overflow:hidden;}
.guide_rec ul li.st2 p i.tit{margin-bottom:7px;}
.guide_rec ul li.st2 p i.txt{display:block;max-height:168px;color:#a2a5ac;font-size:14px;line-height:24px;overflow:hidden;text-overflow:ellipsis}
.guide_rec ul li.st2 i.author{display:block;position:absolute;bottom:36px;text-align:center;width:100%;color:#a2a5ac;font-size:14px;line-height:24px;font-weight:500;}

/* 정보 검색 */
.search{padding-top:45px;background:#f2f4f6 !important;}
.search .container{overflow:hidden;padding:29px 0 29px 102px;border:1px solid #e0e5e9;background:#e7e9eb;}
.search dl{float:left;}
.search dl:first-child{margin-right:80px;}
.search dl dt, .search dl dd{float:left;}
.search dl dt{margin-right:20px;color:#6a6e76;font-size:18px;line-height:48px;}
.search dl dd{position:relative;width:400px;height:50px;border:1px solid #d9dbe6;background:#fff}
.search dl dd input{display:inline-block;padding-bottom:3px;width:350px;height:48px;border:0;outline:none;color:#36393f;text-indent:14px}

.search dl dd a{display:block;position:absolute;right:9px;top:9px;width:30px;height:30px;}

/* 오늘의 던파 */
.today_df{padding-top:60px;background:#f2f4f6 !important;}
.today_df ul{z-index:2;position:relative;height:380px;}
.today_df ul li{position:relative;float:left;width:420px;height:380px;margin-right:20px;background-color:#fff !important;background-size:420px 220px !important;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);text-align:center}
.today_df ul li:nth-child(3n){margin-right:0;}
.today_df ul li a{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}
.today_df ul li p{position:absolute;left:0;top:220px;display:table;height:156px;width:350px;margin:0 35px;text-align:center;}
.today_df ul li p span{display:table-cell;vertical-align:middle;width:350px;}
.today_df ul li p i{display:block;}
.today_df ul li p i.tit{margin-bottom:3px;color:#36393f;font-size:17px;line-height:26px;}
.today_df ul li p i.txt{display:block;max-height:44px;color:#a2a5ac;font-size:14px;line-height:22px;overflow:hidden;text-overflow:ellipsis}
.today_df ul li p i.author{margin-top:10px;color:#a2a5ac;font-size:14px;line-height:24px;font-weight:500;}
.today_df ul li strong{display:block;height:220px;overflow:hidden;}
.today_df ul li strong img{display:block;transition:.3s;}
.today_df ul li:hover img{transform:scale(1.1);}

/* 창작콘텐츠 */
.creat{padding-top:60px;background:#f2f4f6 !important;}
.creat .container{height:402px;}
.creat .creat_s{z-index:2;position:relative;left:-10px;top:-45px;width:1320px;height:402px;padding-top:45px;overflow-x:hidden;}
.creat ul{position:relative;margin-left:10px;width:100000px;}
.creat ul li{position:relative;float:left;width:310px !important;height:350px;margin-right:20px;background-color:#fff !important;background-size:310px 190px !important;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);text-align:center}
.creat ul li a{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}
.creat ul li span.catg{position:absolute;left:50%;top:168px;margin-left:-60px;width:120px;height:44px;border-radius:3px;background:#6844ff;color:#fff;font-weight:300;line-height:42px;}
.creat ul li p{position:absolute;left:0;top:212px;display:table;height:126px;width:250px;margin:0 30px;text-align:center;}
.creat ul li p span{display:table-cell;vertical-align:middle;width:250px;}
.creat ul li p i{display:block;}
.creat ul li p i.tit{display:block;color:#36393f;font-size:17px;line-height:26px;max-height:52px;overflow:hidden;text-overflow:ellipsis}
.creat ul li p i.author{margin-top:7px;color:#a2a5ac;font-size:14px;line-height:24px;font-weight:500;}
.creat ul li.st2{border-top:2px solid #36393f;}
.creat ul li.st2 span.catg{top:25px;}
.creat ul li.st2 p{display:block;top:88px;height:180px;overflow:hidden;}
.creat ul li.st2 p i.tit{margin-bottom:7px;}
.creat ul li.st2 p i.txt{display:block;max-height:168px;color:#a2a5ac;font-size:14px;line-height:24px;overflow:hidden;text-overflow:ellipsis}
.creat ul li.st2 i.author{display:block;position:absolute;bottom:36px;text-align:center;width:100%;color:#a2a5ac;font-size:14px;line-height:24px;font-weight:500;}
.creat ul li strong{display:block;height:190px;overflow:hidden;}
.creat ul li strong img{display:block;transition:.3s;width:310px;height:190px;overflow:hidden;}
.creat ul li:hover img{transform:scale(1.1);}
.creat .fanart{z-index:2;position:relative;left:-10px;top:-45px;width:1320px;height:402px;padding-top:45px;}
/* 액트배너 */
.act_bnr{position:relative;padding-top:55px;}
.act_bnr::after{z-index:1;content:'';position:absolute;left:0;top:0;width:100%;height:125px;background:#f2f4f6}
.act_bnr .container{z-index:2;position:relative;height:140px;}
.act_bnr .container a{display:block;width:100%;height:140px;background-size:100% 140px !important;}

/* 퀵링크 */
.qlink2{padding-top:10px;}
.qlink2 .container{display:flex;align-items:center;justify-content:center;overflow:hidden;height:140px;}
.qlink2 a{position:relative;width:200px;height:140px;padding-top:80px;color:#898c92;font-size:15px;font-weight:400;line-height:20px;text-align:center;background:url('../img/main/ico_qlink2.png') no-repeat center 0;}
.qlink2 a.ql2_1{margin-left:3px;background-position-y:35px}
.qlink2 a.ql2_2{background-position-y:-165px}
.qlink2 a.ql2_3{background-position-y:-365px}
.qlink2 a.ql2_4{background-position-y:-565px}
.qlink2 a.ql2_5{background-position-y:-765px}
.qlink2 a.ql2_6{background-position-y:-965px}
.qlink2 a.ql2_7{background-position-y:-1165px}
.qlink2 a.ql2_8{background-position-y:-1365px}
.qlink2 a::after{content:'';display:block;position:absolute;left:-2px;top:50%;margin-top:-1px;width:2px;height:2px;background:#a2a5ac;}
.qlink2 a.ql2_1::after{display:none;}

/* 캐릭터 소개 */
.char_info{position:relative;height:790px;margin-top:10px;}
.char_info .c_box{z-index:0;opacity:0;transition:0.4s;position:absolute;left:0;top:0;width:100%;height:100%;}
.char_info .c_box.on{z-index:1;opacity:1;}
.char_info .char_bnr{position:relative;background:#000;overflow:hidden;max-width:2560px;height:700px;margin:0 auto;}
.char_info .char_bnr li::after{z-index:1;content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:200px;background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));}
.char_info li{z-index:2;opacity:0;transition:0.6s;transform:translate(30px, 0);filter:blur(3px);position:absolute;left:50%;top:0;margin-left:-1280px;width:100%;min-width:2560px;height:700px;background-position:center -100px !important;}
.char_info .c_box.on li.on{z-index:3;opacity:1;transform:translate(0, 0)scale(1);filter:blur(0);}

.char_info li p{position:absolute;right:50%;text-align:right;margin-right:-611px;}
.char_info li p.name{top:240px;color:#fff;font-size:70px;font-family:SUIT;font-weight:500;line-height:87px;}
.char_info li p.info{top:335px;margin-right:-604px;color:#a2a5ac;font-size:16px;line-height:24px;font-weight:400;}
.char_info li p.info::after{content:'';display:block;position:absolute;right:-6px;bottom:-70px;width:81px;height:71px;background:url('../img/main/char_arrow.png') no-repeat}
.char_info li a{z-index:4;display:none;position:absolute;left:0;top:0;width:100%;height:100%;}
.char_info li a.on{display:block;z-index:5;}
.char_info li .name, .char_info li .info{transform:translate(-35px, 0);filter:blur(5px); opacity:0;transition:0.3s;transition-delay:0.2s;}
.char_info li .info{transition-delay:0.3s;}
.char_info .c_box.on li.on .name, .char_info .c_box.on li.on .info{opacity:1;transform:translate(0, 0);filter:blur(0)}

.char_info .char_thum{z-index:5;position:absolute;left:50%;bottom:0;width:1300px;height:180px;margin-left:-650px;padding-left:496px;background:#31343d;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);}
.char_info .char_thum a{transition:0.3s; position:relative;display:block;float:left;width:161px;height:180px;border-right:1px solid #24272d;padding-top:127px;cursor:pointer;text-align:center;color:#bec5cc;font-size:16px;line-height:24px;font-weight:400;background-color:#31343d;}
.char_info .char_thum a.c_pos5{width:160px;border-right:0;}
.char_info .char_thum a.on{cursor:auto;}
.char_info .char_thum a.on i{display:none;}
.char_info .char_thum a::before{z-index:1;filter:grayscale(100%)opacity(0.3);content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-position-y:-20px !important}
.char_info .char_thum a::after{z-index:2;content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:100px;background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));}
.char_info .char_thum a.on::before{filter:grayscale(0%)opacity(1);}
.char_info .char_thum a i{z-index:3;display:block;position:relative;}
.char_info .char_thum .c_pos1::before{background-position-x:-0; }
.char_info .char_thum .c_pos2::before{background-position-x:-200px;}
.char_info .char_thum .c_pos3::before{background-position-x:-400px;}
.char_info .char_thum .c_pos4::before{background-position-x:-600px;}
.char_info .char_thum .c_pos5::before{background-position-x:-800px;}

.char_info .char_control{z-index:6;position:absolute;left:50%;bottom:0;margin-left:-650px;width:496px;height:180px;background:#24272d;}
.char_info .char_control a{z-index:1;position:absolute;top:0;text-indent:-9999px;width:80px;height:180px;cursor:pointer;}
.char_info .char_control .arrow_l{left:20px;background:url('../img/main/char_arrow_l.png') no-repeat center center;}
.char_info .char_control .arrow_r{right:20px;background:url('../img/main/char_arrow_r.png') no-repeat center center;}
.char_info .char_control .mc_txt{transition:0.3s; display:block;position:absolute;left:98px;top:40px;width:300px;height:100px;}

.char01 .mc_txt{background:url('https://bbscdn-df-nexon-com.pure-db.com/pg/characters/img/main/mc_txt01.png') no-repeat;} /* 귀검사(남) */
.char02 .mc_txt{background:url('https://bbscdn-df-nexon-com.pure-db.com/pg/characters/img/main/mc_txt02.png') no-repeat;} /* 귀검사(여) */
.char03 .mc_txt{background:url('https://bbscdn-df-nexon-com.pure-db.com/pg/characters/img/main/mc_txt03.png') no-repeat;} /* 격투가(남) */
.char04 .mc_txt{background:url('https://bbscdn-df-nexon-com.pure-db.com/pg/characters/img/main/mc_txt04.png') no-repeat;} /* 격투가(여) */
.char05 .mc_txt{background:url('https://bbscdn-df-nexon-com.pure-db.com/pg/characters/img/main/mc_txt05.png') no-repeat;} /* 거너(남) */
.char06 .mc_txt{background:url('https://bbscdn-df-nexon-com.pure-db.com/pg/characters/img/main/mc_txt06.png') no-repeat;} /* 거너(여) */
.char07 .mc_txt{background:url('https://bbscdn-df-nexon-com.pure-db.com/pg/characters/img/main/mc_txt07.png') no-repeat;} /* 마법사(남) */
.char08 .mc_txt{background:url('https://bbscdn-df-nexon-com.pure-db.com/pg/characters/img/main/mc_txt08.png') no-repeat;} /* 마법사(여) */
.char09 .mc_txt{background:url('https://bbscdn-df-nexon-com.pure-db.com/pg/characters/img/main/mc_txt09.png') no-repeat;} /* 프리스트(남) */
.char10 .mc_txt{background:url('https://bbscdn-df-nexon-com.pure-db.com/pg/characters/img/main/mc_txt10.png') no-repeat;} /* 프리스트(여) */
.char11 .mc_txt{background:url('https://bbscdn-df-nexon-com.pure-db.com/pg/characters/img/main/mc_txt11.png') no-repeat;} /* 도적 */
.char12 .mc_txt{background:url('https://bbscdn-df-nexon-com.pure-db.com/pg/characters/img/main/mc_txt12.png') no-repeat;} /* 나이트 */
.char13 .mc_txt{background:url('https://bbscdn-df-nexon-com.pure-db.com/pg/characters/img/main/mc_txt13.png') no-repeat;} /* 마창사 */
.char14 .mc_txt{background:url('https://bbscdn-df-nexon-com.pure-db.com/pg/characters/img/main/mc_txt14.png') no-repeat;} /* 총검사 */
.char15 .mc_txt{background:url('https://bbscdn-df-nexon-com.pure-db.com/pg/characters/img/main/mc_txt15.png') no-repeat;} /* 다크나이트 */
.char16 .mc_txt{background:url('https://bbscdn-df-nexon-com.pure-db.com/pg/characters/img/main/mc_txt16.png') no-repeat;} /* 크리에이터 */
.char17 .mc_txt{background:url('https://bbscdn-df-nexon-com.pure-db.com/pg/characters/img/main/mc_txt17.png') no-repeat;} /* 아처 */

.char01 .char_thum a::before{background:url('https://bbscdn-df-nexon-com.pure-db.com/pg/characters/img/thum/thum_char_01.png') no-repeat;} /* 귀검사(남) */
.char02 .char_thum a::before{background:url('https://bbscdn-df-nexon-com.pure-db.com/pg/characters/img/thum/thum_char_02.png') no-repeat;} /* 귀검사(여) */
.char03 .char_thum a::before{background:url('https://bbscdn-df-nexon-com.pure-db.com/pg/characters/img/thum/thum_char_03.png') no-repeat;} /* 격투가(남) */
.char04 .char_thum a::before{background:url('https://bbscdn-df-nexon-com.pure-db.com/pg/characters/img/thum/thum_char_04.png') no-repeat;} /* 격투가(여) */
.char05 .char_thum a::before{background:url('https://bbscdn-df-nexon-com.pure-db.com/pg/characters/img/thum/thum_char_05.png') no-repeat;} /* 거너(남) */
.char06 .char_thum a::before{background:url('https://bbscdn-df-nexon-com.pure-db.com/pg/characters/img/thum/thum_char_06.png') no-repeat;} /* 거너(여) */
.char07 .char_thum a::before{background:url('https://bbscdn-df-nexon-com.pure-db.com/pg/characters/img/thum/thum_char_07.png') no-repeat;} /* 마법사(남) */
.char08 .char_thum a::before{background:url('https://bbscdn-df-nexon-com.pure-db.com/pg/characters/img/thum/thum_char_08.png') no-repeat;} /* 마법사(여) */
.char09 .char_thum a::before{background:url('https://bbscdn-df-nexon-com.pure-db.com/pg/characters/img/thum/thum_char_09.png') no-repeat;} /* 프리스트(남) */
.char10 .char_thum a::before{background:url('https://bbscdn-df-nexon-com.pure-db.com/pg/characters/img/thum/thum_char_10.png') no-repeat;} /* 프리스트(여) */
.char11 .char_thum a::before{background:url('https://bbscdn-df-nexon-com.pure-db.com/pg/characters/img/thum/thum_char_11.png') no-repeat;} /* 도적 */
.char12 .char_thum a::before{background:url('https://bbscdn-df-nexon-com.pure-db.com/pg/characters/img/thum/thum_char_12.png') no-repeat;} /* 나이트 */
.char13 .char_thum a::before{background:url('https://bbscdn-df-nexon-com.pure-db.com/pg/characters/img/thum/thum_char_13.png') no-repeat;} /* 마창사 */
.char14 .char_thum a::before{background:url('https://bbscdn-df-nexon-com.pure-db.com/pg/characters/img/thum/thum_char_14.png') no-repeat;} /* 총검사 */
.char17 .char_thum a::before{background:url('https://bbscdn-df-nexon-com.pure-db.com/pg/characters/img/thum/thum_char_16.png') no-repeat;} /* 아처 */
.char15 .char_thum a.c_pos1::before{background:url('https://bbscdn-df-nexon-com.pure-db.com/pg/characters/img/thum/thum_char_15.png') no-repeat 0 -20px;} /* 다크나이트 */
.char16 .char_thum a.c_pos1::before{background:url('https://bbscdn-df-nexon-com.pure-db.com/pg/characters/img/thum/thum_char_15.png') no-repeat -200px -20px;} /* 크리에이터 */
/* 캐릭터소개란  css 추가 적용 필요한것들 모음*/
.char_info li.char07_bg29 { background:url('https://bbscdn-df-nexon-com.pure-db.com/pg/characters/img/bg/bg29_3.jpg') no-repeat center -300px !important; } /*스위프트 마스터*/

/* 레이어 배너 */
.ly_bnr{display:none;z-index:110;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.6) !important;}
.ly_bnr .ly_sec{position:absolute;left:50%;top:50%;width:1300px;height:670px;margin:-335px 0 0 -650px;background:none !important}
.ly_bnr .ly_sec .today_chk{position:absolute;right:100px;top:27px;overflow:hidden;}
.ly_bnr .ly_sec .today_chk input{display:block;float:left;width:16px;height:16px;}
.ly_bnr .ly_sec .today_chk label{display:block;float:left;margin:-4px 0 0 8px;color:#fff;font-size:14px;font-weight:500;line-height:24px;}
.ly_bnr .ly_sec .ly_bnr_close{display:block;position:absolute;right:0;top:0;width:70px;height:70px;cursor:pointer;text-indent:-9999px;background:rgba(0, 0, 0, 0.6) url('../img/main/bnr_ly_close.png') no-repeat center center;}
.ly_bnr .ly_sec .ly_con{position:absolute;left:0;top:70px;width:1300px;height:600px;background:#000}
.ly_bnr .ly_sec .ly_con a{position:absolute;left:490px;bottom:81px;width:320px;height:74px;font-size:0;text-indent:-9999px;}
.ly_bnr .ly_con.link_all a{position:relative;display:block;left:0;top:0;width:100%;}

/* 설문조사 */
.ly_poll{display:non;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.6);z-index:910;}
.ly_poll .pollbox{position:absolute;left:50%;top:50%;width:660px;height:700px;transform:translate(-50%,calc(-50% + 35px));background:#f8f9fb;z-index:900;}
.ly_poll .today_chk{display:flex;align-items:center;justify-content:end;position:absolute;left:0;top:-70px;width:100%;height:70px}
.ly_poll .today_chk input{display:block;width:16px;height:16px;}
.ly_poll .today_chk label{margin:0 0 0 8px;color:#fff;font-size:14px;font-weight:500;line-height:24px;}
.ly_poll .ly_clse{margin-left:30px;width:70px;height:70px;background:rgba(0, 0, 0, 0.6) url('../img/main/bnr_ly_close.png') no-repeat 50% 50%;cursor:pointer;text-indent:-9999px;}
.ly_poll dl{padding:42px 0 0 228px;height:180px;background:#197cff;}
.ly_poll dl dt{color:#fff;font-size:30px;line-height:40px;letter-spacing:-2.4px;}
.ly_poll dl dd{margin:8px 0 0 2px;color:#cfdcec;font-size:15px;line-height:22px;letter-spacing:-.5px;}
.ly_poll dl dd.char{position:absolute;left:19px;top:-46px;padding:0;margin:0;z-index:10}

.ly_poll .poll_chk{position:relative;padding-bottom:40px;height:520px;overflow-y:scroll;}
.ly_poll .poll_chk p{padding:45px 0 36px 0;color:#36393f;font-size:20px;text-align:center;line-height:25px;letter-spacing:-1px;}
.ly_poll .poll_chk p em{color:#6a6e76;font-size:14px;letter-spacing:0;}
.ly_poll .poll_chk ul{padding:0 0 30px 11px;background:#f8f9fb;overflow:hidden;}
.ly_poll .poll_chk ul li{position:relative;float:left;margin:0 0 14px 18px;width:298px}
.ly_poll .poll_chk input[type="checkbox"]{display:none;}
.ly_poll .poll_chk input[type="checkbox"] + label{display:inline-block;padding-left:28px;text-indent:-28px;color:#6a6e76;font-size:14px;line-height:24px;font-weight:400;letter-spacing:0;}
.ly_poll .poll_chk input[type="checkbox"] + label span{display:inline-block;padding:0;margin:-2px 11px 0 0;width:16px;height:16px;background:url(../img/form/chkbox_s.png) no-repeat;vertical-align:middle;cursor:pointer}
.ly_poll .poll_chk input[type="checkbox"]:checked + label span{background:url('../img/form/chkbox_s.png') no-repeat 0 -100px}
.ly_poll .poll_chk input[type="text"]{display:block;position:absolute;left:70px;top:-6px;width:530px;height:38px;color:#6a6e76;font-size:14px;text-indent:11px;}
.ly_poll .poll_chk a{display:block;margin:4px auto 0 auto;width:180px;height:50px;background:#484e5f;color:#fff;font-size:14px;text-align:center;line-height:49px;}
.ly_poll .poll_cmpt{height:525px;line-height:485px;background:#f8f9fb;border:1px solid #eeedf2;color:#36393f;font-size:20px;text-align:center;letter-spacing:-1px;}

.ly_login_info{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:999;}
.ly_login_info .ly_logbox{position:absolute;left:50%;top:50%;margin:-155px 0 0 -300px;padding:40px;width:600px;height:310px;background:#fff;}
.ly_login_info .ly_logbox a.ly_clse{position:absolute;right:14px;top:15px;width:18px;height:18px;background:url(../img/login/ly_clse.png) no-repeat;text-indent:-9999px;cursor:pointer;}
.ly_login_info .txtarea{display:table;width:520px;height:140px;border:1px solid rgba(225, 230, 238, 0.5);background:#f8f9fb;color:#36393f;font-size:16px;line-height:26px;text-align:center;letter-spacing:-1px;}
.ly_login_info .txtarea span{display:table-cell;vertical-align:middle;}
.ly_login_info .btnarea{padding:0;margin:30px 0 0 0;}
.ly_login_info .btnarea a{padding:0;margin:0;width:165px;height:50px;line-height:50px;font-size:14px;}
.ly_login_info .btnarea a.btn_b{background:#3392ff;color:#fff}
.ly_login_info .btnarea a.btn_n{background:#303544;color:#fff}

/* 레이어 쪽지 */
.ly_message{display:none;z-index:110;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6) !important;text-align:center;}
.ly_message .lymsg_wrap{position:absolute;left:50%;top:50%;padding:30px;width:860px;height:750px;margin:-350px 0 0 -430px;background:#f8f9fb}
.ly_message .lymsg_clse{display:block;position:absolute;right:0;top:-70px;width:70px;height:70px;cursor:pointer;text-indent:-9999px;background:rgba(0, 0, 0, 0.6) url('../img/main/bnr_ly_close.png') no-repeat center center;}
.ly_message .lymsg_box{position:relative;padding:0;height:610px;overflow-y:auto;text-align:left;}
.ly_message .lymsg_box .titimg{margin-bottom:10px;}
.ly_message .lymsg_box .txtbox{padding:15px 20px 20px 20px;min-height:450px;border:1px solid #eeedf2;background:#fff;}
.ly_message .lymsg_box .txtbox p{color:#898c92;font-size:14px;line-height:26px;}
.ly_message .lymsg_box .txtbox p b,
.ly_message .lymsg_box .txtbox p strong{font-weight:bold;}
.ly_message a.cfm{display:inline-block;margin-top:20px;width:160px;height:50px;background:#3392ff;color:#fff;font-size:14px;font-weight:600;text-align:center;line-height:49px;cursor:pointer;}
.ly_message .copy{position:absolute;right:30px;bottom:39px;color:#898c92;font-size:14px;font-weight:600;text-align:right;line-height:21px;}
.ly_message .copy b{color:#36393f;font-weight:500;}
footer .ly_font{top:0 !important}
footer .ly_font_nx{top:28px !important}