@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
body{min-width:1300px;font-family:'Noto Sans KR';}
.fanart{position:relative;width:100%;max-width:2560px;margin:0 auto;}
.fanart *{font-family:'Noto Sans KR';box-sizing:border-box;letter-spacing:0;font-weight:400;}
.fanart a.btnc{display:block;position:absolute;z-index:100;text-indent:-9999px;cursor:pointer;}
.fanart h1,
.fanart h2,
.fanart h3{display:none;}

.fanart .topnav{position:relative;width:100%;height:80px;background:#353535}
.fanart .topnav p{display:flex;position:relative;margin:0 auto;width:1300px;height:80px;}
.fanart .topnav a{width:650px;height:80px;background:url('./img/nav_NPU36BzM4tEnUg.png') no-repeat;text-indent:-9999px;font-size:0;}
.fanart .topnav a:last-child{background-position-x:100%;}
.fanart .topnav a.active{background-position-y:100%;}

.fanart section{position:relative;}
.fanart article{position:relative;margin:0 auto;width:1300px;}
.fanart .s0,
.fanart .s0 article{height:1125px;background:url('./img/s0_NPzNPAxL8Ivc1n.jpg') no-repeat 50% 0}
.fanart .s0 article a{left:0;bottom:0;width:100%;height:106px;}
.fanart .s1{position:relative;padding:105px 0;background:url('./img/bg_NPHNZwfylex6cf.jpg') no-repeat 50% 0}

.fanart .txtbox{position:relative;margin-bottom:30px;padding:14px;background-color:#b2d1d5;border:1px solid #0e0f1e;}
.fanart .txtbox dl{padding:43px 45px;background:#ecfdff;}
.fanart .txtbox dl dt{padding:0 15px 24px 15px;border-bottom:1px solid #c0cdda;color:#196382;font-size:34px;font-weight:700}
.fanart .txtbox dl dd{padding:23px 15px 0 15px;color:#424242;font-size:16px;font-weight:300;line-height:30px}
.fanart .txtbox dl dd b{display:block;padding:0 0 11px 0;color:#424242;font-size:23px;font-weight:500;}
.fanart .txtbox dl dd span{display:block;padding-left:1px;}
.fanart .txtbox dl dd strong{color:#0670f3;font-weight:400;}
.fanart .txtbox dl dd i{color:#0670f3;font-style:normal;}
.fanart .rewards{position:relative;padding:0;margin:120px auto 0 auto;height:1187px;background:transparent url('./img/c_NPwsLZmPvZfCNy.png') no-repeat 50% 0;border:none;}
.fanart .rewards a{right:0;top:50px;width:340px;height:67px;}

.fanart .noti{padding:120px 0;background:#04011c;}
.fanart .noti b{display:block;margin-bottom:30px;color:#fff;font-size:24px;font-weight:400;}
.fanart .noti p{padding-left:10px;text-indent:-10px;color:#999;font-size:16px;line-height:25px;font-weight:300;}

/* LIST */
.fanart .gallery_header,
.fanart .gallery_header article{height:929px;background:url('./img/s1_PNPAxL8Ivc1n.jpg') no-repeat 50% 0;}
.fanart .gallery_list{padding:70px 0 130px 0;background:#ece8f1;}
.fanart .gallery_list article{position:relative;margin:0 auto;width:1180px;}
.fanart .gallery_list .lstbtns{display:flex;align-items:center;justify-content:flex-start;}
.fanart .gallery_list .lstbtns a{margin-left:10px;width:180px;height:56px;background:#A5A5A5;color:#fff;font-size:17px;font-weight:400;line-height:56px;text-align:center;cursor:pointer;}
.fanart .gallery_list .lstbtns a.submit{margin-left:0;background:#8554B9}
.fanart .gallery_list .lstbtns a.view{background:#1C1C1C;}
.fanart .gallery_list .lstbtns a.active{background:#fff;;color:#484848;font-weight:700;border:1px solid #767676}

.fanart .lstcont{display:flex;align-items:start;flex-wrap:wrap;margin:60px auto 0 auto;width:1180px;border-bottom:1px solid #D6D6D6;}
.fanart .lstcont ul{position:relative;margin:0 44px 48px 0;width:262px;}
.fanart .lstcont ul:nth-child(4n){margin-right:0;}
.fanart .lstcont ul li{position:relative}
.fanart .lstcont ul li.thum{display:flex;align-items:center;justify-content:center;width:262px;height:180px;border:1px solid #392f3c;background:#706c69;cursor:pointer;overflow:hidden;}
.fanart .lstcont ul li.thum img{width:100%;}
.fanart .lstcont ul li.nothum{height:180px;}
.fanart .lstcont ul li.nothum img{width:initial}
.fanart .lstcont ul li.title{display:flex;align-items:center;margin-top:10px;height:40px;border-bottom:1px solid #D6D6D6;font-size:16px;line-height:23px}
.fanart .lstcont ul li.title a{width:210px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color:#000;cursor:pointer;}
.fanart .lstcont ul li.title em{margin-left:auto;color:#a62f45;font-weight:700;font-style:normal}
.fanart .lstcont ul li.name{display:flex;align-items:center;justify-content:center;height:45px;font-size:18px;}
.fanart .lstcont ul li.name img{margin:2px 8px 0 0}
.fanart .lstcont ul li.name a.del{position:absolute;right:0;top:15px;cursor:pointer;}
.fanart .lstcont ul li.like{display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;;padding:0 10px;height:26px;background:#1e1e1e;;color:#fff;font-size:14px;font-weight:400;cursor:pointer;}
.fanart .lstcont ul li.like::before{content:'';margin-right:4px;width:13px;height:12px;background:url('./img/ico_like.png') no-repeat;}
.fanart .lstpaging{display:flex;align-items:center;justify-content:center;position:relative;;padding:50px 0}
.fanart .lstpaging a{margin:0 20px;color:#B4B4B4;font-size:24px;font-weight:700;line-height:18px}
.fanart .lstpaging b{margin:0 20px;color:#000;font-size:24px;font-weight:700;line-height:18px}
.fanart .lstpaging a svg{margin-top:2px;}
.fanart .lstcont.nodata{display:flex;align-items:center;justify-content:center;width:1180px;min-height:500px;color:#000;font-size:22px;border:none}

/* view */
.fanart .gallery_view{padding:70px 0 130px 0;background:#ece8f1;}
.fanart .gallery_view h2{display:block;text-align:center;color:#000;font-size:40px;font-weight:700;line-height:40px}
.fanart .viewbox_info{display:flex;margin:40px auto 0 auto;padding:60px;width:1300px;background:#fff}
.fanart .viewbox_info .thum{position:relative;padding:35px;width:330px;height:250px;background:#ededed;}
.fanart .viewbox_info .thum{position:relative;padding:35px;width:330px;height:250px;background:#ededed;}
.fanart .viewbox_info .info{position:relative;margin-left:auto;width:800px;border-top:1px solid #5a5a5a}
.fanart .viewbox_info .info dl{display:flex;flex-wrap:wrap;align-items:center;height:62.5px;border-bottom:1px solid #dedede;}
.fanart .viewbox_info .info dl dt{padding-left:30px;width:220px;color:#000;font-size:15px;}
.fanart .viewbox_info .info dl dd{display:flex;align-items:center;;width:580px;color:#000;font-size:18px;font-weight:700;}
.fanart .viewbox_info .info dl dd img{margin:1px 8px 0 0;width:16px;height:16px;}
.fanart .viewbox_info .info dl dd a{margin-left:10px;width:55px;height:24px;background:#1e1e1e;color:#f9f9f9;font-size: 14px;text-align:center;line-height:23px}
.fanart .viewbox_cont{margin:40px auto 0 auto;padding:60px;width:1300px;background:#fff;color:#8f8f8f;font-size:17px;line-height:32px}
.fanart .viewbox_cont img{width:100%;}
.fanart .viewbox_cmt{margin:40px auto 0 auto;padding:50px 60px;width:1300px;}
.fanart .viewbox_cmt .ipt{display:flex;}
.fanart .viewbox_cmt .ipt input{padding-left:20px;width:985px;height:54px;border:1px solid #b6b6b6;background:#fff;color:#8f8f8f;font-size:17px;}
.fanart .viewbox_cmt .ipt label{margin-left:auto;width:185px;height:54px;background:#1c1c1c;color:#fff;font-size: 18px;text-align:center;line-height:53px;}
.fanart .viewbox_cmt ul{display:flex;align-items:center;min-height:72px;border-bottom:1px solid #dedede;}
.fanart .viewbox_cmt ul li{color:#000;font-size:17px;line-height:23px;}
.fanart .viewbox_cmt ul li.chk{width:30px;margin:1px 0 0 0;margin:0;font-size:0;line-height:0;}
.fanart .viewbox_cmt ul li.chk input{width:16px;height:16px;border:1px solid #000}
.fanart .viewbox_cmt ul li.name{display:flex;align-items:center;width:180px;}
.fanart .viewbox_cmt ul li.name img{margin:1px 8px 0 0;}
.fanart .viewbox_cmt ul li.cmt{width:780px;overflow-wrap:break-word;}
.fanart .viewbox_cmt ul li.date{margin-left:auto;}
.fanart .btnarea{margin-top:30px;text-align:center;}
.fanart .btn_seelist{display:block;margin:30px auto 0 auto;width:290px;height:80px;background:#000;line-height:79px;color:#fff;font-size:22px;font-weight:500;text-align:center;}
.fanart .btn_del{display:block;position:absolute;left:60px;bottom:150px;width:160px;height:40px;background:#a5a5a5;line-height:39px;color:#fff;font-size:16px;font-weight:400;text-align:center;}

/* write */
.fanart .gallery_write{padding:70px 0 130px 0;background:#ece8f1;}
.fanart .gallery_write h2{display:block;text-align:center;color:#000;font-size:40px;font-weight:700;line-height:40px}
.fanart .gallery_write h3{display:block;color:#000;font-size:24px;font-weight:700;line-height:34px}
.fanart .write_info{margin:40px auto 0 auto;padding:60px;width:1300px;background:#fff;}
.fanart .write_info .info dl{display:flex;align-items:center;margin-top:20px}
.fanart .write_info .info dl dt{width:140px;color:#000;font-size:20px;font-weight:500;}
.fanart .write_info .info dl dd{display:flex;align-items:center;;width:1040px;color:#b9b9b9;font-size:14px;}
.fanart .write_info .info dl dd.reg{color:#8554B9;font-size:16px;}
.fanart .write_info .info dl dd.reg a{margin-left:10px;}
.fanart .write_info .info input{padding-left:25px;width:100%;height:60px;border:1px solid #d9d9d9;color:#000;font-size:16px;}
.fanart .write_info .info input::placeholder{color:#b9b9b9 !important}
.fanart .write_info .info textarea{padding:20px 25px;width:100%;height:170px;border:1px solid #d9d9d9;color:#000;font-size:16px;line-height:26px;}
.fanart .write_info .info textarea::placeholder{color:#b9b9b9 !important;line-height:26px;}

.fanart .write_info .attach{position:relative;margin-top:20px;padding:40px 50px;border-top:1px solid #5A5A5A;background:#e8e8e8;color:#7c7c7c;font-size:16px;line-height:26px;}
.fanart .write_info .attach li{display:flex;align-items:center;color:#7c7c7c;font-size:16px;line-height:26px;}
.fanart .write_info .attach .attach_t1{margin-bottom:6px;;color:#000;font-size:24px;line-height:34px;font-weight:700;}
.fanart .write_info .attach .attach_t2{display:flex;align-items:center;margin-top:15px;color:#000;font-size:20px;font-weight:500;}
.fanart .write_info .attach .attach_t2 span{margin:0 10px 0 20px;color:#8554B9;font-size:16px;}
.fanart .write_info .attach .attach_del{padding:0;margin:0;width:30px;height:30px;line-height:0;}
.fanart .write_info .attach .ml20{margin-left:20px}

.fanart .write_info .btn_upload{display:flex;align-items:center;justify-content:center;margin-left:20px;width:166px;height:40px;background:#B48BDF;color:#fff;font-size:16px;line-height:39px;text-align:center;cursor:pointer;}
.fanart .write_info #addfile{display:none}

.fanart .previewbox_info{display:flex;margin:40px auto 0 auto;padding:60px;width:1300px;background:#fff;}
.fanart .previewbox_info .thum{position:relative;padding:35px;width:330px;height:250px;background:#ededed;}
.fanart .previewbox_info .thum{position:relative;padding:35px;width:330px;height:250px;background:#ededed;}
.fanart .previewbox_info .info{position:relative;margin-left:auto;width:800px;border-top:1px solid #5a5a5a}
.fanart .previewbox_info .info dl{display:flex;flex-wrap:wrap;align-items:center;height:125px;border-bottom:1px solid #dedede;}
.fanart .previewbox_info .info dl dt{padding-left:30px;width:220px;color:#000;font-size:15px;}
.fanart .previewbox_info .info dl dd{display:flex;align-items:center;;width:580px;color:#000;font-size:18px;font-weight:700;}
.fanart .previewbox_info .info dl dd img{margin:1px 8px 0 0;width:16px;height:16px;}
.fanart .previewbox_info .info dl dd a{margin-left:10px;width:55px;height:24px;background:#1e1e1e;color:#f9f9f9;font-size: 14px;text-align:center;line-height:23px}
.fanart .previewbox_cont{margin:0 auto;padding:0 60px 60px 60px;width:1300px;background:#fff;color:#8f8f8f;font-size:17px;line-height:32px}
.fanart .previewbox_cont img{width:100%;}

.fanart .btnarea{display:flex;align-items:center;margin-top:50px}
.fanart .btnarea a{width:180px;height:56px;text-align:center;line-height:55px;background:#a5a5a5;color:#fff;font-size:18px;font-weight:500;}
.fanart .btnarea a.btn_preview{margin:0 10px 0 auto}
.fanart .btnarea a.btn_submit{background:#8554B9;}
.fanart .btnarea.previwbtns{padding-top:50px;border-top:1px solid #dedede;}