@charset "utf-8";

i{display:inline-block}
button{box-sizing:border-box}
strong{font-weight:bold}

.f-wrap:after{content:"";display:block;clear:both;}
.fL{float:left}
.fR{float:right}

/* .con-width{max-width:1240px;} */
.bg-bluegray{background:#edf3f5}

body {overflow-x:hidden;}
body.noscroll {overflow-y:hidden;}
#mainwrap {position:relative; width:100%; padding:51px 0 0; transition:margin .6s;}

#gnb li {display:block;cursor:pointer;font-size:0.95em;font-weight:bold;}
#gnb li:hover {color:#1a88ff}
#gnb a:hover {color:#1a88ff}

#header{position:fixed;overflow:hidden;width:100%;padding:0 1em;background:url('../images/white.png') repeat;box-shadow:1px 1px 4px rgba(0,0,0,.1);box-sizing:border-box;line-height:4em;z-index:100}
#header h1{float:left;display:block;margin-top:1.35em}
#header .logo{display:block;width:10em;height:2.3em;background-image:url('../images/logo.png');background-repeat:no-repeat;background-size:10em}
#header #gnb{float:right;display:block}
#header #gnb > li{float:left;padding:0 .5em;box-sizing:border-box}
#header #gnb > li a{display:inline-block;line-height:5em;letter-spacing:-.5px;}
#header #gnb > li:last-child{padding-right:0}

#footer .footer-img{margin:0 0 .5em;text-align:center;}
#footer p{padding:0 1em;}

::selection{background-color:#1a88ff!important;}

label{position:relative;display:inline-block;margin:0 1em 0 0;cursor:pointer;font-size:.875em;font-weight:500;vertical-align:middle}
label:after {content: '';position:absolute;right:100%;bottom:-2px;left:30px;display:block;height:1px;background:#2e3092;transition: .1s}

.checkbox, .radiobox {overflow:hidden;position:relative;display:inline-block;width:1.6em;height:1.6em;margin:0 .5em 0 0;vertical-align:top;cursor:pointer}
.checkbox input[type=checkbox], .radiobox input[type=radio]{width:1.6em;height:1.6em;margin:0;padding:0;cursor:pointer;opacity:0}
input[type='checkbox']:disabled + i{background:#d8d8d8 url(../images/icon/ico-ipt.png) no-repeat 0 0}

.agree label{margin-right:0;padding-bottom:0;text-align:left;}
.agree .checkbox{margin-right:0;margin-left:.2em;}

.main-container{padding-top:4.5em;background:url('../images/white.png') repeat;}
.con-width{max-width:1360px;margin:0 auto;}
.main-slider{position:relative}
.main-slider .item{display:table;width:100%;height:44.563em;background-repeat:no-repeat;background-position:50%;background-size:cover}
.main-slide1{background-image:url('../images/bg-mainVisual01.jpg')}
.main-slide2{background-image:url('../images/bg-mainVisual02.jpg')}
.main-slide3{background-image:url('../images/bg-mainVisual03.jpg')}
.main-slide4{background-image:url('../images/bg-mainVisual04.jpg')}
.main-slide5{background-image:url('../images/bg-mainVisual05.jpg')}
.main-slide6{background-image:url('../images/bg-mainVisual06.jpg')}


.slide-con *{font-family: 'Noto Sans KR', sans-serif;}
.main-slider .slide-con{display:table;max-width:1360px;width:100%;height:100%;margin:0 auto;box-sizing:border-box}
.main-slider .slide-con .slide-conInner{display:table-cell;vertical-align:middle;box-sizing:border-box}
.main-slider .slide-con .tit-sm{font-size:1.325em;color:#333;line-height:1}
.main-slider .slide-con h1{max-width:15em;margin-top:.3em;font-size:2.6em;font-weight:600;color:#000;line-height:1.25;letter-spacing:-1px;}
.main-slider .slide-con .tit-subs{display:block;margin-top:1.2em;font-size:1.125em;font-weight:400;color:#000;word-break:keep-all;line-height:1.6;letter-spacing:-.7px;}
.main-slider .slide-con .tit-subs span{display:block}
.main-slider .slide-con .main-btn{margin-bottom:4em;font-size:.95em}

.main-slider .slick-dots{position:absolute;bottom:4em;width:100%;text-align:center;}
.main-slider .slick-dots li{display:inline-block;transition:.3s;padding:0 .5em;}
.main-slider .slick-dots li button{display:inline-block;width:10px;height:10px;background:#fff;border-radius:50px;box-shadow:1px 1px 4px rgb(0,0,0,.2);text-indent:-9999px;transition:.3s}
.main-slider .slick-dots li.slick-active button{width:25px}
.main-slider .slick-dots li:hover button{background:#1a88ff}
.btn-radius{display:inline-block;margin-top:2.5em;padding:0 2.1em;border-radius:50px;border:1px solid #000;font-size:1em;font-weight:600;color:#000;line-height:2.8}
.btn-radius:after{content:"";display:inline-block;width:11px;height:11px;margin-left:5px;background:url('../images/icon/ico-arrow.png') no-repeat 0 0}

.main-slider .slide-con.txt-white *{border-color:#fff;color:#fff}
.main-slider .slide-con.txt-white .btn-radius:after{background-position-y:-18px}
.simplefilter li.active, .portfolio-1x .simplefilter li.active{background: #1a88ff!important;}
.simplefilter li, .portfolio-1x .simplefilter{padding:.5em 2em;border-radius:50px;}
.tem-inner{position:relative;margin:2%;}
.tem-list .figure{background: none!important;}
.item-desc{font-size:.95em;}

.main-con{padding:6em 0 8em;}
.con-width{max-width:1360px;}
.main-con h2{margin-bottom:2em;font-size:2.125em;font-weight:600;text-align:center;font-family: 'Noto Sans KR', sans-serif;letter-spacing:-1px;line-height:1.25em}

.ser-list{max-width:1360px;margin:0 auto}
.ser-list ul{overflow:hidden;}
.ser-list ul:nth-child(2){padding-top:2.7em;}
.ser-list ul li{float:left;width:25%;padding:1.5em 0;text-align:center;}
.ser-list ul li i{display:inline-block;width:3.375em;height:3.375em;}
.ser-list ul li i.ser1{background:url(../images/icon/service1.png) 50%/3.375em no-repeat}
.ser-list ul li i.ser2{background:url(../images/icon/service2.png) 50%/3.375em no-repeat}
.ser-list ul li i.ser3{background:url(../images/icon/service3.png) 50%/3.375em no-repeat}
.ser-list ul li i.ser4{background:url(../images/icon/service4.png) 50%/3.375em no-repeat}
.ser-list ul li i.ser5{background:url(../images/icon/service5.png) 50%/3.375em no-repeat}
.ser-list ul li i.ser6{background:url(../images/icon/service6.png) 50%/3.375em no-repeat}
.ser-list ul li i.ser7{background:url(../images/icon/service7.png) 50%/3.375em no-repeat}
.ser-list ul li i.ser8{background:url(../images/icon/service8.png) 50%/3.375em no-repeat}
.ser-list ul li p{padding-top:.5em;color:#333;font-size:1.375em;font-weight:400;line-height:1.3em;letter-spacing:-1px;}
.ser-list ul li p span{display:block;}

.premium-wrap{position:relative;}
.premium-wrap .main-con{position:relative;height:960px;padding:5em 0 7em;}
.pre-inner{margin:0}
.pre-inner:after{content:"";display:block;clear:both;}

.pre-left{position:absolute;left:0;width:35%;padding-top:15em;text-align:right;z-index:10}
.pre-left .left-inner{display:inline-block;width:100%;max-width:28em;text-align:left;}
.pre-left h3{margin:0 .25em 1em 2em;font-size:1.8em;font-weight:600;line-height:1.5;letter-spacing:-1px;}
.pre-left h3 img{vertical-align:-4px;}
.pre-left h3 span{display:block;}
.pre-left .pre-list .slick-list{overflow:visible}
.pre-left .left-inner .preList-wrap{margin-left:4em;}
.pre-left .left-inner .preList-wrap .slick-track{margin-left:0}
.pre-left .left-inner .pre-list li{position:relative;display:inline-block!important;float:none!important;width:16.5em!important;height:3.3em;margin:.75em 0;padding:0 1.5em;background:#fff;border-radius:30px;font-weight:500;line-height:3.3em;transition:.3s;box-sizing:border-box;cursor:pointer}
.pre-left .left-inner .pre-list li.active{margin-left:2em;background:#1a88ff;color:#fff;box-shadow:-4em 7px 0px rgb(9 127 255 / 50%);transition:all 0.6s}

.premium-view{position:relative;/*height:960px;*/overflow:hidden;}

.pre-wide-list{position:relative;overflow:hidden;padding:6em 0;}
.pre-wide-list h2{margin-bottom:2em;font-size:2.125em;font-weight:600;text-align:center;font-family: 'Noto Sans KR', sans-serif;letter-spacing:-1px;color:white;}
.pre-wide-list.bg1{background:#a0d6db url(../images/pre-bg1.png) 50%/ cover no-repeat}
.pre-wide-list.bg2{background:#97d4c7 url(../images/pre-bg2.png) 50%/ cover no-repeat}
.pre-wide-list.bg3{background:#94c3d6 url(../images/pre-bg3.png) 50%/ cover no-repeat}
.pre-wide-list.bg4{background:#a8a3d5 url(../images/pre-bg4.png) 50%/ cover no-repeat}
.pre-wide-list.bg5{background:#000000 url(../images/pre-bg5-26.jpg) 50%/ cover no-repeat}
.pre-wide-list.bg6{background:#000000 url(../images/pre-bg6.jpg) 100%/ cover no-repeat}

.pre-wide-list.bg5, .pre-wide-list.bg5 .pre-right .pre-txt .inner-txt,.pre-wide-list.bg5 .pre-right .preCon-bg .device1 .device-bt a{color:#fff;}
.pre-wide-list.bg5 .pre-right{background:rgba(2,3,17,.8)}
.pre-wide-list.bg5 .pre-right .preCon-bg .device1 .device-bt a .blank{background:url('../images/icon/ico-blankW.png') 50%/10px no-repeat}

.pre-wide-list.bg6 .pre-right{background:rgba(255,255,255,.15)}



.pre-right{float:right;display:table;width:65%;height:41.625em;padding:2em;border-top-left-radius:20px;border-bottom-left-radius:20px;background:rgba(255,255,255,.2);}
.pre-right:after{content:"";display:block;clear:both}
.pre-right .m-cate{display:none;}
.pre-right .preCon-bg{display:table-cell;position:relative;width:20em;}
.pre-right .preCon-bg .device1{position:absolute;top:0em;left:4em;z-index:51;transform:scale(0.95);transform:translateX(2em);opacity:0.5;transition:all .7s, opacity .5s;}
.pre-right .preCon-bg .device1 .device-inner{position:relative;width:278px;height:577px; }
.pre-right .preCon-bg .device1 .device-inner>div{position:absolute;}
.pre-right .preCon-bg .device1 .device-inner .hover{display:none;}
.pre-right .preCon-bg .device1 .device-inner:hover .hover{display:block;}
.pre-right .preCon-bg .device1 .device-bt{text-align:center;}
.pre-right .preCon-bg .device1 .device-bt a{display:inline-block;margin:0 1em;font-size:.85em;}
.pre-right .preCon-bg .device1 .device-bt a .blank{display:inline-block;width:10px;height:10px;background:url(../images/icon/ico-blank.png) 50%/10px no-repeat}
.pre-right .pre-txt{display:table-cell;/*width:65%;*/padding-left:4em;padding-top:2em;vertical-align:middle;letter-spacing:-.5px;box-sizing:border-box;transform:translateX(1.5em);opacity:0;transition:.2s;}
.pre-right .pre-txt .inner-tit{margin:.3em 0 .4em;;font-size:1.625em;font-weight:600;line-height:1.3;}
.pre-right .pre-txt>div{padding-top:1em;}
.pre-right .pre-txt .inner-label{padding-bottom:.3em;color:#1a88ff;font-size:.9em;font-weight:500;line-height:1.4;}
.pre-right .pre-txt .inner-txt{font-size:1em;line-height:1.4}
.pre-right .pre-txt .inner-txt span{display:block;}
.pre-right .pre-txt .ann{max-width:420px;margin-top:2.5em;padding:.75em;border-radius:10px;background:rgba(255,255,255,.5)}
.pre-right .pre-txt .ann p{font-size:.9em;}
.pre-right .pre-txt .ann p:nth-child(1){padding-bottom:.15em;font-weight:500}
.pre-right .right-inner{width:100%;background:url(../images/pre-bg.png) 0%/cover no-repeat;border-top-left-radius:10px;border-bottom-left-radius:10px;}

.pre-wide-list{
	height:100%;
}


.pre-wide-list.bg6 .pre-right{
    display: flex;
    flex-direction: column;
}

.pre-wide-list.bg6 .pre-right .preCon-bg .device1 {
	position:relative;
}

.pre-wide-list.bg6 .pre-right .preCon-bg .device1 .device-inner {
	width:468px;
	max-width:70%;
	height:auto;
}

.pre-wide-list.bg6 .pre-right .preCon-bg .device1 .device-inner img{
	width:100%;

}

.pre-wide-list.bg6 .pre-right .preCon-bg .device1 .device-inner>div {
	position:relative;
	
}

.pre-wide-list.bg6 .pre-right .pre-txt {

}

.pre-wide-list.bg6 .pre-right .pre-txt .inner-tit a,
.pre-wide-list.bg6 .pre-right .pre-txt .inner-tit a:visited,
.pre-wide-list.bg6 .pre-right .pre-txt .inner-tit a:hover,
.pre-wide-list.bg6 .pre-right .pre-txt .inner-tit a:focus,
.pre-wide-list.bg6 .pre-right .pre-txt .inner-tit a:active
{
	color:white;
}

.pre-right .preCon-bg


.pre-wide-list.bg6 .pre-right .pre-txt .flex-row {
	display:flex;
	flex-direction:row-reverse;
	gap:46px;
}

.pre-wide-list.bg6 .pre-right .pre-txt .inner-txt{
	color:white;

}

.pre-wide-list.bg6 .pre-right .preCon-bg{
	width:100%;

}

.flex-row{
	display:flex;
	flex-direction: row-reverse;
    justify-content: start;
	gap:65px;
}


.pre-wide-list.bg6 .pre-right .pre-txt .ann {
	max-width:546px;
}


.premium-view .slick-list{overflow:visible}
.premium-view li.slick-current .pre-txt{transform:translateX(0);opacity:1}
.premium-view li.slick-current .device1{transform:scale(1);transform:translateX(0);opacity:1}
.premium-view .m-cate{display:none;}

.worksCate-wrap ul{padding-bottom:3.3em;text-align:center;}
.worksCate-wrap ul li{display:inline-block;margin-bottom:.75em;padding:0 .35em;}
.worksCate-wrap ul li a{display:block;padding:.25em 1em;border-radius:40px;background:#cbcbcb;color:#fff;font-size:.95em;}
.worksCate-wrap ul li a.active{background:#1a88ff;}

.worksList-wrap{max-width:1200px;margin:0 auto;}
.worksList-wrap li{display:table;width:100%;padding-bottom:5em;}
.worksList-wrap .work-img{display:table-cell;position:relative;width:36%;border-radius:10px;overflow:hidden;}
.worksList-wrap .work-img img{width:100%;}
.worksList-wrap .work-img:hover .playnow{display:block;}
.worksList-wrap .work-img .playnow{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);text-align:center;}
.worksList-wrap .work-img .playnow span{position:absolute;top:50%;left:50%;display:inline-block;padding:.75em 2em;border-radius:50px;background:#fff;color:#000;font-size:.9em;transform:translate(-50%, -50%);}
.worksList-wrap .work-info{display:table-cell;width:calc(100% - 31%);padding-left:1.5em;vertical-align:top;box-sizing:border-box}
.worksList-wrap .work-info>div{padding:1em 0 2.5em}
.worksList-wrap .work-info h3{font-size:1.575em;font-weight:600;letter-spacing:-.5px;}
.worksList-wrap .work-info p{padding-top:.3em;font-size:1.1em;letter-spacing:-.3px;}
.worksList-wrap .work-info .gameImg-list{overflow:hidden;margin-top:20px;}
.worksList-wrap .work-info .gameImg-list li{float:left;width:calc(20% - .75em);margin-right:.75em;padding-bottom:0;border-radius:7px;overflow:hidden;}
.worksList-wrap .work-info .gameImg-list li img{width:100%;}

.btn-wrap{text-align:center;}
.btn-wrap a{display:inline-block;padding:1em 3em;border-radius:50px;background:#cbcbcb;color:#fff;font-size:1em;letter-spacing:-.5px;}

.bg-area{background:#f5f6f8;}
.row-container{display:flex;flex-direction:row;justify-content:space-between;}
.row-container li{width:30%;max-width:350px}
.row-container li p:nth-child(1){font-size:1.5em;font-weight:600;letter-spacing:-.5px;line-height:1.4;}
.row-container li p:nth-child(2){padding:1em 0 2em;letter-spacing:-.3px;}
.row-container .img-wrap{overflow:hidden;border-radius:7px}
.row-container .img-wrap.pc{display:block;}
.row-container .img-wrap img{transition:all .5s}
.row-container .img-wrap:hover img{transform:scale(1.1);}

.client-list{overflow:hidden;}
.client-list li{float:left;width:calc(100% / 9);padding-bottom:3em;}
.client-list li.pb-0{padding-bottom:0}

.html5-list ul{overflow:hidden;max-width:1280px;margin:0 auto;text-align:center;}
.html5-list li{display:inline-block;width:30%;max-width:370px;margin:0 1.5em 3em;;background:#fff;border-radius:10px;overflow:hidden;}
.html5-list li .html-inner{min-height:385px;}
.html5-list li:nth-child(1) .html-inner{position:relative;background:url(../images/html_1.png) 50% 100%/370px no-repeat}
.html5-list li:nth-child(2) .html-inner{position:relative;background:url(../images/html_2.png) 50% 100%/370px no-repeat}
.html5-list li:nth-child(3) .html-inner{position:relative;background:url(../images/html_3.png) 50% 100%/370px no-repeat}
.html5-list li:nth-child(4) .html-inner{position:relative;background:url(../images/html_4.png) 50% 100%/370px no-repeat}
.html5-list li:nth-child(5) .html-inner{position:relative;background:url(../images/html_5.png) 50% 100%/370px no-repeat}
.html5-list li .html-inner.on .action{top:0em;opacity:1;z-index:2}
.html5-list li .html-inner.on .basic{opacity:0;z-index:1}
.html5-list li .basic{position:absolute;top:0;right:0;left:0;bottom:0;opacity:1;transition:.3s;z-index:2}
.html5-list li .basic .basic-txt{padding:2.5em 2em 2em;}
.html5-list li .basic p{padding-bottom:1.5em;font-size:1.5em;font-weight:600;line-height:1.4;letter-spacing:-.5px;}
.html5-list li .basic .view-cir{display:inline-block;width:26px;height:26px;background:url('../images/icon/ico-more.png') 50%/26px no-repeat}
.html5-list li .action{position:absolute;top:30%;min-height:385px;background:#fff;text-align:center;opacity:0;transition:.3s;z-index:1;}
.html5-list li .action .tit{padding-top:1.2em;font-size:1.25em;font-weight:600;letter-spacing:-.5px;line-height:1.3}
.html5-list li .action .txt{padding:1em 1.5em;font-size:.875em;font-weight:400;letter-spacing:-.3px;}
.html5-list li .action .close-btn{position:absolute;right:1em;bottom:1em;display:inline-block;width:26px;height:26px;background:url('../images/icon/ico-more.png') 50%/26px no-repeat;text-indent:-999em;transform: rotate(45deg);}

#contact h2{margin-bottom:.5em;;text-align:left;font-size:2.375em;font-weight:500;line-height:1.3}
#contact .fL .tit-sm{font-size:1.125em;letter-spacing:-.4px;}
#contact .fL .down-btn{display:inline-block;margin-top:2em;padding:.75em 2em;border-radius:30px;border:1px solid #333;font-size:.875em;font-weight:400;letter-spacing:-.2px;}
#contact .fL .down-btn i{display:inline-block;width:14px;height:14px;background:url(../images/icon/ico-down.png) 50%/14px no-repeat;vertical-align:-1px;}
#contact .f-wrap > div{width:50%;}
#contact .f-wrap .fR-inner{width:100%;max-width:80%;}
#contact .f-wrap .fR-inner .tit{padding-bottom:1em;font-size:1em;font-weight:500;}

.chk-list{overflow:hidden;}
.chk-list li{float:left;width:33%;padding:0 .75em .75em 0;}
.chk-list li:nth-child(3n){padding-right:0}
.check-round input[type="checkbox"] {display:none;}
.check-round input[type="checkbox"] + label {display:inline-block;width:100%;padding:1em 1.5em;border-radius:5px;border:1px solid #cbcbcb;color:#666;font-size:.875em;font-weight:400;text-align:center;letter-spacing:-.3px;}
.check-round input[type="checkbox"]:checked + label {color:#fff;background:#1a88ff;border:1px solid #1a88ff}

.contact-ipt>input{width:100%;margin-top:1em;border-bottom:1px solid #cbcbcb;border-radius:0;font-size:.95em;font-weight:400;color:#666;letter-spacing:-.2px;}
.contact-ipt .txtArea-wrap{position:relative;margin-top:3em;}
.contact-ipt .txtArea-wrap textarea{padding:1.25em 1.5em 3.5em;border-radius:7px;border:1px solid #cbcbcb;font-size:.95em;color:#666;letter-spacing:-.3px;}
.contact-ipt .txtArea-wrap .add-file{position:absolute;left:1em;bottom:7em;display:block;font-weight:400;color:#333;}
.contact-ipt .sm-txt{padding:1em;font-size:.875em;color:#999}

.check-squre{padding-top:2em}
.check-squre .checkbox i,.radiobox i{position:absolute;top:0;left:0;right:0;bottom:0;}
.checkbox i{background:url(../images/icon/ico-check-off.png) no-repeat 0 0/1.57em;}
.check-squre .radiobox i{background:url(../images/icon/ico-radio-off.png) no-repeat 0 0/1.57em;}
.check-squre .checkbox input[type=checkbox]:checked + i{background:url(../images/icon/ico-check-on.png) no-repeat 0 0/1.57em;}
.check-squre .radiobox input[type=radio]:checked + i{background:url(../images/icon/ico-radio-on.png) no-repeat 0 0/1.57em;}

.contact-btn{display:inline-block;margin-top:3em;padding:1em 4em;border-radius:50px;background:#1a88ff;color:#fff!important;font-size:.975em;font-weight:400;}
.contact-ipt input:focus{border-bottom:1px solid #1a88ff}
.contact-ipt textarea:focus{border:1px solid #1a88ff}

.txtArea-wrap .add-file .file-btn{display:inline-block;padding:.5em 1em 0.65em;border-radius:5px;background:#ebebeb;font-size:.95em;font-weight:400;}
.txtArea-wrap .add-file input{display:none;}
.txtArea-wrap .file-name{font-size:.85em;padding:.5em 0 .65em;}
.txtArea-wrap .delete-btn{display:inline-block;width:10px;height:10px;margin-left:.5em;background:url(../images/icon/ico-pop-close.png) 50%/10px no-repeat;vertical-align:-1px;}

.mfp-wrap{overflow-y:auto;}
.mfp-auto-cursor .mfp-content{padding:0;height:100%;}
#game-popup{position:relative;max-width:900px;height:92%;top:4%;margin:0 auto;background:transparent;font-size:.95em;text-align:center;display: flex;flex-direction:column;justify-content: center;}
#game-popup .pop-content>div:nth-child(1){height:100%;width:auto;}
#game-popup .pop-content>div:nth-child(2){position:fixed;right:63px;top:21px;}
#game-popup .pop-content>div:nth-child(2) ul{padding:0;margin:0;}
#game-popup a.top{position:fixed;top:21px;right:25px;width:21px;height:21px;background:url('../images/icon/ico-close-pop.png') 50%/cover no-repeat;font-size:0;}
#game-popup input{width:90%;text-align:left;}
.pop-header{padding:1em 3em 1em 1.5em;text-align:left;font-size:1.375em;font-weight:600;letter-spacing:-.3px;}
.pop-header p{color:white;text-align:center;}
.pop-content{padding:0em;overflow:hidden;margin:0 auto;}
.pop-content ul li a.popInner-btn:nth-child(1){vertical-align:top;display:inline-block;margin-right:21px;width:21px;height:21px;background:url('../images/icon/ico-new-window.png') 50%/20px no-repeat;font-size:0;}
.pop-content ul li a.popInner-btn:nth-child(2){vertical-align:top;display:inline-block;width:21px;height:21px;background:url('../images/icon/ico-share.png') 50%/20px no-repeat;font-size:0;}


#game-popup li{}
#game-popup li:last-child{border-bottom: 0px}

#game-popup .pop-img{position:relative;}
#game-popup .pop-img .btn-bg{background:none;transition:.3s;}
#game-popup .pop-img .btn-bg a{display:none;transition:.3s;}
#game-popup .pop-img:hover .btn-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0, 0, 0, 0.8)}
#game-popup .pop-img:hover .btn-bg a{display:inline-block;position:absolute;top:50%;left:50%;width:7em;height:2.8em;margin:-1.4em 0 0 -3.5em;border:none;text-align:center;line-height:2.8em;background:#fff;}
.popup-title{position:relative;padding:7px 0 .5em 11px;font-weight:600;background:url(../images/popTit-bg.png) 0 4px/20px no-repeat}
.cancel-btn{min-width:190px;}
.sns-window .sns-box a{margin:0px 3px!important}
.pop-content iframe{width:95%;}

.cancel-btn{min-width:300px;}
.pop-content iframe{width:80%;}
.pop-header{padding: 1em 1.5em;}
/*.pop-content .popInner-btn{display:inline-block;width:10em;height:2.5em;margin-bottom:.5em;line-height:2.5em;border:1px solid #333;border-radius:2.5em;text-align:center;font-size:.975em}*/

#footer{padding:3em 0;background-color:#333;color:#fff;}
#footer .con-width{position:relative}
#footer .totop{position:absolute;top:-2em;right:0;width:2.5em;height:2.5em;border-radius:10px;background:#1a88ff url(../images/icon/top-btn.png) 50%/20px no-repeat;text-indent:-9999px}
#footer p{text-align:center;font-size:.75em;font-weight:300;line-height:1.5;color:#999}
.check-squre a{display:inline-block;border-bottom:1px solid #333}
.check-squre a i.blank{display:inline-block;width:10px;height:10px;background:url(../images/icon/ico-blank.png) 50%/10px no-repeat}
/* 게임화면 */

.game-wrap{background:#fafafa;display:table;width:100%;height:100vh}
.game-inner{display:table-cell;max-width:500px;margin:0 auto;vertical-align:middle;}

a.anchor{font-size:1.12em;display:block;font-weight:bold;color:#999;}
a.anchor.anchor-btm{margin-top:1.3em;}

.mfp-container{position:fixed;}
button.mfp-close, button.mfp-arrow{display:none !important;}


#game-popup .pop-content>div:nth-child(2) p, #game-popup .pop-content>div:nth-child(2) span{display:none;}