/* 
------------------------------------------------------------
MGAME Web Design Team
first written : Yang Young bok 230602
updated : YYB 230913 / YYB 240213 / YYB 240430
------------------------------------------------------------
*/


/* start */
.start{display:flex;height:99px;overflow:hidden}
.start a{display:block;width:153px;background:#1e1e1e;font-weight:500;font-size:17px;line-height:97px;color:#8f8f8f;text-align:center}
.start a:hover{color:#d2d2d2}
.start .button{width:280px;background:#de5a19;font-size:36px;color:#fff}
.start .button:hover{background:#ffd323;color:#463e1c}
/* visual */
.visual{position:relative;height:350px;background:#e9e9e9}
.visual li{position:relative;height:350px;background-position:center 0;background-repeat:no-repeat}
.visual .text{margin:0 auto;width:1600px}
.visual .text a{display:block;box-sizing:border-box;height:510px;color:#fff;text-indent:-9999px}
.visual .control{display:flex;justify-content:flex-end;position:absolute;bottom:0;left:50%;margin-left:-700px;width:1400px;z-index:10}
.visual .swiper-pagination{position:relative;top:auto;bottom:auto;left:auto;width:73px;height:30px;background:#23272a;font-size:16px;line-height:28px;color:#656565;text-align:center}
.visual .swiper-pagination span{color:#fff}
.visual .swiper-pagination .swiper-pagination-current{color:#ead546}
.visual .swiper-button-prev:hover:after,.visual .swiper-button-next:hover:after{background-position:0 -30px}
.visual .swiper-button-next{transform:rotate(-180deg)}
.visual .more a{display:block;margin:0 0 0 1px;width:30px;height:30px;background:url(../../mgamezzang/games/yulgang_v4/common/btn_visuals.png) no-repeat 0 -60px;text-indent:-9999px}



.visual .swiper-button-prev,.visual .swiper-button-next,.swiper-autoplay{position:relative;left:auto;right:auto;margin:0 0 0 1px;width:30px;height:30px}
.visual .swiper-button-prev:after,.visual .swiper-button-next:after,.swiper-autoplay button{content:'';display:block;width:30px;height:30px;background:url(../../mgamezzang/games/yulgang_v4/common/btn_visuals.png) no-repeat}

.swiper-autoplay button[aria-pressed="true"]{background-position:0 -90px}
.swiper-autoplay button[aria-pressed="false"]{background-position:0 -120px}





/* content */
.heading{position:relative;border-bottom:1px solid #ececec}
.heading h2{margin:0 auto;width:1400px;height:74px;font-weight:400;font-size:26px;line-height:72px}
.heading h2 strong{font-weight:normal}
.heading .tabs{position:absolute;top:0;left:50%;margin:0 0 0 -700px;display:flex;justify-content:center;width:1400px;font-size:18px}
.heading .tabs li{margin:0 25px}
.heading .tabs a{display:block;margin:0 0 1px 0;padding:22px 0;border-bottom:3px solid transparent;color:#dcaf26}
.heading .tabs .on a{border-bottom-color:#ffb400;color:#a87017}
.content{position:relative;margin:0 auto 200px auto;padding:29px 0 0 0;width:1400px}
.content.line{border-bottom:2px solid #373737}
.content h3{position:relative;padding:0 0 15px 0;font-weight:500;font-size:26px}
.content h3.line{border-bottom:2px solid #c4c4c4}
.content h3 .btnMark{display:inline-block;box-sizing:border-box;margin:0 0 0 10px;width:23px;height:23px;border-radius:12px;border:1px solid #797979;font-size:14px;text-align:center;vertical-align:middle}
.content h3 .btnMark:hover{border-color:#e07c10;background:#e07c10;color:#fff}
.content .tabs{position:absolute;top:40px;right:0;display:flex}
.content .tabs li{position:relative;margin:0 0 0 10px}
.content .tabs a{display:block;padding:0 20px;min-width:44px;height:32px;border-radius:3px;background:#d1ccc0;font-size:16px;line-height:30px;text-align:center;color:#fff}
.content .tabs a:after{content:'';display:block;position:absolute;left:50%;margin:2px 0 0 -4px;border-top:4px solid #d1ccc0;border-left:4px solid transparent;border-right:4px solid transparent}
.content .tabs .on a{background-color:#6c685e}
.content .tabs .on a:after{border-top-color:#6c685e}
.content .tabSub{display:flex;padding:33px 5px 0 10px;background:#4d4d4d}
.content .tabSub li{flex-basis:100%;margin:0 5px 0 0}
.content .tabSub a{display:block;padding:0 20px;height:55px;background:#626262;font-size:22px;line-height:53px;color:#ababab;text-align:center}
.content .tabSub .on a{background:#fff;color:#1d1d1d}
/* info */
.introduce{box-sizing:border-box;margin:50px 0 0 0;padding:93px 80px 100px 100px;height:1112px;background:url(../../mgamezzang/games/yulgang_v4/info/bg_introduce.jpg);font-size:15px;line-height:26px;color:#4289ab;word-break:keep-all}
.introduce h4{margin:0 0 31px 0;font-weight:500;font-size:40px;color:#28697c;white-space:nowrap}
.introduce p{margin:0 0 27px 0}
.introduce div:first-child{margin:0 0 0 420px}
.introduce div:nth-child(2){margin:267px 530px 0 0}
.feature h4{margin:37px 0 21px 0;font-weight:300;font-size:40px;color:#1d1d1d}
.feature h5{margin:0 0 22px 0;font-weight:400;font-size:40px;line-height:60px}
.feature h6{margin:0 0 20px 0;font-weight:400;font-size:30px;line-height:35px}
.feature .swiper-slide{box-sizing:border-box;padding:46px 100px;height:630px;background-repeat:no-repeat;font-weight:300;font-size:15px;line-height:26px;word-break:keep-all}
.feature .control{position:absolute;left:0;bottom:23px;display:flex;margin:0 30px}
.feature .swiper-pagination{position:relative;margin:0 20px;font-weight:300;font-size:26px;color:#acacac;white-space:nowrap;vertical-align:middle}
.feature .swiper-pagination-current{font-weight:500;color:#2795da}
.feature .swiper-pagination-total{font-weight:500;color:#8597a6}
.feature .swiper-pagination-fraction{top:inherit;bottom:0;left:inherit}
.feature .swiper-button-prev,.feature .swiper-button-next{position:relative;top:inherit;left:inherit;right:inherit;margin:0;width:41px;height:41px;vertical-align:middle}
.feature .swiper-button-prev:after,.feature .swiper-button-next:after{content:'';width:41px;height:41px;border-radius:21px;background:#524a41 url(../../mgamezzang/games/yulgang_v4/info/btn_story.png) no-repeat center 0}
.feature .swiper-button-prev:hover:after,.feature .swiper-button-next:hover:after{background-color:#de5a19;background-position:center -41px}
.feature .swiper-button-next{right:0;transform:rotate(-180deg)}
.story{margin-bottom:60px}
.story .story1{padding-top:155px;background-image:url(../../mgamezzang/games/yulgang_v4/info/bg_story1.jpg);text-align:center}
.story1 h5{color:#fff}
.story1 h6{color:#74b7d7}
.story1 p{margin:0 auto;width:770px;color:#6d838d}
.story .story2{background-image:url(../../mgamezzang/games/yulgang_v4/info/bg_story2.jpg);text-align:center}
.story2 h5{color:#d79b33}
.story2 h6{margin-left:120px;margin-right:120px;color:#d3ad65}
.story2 p{margin:0 210px 25px 210px;color:#b0a990}
.story .story3{padding-left:513px;padding-right:120px;background-image:url(../../mgamezzang/games/yulgang_v4/info/bg_story3.jpg)}
.story3 h5{color:#e85c24}
.story3 h6{margin-right:50px;color:#d35b3b}
.story3 p{margin:0 0 25px 0;color:#af8071}
.story .story4{background-image:url(../../mgamezzang/games/yulgang_v4/info/bg_story4.jpg)}
.story4 h5{color:#ecbf0d}
.story4 h6{margin-right:210px;color:#b6ab6b}
.story4 p{margin:0 0 25px 0;width:760px;color:#b09281}
.story .story5{background-image:url(../../mgamezzang/games/yulgang_v4/info/bg_story5.jpg)}
.story5 h5{color:#4e4e4e}
.story5 h6{width:758px;color:#717171}
.story5 p{margin:0 0 25px 0;width:1050px;color:#666}
.implement{color:#e1f4f3}
.implement h5{margin-bottom:5px;color:#ffea36}
.implement h6{color:#fff}
.implement .swiper-slide{padding:0 0 0 482px}
.implement1{background-image:url(../../mgamezzang/games/yulgang_v4/info/bg_implement1.jpg)}
.implement1 h5{margin-top:173px}
.implement1 h6{margin-bottom:45px}
.implement2{background-image:url(../../mgamezzang/games/yulgang_v4/info/bg_implement2.jpg)}
.implement2 h5{margin-top:125px}
.implement2 h6{margin-bottom:45px}
.implement2 li{margin:0 0 7px 0}
.implement2 li span{display:inline-block;margin:0 6px 0 0;width:116px;height:29px;border-radius:15px;background:rgba(255,255,255,.3);line-height:28px;color:#e1f4f3;text-align:center;vertical-align:middle}
.implement3{background-image:url(../../mgamezzang/games/yulgang_v4/info/bg_implement3.jpg)}
.implement3 h5{margin-top:125px}
.implement3 h6{margin-bottom:42px}
.implement3 li{margin:0 0 18px 0}
.implement3 li strong{font-weight:300;font-size:26px}
.implement4{background-image:url(../../mgamezzang/games/yulgang_v4/info/bg_implement4.jpg)}
.implement4 h5{margin-top:65px}
.implement4 h6{margin-bottom:29px}
.implement4 li{display:flex;align-items:center;margin:0 0 21px 0;line-height:24px}
.implement4 li span{display:block;margin:0 10px 0 0;width:100px;height:49px;background:rgba(255,255,255,.3);font-size:26px;line-height:47px;text-align:center}
.implement4 li div{width:780px;letter-spacing:-0.5px}
.implement4 li:nth-child(4) span{margin-top:-22px}
.implement .control{left:auto;right:0}
.implement .swiper-pagination-current{color:#e7d615}
.implement .swiper-pagination-total{color:#d5d5d5}
.tabGuide{position:relative;display:flex;margin:40px 67px 0 67px;z-index:10}
.tabGuide .swiper-slide{width:115px;background:#fff;font-size:18px;line-height:56px;text-align:center;cursor:pointer}
.tabGuide .swiper-slide div{height:60px;border:1px solid #40b4df}
.tabGuide .swiper-slide-thumb-active{border-color:#4d4940;background:#4d4940;color:#fff}
.tabGuide .swiper-slide-thumb-active a{color:#fff}






.viewGuide{margin:-62px 0 0 0;padding:42px 0 0 0;border-bottom:2px solid #373737}
.viewGuide .swiper-button-prev,.viewGuide .swiper-button-next{top:0;margin:0;width:60px;height:60px;border:1px solid #ccc;opacity:1}
.viewGuide .swiper-button-prev{left:0}
.viewGuide .swiper-button-next{right:0;transform:rotate(-180deg)}
.viewGuide .swiper-button-prev:after,.viewGuide .swiper-button-next:after{content:'';display:block;width:100%;height:100%;background:#fff url(../../mgamezzang/games/yulgang_v4/news/btn_pagination.png) no-repeat center 4px}
.viewGuide div{margin:60px 0 0 0;font-size:20px}
.viewGuide .list{display:flex;flex-wrap:wrap;padding:70px 0 0 60px;font-size:16px}
.viewGuide .list>li{box-sizing:border-box;margin:0 20px 20px 0;width:240px;border:1px solid #ccc}
.viewGuide .list>li ul{margin:15px 20px 15px 28px}
.viewGuide .list>li li{margin:10px 0}
.viewGuide .list h4{margin:-1px;height:45px;background:#5bb3c6;font-weight:400;font-size:18px;line-height:44px;color:#fff;text-align:center}
.viewGuide .list a:hover{color:#e67507}
/* ranking */

.tabRanking{position:relative;display:flex;margin:40px 67px 0 67px;z-index:10}
.tabRanking .swiper-slide{width:115px;background:#fff;font-size:18px;line-height:56px;text-align:center;cursor:pointer}
.tabRanking .swiper-slide div{height:60px;border:1px solid #40b4df}
.tabRanking .swiper-slide-thumb-active{border-color:#4d4940;background:#4d4940;color:#fff}
.tabRanking .swiper-slide-thumb-active a{color:#fff}
.viewRanking{margin:-62px 0 0 0;padding:42px 0 0 0}
.viewRanking .swiper-button-prev,.viewRanking .swiper-button-next{top:0;margin:0;width:60px;height:60px;border:1px solid #ccc;opacity:1}
.viewRanking .swiper-button-prev{left:0}
.viewRanking .swiper-button-next{right:0;transform:rotate(-180deg)}
.viewRanking .swiper-button-prev:after,.viewRanking .swiper-button-next:after{content:'';display:block;width:100%;height:100%;background:#fff url(../../mgamezzang/games/yulgang_v4/news/btn_pagination.png) no-repeat center 4px}
.viewRanking div{margin:40px 0 0 0;font-size:20px}
.ranking{border-collapse:collapse;margin:40px 0 0 0;width:100%;border-bottom:2px solid #373737}
.ranking th{height:45px;background:#85cede;font-weight:normal;font-size:16px;color:#fff;text-align:center}
.ranking td{height:80px;border-top:1px solid #dfdfdf;font-size:18px;text-align:center}

.ranking td span{display:inline-block;width:40px;height:30px;background:url(../../mgamezzang/games/yulgang_v4/ranking/icon_ranking.png) no-repeat 0 -300px;font-weight:bold;font-size:14px;color:#85660e}
.ranking .no1 span{background-position:0 0;text-indent:-9999px}
.ranking .no2 span{background-position:0 -30px;text-indent:-9999px}
.ranking .no3 span{background-position:0 -60px;text-indent:-9999px}
.ranking .no4 span{background-position:0 -90px;text-indent:-9999px}
.ranking .no5 span{background-position:0 -120px;text-indent:-9999px}
.ranking .no6 span{background-position:0 -150px;text-indent:-9999px}
.ranking .no7 span{background-position:0 -180px;text-indent:-9999px}
.ranking .no8 span{background-position:0 -210px;text-indent:-9999px}
.ranking .no9 span{background-position:0 -240px;text-indent:-9999px}
.ranking .no10 span{background-position:0 -270px;text-indent:-9999px}

/* store */
.costume .recent{position:relative;display:flex;align-items: center;margin:0 0 30px 0;padding:0 0 0 48px;height:610px;background:#31404c;color:#d5d5d5}
.costume .recent h4{position:absolute;top:0;left:68px}
.costume .recent ul{position:absolute;right:80px;bottom:80px}
.costume .recent li{margin:10px 0 0 0;font-size:15px}
.costume .recent li span{display:inline-block;margin:0 10px 0 0;width:130px;height:30px;border-radius:15px;background:#4d555c;line-height:29px;text-align:center}
.costume .recent .title{margin:16px 0 28px 0;font-size:20px;color:#b6b6b6}
.costume .recent .title strong{font-weight:normal;font-size:40px;color:#fff}
.costume .recent .small img{margin:0 6px 0 3px}
.costume .eventList{padding-top:20px}
.costume .eventList img{margin:0 auto;padding:20px;width:400px}
.costume select{padding:0 22px;width:123px;height:39px;border:2px solid #8d8d8d;background:url(../../mgamezzang/games/yulgang_v4/news/btn_select.png) no-repeat calc(100% - 22px) 50%;font-size:18px;color:#626262;appearance:none}
.shopList{border-collapse:collapse;margin:20px 0 0 0;width:100%;border-bottom:2px solid #373737}
.shopList th{height:45px;background:#6fa38e;font-weight:400;font-size:16px;color:#fff}
.shopList td{padding:10px 0;width:200px;border-top:1px solid #dfdfdf;font-size:18px;text-align:center;color:#838383}
.shopList td:nth-child(2){text-align:left}
.shopList td:last-child{padding:10px;width:auto;font-size:15px;text-align:left}
.mandu{display:flex;margin:0 0 60px 0;min-height:348px;border:1px solid #cfcfcf}
.mandu .user{display:flex;align-items:center;box-sizing:border-box;margin:-1px;padding:0 48px;width:360px;background:#1c2f40;font-size:15px;color:#fff}
.mandu .user ul{width:100%}
.mandu .user li{display:flex;align-items:center;justify-content:space-between;margin:10px 0}
.mandu .user li:first-child{margin:0 0 33px 0;font-size:26px}
.mandu .user span{display:inline-block;width:150px;height:30px;border-radius:15px;background:#4d555c;line-height:29px;text-align:center;color:#d5d5d5}
.mandu .user div{text-align:right}
.mandu .tab{display:flex;margin:0 0 20px 0;border-bottom:1px solid #787878}
.mandu .tab li{box-sizing:border-box;margin:0 2px -1px 0;width:155px;height:51px}
.mandu .tab a{display:block;height:49px;border:1px solid #ccc;border-bottom-color:#787878;background:#fff;font-size:18px;line-height:50px;color:#838383;text-align:center}
.mandu .tab a.active{border-color:#787878;border-bottom-color:#fff;color:#1d1d1d}
.mandu select{padding:0 20px 0 24px;width:137px;height:36px;border:1px solid #ccc;background:url(../../mgamezzang/games/yulgang_v4/news/btn_select.png) no-repeat calc(100% - 20px) 50%;font-size:16px;color:#000;appearance:none;vertical-align:middle}
.mandu select+span{margin:0 16px;font-weight:bold;font-size:16px}
.mandu button[type=button]{width:73px;height:36px;background:#4c4c4c;font-size:16px;color:#fff;vertical-align:middle}
.mandu button[type=button]:hover{background:#e47100}
.mandu .table{flex-grow:1;margin:10px 30px}
.mandu table{border-collapse:collapse;margin:10px 0 5px 0;width:100%;font-size:16px}
.mandu th{height:36px;background:#4c4c4c;font-weight:normal;color:#fff}
.mandu td{height:39px;border-bottom:1px solid #c9c9c9;text-align:center}
.mandu table+p{color:#838383}
.mandu .pagination{margin:15px 0 0 0}
.mandu .pagination a,.mandu .pagination strong{min-width:26px;height:26px;font-size:13px;line-height:25px}
.mandu .pagination .first,.mandu .pagination .prev,.mandu .pagination .next,.mandu .pagination .last{background-size:36px}
.mandu .pagination .first,.mandu .pagination .last{background-position:0 -36px}
.mandu .view{display:none}
.mandu .active{display:block}
.manduList{padding:0 0 25px 0;border-bottom:2px solid #373737}
.manduList ul{display:flex;flex-wrap:wrap}
.manduList li{position:relative;box-sizing:border-box;margin:0 0 25px 25px;padding:0 0 25px 0;width:450px;border:1px solid #d4d4d4}
.manduList li:nth-child(3n+1){margin-left:0}
.manduList li img{display:block;margin:0 0 24px 0;width:448px;height:288px;border-bottom:1px solid #d6d6d6}
.manduList li a:hover:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3)}
.manduList .title{margin:0 0 10px 30px;font-size:20px}
.manduList .icoMandu{margin:0 0 0 30px;font-size:13px;color:#838383}
.manduBuy .button{display:flex;justify-content:space-between;margin:10px 0 50px 0}
.manduBuy .buy{position:relative;box-sizing:border-box;margin:0 auto 50px auto;padding:0 0 0 626px;width:1086px;height:371px}
.manduBuy .buy li{display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:50px;background:url(../../mgamezzang/games/yulgang_v4/news/line_dot.png) repeat-x;background-size:4px 1px;font-size:17px;color:#626262}
.manduBuy .buy li:first-child{padding:0;height:80px;font-size:26px}
.manduBuy .buy li:last-child{height:59px;font-size:20px}
.manduBuy .buy li:last-child div{color:#fe0002}
.manduBuy .buy select{padding:0 10px 0 20px;width:77px;height:36px;border:1px solid #ccc;background:url(../../mgamezzang/games/yulgang_v4/news/btn_select.png) no-repeat calc(100% - 10px) 50%;font-size:16px;color:#000;appearance:none;vertical-align:middle}
.manduBuy .buy .icoMandu{margin-top:-5px}
.manduBuy .buy button{width:460px;height:82px;background:#4c4c4c;font-size:24px;color:#fff}
.manduBuy .buy button:hover{background:#e57100}
.manduBuy .image{position:absolute;top:0;left:0;width:574px;height:369px;border:1px solid #d6d6d6}
.manduBuy .image img{width:100%;height:100%}
.manduBuy .detail{padding:0 156px 50px 156px;border-bottom:2px solid #373737}
/* data */
.wallpaper{margin:25px 0 0 0;border-bottom:2px solid #373737} 
.wallpaper ul{display:flex;flex-wrap:wrap;margin:0 0 0 -40px}
.wallpaper li{position:relative;box-sizing:border-box;margin:0 0 40px 40px;padding:19px;width:440px;border:1px solid #d8d8d8}
.wallpaper img{width:100%;height:248px}
.wallpaper .recent{margin:0 0 80px 0;justify-content:space-between}
.wallpaper .recent li{margin:0;padding:0;width:690px;border:none}
.wallpaper .recent img{height:432px}
.wallpaper .button{position:absolute;top:50%;left:50%;margin:-57px 0 0 -119px;display:none}
.wallpaper .button button{margin:0 0 10px 0;width:238px;height:52px;border-radius:20px;background:#4a4a4a;font-size:18px;line-height:32px;color:#fff;text-align:center}
.wallpaper .button button:before{content:'';display:inline-block;margin:0 8px 0 0;width:25px;height:30px;background:url(../../mgamezzang/games/yulgang_v4/data/bu_data.png) no-repeat 0 -1px;vertical-align:middle}
.wallpaper .button .down:before{background-position:0 -31px}
.wallpaper .button button:hover{background:#de5a19}
.wallpaper li:hover:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7)}
.wallpaper li:hover .button{display:block}
.wallpaperZoom{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:200}
.wallpaperZoom .swiper{padding:154px 193px 55px 193px;width:920px}
.wallpaperZoom .swiper-pagination{bottom:0px;font-size:30px;color:#fff}
.wallpaperZoom .swiper-pagination-current{color:#ffcc00}
.wallpaperZoom .swiper-button-prev,.wallpaperZoom .swiper-button-next{width:142px;height:142px;border-radius:71px;overflow:hidden}
.wallpaperZoom .swiper-button-prev:after,.wallpaperZoom .swiper-button-next:after{content:'';width:100%;height:100%;background:#0f0f0f url(../../mgamezzang/games/yulgang_v4/data/btn_zoom.png) no-repeat 37px 0}
.wallpaperZoom .swiper-button-prev:hover:after,.wallpaperZoom .swiper-button-next:hover:after{background-color:#de5a19;background-position:37px -142px}
.wallpaperZoom .swiper-button-next{transform:rotate(-180deg)}
.wallpaperZoom .button{position:absolute;top:154px;right:130px;z-index:1}
.wallpaperZoom .button button,.wallpaperZoom .button a{display:block;margin:0 0 10px 0;height:53px;overflow:hidden}
.wallpaperZoom .button button:hover img,.wallpaperZoom .button a:hover img{margin:-53px 0 0 0}
.fanList{border-bottom:2px solid #373737}
.fanList li{position:relative;padding:30px 0;border-top:1px solid #dfdfdf;font-size:15px;color:#626262;overflow:hidden}
.fanList li:first-child{border-top:0}
.fanList li a{float:left;display:block;margin:0 30px 0 0;padding:19px;border:1px solid #d6d6d6}
.fanList li a img{width:320px;height:200px}
.fanList h4{margin:65px 0 12px 0;font-weight:400;font-size:24px;color:#1d1d1d}
.fanList button{position:absolute;bottom:30px;width:160px;height:60px;border:1px solid #ccc;background:#fff;font-size:18px;color:#1d1d1d;text-align:center}
.fanList li a:hover,.fanList button:hover{border-color:#787878}
.fanWrite{border-bottom:2px solid #373737}
.fanWrite li{display:flex;align-items:center;padding:22px 0 22px 32px;border-bottom:1px solid #dfdfdf;background:linear-gradient(to right,#ece9de 205px,#fdfbf6 205px 100%);font-size:18px;color:#626262}
.fanWrite li>span{display:block;margin:0 30px 0 0;width:172px;color:#1d1d1d}
.fanWrite li>span em{font-style:normal;font-size:14px}
.fanWrite .id{margin-bottom:19px}
.fanWrite .id div{color:#1d1d1d}
.fanWrite .id+li{border-top:1px solid #dfdfdf}
.fanWrite .email input{width:140px}
.fanWrite select,.fanWrite input[type=text],.fanWrite input[type=number],.fanWrite input[type=tel],.fanWrite input[type=email],.fanWrite input[type=url],.fanWrite textarea{box-sizing:border-box;padding:5px 18px;height:36px;border:1px solid #ccc;font-size:16px}
.fanWrite select{margin:0 8px 0 0;min-width:117px;background:#fff url(../../mgamezzang/games/yulgang_v4/news/btn_select.png) no-repeat calc(100% - 10px) 50%;appearance:none}
.fanWrite input[type=tel]{margin:0 8px;width:117px;text-align:center}
.fanWrite input[type=url],.fanWrite .name,.fanWrite textarea{width:890px}
.fanWrite input[type=file]{margin-right:20px;font-size:16px}
.fanWrite input[type=file]+span{font-size:14px}
.fanWrite textarea{height:86px}
.fanWrite *::placeholder{color:#bdbdbd}
.produce{display:flex;flex-wrap:wrap;margin:25px 0 0 0;border-bottom:2px solid #373737}
.produce li{position:relative;box-sizing:border-box;margin:0 0 40px 40px;padding:19px;width:440px;border:1px solid #d4d4d4;font-size:20px}
.produce li img{display:block;margin:0 0 13px 0;width:400px;height:248px}
.produce li .btnDown{position:absolute;top:50%;left:50%;margin:-26px 0 0 -120px;padding:0 43px;height:52px;border-radius:20px;line-height:48px;z-index:10;display:none}
.produce li:nth-child(3n+1){margin-left:0}
.produce li:hover:before{content:'';display:block;position:absolute;top:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);background:rgba(0,0,0,.5);z-index:10}
.produce li:hover .btnDown{display:block}
.btnSelection{position:absolute;right:0;margin:-46px 0 0 0;width:177px;height:34px;border:1px solid #ccc;background:#fff;line-height:30px}
.btnSelection:hover{border-color:#787878}
.btnSelection:before{content:'';display:inline-block;margin:0 8px 0 0;width:13px;height:30px;background:url(../../mgamezzang/games/yulgang_v4/data/bu_data.png) no-repeat center -61px;vertical-align:middle}
/* security */
.policy{margin:40px 0 0 0;font-size:15px;line-height:26px;color:#838383;word-break:keep-all}
.policy h4{margin:-60px 0 20px 0;padding:110px 0 16px 0;border-bottom:1px solid #dfdfdf;font-weight:400;font-size:18px;color:#1d1d1d}
.policy h4:before{content:'';display:inline-block;margin:-3px 10px 0 0;width:17px;height:17px;background:url(../../mgamezzang/games/yulgang_v4/security/bu_policy.png) no-repeat;vertical-align:middle}
.policy h5{margin:30px 0 0 0;font-weight:400;font-size:18px;color:#1d1d1d}
.policy p{margin:20px 0}
.policy ol,.policy ul{margin:10px 0}
.policy li{margin:5px 9px;text-indent:-9px}
.policy>ol>li{margin-left:17px;text-indent:-17px}
.policy li ol,.policy li ul{margin-left:5px;margin-right:5px;margin-bottom:15px}
.policy table{border-collapse:collapse;margin:10px 0;width:100%;border:1px solid #ccc}
.policy caption{padding:20px 0 10px 0;font-size:18px;text-align:left;color:#1d1d1d}
.policy th,.policy td{padding:12px 20px;border-bottom:1px solid #ccc}
.policy th{background:#e4e4e4}
.policy td{text-align:center;white-space:nowrap}
.policy td.left{text-align:left;white-space:normal}
.policy .refer{margin-top:10px;color:#e47100}
.policy .menu{display:flex;flex-wrap:wrap;margin:20px 0 0 0;padding:15px 60px;border:1px solid #787878;font-size:18px}
.policy .menu li{margin:16px 0;min-width:230px}
.policy .menu li:nth-child(4n+4){width:30%}
.policy .menu a:before{content:'';display:inline-block;margin:0 10px 0 0;width:15px;height:15px;background:url(../../mgamezzang/games/yulgang_v4/security/bu_policy.png) no-repeat 0 -20px}
.policy .menu a:hover{color:#e77503}
.reset{margin:50px 0 0 0;padding:40px 100px 40px 77px;border:solid #dfdfdf;border-width:1px 0;font-size:15px;line-height:24px;word-break:keep-all;overflow:hidden}
.reset:before{display:inline-block;content:'';float:left;margin:0 37px 0 0;width:292px;height:292px;border-radius:50%;background:#ededed url(../../mgamezzang/games/yulgang_v4/security/icon_reset.png) no-repeat 50%}
.reset h4{margin:0 0 25px 0;font-weight:400;font-size:22px}
.reset p{margin:25px 0 0 0;color:#838383}
.reset ol{margin:0 0 0 330px;color:#838383}
.reset ol>li{margin:25px 0 0 17px;text-indent:-17px}
.reset ol>li li{margin:5px 0 0 0;text-indent:0}
.reset ol+p{margin:40px 0 0 0;color:#d08d24}
.reset.pc{background:#fdfbf6}
.reset.pc:before{background-image:url(../../mgamezzang/games/yulgang_v4/security/icon_pc.png)}
.reset.howto{margin:30px 0}
.reset.howto:before{background-image:url(../../mgamezzang/games/yulgang_v4/security/icon_pc2.png)}
.reset button,.reset.howto+button{margin:30px 0 0 0;width:200px;height:60px;background:#e47100;font-size:18px;color:#fff;text-align:center}
.reset button:hover,.reset.howto+button:hover{background:#cb6706}
.reset.howto+button{display:block;margin:0 auto}

/* schedule */
.schedule{border-collapse:collapse;table-layout:fixed;margin:30px;width:calc(100% - 60px);border:1px solid #dbdee0}
.schedule th,.schedule td{padding:15px 0;border:solid #eaeced;font-weight:500;font-size:13px}
.schedule th{border-width:0 0 1px 1px;border-bottom-color:#dbdee0;background:#f5f6f6;color:#878c92}
.schedule th:first-child,.schedule td:first-child{border-left-width:0}
.schedule td{border-width:1px 0 0 1px;text-align:center;color:#666}
.schedule td:first-child{color:#878c92}
.schedule .blue{background:#30a3de;color:#fff}
.schedule .green{background:#8fb52a;color:#fff}
.schedule .yellow{background:#d5aa00;color:#fff}
.schedule .pink{background:#ff7db4;color:#fff}
.schedule .purple{background:#af7ed0;color:#fff}
.schedule .orange{background:#de6930;color:#fff}
.schedule .royalblue{background:#4169E1;color:#fff}
/* board */
.icoRead:before,.icoDate:before,.icoUser:before,.icoLike:before,.icoUp:before,.icoDown:before,.icoTerm:before{content:'';display:inline-block;margin:0 6px 0 0;width:20px;height:20px;background:url(../../mgamezzang/games/yulgang_v4/community/bu_board.png) no-repeat;vertical-align:middle}
.icoDate:before,.icoTerm:before{background-position:0 -20px}
.icoUser:before{background-position:0 -61px}
.icoLike:before{background-position:0 -80px}
.icoUp:before{background-position:0 -100px}
.icoDown:before{background-position:0 -120px}
.icoRead,.icoDate,.icoUser,.icoLike,.icoUp,.icoDown{font-size:15px;color:#838383}
.boardList{margin:0 0 30px 0;border-bottom:2px solid #373737}
.boardList li{display:flex;align-items:center;padding:27px 30px;border-top:1px solid #dfdfdf;font-size:15px;color:#838383}
.boardList li:first-child{border-top:0}
.boardList .icon,.boardView .icon{display:block;margin:0 25px 0 0;min-width:93px;height:23px;border-radius:12px;background:#525252;font-size:14px;line-height:22px;color:#fff;text-align:center;vertical-align:middle}
.boardView .icon{padding:0 15px;min-width:40px;height:27px;border-radius:5px;font-size:18px;line-height:25px;white-space:nowrap}
.boardView .userInfo{position:absolute;bottom:0;left:0;box-sizing:border-box;padding:9px 45px;width:100%;min-height:60px;background:#f2f7f9;font-size:14px;color:#838383}
.boardView .userInfo span{margin-right:8px}
.boardView .userInfo span:last-child:before{content:'';display:inline-block;margin:-4px 12px 0 0;width:1px;height:15px;background:#7d7d7d;vertical-align:middle}
.boardView .userInfo .icoUser{display:block;margin-left:-26px;font-size:14px;}
.icon.i{background:#e13013}
.icon.e{background:#1387e1}
.icon.n{background:#d7bc08}
.icon.u{background:#dc7f07}
.icon.u{background:#dc7f07}
.icon.f{background:#31acf2}
.icon.dam{background:#40b4df}
.icon.han{background:#ef692e}
.icon.mi{background:#d944e2}
.icon.com{background:#958b73}
.icon.ev{background:#0cc39e}
.icon.sell,.icon.buy,.icon.ex,.icon.sur,.icon.deb,.icon.check,.icon.end{display:inline-block;margin-right:10px;padding:0 15px;min-width:40px;height:27px;border-radius:5px;color:#fff;font-size:15px;line-height:25px}
.icon.line,.icon.ing{margin-right:10px;padding:0 10px;min-width:48px;height:25px;border-radius:5px;border:1px solid #cdcdcd;background:none;color:#bebebe;font-size:15px;line-height:23px}
.icon.sell{background:#40b4df}
.icon.buy{background:#ef692e}
.icon.ex{background:#7c9b98}
.icon.screen{background:#92aa0a}
.icon.vod{background:#07b6c6}
.icon.sur{background:#01b19e}
.icon.deb{background:#0b92e0}
.icon.check{background:#e47100}
.icon.end{background:#b9b9b9}
.icon.ing{border-color:#ef692e;color:#ef692e}
.icon.damLine,.icon.hanLine,.icon.miLine{margin-right:10px;padding:0 15px;min-width:38px;height:25px;border:1px solid #40b4df;border-radius:5px;background:#fff;color:#40b4df;font-size:15px;line-height:23px}
.icon.hanLine{border-color:#ef692e;color:#ef692e}
.icon.miLine{border-color:#a65eff;color:#a65eff}
.boardList .must{background:#fcfcf9}
.boardList .must .title a{color:#545454}
.boardList .title{flex-grow:1;font-size:18px;}
.boardList .Freenotice{font-weight:500;}
.boardList .title a{display:inline-block;max-width:850px;color:#626262;white-space:nowrap;text-overflow:ellipsis;word-break:break-all;overflow:hidden;vertical-align:top}
.boardList .title a:hover{color:#e67507}
.boardList .icoRead,.boardList .icoLike{width:135px}
.boardList .icoDate,.boardList .icoUp,.boardList .icoDown{width:105px}
.adminicon {    width:125px;background-image: url("../../mgamezzang/games/yulgang_v3/board/icon_admin.gif" );
    background-repeat: no-repeat;
    background-size: unset;
    background-position: center center;}
.boardList .icoUser{width:175px}
.boardList .icoTerm{width:235px}
.boardList .count{display:inline-block;color:#0176d1}
.boardList img{margin:-5px 0 0 3px;vertical-align:middle}
.boardList img+img{margin-left:0}
.boardList.short .title a{max-width:550px}
.eventList{display:flex;flex-wrap:wrap;justify-content:space-between;padding:30px 50px 0 50px;border-bottom:2px solid #373737}
.eventList li{position:relative;margin:0 0 40px 0;width:628px;border:1px solid #d4d4d4;background:#fff}
.eventList a{display:block;padding:0 0 42px 0;height:calc(100% - 41px);color:#838383}
.eventList a>img{display:block;margin:-1px}
.eventList a:hover{background:#eee}
.eventList .title{padding:22px 30px 4px 30px;font-size:20px;color:#626262}
.eventList .detail{padding:0 30px;font-size:15px}
.eventList .icoDate,.eventList .icoRead{position:absolute;bottom:23px;padding:0 28px;font-size:13px}
.eventList .icoRead{right:0}
.eventList .icoDate:before,.eventList .icoRead:before{margin:0}
.eventList .icoRead:before{margin-top:-2px}
.eventList.vod li a:hover:after{content:'';display:block;position:absolute;top:70px;left:50%;margin-left:-50px;width:100px;height:100px;background:url(../../mgamezzang/games/yulgang_v4/community/ico_vod.png) no-repeat;z-index:20}
.screenshot{justify-content:flex-start;padding:30px 0 0 0}
.screenshot li{margin:0 0 30px 25px;width:448px}
.screenshot li:nth-child(3n+1){margin-left:0}
.screenshot li a:hover:before{content:'';display:block;position:absolute;top:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);background:rgba(0,0,0,.5);z-index:10}
.screenshot .title{padding-top:15px}
.screenshot .user{padding:0 30px 4px 30px;font-size:15px}
.screenshot .icoDate,.screenshot .icoRead{bottom:14px}
.shortsBest{position:relative;margin:0 0 20px 0;background:#4d4d4d}
.shortsBest:before,.shortsBest:after{content:'';display:block;position:absolute;top:0;left:-580px;width:100%;height:100%;background:#4d4d4d}
.shortsBest:after{left:auto;right:-580px}
.shortsBest .screenshot{position:relative;z-index:10}
.shortsBest .best{position:absolute;top:-1px;left:12px}
.boardView .title{display:flex;align-items:center;padding:26px 30px;border-bottom:1px solid #dfdfdf;background:#fdfbf6;font-size:22px}
.boardView .title div{width:1200px}
.boardView .line{display:flex;padding:14px 30px;border-bottom:1px solid #dfdfdf;color:#838383}
.boardView .line div{margin:0 44px 0 0}

.boardView .detail{position:relative;padding:50px 100px;border-bottom:2px solid #373737;font-size:16px}
.boardView .detail .view{ padding:0 0 30px 0; min-height:300px}

.boardView .circle_{display:inline-block;margin:0 20px 0 0;width:36px;height:36px;border-radius:18px;background:#107689;font-size:13px;line-height:36px;color:#fff;text-align:center}
.boardView .circle_.ing{background:#f0880d}
.boardView .circle_.end{background:#737373}
.boardPost{margin:50px 0 0 0;border:solid #dfdfdf;border-width:1px 0}
.boardPost *{vertical-align:middle}
.boardPost li:first-child{border-bottom:1px solid #dfdfdf}
.boardPost li{display:flex;align-items:center;padding:10px 0 11px 30px;font-size:17px;color:#1d1d1d}
.boardPost .prev,.boardPost .next{margin:0 34px 0 0;font-size:15px;color:#838383}
.boardPost .prev:before,.boardPost .next:before{content:'';display:inline-block;margin:-4px 9px 0 0;width:12px;height:7px;background:url(../../mgamezzang/games/yulgang_v4/news/btn_select.png) no-repeat;background-size:contain;vertical-align:middle}
.boardPost .prev:before{margin-top:0;transform:rotate(-180deg)}
.boardPost .title{flex-grow:1}
.boardPost .title a{display:inline-block;max-width:1100px;color:#1d1d1d;white-space:nowrap;text-overflow:ellipsis;word-break:break-all;overflow:hidden}
.boardPost .title a:hover{color:#e67507}
.boardPost .icoDate{width:125px}
.boardWrite{padding:11px 0 30px 0;border-bottom:2px solid #373737}
.boardWrite .title{display:flex;align-items:center;margin:0 0 11px 0;background:#e7e7e7}
.boardWrite .title input{box-sizing:border-box;padding:0 40px;width:100%;height:68px;border:none;background:#e7e7e7;font-size:22px;color:#1d1d1d}
.boardWrite .title select{margin:0;height:66px}
.boardWrite .category{display:flex;margin:-11px 0 0 0;background:#fdfbf6}
.boardWrite .category label{padding:23px 50px;border-left:1px solid #c4c4c4;font-size:18px}
.boardWrite .category label:first-child{border:none}
.boardWrite .category select{margin:0 0 0 29px}


.boardWrite select{margin:0 8px;padding:0 52px 0 22px;min-width:165px;height:44px;border:2px solid #8d8d8d;background:#fff url(../../mgamezzang/games/yulgang_v4/news/btn_select.png) no-repeat calc(100% - 22px) 50%;font-size:18px;color:#626262;appearance:none}







.boardWrite .info{margin:5px 0 25px 0;font-size:15px;color:#838383}
.boardWrite .info+.category{border:solid #dfdfdf;border-width:1px 0}
.boardWrite h4{margin:25px 0 10px 0;font-size:18px;color:#626262}
.boardWrite textarea{box-sizing:border-box;margin:0 0 25px 0;padding:25px 40px;width:100%;height:300px;border:1px solid #787878;font-size:16px;line-height:24px;overflow-y:auto}

.category{display:flex;margin:-1px 0 76px 0;padding:23px 10px;border:solid #dfdfdf;border-width:1px 0;background:#fdfbf6;white-space:nowrap}
.category label{padding:0 0 0 30px;font-size:18px}
.category label:first-child{border:none}
.category select{margin:0 0 0 10px;padding:0 52px 0 22px;min-width:165px;height:44px;border:2px solid #8d8d8d;background:#fff url(../../mgamezzang/games/yulgang_v4/news/btn_select.png) no-repeat calc(100% - 22px) 50%;font-size:18px;color:#626262;appearance:none}
.category input[type=search]{margin:0 0 0 10px;padding:0 10px;width:350px;height:44px;border:2px solid #8d8d8d;font-size:18px;color:#626262}
.category input[type=search]::placeholder{color:#bdbdbd}
.category button{width:120px;height:44px;background:#4d4940;font-size:18px;color:#fff}
.category button:hover{background-color:#625f57}
.survey{margin:20px 0;padding:40px 80px;background:#e0f1ed;color:#626262}
.survey ul{margin:40px 0 32px 0}
.survey li{position:relative;margin:0 0 21px 30px}
.survey label{margin:0 0 0 -30px;cursor:pointer}
.survey input[type=radio]{margin:0 10px 0 0}
.survey input[type=radio]:before{content:'';margin:-5px 0 0 -3px;display:inline-block;box-sizing:border-box;width:24px;height:24px;border:1px solid #cecece;border-radius:12px;background:#fff}
.survey input[type=radio]:checked:before{border:none;background:url(../../mgamezzang/games/yulgang_v4/community/bu_radio.png) no-repeat}
.survey .total{font-size:16px}
.survey .total:before{content:'';display:inline-block;position:absolute;margin:-13px 0 0 -62px;width:44px;height:34px;background:url(../../mgamezzang/games/yulgang_v4/community/bu_survey.png) no-repeat}
.survey .graph{margin:6px 0 0 0;height:7px;background:#fff}
.survey .graph span{display:inline-block;height:7px;background:#01b19e;vertical-align:top}
.survey .percent{position:absolute;right:0}
.comment{margin:50px 0 40px 0}
.comment h4{margin:0 0 1px 0;padding:6px 12px 8px 12px;background:#f9f7f2;font-weight:500;font-size:22px;color:#2088d8}
.comment textarea{box-sizing:border-box;padding:13px;flex-grow:1;height:114px;border:1px solid #ce991a;font-size:17px}
.comment textarea::placeholder{color:#bdbdbd}
.comment .input{display:flex}
.comment .input button{margin:0 0 0 1px;width:120px;height:114px;background:#4c4c4c;font-size:18px;color:#fff}
.comment .input button:hover{background:#e47100}
.comment .list li,.comment .list ul{background:url(../../mgamezzang/games/yulgang_v4/news/line_dot.png) repeat-x 0 bottom}
.comment .list li{padding:25px 60px 20px 80px;font-size:16px;line-height:26px;color:#2f3912}
.comment .list li:before{content:'';display:block;position:absolute;margin:9px 0 0 -60px;width:48px;height:48px;border-radius:24px;background:#d3e2ef url(../../mgamezzang/games/yulgang_v4/news/bu_comment.png) no-repeat center -2px}
.comment .list .input{margin:20px 0 0 0;padding-bottom:10px;background:none}
.comment .list .input:before{display:none}
.comment .list .input textarea{height:82px}
.comment .list .input textarea+button{background:#a5a5a5}
.comment .list .input textarea+button:hover{background:#808080}
.comment .list .input button{margin-left:2px;width:80px;height:82px;font-size:15px}
.comment .list ul{margin:20px -60px -20px -80px;background-position:0 top}
.comment .list ul li{padding-left:135px}
.comment .list ul li:before{background-color:#e0dbcb;background-position:center -51px}
.comment .list .user{margin:0 0 3px 0;font-size:14px;color:#7d7d7d}
.comment .list .user span{padding:0 4px;background:#bebebe;color:#fff}
.comment .list .date{margin:12px 0 0 0;font-weight:500;font-size:12px;color:#7d7d7d}
.comment .list .date button{margin:0 0 0 8px;width:21px;height:21px;border:1px solid #cfcfcf;background:#fff;font-size:13px;line-height:0;color:#626262;vertical-align:middle}
.comment .list .date button:hover{border-color:#818181}
.comment .list .date button+button{margin-left:0}
.comment .list .date .btnComment{padding-top:2px;width:75px}
.comment .list .date .btnComment:before{content:'';display:inline-block;margin:-2px 2px 0 0;width:12px;height:12px;background:url(../../mgamezzang/games/yulgang_v4/community/bu_board.png) no-repeat center -44px;vertical-align:middle}
.pagination{display:flex;justify-content:center;margin:70px 0 40px 0}
.pagination a,.pagination strong{display:block;margin:0 -1px 0 0;padding:5px;min-width:40px;height:40px;border:1px solid #bcbcbc;font-size:16px;line-height:38px;text-align:center}
.pagination a{color:#838383}
.pagination strong{background:#4d4940;font-weight:normal;color:#fff}
.pagination .first,.pagination .prev,.pagination .next,.pagination .last{background:#fff url(../../mgamezzang/games/yulgang_v4/news/btn_pagination.png) no-repeat;text-indent:-9999px;overflow:hidden}
.pagination .first,.pagination .last{background-position:0 -50px}
.pagination .next,.pagination .last{transform:rotate(-180deg)}
.fSearch{display:flex;justify-content:center}
.fSearch select{padding:0 22px;width:123px;border:2px solid #8d8d8d;background:url(../../mgamezzang/games/yulgang_v4/news/btn_select.png) no-repeat calc(100% - 22px) 50%;font-size:18px;color:#626262;appearance:none}
.fSearch input[type=search]{margin:0 -2px;padding:0 24px;width:260px;height:59px;border:2px solid #8d8d8d;font-size:18px;color:#626262}
.fSearch input[type=search]::placeholder{color:#bdbdbd}
.fSearch button{width:64px;height:59px;background:#4d4940 url(../../mgamezzang/games/yulgang_v4/news/btn_search.png) no-repeat center 50%;text-indent:-9999px}
.fSearch button:hover{background-color:#dc7f07}
/* button */
.btnLike{margin:30px 0 50px 0;text-align:center}
.btnLike button{margin:0 3px;padding:0 10px 0 0;width:180px;height:60px;border:1px solid #ccc;background:#fff;font-weight:500;font-size:18px;line-height:58px}
.btnLike button:hover{border-color:#787878}
.btnLike button span{display:inline-block;margin:-8px 0 0 0;width:76px;font-weight:400;font-size:15px;color:#838383;vertical-align:middle;text-align:left}
.btnLike button span:before{content:'';display:inline-block;margin:0 8px 0 0;width:25px;height:30px;background:url(../../mgamezzang/games/yulgang_v4/news/bu_like.png) no-repeat;vertical-align:middle}
.btnLike button.push span:before{background-position:-25px 0}
.btnLike button.up span:before{background-position:0 -30px}
.btnLike button.up.push span:before{background-position:-25px -30px}
.btnLike button.down span:before{background-position:0 -60px}
.btnLike button.down.push span:before{background-position:-25px -60px}
.btnDown{display:inline-block;padding:0 27px;height:60px;background:#4a4a4a;font-size:18px;color:#fff}
.btnDown:before{content:'';display:inline-block;margin:0 8px 0 0;width:25px;height:30px;background:url(../../mgamezzang/games/yulgang_v4/data/bu_data.png) no-repeat center -30px;vertical-align:middle}
.btnDown:hover{background:#e47100 !important}
.btnBack,.btnWeb{display:inline-block;box-sizing:border-box;padding:0 32px;height:60px;border:1px solid #ccc;font-size:18px;line-height:58px;color:#1d1d1d}
.btnBack:hover,.btnWeb:hover{border-color:#787878}
.btnBack:before,.btnWeb:before{content:'';display:inline-block;margin:-6px 6px 0 0;width:35px;height:30px;background:url(../../mgamezzang/games/yulgang_v4/store/bu_mandu.png) no-repeat center 0;vertical-align:middle}
.btnWeb:before{background-position:center -30px}

.btnGroup{display:flex;margin:30px 0 0 0;height:60px}
.btnGroup.center{justify-content:center}
.btnGroup.center>a,.btnGroup.center button{margin:0 15px}
.btnGroup .right{position:absolute;right:-10px}
.btnGroup>a,.btnGroup button,.survey button{box-sizing:border-box;margin:0 10px 0 0;min-width:160px;height:60px;border:1px solid #ccc;background:#fff;font-size:18px;line-height:56px;color:#1d1d1d;text-align:center}
.btnGroup>a:hover,.btnGroup button:hover,.btnGroup .share:hover>button{border-color:#787878}
.btnGroup .right{display:flex}
.btnGroup .share>button{position:relative;min-width:105px;z-index:10}
.btnGroup .share>button:before{content:'';display:inline-block;margin:-5px 0 0 0;width:40px;height:40px;background:url(../../mgamezzang/games/yulgang_v4/news/bu_share_new.png) no-repeat;vertical-align:middle}
.btnGroup .share{display:flex;flex-direction:row-reverse;align-items:center}
.btnGroup .sns{display:flex;margin:0 -100px 0 0;width:0;opacity:0;transition:all 0.5s cubic-bezier(0, 0, 0.5, 1)}
.btnGroup .sns *{display:block;margin:0 0 0 5px;width:32px;height:32px;background:url(../../mgamezzang/games/yulgang_v4/news/bu_share_new.png) no-repeat -4px 0;text-indent:-9999px}
.btnGroup .sns .facebook{background-position:-4px -44px}
.btnGroup .sns .facebook:hover{background-position:-44px -44px}
.btnGroup .sns .twitter{background-position:-4px -84px}
.btnGroup .sns .twitter:hover{background-position:-44px -84px}
.btnGroup .sns .kakaotalk{background-position:-4px -124px}
.btnGroup .sns .kakaotalk:hover{background-position:-44px -124px}
.btnGroup .sns .link{min-width:inherit;border:none;background-position:-4px -164px}
.btnGroup .sns .link:hover{background-position:-44px -164px}
.btnGroup .share:hover .sns{display:flex;margin-right:8px;width:auto;opacity:1}
.btnGroup .btnWrite,.btnGroup .btnCancel,.btnGroup .btnConfirm,.survey button{border:none;background:#e47100;color:#fff}
.btnGroup .btnWrite:hover,.btnGroup .btnConfirm:hover,.survey button:hover{background:#cb6706}
.btnGroup .btnCancel{background:#4d4940}
.btnGroup .btnCancel:hover{background:#625f57}
.btnGroup .btnDown{border:none;background:#4a4a4a;color:#fff}

.yt_video_area {
  position: relative; /* absolute    θ  relative       θ     󰣴 . */
  width: 100%;
  padding-bottom: 56.25%; /* 16:9      */
}

#yt_video {
  position: absolute;
  width: 100%; /*  θ   °     ä   . */
  height: 100%;
}
/* popup */
.popup{position:absolute;top:69px;margin:12px 0;width:540px;box-shadow:0 0 20px rgba(35,38,42,.7);background:#fff;font-size:13px;z-index:100}
.popup .detail{margin:20px}
.popup .scroll{padding-right:6px;height:550px;overflow:hidden;overflow-y:scroll}
.popup .scroll::-webkit-scrollbar{width:4px}
.popup .scroll::-webkit-scrollbar-thumb{background:#4cb51d}
.popup .scroll::-webkit-scrollbar-track{background:#ececeb}
.popup h4{box-sizing:border-box;padding:5px 0 0 30px;height:60px;background:#a39b87;font-weight:500;font-size:30px;color:#fff}
.popup h5{margin:20px 0 5px 19px;font-weight:400;font-size:17px;color:#736f60;text-indent:-19px}
.popup h5:first-child{margin-top:0}
.popup table{border-collapse:collapse;margin:0 0 10px 0;width:100%;font-size:13px;letter-spacing:-0.5px;text-align:center}
.popup caption{margin:10px 0 5px 0;font-weight:400;font-size:14px;text-align:left;color:#736f60}
.popup th,.popup td{padding:8px 12px;border:1px solid #d2d8d8;font-weight:400}
.popup thead th{background:#a1a6a7;color:#fff}
.popup tfoot{background:#edf8f7}
.popup p,.popup .detail>ul,.popup .detail>ol{margin:5px 0;padding:15px 18px;background:#f4f1e9;line-height:22px;color:#8b8670;word-break:keep-all}
.popup .detail>ol>li{margin:0 0 3px 14px;text-indent:-14px}
.popup .detail>ol ul{margin:5px 0 0 0}
.popup .detail>ol ul li{margin-left:10px;text-indent:-8px}
.popup .detail>ul>li{margin:0 0 5px 0}
.popup .close{position:absolute;top:17px;right:20px;width:26px;height:26px;background:#586065;text-indent:-9999px}
.popup .close:before,.popup .close:after{content:'';display:block;position:absolute;top:13px;left:5px;width:16px;height:1px;background:#fff;transform:rotate(-45deg)}
.popup .close:after{transform:rotate(45deg)}
/* probableitem */
.probableitem{display:flex;gap:16px;margin:40px 0 0 0;padding:0 0 100px 0;border-bottom:1px solid #373737}
.probableitem .fSearch{margin:0 0 -1px 0}
.probableitem .fSearch input{margin:0 -2px 0 0;width:232px}
.probableitem .menu{width:294px}
.probableitem .menu strong{font-weight:normal;color:#f00}
.probableitem .menu .none{margin:30px 0;font-size:18px;text-align:center}
.probableitem .scroll{height:calc(100vh - 166px);border:1px solid #ccc;overflow-y:scroll}
.probableitem .scroll::-webkit-scrollbar{width:4px}
.probableitem .scroll::-webkit-scrollbar-thumb{background:#acb4b6}
.probableitem .scroll::-webkit-scrollbar-track{background:#ececeb}
.probableitem .scroll>ul{margin:20px;}
.probableitem .scroll>ul>li{padding:10px 0;border-bottom:1px solid #e0e0e0;font-size:20px;line-height:36px;text-indent:10px}
.probableitem .scroll>ul>li a{display:block;height:36px}
.probableitem .scroll>ul>li a:hover{color:#dc7f07}
.probableitem .scroll>ul>li li{text-indent:28px;font-size:16px}
.probableitem .scroll>ul .on a{background:#5bb3c6;color:#fff !important}
.probableitem .path{margin:0 0 20px 0;padding:0 30px;height:45px;background:#5bb3c6;font-size:18px;line-height:45px;color:#fff}
.probableitem .view{width:100%}
.probableitem .view select{margin:0 20px 20px 20px;padding:0 12px;width:240px;height:40px;border:1px solid #8d8d8d;background:url(../../mgamezzang/games/yulgang_v4/news/btn_select.png) no-repeat calc(100% - 15px) 50%;font-size:16px;color:#626262;appearance:none}
.probableitem .view p strong{font-weight:normal;font-size:16px;line-height:32px}
.probableitem article{margin:0 20px 20px 20px;display:none}
.probableitem article.on{display:block}
.probableitem article h4{font-weight:normal;font-size:20px}
.probableitem table{border-collapse:collapse;table-layout:fixed;margin:10px 0 20px 0;width:100%}
.probableitem table.auto{table-layout:auto}
.probableitem caption{margin:0 0 5px 0;text-align:left;color:#666}
.probableitem th,.probableitem td{padding:7px 10px;border-bottom:1px solid #ececec}
.probableitem th{background:#6cb0bf;color:#fff}
.probableitem td{text-align:center}
.probableitem thead+tbody th{background:#a2cfd9;font-weight:normal;white-space:nowrap}
.btnProbaCancel{width: 248px;margin: 20px 20px 0px 20px; height: 50px; background:url(../../mgamezzang/games/game_probability/yulgang/btn_reset_basic.gif) no-repeat}
.btnProbaCancel:hover{background:url(../../mgamezzang/games/game_probability/yulgang/btn_reset_over.gif) no-repeat}

/* guardian */
.guardian{margin:50px 0 0 0;font-size:15px;line-height:24px;color:#838383}
.guardian h4{margin:34px 0 25px 0;font-weight:normal;font-size:22px;color:#1d1d1d}
.guardian h4.line{margin-top:30px;padding:30px 0 0 0;border-top:1px solid #dfdfdf}
.guardian h5{margin:0 0 25px 0;font-weight:normal;font-size:22px;color:#1d1d1d}
.guardian h6{margin:38px 0 0 0;font-weight:normal;font-size:15px}
.guardian button{width:258px;height:60px;background:#e47100;font-size:18px;color:#fff}
.guardian button:hover{background:#cb6706}
.guardian .info{box-sizing:border-box;margin:0 0 30px 0;padding:0 0 0 405px;height:360px;border:solid #dfdfdf;border-width:1px 0;background:#fdfbf6 url(../../mgamezzang/games/yulgang_v4/security/img_guardian_info.png) no-repeat 76px 50%}
.guardian .info.apply{margin-bottom:100px;padding-top:50px;background-image:url(../../mgamezzang/games/yulgang_v4/security/img_guardian_apply.png)}
.guardian .info.change{margin-bottom:100px;padding-top:50px;background-image:url(../../mgamezzang/games/yulgang_v4/security/img_guardian_change.png)}
.guardian .info p{margin:0 0 40px 0}
.guardian .info li{margin:6px 0 0 17px;text-indent:-17px}
.guardian .howto{border-bottom:1px solid #dfdfdf}
.guardian .howto>li{display:flex;align-items:center;gap:30px;margin:0 0 38px 0}
.guardian .howto .img{padding:17px 0;width:374px;height:264px;border:1px solid #d0d0d0;text-align:center}
.guardian .howtoapply{padding:5px 65px;background:#fdfbf6}
.guardian .howtoapply>li{display:flex;align-items:center;gap:40px;margin:60px 0;line-height:30px}
.guardian .howtoapply h6,.guardian .howtoapply span{color:#f24646}
.guardian .howtoapply ol li{margin:0 0 0 16px;text-indent:-16px}
.guardian .step{display:flex;margin:0 0 40px 0;background:#3d3c37;color:#ddd9cb}
.guardian .step h5{margin:30px 0 25px 0;color:#fff;text-align:center}
.guardian .step p{margin:0 0 0 70px}
.guardian .step li{position:relative;flex-grow:1;height:164px}
.guardian .step li:first-child{background:#77746a}
.guardian .step li:first-child p{margin-top:40px}
.guardian .step li:not(:last-child):after{display:block;content:'';position:absolute;top:0;right:-82px;width:0;height:0;border-top:82px solid transparent;border-bottom:82px solid transparent;border-left:82px solid #77746a;z-index:1}
.guardian .step li:nth-child(2){padding-left:80px;background:#565349}
.guardian .step li:nth-child(2):after{border-left-color:#565349}
.guardian .step li:nth-child(3){padding-left:60px}
.guardian .note h5{margin:0 0 15px 0;font-size:20px;color:#f62727}
.guardian .note li{line-height:30px}
.guardian table{margin:40px 0 0 0;border-collapse:collapse;width:100%;font-size:16px}
.guardian th,.guardian td{padding:15px;border:1px solid #cecece;text-align:center}
.guardian th{padding:7px 35px;background:#e2e2e2;font-weight:normal;}
.guardian td{padding:15px 35px;min-width:100px}
.guardian td:last-child{text-align:left}