﻿@charset "utf-8";

/*멀티미디어 팝업*/
.viewWrap{position:absolute;left:0;top:0;background:url('//image.pupugame.com/dn/etc/bg_pop.png') repeat;z-index:2;}
.viewPop{position:absolute;left:590px;top:159px;width:638px;height:439px;padding:38px 39px 0;background:url('//image.pupugame.com/dn/etc/bg_media_pop.png') no-repeat 0 0;z-index:3;}
.viewPop .media{width:640px;height:360px;background:#000;}
.viewPop .close{position:absolute;left:321px;top:414px;}

/*게임*/
#contents .game{width:100%;height:1093px;background:url('//image.pupugame.com/dn/etc/game.jpg') no-repeat 0 0;}

/*가이드*/
#contents .guide{position:relative;width:760px;padding:0 0 1px 0;border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3;letter-spacing:-1px;background:url('//image.pupugame.com/dn/etc/bg_guide_center.jpg') repeat-y 1px 0;}
#contents .guide:after{content:"";display:block;clear:both;}
#contents .guide:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:url('//image.pupugame.com/dn/etc/bg_guide_bottom.jpg') no-repeat 0 0;}
#contents .guide>li{float:left;width:248px;margin:0 0 0 9px;border-top:1px solid #e3e3e3;vertical-align:top;}
#contents .guide>li:first-child{margin-left:0;}
#contents .guide>li.last{width:247px;margin-left:8px;}
#contents .guide>li:first-child>div h4.gudTitle{width:234px;}
#contents .guide>li.last>div h4.gudTitle{width:232px;}
#contents .guide>li>div{width:100%;height:100%;padding:40px 0 20px;color:#888;font-size:13px;line-height:1.25em;}
#contents .guide>li>div h4.gudTitle{position:relative;width:233px;margin:-40px 0 0;padding:0 0 0 15px;height:41px;line-height:38px;border-bottom:1px solid #e3e3e3;color:#fff;font-size:20px;background:#576500;z-index:0;}
#contents .guide>li>div h4.gudTitle span{position:absolute;top:0;right:0;width:108px;height:100%;background:url('//image.pupugame.com/dn/etc/bg_guide.jpg') no-repeat 0 0;z-index:-1;}
#contents .guide>li>div h4.gudTitle span.sub2{background-position:-118px 0;}
#contents .guide>li>div h4.gudTitle span.sub3{background-position:-236px 0;}
#contents .guide div>ul>li a{color:#444;}
#contents .guide div>ul>li li a{color:#888}
#contents .guide div>ul.dep1{padding:0 15px 0;}
#contents .guide div>ul.dep1>li:first-child{padding:22px 0 8px;}
#contents .guide div>ul.dep1>li{padding-bottom:8px;font-size:14px;font-weight:bold;}
#contents .guide div>ul.dep2{padding:0 15px 0;}
#contents .guide div>ul.dep2>li{padding-top:22px;font-size:14px;font-weight:bold;}
#contents .guide div>ul.dep2>li ul{padding:7px 0 0 5px;}
#contents .guide div>ul.dep2>li li{padding-bottom:3px;font-size:13px;font-weight:normal;}
	/*가이드 li width유형에 따른*/
	#contents .guide.cont1{background:url('//image.pupugame.com/dn/etc/bg_guide_center2.jpg') repeat-y 1px 0;}
	#contents .guide.cont1:before{background:url('//image.pupugame.com/dn/etc/bg_guide_bottom2.jpg') no-repeat 0 0;}
	#contents .guide.cont1>li{width:184px;margin:0 0 0 8px;}
	#contents .guide.cont1>li:first-child{margin-left:0;margin-right:1px;}
	#contents .guide.cont1>li.last{width:183px;}
	#contents .guide.cont1>li:first-child>div h4.gudTitle{width:170px;}	
	#contents .guide.cont1>li.last>div h4.gudTitle{width:168px;}
	#contents .guide.cont1>li>div h4.gudTitle{width:169px;}
	#contents .guide.cont1>li>div h4.gudTitle span{width:70px;}
	#contents .guide.cont1>li>div h4.gudTitle span.sub4{background-position:0 -51px;}
	#contents .guide.cont1>li>div h4.gudTitle span.sub5{background-position:-80px -51px;}
	#contents .guide.cont1>li>div h4.gudTitle span.sub6{background-position:-160px -51px;}
	#contents .guide.cont1>li>div h4.gudTitle span.sub7{background-position:-240px -51px;}

#contents .guideView{border:1px solid #e3e3e3;}
#contents .guideView .viewTitle{padding:0 0 0 16px;height:40px;line-height:35px;border-bottom:1px solid #e3e3e3;color:#fff;font-size:20px;font-weight:bold;background:#576500;}
#contents .guideView .viewContent{line-height:1.6em;padding:22px 19px 45px;color:#444;font-size:13px;letter-spacing:-1px;}
#contents .guideView .viewContent strong{font-size:18px;}
#contents .guideView .viewContent .viewImg{margin:15px 0;}

#contents .btnGuide{margin:14px 0 10px;text-align:right;}
#contents .btnGuide span{display:inline-block;width:154px;height:27px;vertical-align:top;background:url('//image.pupugame.com/dn/etc/btn_notice.gif') no-repeat 0 0;}
#contents .btnGuide span a{display:block;width:100%;height:100%;font-size:0;text-indent:-9999px;}
#contents .btnGuide span.btnMenu{background-position:-313px 0;}

/*이용약관*/
#agreeWrap{width:100%;background:url('//image.pupugame.com/dn/etc/bg_head.jpg') repeat-x 0 0;}
#agree{width:828px;margin:0 auto;line-height:1.25em;}

#agree .header{padding:32px 0 22px;text-align:center;}
#agree .contents{width:100%;}
#agree .contents h2{margin:30px 0 9px;}
#agree .contents h2.first{margin-top:24px;}
#agree .contents .banner{padding:55px 20px 12px;height:55px;line-height:1.3em;color:#fff;border-bottom:1px solid #dfdfdf;background:#fff url('//image.pupugame.com/dn/etc/bnr_agreement.jpg') no-repeat 0 0;}
#agree .contents .banner strong{position:absolute;left:-9999px}
#agree .contents .list .listWrap{overflow:auto;height:105px;padding:15px 0 0 15px;border:1px solid #dfdfdf;background:#f9f9f9;}
#agree .contents .list .btnAgr{margin:7px 0 0;color:#808080;}
#agree .contents .list .btnAgr label{cursor:pointer;}
#agree .contents .list .btnAgr label input{vertical-align:middle;}
#agree .contents .list .btnAgr span{color:#ca3917;font-weight:bold;}
#agree .contents .nickInput{line-height:1em;padding:22px 0 23px;text-align:center;border:5px solid #dfdfdf;background:#f9f9f9;}
#agree .contents .nickInput p{margin:0 0 10px;color:#808080;}
#agree .contents .nickInput p span{color:#474747;font-weight:bold;}
#agree .contents .nickInput strong{display:block;margin:10px 0 0;color:#ca3917;font-weight:normal;}
#agree .contents .nickInput .nText{width:207px;height:24px;border:1px solid #cbcbc9;}
#agree .contents .button{margin:37px 0 59px;text-align:center;}

/*푸푸캐시 전환 팝업*/
#pupuPop{width:526px;height:574px;margin:0 auto;font-family:'돋움',dotum;line-height:1.25em;background:url('//image.pupugame.com/dn/etc/bg_pop_center.jpg') repeat-y 0 0;}
#pupuPop .header{width:100%;margin:0 0 8px;}
#pupuPop .contents{padding:0 22px 35px;height:476px;background:url('//image.pupugame.com/dn/etc/bg_pop_bottom.jpg') no-repeat 0 bottom;}
#pupuPop .contents .naverId{margin:0 0 5px;color:#666;font-size:16px;font-weight:bold;border:1px solid #bad9e8;}
#pupuPop .contents .naverId p{padding:16px 0 19px;border:4px solid #d7e6ee;text-align:center;background:#eef4f7;}
#pupuPop .contents .naverId p span{color:#2488c2;}
#pupuPop .contents .cash{margin:3px 0 0;padding:7px 0 10px 12px;border:1px solid #cee1ea;font-weight:bold;background:#dde9ee;}
#pupuPop .contents .cash span{color:#2488c2;}
#pupuPop .contents .sctCash{margin:18px 0 0;}
#pupuPop .contents .sctCash strong{font-weight:bold;}
#pupuPop .contents .sctCash .cashList{margin:10px 0 0;border:1px solid #d7d7d7;}
#pupuPop .contents .sctCash .cashList ul{padding:20px 0 10px 35px;border:4px solid #ebebeb;}
#pupuPop .contents .sctCash .cashList ul:after{content:"";display:block;clear:both;}
#pupuPop .contents .sctCash .cashList ul li{float:left;width:70px;margin:0 25px 10px 0;padding:0 0 0 18px;cursor:pointer;background:url('//image.pupugame.com/dn/etc/radio_off.gif') no-repeat 0 50%;}
#pupuPop .contents .sctCash .cashList ul li.on{background-image:url('//image.pupugame.com/dn/etc/radio_on.gif');}
#pupuPop .contents .sctCash .cashList ul li.right{margin-right:0;}
#pupuPop .contents .notice{margin:12px 0 12px;padding:0 10px 14px;border-bottom:1px solid #dfdfdf;}
#pupuPop .contents .notice strong{color:#494949;}
#pupuPop .contents .notice ul{margin:5px 0 0;color:#808080;font-size:11px;letter-spacing:-1px;}
#pupuPop .contents .notice li{padding:0 0 0 8px;background:url('//image.pupugame.com/dn/etc/icon_notice.gif') no-repeat 0 50%;}
#pupuPop .contents .notice li img{padding:0 0 0 5px;vertical-align:middle;}
#pupuPop .contents .notice li span{color:#ca3917;font-weight:bold;}
#pupuPop .contents .btnNagr{text-align:center;}
#pupuPop .contents .btnNagr label{cursor:pointer;}
#pupuPop .contents .btnNagr label input{vertical-align:-2px;}
#pupuPop .contents .button{margin:17px 0 0;text-align:center;}

/*런쳐*/
#lchrWrap{overflow:hidden;width:666px;height:366px;line-height:1.25em;padding:5px;background:#1a1a1a;}
#lchrWrap .vLlchr{float:left;width:401px;}
#lchrWrap .vRlchr{float:right;width:260px;height:366px;background:#282a2b;}
#lchrWrap .vRlchr .title{height:14px;padding:15px 0 10px 1px;background:url('//image.pupugame.com/dn/etc/bg_line.jpg') repeat-x 0 bottom; }
#lchrWrap .vRlchr .more{position:absolute;right:15px;top:14px;color:#aaa;letter-spacing:-0.75px;}
#lchrWrap .vRlchr>div{position:relative;}
#lchrWrap .vRlchr .newLchr{padding:0 10px 22px 11px;}
#lchrWrap .vRlchr .newLchr li{clear:both;margin:6px 0 0;padding:0 0 0 15px;background:url('//image.pupugame.com/dn/etc/icon_gdot.gif') no-repeat 4px 60%;}
#lchrWrap .vRlchr .newLchr li a{color:#d1d1d1;}
#lchrWrap .vRlchr .newLchr li span{float:right;color:#8a8a8a;}
#lchrWrap .vRlchr .newLchr li img{vertical-align:middle;}
#lchrWrap .vRlchr .upLchr{padding:0 20px 0 21px;border-top:1px solid #1a1a1a;}
#lchrWrap .vRlchr .upLchr .title{background:none;}