.game-recommendation-question{position:relative;min-height:1080px}
@media(max-width:1219px){.game-recommendation-question{min-height:768px}
}
.game-recommendation-question .top-content{background:rgba(0,0,0,0.7);padding:60px 0 40px 0;text-align:center}
.game-recommendation-question .top-content .progress{color:#ccc;margin-bottom:32px;display:flex;flex-direction:column;gap:8px}
.game-recommendation-question .top-content .progress .progress-bar{display:flex;justify-content:center}
.game-recommendation-question .top-content .progress .progress-bar div{width:49px;height:6px;background-color:#cc0040;opacity:.4}
.game-recommendation-question .top-content .progress .progress-bar .active{background-color:#ff2d6f;opacity:1}
.game-recommendation-question .top-content p{margin-top:16px}
.game-recommendation-question .top-content .note{color:#9e9e9e;display:inline-block;text-align:center;margin-top:32px}
@media(min-width:1220px){.game-recommendation-question .top-content .note{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
}
@media(max-width:1219px){.game-recommendation-question .top-content{padding:40px}
}
@media(max-width:767px){.game-recommendation-question .top-content{padding:40px 20px}
}
.game-recommendation-question .main-content{padding:40px 0 80px 0}
.game-recommendation-question .main-content .options{margin:0 auto}
.game-recommendation-question .main-content .options .option{border-radius:12px;border:1px solid #333;background:rgba(0,0,0,0.3);padding:12px 20px;min-height:72px;cursor:pointer;display:flex;align-items:center;gap:20px}
.game-recommendation-question .main-content .options .option:hover{background:rgba(0,0,0,0.7)}
.game-recommendation-question .main-content .options .option.selected,.game-recommendation-question .main-content .options .option:active{background:#000}
.game-recommendation-question .main-content .options .option img{opacity:.8}
.game-recommendation-question .main-content .options .option p{margin:0}
.game-recommendation-question .main-content .options.gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:40px 20px}
.game-recommendation-question .main-content .options.gallery .option{text-align:center;flex-direction:column;border:0;border-radius:0;background:0;padding:0;max-width:23.77%;gap:0}
.game-recommendation-question .main-content .options.gallery .option img{max-width:210px}
.game-recommendation-question .main-content .options.gallery .option .option-wrapper{border-radius:12px;border:1px solid #333;background:rgba(0,0,0,0.3);width:100%;padding:20px 40px;position:relative;z-index:1}
.game-recommendation-question .main-content .options.gallery .option .option-wrapper:hover{background:rgba(0,0,0,0.7)}
.game-recommendation-question .main-content .options.gallery .option .option-wrapper.selected,.game-recommendation-question .main-content .options.gallery .option .option-wrapper:active{background:#000}
@media(max-width:1219px){.game-recommendation-question .main-content .options.gallery .option .option-wrapper{flex:0}
}
.game-recommendation-question .main-content .options.gallery .option .option-wrapper .gallery-wrapper{position:relative;overflow:hidden;max-width:210px}
.game-recommendation-question .main-content .options.gallery .option .option-wrapper .gallery-wrapper .gallery-list{display:flex;width:100%;transition-property:transform;transition:transform .3s ease}
.game-recommendation-question .main-content .options.gallery .option .option-wrapper .gallery-wrapper .gallery-list li{min-width:100%}
.game-recommendation-question .main-content .options.gallery .option .option-wrapper button{position:absolute;z-index:2;top:50%;transform:translateY(-50%);padding:12px;border:0;background:0;width:40px;height:40px}
.game-recommendation-question .main-content .options.gallery .option .option-wrapper button svg{width:100%;height:100%;fill:#9e9e9e}
.game-recommendation-question .main-content .options.gallery .option .option-wrapper button.next{right:0}
.game-recommendation-question .main-content .options.gallery .option .option-wrapper button.prev{left:0}
.game-recommendation-question .main-content .options.gallery .option .option-wrapper button.disabled{display:none}
.game-recommendation-question .main-content .options.gallery .option .option-wrapper p:last-child{margin-top:12px}
.game-recommendation-question .main-content .options.gallery .option span{margin-top:8px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
@media(max-width:767px){.game-recommendation-question .main-content .options.gallery .option img{width:120px}
}
@media(max-width:1219px){.game-recommendation-question .main-content .options.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.game-recommendation-question .main-content .options.gallery .option{max-width:100%}
}
.game-recommendation-question .main-content .options.list-thumb{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 60px;max-width:910px}
.game-recommendation-question .main-content .options.list-thumb img{width:80px}
@media(max-width:1219px){.game-recommendation-question .main-content .options.list-thumb{gap:20px 40px}
}
.game-recommendation-question .main-content .options.list{display:flex;flex-direction:column;justify-content:center;gap:20px;width:100%}
.game-recommendation-question .main-content .options.list .option{padding:20px;justify-content:center}
.game-recommendation-question .main-content .options.list.flex-start{justify-content:flex-start}
.game-recommendation-question .main-content .options.split-row{display:grid;grid-template-columns:repeat(2,1fr);max-width:910px}
.game-recommendation-question .main-content .options.split-row .option{max-width:100%}
.game-recommendation-question .main-content .options.odd-row{max-width:910px}
.game-recommendation-question .main-content .options.odd-row .option{max-width:31.86%}
@media(max-width:1219px){.game-recommendation-question .main-content .options.odd-row{display:grid;grid-template-columns:repeat(2,1fr)}
.game-recommendation-question .main-content .options.odd-row .option{max-width:100%}
}
.game-recommendation-question .main-content .options .input-wrapper{display:flex;flex-direction:column;gap:20px}
@media(max-width:767px){.game-recommendation-question .main-content .options.gallery,.game-recommendation-question .main-content .options.list-thumb{display:flex;flex-direction:column}
.game-recommendation-question .main-content .options.list-thumb{gap:20px}
.game-recommendation-question .main-content .options.gallery{gap:32px}
}
.game-recommendation-question .main-content .split-container{display:grid;grid-template-columns:repeat(2,1fr);column-gap:60px}
@media(max-width:1219px){.game-recommendation-question .main-content .split-container{column-gap:40px;grid-template-columns:1fr 300px}
}
@media(max-width:767px){.game-recommendation-question .main-content .split-container img{max-width:335px}
}
.game-recommendation-question .main-content .split-container.disable-split{grid-template-columns:21.8% auto 21.8%;column-gap:0}
.game-recommendation-question .main-content .split-container.disable-split>*{grid-column-start:2;grid-column-end:3}
@media(max-width:1219px){.game-recommendation-question .main-content .split-container.disable-split{display:flex}
}
.game-recommendation-question .main-content .button-wrapper{display:flex;justify-content:center;gap:60px;margin-top:40px}
.game-recommendation-question .main-content .input{display:flex;flex-direction:column}
.game-recommendation-question .main-content .input-wrapper{position:relative}
.game-recommendation-question .main-content .input-wrapper.open svg{transform:rotateX(180deg)}
.game-recommendation-question .main-content .input-wrapper.open svg use{transform:translate(-1px,-1px)}
.game-recommendation-question .main-content .input-wrapper svg{position:absolute;right:12px;top:16px;bottom:16px}
.game-recommendation-question .main-content .input label{display:flex;gap:6px}
.game-recommendation-question .main-content .input span.error{color:red;display:none}
.game-recommendation-question .main-content .input span.error.active{display:block}
.game-recommendation-question .main-content .input button,.game-recommendation-question .main-content .input input{font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:normal}
.game-recommendation-question .main-content .input button.error,.game-recommendation-question .main-content .input input.error{border-radius:4px;border:2px solid red}
.game-recommendation-question .main-content .input button.default,.game-recommendation-question .main-content .input input.default{color:#9e9e9e}
.game-recommendation-question .main-content .input button:hover,.game-recommendation-question .main-content .input input:hover{border:2px solid #ccc}
.game-recommendation-question .main-content .input input::placeholder{color:#9e9e9e}
.game-recommendation-question .main-content .dropdown-field{position:relative;z-index:1010}
.game-recommendation-question .main-content .dropdown-field select{display:none}
.game-recommendation-question .main-content .dropdown-field svg{width:20px;height:20px;fill:#fff}
.game-recommendation-question .main-content .dropdown-wrapper{border-radius:4px;border:1px solid #757575;background:#333;padding-right:6px;display:none}
.game-recommendation-question .main-content .dropdown-wrapper.active{display:block}
.game-recommendation-question .main-content .dropdown-list{min-height:52px;color:#757575;cursor:pointer;width:100%;overflow:auto;max-height:360px;margin:12px 0}
.game-recommendation-question .main-content .dropdown-list::-webkit-scrollbar{width:6px}
.game-recommendation-question .main-content .dropdown-list::-webkit-scrollbar-track{background:#4d4f52;border-radius:100px}
.game-recommendation-question .main-content .dropdown-list::-webkit-scrollbar-thumb{background:#9e9e9e;border-radius:100px}
.game-recommendation-question .main-content .dropdown-list-btn{border-radius:4px;border:1px solid #9e9e9e;background:rgba(255,255,255,0.1);min-height:52px;height:2.3125rem;color:#fff;margin:0 0 6px;padding:16px 12px;text-align:start;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1002}
.game-recommendation-question .main-content .dropdown-list-btn.open{border:1px solid #fff}
.game-recommendation-question .main-content .dropdown-list-btn.open svg{transform:rotateX(180deg)}
.game-recommendation-question .main-content .dropdown-list-btn.open svg use{transform:translate(-1px,-1px)}
.game-recommendation-question .main-content .dropdown-list-btn.error{border:2px solid red}
.game-recommendation-question .main-content .dropdown-list-btn.default{color:#757575}
.game-recommendation-question .main-content .dropdown-list>li,.game-recommendation-question .main-content .dropdown-list>option{padding:12px;color:#fff;background-color:#333}
.game-recommendation-question .main-content .dropdown-list>li:hover,.game-recommendation-question .main-content .dropdown-list>option:hover{background-color:rgba(204,0,64,0.2)}
.game-recommendation-question .main-content .dropdown-list.group>li{padding:0;background-color:transparent}
.game-recommendation-question .main-content .dropdown-list.group>li p{cursor:default;padding:12px;display:block;color:#9e9e9e}
.game-recommendation-question .main-content .dropdown-list.group>li li{padding:12px}
.game-recommendation-question .main-content .dropdown-list.group>li li:hover{background-color:rgba(204,0,64,0.2)}
.game-recommendation-question .main-content .text-field input{border-radius:4px;border:1px solid #fff;background:rgba(255,255,255,0.1);min-height:52px;color:#fff;margin:0 0 6px;padding:16px 12px;text-align:start}
.game-recommendation-question .main-content .text-field input::placeholder{color:#757575}
.game-recommendation-question .main-content .text-field input:focus{border-color:#9e9e9e}
.game-recommendation-question .main-content .selector p:first-child{margin-bottom:6px}
.game-recommendation-question .main-content .selector p:last-child{padding:16px 12px}
@media(max-width:1219px){.game-recommendation-question .main-content{padding:40px 40px 60px 40px}
}
@media(max-width:767px){.game-recommendation-question .main-content{padding:20px 20px 40px}
.game-recommendation-question .main-content .mobile-column-reverse{display:flex;flex-direction:column-reverse;align-items:center;gap:20px}
}
.game-recommendation-question .top-content,.game-recommendation-question .main-content{position:relative;z-index:999}
.game-recommendation-question .container{max-width:1220px;margin:0 auto;padding:0}
@media(max-width:1219px){.game-recommendation-question .container{max-width:688px}
}
@media(max-width:767px){.game-recommendation-question .container{max-width:576px}
}
.game-recommendation-question p{margin:0}
.game-recommendation-question button{transition:none}
.game-recommendation-question .overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1005}
.game-recommendation-question .fade-transition{opacity:1;transition:opacity 500ms ease}
.game-recommendation-question .fade-out{opacity:0}
.game-recommendation-question .fade-in{opacity:1}
.game-recommendation-question .background-picture{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}
.game-recommendation-question .background-picture img{width:100%;height:100%;object-fit:cover}