@charset "euc-kr";
/* 
------------------------------------------------------------
MGAME Web Design Team
first written: Yang Young bok 180823
updated: YYB 230206 / YYB 230220
------------------------------------------------------------
*/
/* All Device */
.footer{margin-top:100px}
.content{position:relative}
.content h2{height:118px;background:url(https://mgameimage.gscdn.com/smartbig/common/bg_h.jpg) no-repeat center 0;font-weight:300;font-size:36px;line-height:118px;color:#fff;text-align:center}
.content h2.hBusiness{background-position:center -200px}
.content h2.hPr{background-position:center -400px}
.content h2.hManagement{background-position:center -600px}
.content .section{position:relative;max-width:1100px;padding:0 50px}
.path{margin:0 0 85px 0;border-bottom:1px solid #e6e6e6;font-weight:300;font-size:14px}
.path div{margin:0 auto;padding:14px 25px;width:1050px;text-align:right}
.path span,.path strong{margin:0 0 0 20px;padding:0 0 0 25px;background:url(https://mgameimage.gscdn.com/smartbig/common/bu_path.png) no-repeat 0 50%}
.path strong{font-weight:400;color:#1e1e1e}
.history{background:url(https://mgameimage.gscdn.com/smartbig/info/bg_history.gif) no-repeat}
.history:after{display:block;content:'';padding:0 0 1px 0;background:url(https://mgameimage.gscdn.com/smartbig/info/bg_history.gif) no-repeat 0 bottom}
.history h3{position:absolute;top:50%;left:0;margin:-18px 0 0 0;font-weight:700;font-size:24px;color:#1e1e1e}
.history>li{position:relative;background:url(https://mgameimage.gscdn.com/smartbig/info/line_history.gif) no-repeat;overflow:hidden;_zoom:1}
.history ul{margin:0 0 0 297px;padding:23px 0;border-top:1px solid #e6e6e6;font-weight:300;font-size:16px;line-height:30px}
.history>li:first-child{background:none}
.history>li:first-child ul{border:none}
.history span{display:inline-block;width:43px;font-weight:400;color:#1e1e1e}
.contact h3,.ci h3{padding:25px 0 20px 0;width:297px;border-top:1px solid #636363;font-weight:700;font-size:24px;color:#1e1e1e;letter-spacing:-1px}
.contact .map,.ci div{float:right}
.contact>li{margin:0 0 80px 0;overflow:hidden;_zoom:1}
.contact li ul{width:297px}
.contact li li{margin:5px 0;padding:5px 0 5px 40px;background:url(https://mgameimage.gscdn.com/smartbig/info/bullet.png) no-repeat;background-size:19px auto;font-weight:300;font-size:16px}
.contact .location{background-position:0 15px}
.contact .tel{background-position:0 -50px}
.contact .fax{background-position:0 -107px}
.contact .email{background-position:0 -163px}
.ci{overflow:hidden;_zoom:1}
.ci div{border:1px solid #e6e6e6}
.ci a{display:inline-block;margin:20px 0 0 0;width:200px;height:38px;border:1px solid #287acf;background:#fff;color:#287acf;line-height:38px;text-align:center}
.tabs{display:flex;margin:0 0 70px 0}
.tabs li{flex:1 1 0}
.tabs li:first-child a{border-width:1px}
.tabs a{display:block;padding:18px 5px 0 5px;height:43px;border:solid #636363;border-width:1px 1px 1px 0;background:#fff;font-weight:300;font-size:16px;color:#1e1e1e;text-align:center}
.tabs .on a{position:relative;border-color:#3b7bc2;background:#3b7bc2;font-weight:400;color:#fffefe}
.tabSub{display:flex;margin:44px 0 0 0;padding:11px 18px;border:1px solid #dad9d9;background:#f7f7f7;font-size:16px}
.tabSub a{display:block;padding:0 22px;height:33px;border-radius:16px;line-height:33px;color:#1e1e1e}
.tabSub .on a{background:#3b7bc2;color:#fff}
.games h3{margin:25px 0 15px 35px;font-weight:700;font-size:24px;color:#1e1e1e}
.games h3 span{font-weight:300}
.games ul li{padding:0 0 0 11px;background:url(https://mgameimage.gscdn.com/smartbig/common/dot.gif) no-repeat 0 14px;font-weight:300;font-size:16px;line-height:28px}
.game{overflow:hidden;_zoom:1}
.game>li{position:relative;float:left;padding:0 0 30px 0;width:528px;border:1px solid #e6e6e6}
.game>li:first-child{margin-right:40px}
.game img{display:block;margin:-1px;max-width:530px}
.game ul{margin:0 35px}
.game span{position:absolute;top:6px;left:17px;font-weight:400;font-size:16px;color:#fefefe;text-transform:uppercase}
.game p{margin:0 35px;font-weight:300;font-size:16px;line-height:28px}
.netgame{border:1px solid #e8e8e8;overflow:hidden;_zoom:1}
.netgame img{float:left;margin:0 50px 0 0;border-right:1px solid #e8e8e8}
.netgame ul{overflow:hidden;_zoom:1}
.present{margin:0 0 15px 0;padding:25px 20px;border:solid #636363;border-width:1px 0;font-weight:400;font-size:16px;line-height:28px;color:#1e1e1e}
.present>li{padding:0 0 0 12px;background:url(https://mgameimage.gscdn.com/smartbig/common/dot.gif) no-repeat 0 13px}
.present ul li{color:#868686}
.ebook{border-bottom:1px solid #636363;overflow:hidden;_zoom:1}
.ebook>li{float:left;margin:45px 0 0 0;padding:0 0 45px 25px;width:200px;border-bottom:1px solid #e6e6e6}
.ebook>li:first-child,.ebook>li:nth-child(6){padding-left:0}
.ebook img{display:block;margin:0 0 15px 0}
.ebook h3{font-weight:400;font-size:18px;color:#1e1e1e}
.ebook ul li{font-weight:300}
.ebook ul li:last-child{height:28px}
.silver{margin:60px 0 0 0;overflow:hidden;_zoom:1}
.silver h3{margin:5px 0 15px 0;font-weight:700;font-size:24px;color:#1e1e1e}
.silver ul{overflow:hidden;_zoom:1}
.silver ul li{padding:0 0 0 11px;background:url(https://mgameimage.gscdn.com/smartbig/common/dot.gif) no-repeat 0 14px;font-weight:300;font-size:16px;line-height:28px}
.photo{float:left;margin:0 30px 0 0}
.photo img{display:block;margin:0 0 10px 0}
.blockchain{margin:50px 0 0 0;text-align:center;word-spacing:26px}
.pr{background:url(https://mgameimage.gscdn.com/smartbig/pr/line_pr.gif) no-repeat 0 bottom;overflow:hidden;_zoom:1}
.pr li{position:relative;padding:35px 40px 38px 217px;background:url(https://mgameimage.gscdn.com/smartbig/pr/line.gif) no-repeat}
.pr li:first-child{background-image:url(https://mgameimage.gscdn.com/smartbig/pr/line_pr.gif)}
.pr h3{margin:0 0 10px 0;font-weight:400;font-size:22px;color:#1e1e1e}
.pr p{font-weight:300;line-height:20px}
.category{position:absolute;top:50%;left:0;margin:-25px 0 0 0;font-weight:300}
.category span{display:block;margin:0 0 3px 0;font-weight:700;font-size:16px;color:#1e1e1e}
.view{padding:0 0 50px 0;border-bottom:1px solid #636363}
.view h3{position:relative;margin:0 0 70px 0;padding:22px 9px;border:solid #636363;border-width:1px 0;font-weight:400;font-size:24px;color:#1e1e1e}
.view h3 span{position:absolute;top:50%;right:9px;margin:-10px 0 0 0;font-weight:300;font-size:14px;color:#868686}
.view p{margin:18px 10px;font-weight:300;font-size:14px;line-height:20px}
.pagination{margin:40px 0;text-align:center}
.pagination strong,.pagination a{display:inline-block;margin:0 1px;padding:0 5px;min-width:24px;height:34px;border:1px solid #e3e3e3;background:#fff;font-weight:300;line-height:34px;color:#868686;vertical-align:top}
.pagination strong{border-color:#8588c2;background:#2b83df;font-weight:400;color:#fff}
.pagination .direction{padding:0;width:34px;border-color:#e3e3e3 !important}
.pagination .number{margin:0 34px}
.button{margin:30px 0 0 0;text-align:center}
.button a{display:inline-block;padding:10px 45px;border:1px solid #e6e6e6;color:#868686}
.management{font-weight:300;line-height:24px}
.management h3{margin:100px 0 20px 0;padding:0 0 9px 2px;border-bottom:1px solid #636363;font-weight:400;font-size:18px;color:#1e1e1e}
.management h3:first-child{margin-top:0}
.management h4{margin:25px 0 3px 0;font-weight:400;font-size:14px;color:#1e1e1e}
.management ol{margin:0 0 0 17px;text-indent:-17px}
.management ol ol{margin-bottom:10px}
.select{display:none}
.think{color:#292929}
.think .info{margin:-20px 0 75px 0;padding:70px 720px 90px 10px;border-bottom:1px solid #e6e6e6;background:url(https://mgameimage.gscdn.com/smartbig/business/img_think.jpg) no-repeat right 0;font-size:26px;line-height:38px;letter-spacing:-1px}
.think .info strong{display:block;margin:0 0 5px 0;font-size:40px;line-height:42px;color:#12bac4}
.think .used{display:flex;justify-content:space-between;margin:0 10px 80px 10px;font-size:17px;line-height:28px}
.think .used li{width:330px}
.think .used img{display:block;margin:0 0 20px 0}
.think .used strong{color:#12bac4}
.think .used p{width:80%;letter-spacing:-1px}
.think>.box{padding:82px 0;background:#d7edf0;text-align:center}
.think>.box h3{margin:0 0 33px 0;font-weight:normal;font-size:36px;line-height:52px;letter-spacing:-1px}
.think>.box h3 strong{display:block;font-size:55px;color:#12bac4}
.think>.box p{margin:0 243px;padding:23px;border:5px solid #b0d6db;border-radius:68px;font-size:16px;line-height:23px;color:#3b5255;letter-spacing:-0.5px}
.think>.box p strong{display:block;margin:0 0 15px 0;font-size:22px}
.pictogram{margin:0 0 80px 0;padding:82px 0 95px 0;background:#f8f8f8;text-align:center}
.pictogram ul{display:flex;justify-content:center;align-items:center;font-weight:900;font-size:39px;letter-spacing:-1px}
.pictogram li:nth-child(2){position:relative;margin:0 -5px}
.pictogram p{margin:45px 0 0 0;font-size:20px;line-height:30px;letter-spacing:-0.5px}
.control{margin:75px 0 0 0}
.control h3{padding:0 0 390px 0;background:url(https://mgameimage.gscdn.com/smartbig/business/img_think1.png) no-repeat 160px 80px,url(https://mgameimage.gscdn.com/smartbig/business/img_think2.png) no-repeat 570px 80px;font-weight:normal;font-size:40px;letter-spacing:-1px;text-align:center}
.control h3 strong{color:#12bac4}
.control ul{display:flex;flex-wrap:wrap;margin:0 0 25px 85px}
.control li{flex:1 1 30%;position:relative;margin:0 0 56px 0;padding:0 0 0 115px;height:96px;font-size:16px;line-height:24px}
.control li:before{display:block;content:'';position:absolute;top:0;left:0;width:96px;height:96px;background:url(https://mgameimage.gscdn.com/smartbig/business/icon_think.png) no-repeat;background-size:cover}
.control li:nth-child(2):before{background-position:0 -148px}
.control li:nth-child(3):before{background-position:0 -296px}
.control li:nth-child(4):before{background-position:0 -444px}
.control li h4{padding:6px 0 14px 0;font-size:22px}
.question{position:relative;margin:0 0 -100px 0;padding:110px 0 106px 0;text-align:center}
.question:after{display:block;content:'';position:absolute;bottom:0;right:0;width:310px;height:500px;background:url(https://mgameimage.gscdn.com/smartbig/business/bg_think.png) no-repeat 0 bottom}
.question h3{margin:0 0 10px 0;font-weight:normal;font-size:50px;text-align:center;letter-spacing:-1px}
.question h3 strong{color:#12bac4}
.question .url{display:inline-block;margin:0 0 70px 40px;padding:0 1px 4px 1px;border-bottom:1px solid #12bac4;font-weight:bold;font-size:20px;color:#12bac4;letter-spacing:-0.5px}
.question .url:before{display:block;content:'';position:absolute;margin:6px 0 0 -41px;width:35px;height:31px;background:url(https://mgameimage.gscdn.com/smartbig/business/bu_think.png) no-repeat;background-size:cover}
.question .box{display:flex;align-items:center;margin:0 135px;padding:0 0 0 65px;border:1px solid #e2e2e2;border-radius:10px;font-size:18px;line-height:26px;letter-spacing:-0.5px;text-align:left}
.question .box p{margin:27px 80px 27px 0}
.question .box ul{margin:2px 0}
.question .box li{margin:10px 0}
.question .box li:before{display:inline-block;content:'';margin:0 10px 0 0;width:31px;height:31px;background:url(https://mgameimage.gscdn.com/smartbig/business/bu_think.png) no-repeat;background-size:cover;vertical-align:middle}
.question .box li.tel:before{background-position:0 -31px}
.question .box li.email:before{background-position:0 -62px}
.question .box a{color:#292929}
.care{margin:0 0 160px 0;padding:0 0 0 65px;height:567px;background:url(https://mgameimage.gscdn.com/smartbig/business/img_care.jpg) no-repeat;color:#fff;letter-spacing:-1px}
.care h3{padding:220px 0 15px 0;font-size:45px;line-height:80px}
.care h3 strong{display:block;font-size:80px}
.care p{font-weight:300;font-size:24px;line-height:34px}
.care a{color:#fff}
.setting{position:relative;padding:0 0 60px 0;background:#d7edf0;text-align:center}
.setting h3{padding:80px 0 10px 0;font-weight:300;font-size:60px;letter-spacing:-1px}
.setting h3 strong{color:#12bac4}
.setting p{margin:0 0 50px 0;font-size:16px;line-height:25px;letter-spacing:-1px;color:#565656}
.setting ul{display:flex;flex-wrap: wrap;justify-content: space-between;margin:0 40px}
.setting li{margin:0 0 22px 0;width:317px;font-size:16px}
.setting li a{color:#202020}
.setting li img{display:block;margin:0 0 10px 0}
.popup:before{display:block;content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.8;z-index:1100}
.popup{display:flex;justify-content:center;align-items:center}
.popup .detail{position:relative;margin-top:-100%;padding:20px;width:746px;background:#fff;z-index:1200}
.popup h4{margin:0 0 20px 0;font-weight:400;font-size:18px;letter-spacing:-1px;text-align:center}
.popup .close{position:absolute;top:19px;right:21px}
/* Mobile */
@media all and (max-width:767px){
.mobile .content h2{margin:0 0 50px 0;height:143px;background-image:url(https://mgameimage.gscdn.com/smartbig/info/bg_h.jpg);background-position:center 0 !important;background-size:auto 143px;font-weight:400;font-size:30px;line-height:143px}
.mobile .content h2.hBusiness{background-image:url(https://mgameimage.gscdn.com/smartbig/business/bg_h.jpg)}
.mobile .content h2.hPr{background-image:url(https://mgameimage.gscdn.com/smartbig/pr/bg_h.jpg)}
.mobile .content h2.hManagement{background-image:url(https://mgameimage.gscdn.com/smartbig/management/bg_h.jpg)}
.mobile .content .section{padding:0 13px 50px 13px}
.mobile .path{display:none}
.mobile .history{background:none}
.mobile .history:after{display:none}
.mobile .history h3{position:relative;top:0;left:0;margin:40px 0 10px 0;padding:0 0 8px 4px;border-bottom:1px solid #636363;font-size:20px}
.mobile .history>li{background:none}
.mobile .history>li:first-child h3{margin-top:0}
.mobile .history ul{margin:0 5px;padding:0;border-top:none;font-weight:400;font-size:14px;line-height:24px}
.mobile .history span{width:30px}
.mobile .contact h3,.mobile .ci h3{position:absolute;top:0;left:0;padding:0 0 10px 0;width:100%;border-top:none;background:url(https://mgameimage.gscdn.com/smartbig/info/line_h.gif) no-repeat center bottom;background-size:30px 1px;font-size:18px;text-align:center}
.mobile .contact .map,.mobile .ci div{float:none}
.mobile .contact .map{height:335px}
.mobile .contact .map *{height:100%}
.mobile .contact>li{position:relative;margin:0 0 40px 0;padding:60px 0 0 0}
.mobile .contact li ul{margin:10px 0;width:100%}
.mobile .contact li li{margin:0 6px;padding:5px 0 5px 35px;background-size:17px auto;font-weight:400;font-size:14px}
.mobile .contact .location{background-position:0 2px}
.mobile .contact .tel{background-position:0 -46px}
.mobile .contact .fax{background-position:0 -96px}
.mobile .contact .email{background-position:0 -146px}
.mobile .ci{padding:60px 0 0 0;text-align:center}
.mobile .ci div{margin:0 0 10px 0}
.mobile .games h3{margin:15px 10px 10px 10px;font-size:18px;letter-spacing:-1px}
.mobile .games h3 span{font-size:14px;letter-spacing:0}
.mobile .games ul li{padding:0 0 0 12px;background-position:0 12px;font-weight:400;font-size:14px;line-height:24px}
.mobile .games ul{margin:0 10px}
.mobile .game>li{float:none;margin:35px 0 0 0;padding:0 0 25px 0;width:auto;border-width:0 0 1px 0}
.mobile .game>li:first-child{margin:0}
.mobile .game img{display:block;margin:0;max-width:100%;width:100%}
.mobile .game span{top:11px}
.mobile .game p{margin:0 10px;font-size:14px;line-height:24px}
.mobile .netgame{padding:0 0 25px 0;border-width:0 0 1px 0}
.mobile .netgame img{float:none;margin:0;border-right:none;width:100%}
.mobile .present{padding:20px 5px;font-size:14px;line-height:24px}
.mobile .present>li{background-position:0 11px}
.mobile .present ul li{margin:0 0 0 9px;text-indent:-9px}
.mobile .ebook>li{margin:0;padding:30px 2%;width:46%}
.mobile .ebook>li:first-child,.mobile .ebook>li:nth-child(6){padding:30px 2%}
.mobile .ebook h3{font-size:14px}
.mobile .ebook ul li{font-size:13px}
.mobile .silver,.mobile .blockchain{margin:30px 0 0 0}
.mobile .silver h3{margin:15px 7px 5px 7px;font-size:18px}
.mobile .silver ul li{margin:0 8px;padding:0 0 0 10px;background-position:0 11px;font-weight:400;font-size:14px;line-height:24px}
.mobile .silver span{color:#1e1e1e}
.mobile .photo{float:none;margin:0}
.mobile .photo img,.mobile .blockchain img{width:100%}
.mobile .blockchain img{margin:25px 0 0 0}
.mobile .blockchain img:first-child{margin:0}
.mobile .pr{border-bottom:1px solid #636363;background:none}
.mobile .pr li{padding:30px 5px;border-top:1px solid #e6e6e6;background:none}
.mobile .pr li:first-child{border-color:#636363;background-image:none}
.mobile .pr h3{margin:0;font-size:14px;line-height:22px}
.mobile .pr p{display:none}
.mobile .category,.mobile .view h3 span{position:relative;top:0;left:0;margin:15px 0 0 0;font-size:13px}
.mobile .category span{display:inline;margin:0 8px 0 0;font-weight:300;font-size:13px}
.mobile .view{padding:0 0 20px 0}
.mobile .view h3{position:relative;margin:0 0 30px 0;padding:30px 5px;border-bottom-color:#e6e6e6;font-size:14px;line-height:22px}
.mobile .view h3 span{display:block}
.mobile .view p{font-weight:400;margin:20px 5px}
.mobile .pagination{margin:25px 0}
.mobile .pagination strong,.mobile .pagination a{margin:0;padding:0 2px;min-width:23px;height:27px;font-size:13px;line-height:27px}
.mobile .pagination .direction{padding:0;width:27px}
.mobile .pagination .number{margin:0 15px}
.mobile .button{margin:25px 0 0 0}
.mobile .button a{padding:8px 35px}
.mobile .management{font-weight:400;font-size:12px}
.mobile .management h3{margin:50px 0 20px 0;padding:0 0 9px 2px;border-bottom:1px solid #636363;font-weight:400;font-size:18px;color:#1e1e1e}
.mobile .management h4{margin:25px 0 3px 0;font-size:12px}
.mobile .management ol{margin:0 0 0 15px;text-indent:-15px}
.mobile .management ol ol{margin:0;text-indent:0}
.mobile .select{display:block;margin:0 0 40px 0}
.mobile .select select{width:100%;height:40px;border:1px solid #636363;background:#fff;font-size:14px;color:#1e1e1e}
.mobile .think .info{margin:-15px 0 33px 0;padding:15px 50% 25px 5px;background-position:right 20px;background-size:50% auto;font-size:14px;line-height:18px;letter-spacing:-0.5px}
.mobile .think .info strong{font-size:23px;line-height:28px}
.mobile .think .info span{white-space:nowrap}
.mobile .think .used{display:block;margin:0 0 36px 0;font-size:13px;line-height:18px}
.mobile .think .used li{margin:0 0 20px 0;width:100%;overflow:hidden;_zoom:1}
.mobile .think .used img{float:left;margin:0 12px 0 0;width:165px}
.mobile .think .used p{width:100%}
.mobile .think>.box{padding:35px 0}
.mobile .think>.box h3{margin:0 50px 15px 50px;font-size:18px;line-height:20px}
.mobile .think>.box h3 strong{font-size:28px;line-height:40px}
.mobile .think>.box p{margin:0 20px;padding:15px 20px;border-width:3px;border-radius:30px;font-size:13px;line-height:18px}
.mobile .think>.box p strong{margin:0 0 15px 0;font-size:19px}
.mobile .pictogram{margin-bottom:40px;padding:45px 10px 36px 10px}
.mobile .pictogram ul{font-size:18px;line-height:20px}
.mobile .pictogram li:nth-child(2){margin:0 -12px}
.mobile .pictogram p{margin:25px 25px 0 25px;font-size:14px;line-height:18px}
.mobile .control{margin-top:35px}
.mobile .control h3{padding:0 0 180px 0;background:url(https://mgameimage.gscdn.com/smartbig/business/img_think1.png) no-repeat 10px 45px,url(https://mgameimage.gscdn.com/smartbig/business/img_think2.png) no-repeat right 45px;background-size:160px auto;font-size:19px}
.mobile .control ul{display:block;margin:0 0 45px 35px}
.mobile .control li{position:relative;margin-bottom:15px;padding-left:75px;height:65px;font-size:12px;line-height:16px}
.mobile .control li:before{width:65px;height:65px}
.mobile .control li:nth-child(2):before{background-position:0 -100px}
.mobile .control li:nth-child(3):before{background-position:0 -200px}
.mobile .control li:nth-child(4):before{background-position:0 -300px}
.mobile .control li h4{padding:5px 0;font-size:16px}
.mobile .question{margin-bottom:-75px;padding:40px 0}
.mobile .question:after{display:block;content:'';position:absolute;bottom:-25px;right:-13px;width:133px;height:250px;background:url(https://mgameimage.gscdn.com/smartbig/business/bg_think.png) no-repeat 5px bottom;background-size:150px auto}
.mobile .question h3{margin:0 0 5px 0;font-size:25px}
.mobile .question .url{display:inline-block;margin:0 0 33px 25px;padding:0 0 1px 0;font-size:13px}
.mobile .question .url:before{margin:4px 0 0 -25px;width:22px;height:19px;background:url(https://mgameimage.gscdn.com/smartbig/business/bu_think.png) no-repeat;background-size:cover}
.mobile .question .box{display:block;margin:0 18px;padding:0 0 15px 22px;border-radius:5px;font-size:13px;line-height:18px}
.mobile .question .box p{margin:18px 70px 20px 0}
.mobile .question .box ul{margin:0;font-size:14px}
.mobile .question .box li{margin:5px 0}
.mobile .question .box li:before{margin-right:6px;width:23px;height:23px}
.mobile .question .box li.tel:before{background-position:0 -23px}
.mobile .question .box li.email:before{background-position:0 -46px}
.mobile .care{margin-bottom:0;padding-left:30px;height:380px;background:url(https://mgameimage.gscdn.com/smartbig/business/img_care_mobile.jpg) no-repeat;background-size:cover}
.mobile .care h3{padding:240px 0 5px 0;font-size:23px;line-height:36px}
.mobile .care h3 strong{font-size:40px}
.mobile .care p{font-size:14px;line-height:18px}
.mobile .setting{padding-bottom:30px}
.mobile .setting h3{padding:40px 0 5px 0;font-size:31px}
.mobile .setting p{margin-bottom:25px;font-size:12px;line-height:17px}
.mobile .setting ul{display:block;margin:0}
.mobile .setting li{margin:0 0 15px 0;width:100%;font-size:11px}
.mobile .setting li img{display:block;margin:0 auto 5px auto;width:60%}
.mobile .setting li:nth-child(n+7){display:none}
.mobile .detail{box-sizing:border-box;margin-top:-300%;padding:10px;width:100%;max-width:640px}
.mobile h4{margin-bottom:10px;font-size:14px}
.mobile .close{position:absolute;top:14px;right:11px;width:13px}
}
/* portrait */
@media all and (max-width:480px){
.mobile .tabs{margin:0 0 35px 0}
.mobile .tabs span{display:block}
.mobile .tabs a{display:block;padding:12px 5px;height:auto;font-size:14px;line-height:18px}
.mobile .tabSub{margin-top:21px;padding:11px 9px;font-size:14px}
.mobile .tabSub a{padding:0 16px;height:24px;border-radius:12px;line-height:22px}
.mobile .game span{top:5px;left:13px;font-size:12px}
}