#dim,
#dim2{width:100%;height:100%;position:fixed;top:0;left:0;z-index:100;background:rgba(0, 0, 0, 0.7);display:none}
.modal-container{width:100%;height:100%;padding:100px 0;position:fixed;top:0;left:0;z-index:101;display:none;justify-content:center;overflow-y:scroll}
.modal-container.center{align-items:center}
.modal-container.start{align-items:flex-start}

.modal-container>.modal{position:relative;display:none}
.modal-container>.modal>.btn-close-modal-common{width:54px;height:54px;padding:15px;position:absolute;right:15px;top:15px;}
.modal-container>.modal>.btn-close-modal-common>img{width:100%;height:100%}
.modal-container>.modal>.btn-close-modal-common>img.mobile{display:none}

.modal-container>.keynote-question-modal{width:600px;height:auto;padding:60px 30px;background-color:#FFF;flex-direction:column;justify-content:flex-start;align-items:center}
.modal-container>.keynote-question-modal>h3{width:100%;text-align:center;font-size:40px;font-weight:700;letter-spacing:-2px;color:#000;line-height:1}
.modal-container>.keynote-question-modal>iframe{width:423px;height:238px;margin-top:40px}
.modal-container>.keynote-question-modal>span{width:100%;text-align:center;font-size:22px;margin:40px 0;line-height:1.7;letter-spacing:-1px;color:#444}
.modal-container>.keynote-question-modal>.textarea-wrapper{width:100%;position:relative}
.modal-container>.keynote-question-modal>.textarea-wrapper>textarea{width:100%;height:200px;padding:20px;border:1px solid #DDD;border-radius:4px;font-size:20px;font-weight:400;color:#000;letter-spacing:-1px;line-height:1.5;position:relative;z-index:2}
.modal-container>.keynote-question-modal>.textarea-wrapper>.textarea-dim{position:absolute;right:20px;bottom:20px;font-size:16px;font-weight:400;color:#999;text-align:right}
.modal-container>.keynote-question-modal>.btn-submit-keynote-question{width:145px;height:60px;margin-top:40px;background-color:#1C6CFF;display:flex;justify-content:center;align-items:center;line-height:1;border-radius:30px;font-size:20px;font-weight:600;color:#FFF;letter-spacing:-1px;}

.modal-container>.agree-modal{width:900px;padding:40px;display:flex;flex-direction:column;justify-content:flex-start;background-color:#FFF}
.modal-container>.agree-modal>h3{width:100%;text-align:left;display:none;font-size:24px;font-weight:700;color:#000}
.modal-container>.agree-modal>div{width:100%;height:414px;margin:20px 0 30px;padding:20px;border:1px solid #DDD;border-radius:4px;display:none;font-size:18px;color:#4E4E4E;font-weight:500;line-height:1.56;overflow-y:scroll}
.modal-container>.agree-modal>div::-webkit-scrollbar{ background:transparent; height:8px; width:5px; }
.modal-container>.agree-modal>div::-webkit-scrollbar-thumb{ border:none; box-shadow:none; background:#ddd; border-radius:4px; min-height:40px; }
.modal-container>.agree-modal>.btn-check-agree{width:113px;height:60px;align-self:center;margin-top:auto;background-color:#1C6CFF;display:flex;justify-content:center;align-items:center;line-height:1;border-radius:30px;font-size:20px;font-weight:600;color:#FFF;letter-spacing:-1px;}

.modal-container>.main-pre-modal{width:600px;padding:60px 0;background-color:#1C6CFF;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative}
.modal-container>.main-pre-modal>strong{width:100%;margin-bottom:5px;text-align:center;font-size:24px;font-weight:700;color:#FFF}
.modal-container>.main-pre-modal>h3{width:100%;margin-bottom:40px;font-size:40px;font-weight:700;color:#FFF;text-align:center}
.modal-container>.main-pre-modal>.text1{width:100%;margin-bottom:20px;text-align:center;font-size:22px;line-height:1.73;letter-spacing:-1px;color:#FFF}
.modal-container>.main-pre-modal>.text1>span{color:#FFE224}
.modal-container>.main-pre-modal>.text2{font-size:18px;color:#BBD3FF;letter-spacing:-1px;font-weight:400}
.modal-container>.main-pre-modal>img{width:400px;height:277px;margin-bottom:-28px;position:relative;z-index:1}
.modal-container>.main-pre-modal>img.mobile{display:none}
.modal-container>.main-pre-modal>.btn-move-to-event{width:400px;height:72px;background-color:#061329;border-radius:36px;font-size:23px;letter-spacing:-1px;font-weight:500;color:#FFF;display:flex;justify-content:center;align-items:center;text-align:center;position:relative;z-index:2}

.modal-container>.community-modal{width:900px;padding:60px 40px;background-color:#FFF}
.modal-container>.community-modal>div{width:100%;display:none;flex-direction:column;justify-content:flex-start;align-items:center}
.modal-container>.community-modal>div>h3{width:100%;text-align:center;font-size:40px;font-weight:700;color:#000;letter-spacing:-2px}
.modal-container>.community-modal>div>span{width:100%;margin:20px 0 40px;font-size:22px;font-weight:500;line-height:1.45;letter-spacing:-1px;text-align:center;color:#444;}
.modal-container>.community-modal>div>span>strong{font-weight:600;color:#1C6CFF}
.modal-container>.community-modal>div>.community-ul{width:100%;border-top:2px solid #000}
.modal-container>.community-modal>div>.community-ul>li{width:100%;border-bottom:1px solid #DDD}
.modal-container>.community-modal>div>.community-ul>li>a{width:100%;padding:20px 30px;display:flex;justify-content:space-between;align-items:flex-start}
.modal-container>.community-modal>div>.community-ul>li>a>span{width:calc(100% - 60px);padding-top:10px;padding-right:30px;font-size:30px;color:#444;letter-spacing:-1px;font-weight:700}
.modal-container>.community-modal>div>.community-ul>li>a>i{width:60px;height:60px;background:url('../images/community/icon_arrow_down.png') no-repeat center center / cover}
.modal-container>.community-modal>div>.community-ul>li>a.active>span{color:#1C6CFF}
.modal-container>.community-modal>div>.community-ul>li>a.active>i{background-image:url('../images/community/icon_arrow_up.png')}
.modal-container>.community-modal>div>.community-ul>li>.content{width:100%;padding:30px;border-top:1px solid #1C6CFF;background-color:#F5F7FB;display:none;flex-direction:column;justify-content:flex-start;align-items:center}
.modal-container>.community-modal>div>.community-ul>li>.content>.c4-1{width:100%;display:block;}
.modal-container>.community-modal>div>.community-ul>li>.content>.c4-1>img{width:100%;display:block}
.modal-container>.community-modal>div>.community-ul>li>.content>.text{width:100%;font-size:22px;font-weight:500;letter-spacing:-1px;color:#444;line-height:1.64}
.modal-container>.community-modal>div>.community-ul>li>.content>.profile-ul{width:100%;margin-top:30px}
.modal-container>.community-modal>div>.community-ul>li>.content>.profile-ul>li{width:100%;padding:20px;display:flex;justify-content:flex-start;align-items:flex-start;background-color:#FFF}
.modal-container>.community-modal>div>.community-ul>li>.content>.profile-ul>li>img{width:120px;height:120px;}
.modal-container>.community-modal>div>.community-ul>li>.content>.profile-ul>li>div{width:calc(100% - 120px);padding-left:20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}
.modal-container>.community-modal>div>.community-ul>li>.content>.profile-ul>li>div>strong{font-size:24px;line-height:1.25;letter-spacing:-1px;color:#1C6CFF;font-weight:700}
.modal-container>.community-modal>div>.community-ul>li>.content>.profile-ul>li>div>span{width:100%;margin-top:10px;font-size:22px;color:#444;letter-spacing:-1px;line-height:1.36}


.modal-container>.game-howto-modal{width:900px;padding:94px 40px 60px;background-color:#FFF;flex-direction:column;justify-content:flex-start;align-items:center}
.modal-container>.game-howto-modal>h3{width:100%;text-align:center;font-size:40px;font-weight:700;color:#1C6CFF;letter-spacing:-2px}
.modal-container>.game-howto-modal>.header-wrapper{width:100%;margin-top:20px;display:flex;justify-content:center;align-items:center}
.modal-container>.game-howto-modal>.header-wrapper>span{font-size:20px;font-weight:600;color:#000;white-space:nowrap}
.modal-container>.game-howto-modal>.header-wrapper>.vertical-bar{width:1px;height:10px;background-color:#CCC;margin:0 10px}
.modal-container>.game-howto-modal>.bar{width:100%;height:1px;background-color:#EEE;margin:40px 0}
.modal-container>.game-howto-modal>strong{position:relative;}
.modal-container>.game-howto-modal>strong:before{content:'';width:100%;height:12px;background-color:#E8EFFD;position:absolute;left:0;bottom:0;z-index:1}
.modal-container>.game-howto-modal>strong>span{font-size:30px;font-weight:700;color:#000;letter-spacing:-1px;position:relative;z-index:2;line-height:1}
.modal-container>.game-howto-modal>.step-ul-wrapper{width:100%;margin:40px 0 80px;padding:0 20px;position:relative}
.modal-container>.game-howto-modal>.step-ul-wrapper:before{content:'';width:2px;height:100%;border-right:2px dashed #DDDDDD;position:absolute;left:63px;top:0;z-index:1}
.modal-container>.game-howto-modal>.step-ul-wrapper>.step-ul{width:100%;position:relative;z-index:2}
.modal-container>.game-howto-modal>.step-ul-wrapper>.step-ul>li{width:100%;margin-bottom:40px;display:flex;justify-content:flex-start;align-items:center}
.modal-container>.game-howto-modal>.step-ul-wrapper>.step-ul>li:last-child{margin-bottom:0;}
.modal-container>.game-howto-modal>.step-ul-wrapper>.step-ul>li>.step{width:87px;min-width:87px;height:40px;background-color:#1C6CFF;font-size:18px;color:#FFF;font-weight:700;border-radius:50px;display:flex;justify-content:center;align-items:center;text-align:center}
.modal-container>.game-howto-modal>.step-ul-wrapper>.step-ul>li>.text{width:calc(100% - 87px);padding-left:10px;font-size:24px;font-weight:500;color:#444;line-height:1;letter-spacing:-1px;white-space:nowrap}
.modal-container>.game-howto-modal>.step-ul-wrapper>.step-ul>li>.text>.mobile{display:none}
.modal-container>.game-howto-modal>.step-ul-wrapper>.step-ul>li>.text>span{color:#1C6CFF}
.modal-container>.game-howto-modal>.game-item-wrapper{width:780px;height:160px;margin:auto;background-color:#E7F0FF;border-radius:15px;display:flex;justify-content:center;align-items:center}
.modal-container>.game-howto-modal>.game-item-wrapper>strong{font-size:30px;font-weight:700;color:#000;letter-spacing:-1px}
.modal-container>.game-howto-modal>.game-item-wrapper>span{font-size:16px;margin:0 50px 0 30px;font-weight:500;color:#466DB7;letter-spacing:-1px;display:flex;justify-content:flex-start;align-items:center}
.modal-container>.game-howto-modal>.game-item-wrapper>span:before{content:'';width:4px;height:4px;border-radius:4px;background-color:#466DB7;margin-right:5px}
.modal-container>.game-howto-modal>.game-item-wrapper>img{width:182px;height:160px;}
.modal-container>.game-howto-modal>.game-item-wrapper>img.mobile{display:none}
.modal-container>.game-howto-modal>.btn-close-game-howto-modal{width:113px;height:60px;margin-top:60px;background-color:#1C6CFF;border-radius:30px;display:flex;justify-content:center;align-items:center;text-align:center;font-size:20px;color:#FFF;font-weight:600;letter-spacing:-1px}

.modal-container>.game-play-modal{width:900px;padding:60px 40px;background-color:#FFF;flex-direction:column;justify-content:flex-start;align-items:center;position:relative}
.modal-container>.game-play-modal>.image-thumbnail-wrapper{width:100%;height:100%;background-color:rgba(0,0,0,0.7);position:absolute;left:0;top:0;display:none;justify-content:center;align-items:center;z-index:20}
.modal-container>.game-play-modal>.image-thumbnail-wrapper>div{width:500px;height:500px;position:relative}
.modal-container>.game-play-modal>.image-thumbnail-wrapper>div>img{width:100%;height:100%;position:relative;z-index:1}
.modal-container>.game-play-modal>.image-thumbnail-wrapper>div>a{width:54px;height:54px;padding:15px;position:absolute;right:15px;top:15px;z-index:2}
.modal-container>.game-play-modal>.image-thumbnail-wrapper>div>a>img{width:100%;height:100%}
.modal-container>.game-play-modal>.image-thumbnail-wrapper>div>a>img.mobile{display:none}
.modal-container>.game-play-modal>.game-header{width:100%;height:44px;margin-bottom:5px;display:flex;justify-content:flex-start;align-items:center}
.modal-container>.game-play-modal>.game-header>.btn-show-thumbnail{width:94px;min-width:94px;height:44px;font-size:16px;font-weight:500;color:#444;display:flex;justify-content:center;align-items:center;text-align:center;border:1px solid #AAA;border-radius:22px}
.modal-container>.game-play-modal>.game-header>.timer{width:calc(100% - 94px);padding-left:155px;font-size:40px;font-weight:500;color:#000;line-height:1}
.modal-container>.game-play-modal>.game-header>.timer>span{color:#1C6CFF}
.modal-container>.game-play-modal>.top-record{width:315px;height:40px;margin-bottom:20px;border-radius:20px;background-color:#F5F5F5;display:flex;justify-content:center;align-items:center}
.modal-container>.game-play-modal>.top-record>.icon-medal{width:32px;height:32px;}
.modal-container>.game-play-modal>.top-record>.icon-medal.mobile{display:none}
.modal-container>.game-play-modal>.top-record>strong{margin-left:5px;font-size:20px;color:#000;font-weight:700}
.modal-container>.game-play-modal>.top-record>strong.pink{color:#FD035A}
.modal-container>.game-play-modal>.text1{width:100%;text-align:center;margin-bottom:20px;font-size:22px;font-weight:400;color:#999;letter-spacing:-1px}
.modal-container>.game-play-modal>.btn-show-thumbnail{display:none}
.modal-container>.game-play-modal>.game-box{width:800px;height:800px;border:1px solid #DDD;margin-bottom:60px;position:relative}
.modal-container>.game-play-modal>.game-box>.game-dim{width:100%;height:100%;position:absolute;left:0;top:0;z-index:10;background-color:rgba(0,0,0,0.2)}
.modal-container>.game-play-modal>.game-box>.game-canvas{width:100%;height:100%;position:relative;z-index:3;opacity:0.4}
.modal-container>.game-play-modal>.game-box>.solved-image {width:100%;height:100%;position:absolute;left:0;top:0;transition:opacity 1s ease-in-out;opacity:0;z-index:2}
.modal-container>.game-play-modal>.game-box>.solved-image.active { opacity: 1; }
.modal-container>.game-play-modal>.btn-start{width:452px;height:72px;margin-bottom:10px;background-color:#1C6CFF;border-radius:36px;display:flex;justify-content:center;align-items:center;text-align:center;font-size:24px;font-weight:700;color:#FFF;line-height:2.54}
.modal-container>.game-play-modal>.text2{width:100%;text-align:center;font-size:20px;font-weight:400;color:#999;letter-spacing:-1px}

.modal-container>.game-result-modal{width:600px;padding:60px 40px;background-color:#FFF;flex-direction:column;justify-content:flex-start;align-items:center}
.modal-container>.game-result-modal>h3{width:100%;text-align:center;font-size:40px;font-weight:700;color:#000;letter-spacing:-2px}
.modal-container>.game-result-modal>strong{width:100%;margin-top:40px;text-align:center;font-size:60px;font-weight:700;color:#1C6CFF;}
.modal-container>.game-result-modal>span{width:100%;margin-top:20px;text-align:center;font-size:20px;font-weight:500;line-height:1.6;letter-spacing:-1px;color:#444}
.modal-container>.game-result-modal>span>.mobile{display:none}
.modal-container>.game-result-modal>span>span{color:#1C6CFF}
.modal-container>.game-result-modal>input{width:100%;height:60px;margin-top:40px;padding:17px 20px;border:1px solid #ddd;border-radius:4px;font-size:20px;font-weight:500;color:#000;letter-spacing:-1px}
.modal-container>.game-result-modal>.btn-submit-result{width:113px;height:60px;margin-top:60px;background-color:#1C6CFF;border-radius:30px;display:flex;justify-content:center;align-items:center;text-align:center;font-size:20px;color:#FFF;font-weight:600;letter-spacing:-1px}

.modal-container>.game-ranking-modal{width:600px;padding:60px 40px;background-color:#FFF;flex-direction:column;justify-content:flex-start;align-items:center}
.modal-container>.game-ranking-modal>h3{width:100%;text-align:center;font-size:40px;font-weight:700;color:#000;letter-spacing:-2px}
.modal-container>.game-ranking-modal>span{font-size:20px;font-weight:700;color:#1C6CFF;letter-spacing:-1px;margin-top:5px}
.modal-container>.game-ranking-modal>table{width:100%;margin-top:40px;border-top:2px solid #000;table-layout:fixed}
.modal-container>.game-ranking-modal>table th, .modal-container>.game-ranking-modal>table td{padding:20px;border-bottom:1px solid #DDD;vertical-align:middle;font-size:24px;font-weight:400;color:#444;letter-spacing:-1px;line-height:1.58;text-align:center}
.modal-container>.game-ranking-modal>table td.my{background-color:#F7F8FB}
.modal-container>.game-ranking-modal>table td.my.top{border-bottom:0;padding:20px 20px 0 20px}
.modal-container>.game-ranking-modal>table td.my.bottom{padding:5px 20px 20px 20px}
.modal-container>.game-ranking-modal>table td>div{width:100%;display:flex;justify-content:flex-start;align-items:flex-start;text-align:left}
.modal-container>.game-ranking-modal>table td>div>span{font-size:24px;font-weight:400;color:#444;letter-spacing:-1px;line-height:1.58;}
.modal-container>.game-ranking-modal>table td>div>.index{width:45px;min-width:45px}
.modal-container>.game-ranking-modal>table td>div>.name{width:calc(100% - 45px)}
.modal-container>.game-ranking-modal>table td>div.my-rank>img{width:32px;height:32px;margin-right:10px}
.modal-container>.game-ranking-modal>table td>div.my-rank>img.mobile{display:none}
.modal-container>.game-ranking-modal>table td>div.my-rank>strong{font-weight:600;color:#222}
.modal-container>.game-ranking-modal>table td.my>strong{font-weight:500;color:#FD035A}

.modal-container>.easter-egg-modal{width:600px;padding:60px 40px;background-color:#FFF;flex-direction:column;justify-content:flex-start;align-items:center}
.modal-container>.easter-egg-modal>h3{width:100%;margin-bottom:40px;text-align:center;font-size:40px;font-weight:700;color:#000;letter-spacing:-2px}
.modal-container>.easter-egg-modal>.description{width:100%;text-align:center;font-size:22px;font-weight:600;color:#444;letter-spacing:-1px;line-height:1.73}
.modal-container>.easter-egg-modal>.description>br.mobile{display:none}
.modal-container>.easter-egg-modal>.description>span{color:#1C6CFF}
.modal-container>.easter-egg-modal>.warning{width:100%;margin:20px 0 40px;text-align:center;font-size:18px;line-height:1;letter-spacing:-1px;color:#1C6CFF;font-weight:400}
.modal-container>.easter-egg-modal>input{width:100%;height:60px;padding:17px 20px;border:1px solid #ddd;border-radius:4px;font-size:20px;font-weight:500;color:#000;letter-spacing:-1px}
.modal-container>.easter-egg-modal>strong{width:100%;margin:60px 0 20px;text-align:center;font-size:30px;font-weight:700;color:#000;letter-spacing:-1px;line-height:1}
.modal-container>.easter-egg-modal>.textarea-wrapper{width:100%;margin-top:40px;position:relative}
.modal-container>.easter-egg-modal>.textarea-wrapper>textarea{width:100%;height:200px;padding:20px;border:1px solid #DDD;border-radius:4px;font-size:20px;font-weight:400;color:#000;letter-spacing:-1px;line-height:1.5;position:relative;z-index:2}
.modal-container>.easter-egg-modal>.textarea-wrapper>.textarea-dim{position:absolute;right:20px;bottom:20px;font-size:16px;font-weight:400;color:#999;text-align:right}
.modal-container>.easter-egg-modal>.btn-submit-easter-modal{width:145px;height:60px;margin-top:60px;background-color:#1C6CFF;border-radius:30px;display:flex;justify-content:center;align-items:center;text-align:center;font-size:20px;color:#FFF;font-weight:600;letter-spacing:-1px}

.modal-container>.reply-modal{width:900px;padding:60px 40px;background-color:#FFF;flex-direction:column;justify-content:flex-start;align-items:center}
.modal-container>.reply-modal>h3{width:100%;margin-bottom:60px;text-align:center;font-size:40px;font-weight:700;color:#000;letter-spacing:-2px}
.modal-container>.reply-modal>.comment{width:100%;padding-bottom:40px;margin-bottom:40px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;border-bottom:1px solid #EEE}
.modal-container>.reply-modal>.comment>.header{width:100%;margin-bottom:30px;display:flex;justify-content:flex-start;align-items:center}
.modal-container>.reply-modal>.comment>.header>.name{font-size:36px;font-weight:700;color:#000;letter-spacing:-2px;line-height:1;flex-shrink:0}
.modal-container>.reply-modal>.comment>.header>.date{margin-left:30px;font-size:20px;font-weight:400;color:#999;flex-shrink:0}
.modal-container>.reply-modal>.comment>.body{width:100%;font-size:24px;color:#444;letter-spacing:-1px;line-height:1.5;font-weight:400}
.modal-container>.reply-modal>.reply-form{width:100%}
.modal-container>.reply-modal>.reply-form>strong{width:100%;display:block;font-size:36px;font-weight:700;color:#000;letter-spacing:-2px;line-height:1}
.modal-container>.reply-modal>.reply-form>.textarea-wrapper{width:100%;margin-top:20px;position:relative}
.modal-container>.reply-modal>.reply-form>.textarea-wrapper>textarea{width:100%;height:200px;padding:20px;border:1px solid #DDD;border-radius:4px;font-size:20px;font-weight:400;color:#000;letter-spacing:-1px;line-height:1.5;position:relative;z-index:2}
.modal-container>.reply-modal>.reply-form>.textarea-wrapper>.textarea-dim{position:absolute;right:20px;bottom:20px;font-size:16px;font-weight:400;color:#999;text-align:right}
.modal-container>.reply-modal>.btn-submit-reply{width:145px;height:60px;margin-top:60px;background-color:#1C6CFF;border-radius:30px;display:flex;justify-content:center;align-items:center;text-align:center;font-size:20px;color:#FFF;font-weight:600;letter-spacing:-1px}

@media screen and (max-width:980px){
    .modal-container>.agree-modal{width:91.836vw;padding:4.081vw;display:flex;flex-direction:column;justify-content:flex-start;background-color:#FFF}
    .modal-container>.agree-modal>h3{width:100%;text-align:left;display:none;font-size:2.448vw;font-weight:700;color:#000}
    .modal-container>.agree-modal>div{width:100%;height:42.244vw;margin:2.04vw 0 3.061vw;padding:2.04vw;border:1px solid #DDD;border-radius:0.408vw;display:none;font-size:1.836vw;color:#4E4E4E;font-weight:500;line-height:1.56;overflow-y:scroll}
    .modal-container>.agree-modal>div::-webkit-scrollbar{ background:transparent; height:0.816vw; width:0.51vw; }
    .modal-container>.agree-modal>div::-webkit-scrollbar-thumb{ border:none; box-shadow:none; background:#ddd; border-radius:0.408vw; min-height:4.081vw; }
    .modal-container>.agree-modal>.btn-check-agree{width:11.53vw;height:6.122vw;align-self:center;margin-top:auto;background-color:#1C6CFF;display:flex;justify-content:center;align-items:center;line-height:1;border-radius:3.061vw;font-size:2.04vw;font-weight:600;color:#FFF;letter-spacing:-1px;}

    .modal-container>.community-modal{width:91.836vw;padding:6.122vw 4.081vw;background-color:#FFF}
    .modal-container>.community-modal>div{width:100%;display:none;flex-direction:column;justify-content:flex-start;align-items:center}
    .modal-container>.community-modal>div>h3{width:100%;text-align:center;font-size:4.081vw;font-weight:700;color:#000;letter-spacing:-0.204vw}
    .modal-container>.community-modal>div>span{width:100%;margin:2.04vw 0 4.081vw;font-size:2.244vw;font-weight:500;line-height:1.45;letter-spacing:-1px;text-align:center;color:#444;}
    .modal-container>.community-modal>div>span>strong{font-weight:600;color:#1C6CFF}
    .modal-container>.community-modal>div>.community-ul{width:100%;border-top:0.204vw solid #000}
    .modal-container>.community-modal>div>.community-ul>li{width:100%;border-bottom:1px solid #DDD}
    .modal-container>.community-modal>div>.community-ul>li>a{width:100%;padding:2.04vw 3.061vw;display:flex;justify-content:space-between;align-items:flex-start}
    .modal-container>.community-modal>div>.community-ul>li>a>span{width:calc(100% - 6.122vw);padding-top:1.02vw;padding-right:3.061vw;font-size:3.061vw;color:#444;letter-spacing:-1px;font-weight:700}
    .modal-container>.community-modal>div>.community-ul>li>a>i{width:6.122vw;height:6.122vw;background:url('../images/community/icon_arrow_down.png') no-repeat center center / cover}
    .modal-container>.community-modal>div>.community-ul>li>a.active>span{color:#1C6CFF}
    .modal-container>.community-modal>div>.community-ul>li>a.active>i{background-image:url('../images/community/icon_arrow_up.png')}
    .modal-container>.community-modal>div>.community-ul>li>.content{width:100%;padding:3.061vw;border-top:1px solid #1C6CFF;background-color:#F5F7FB;display:none;flex-direction:column;justify-content:flex-start;align-items:center}
    .modal-container>.community-modal>div>.community-ul>li>.content>.text{width:100%;font-size:2.244vw;font-weight:500;letter-spacing:-1px;color:#444;line-height:1.64}
    .modal-container>.community-modal>div>.community-ul>li>.content>.profile-ul{width:100%;margin-top:3.061vw}
    .modal-container>.community-modal>div>.community-ul>li>.content>.profile-ul>li{width:100%;padding:2.04vw;display:flex;justify-content:flex-start;align-items:flex-start;background-color:#FFF}
    .modal-container>.community-modal>div>.community-ul>li>.content>.profile-ul>li>img{width:12.244vw;height:12.244vw;}
    .modal-container>.community-modal>div>.community-ul>li>.content>.profile-ul>li>div{width:calc(100% - 12.244vw);padding-left:2.04vw;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}
    .modal-container>.community-modal>div>.community-ul>li>.content>.profile-ul>li>div>strong{font-size:2.448vw;line-height:1.25;letter-spacing:-1px;color:#1C6CFF;font-weight:700}
    .modal-container>.community-modal>div>.community-ul>li>.content>.profile-ul>li>div>span{width:100%;margin-top:1.02vw;font-size:2.244vw;color:#444;letter-spacing:-1px;line-height:1.36}

    .modal-container>.game-howto-modal{width:91.836vw;padding:9.591vw 4.081vw 6.122vw;background-color:#FFF;flex-direction:column;justify-content:flex-start;align-items:center}
    .modal-container>.game-howto-modal>h3{width:100%;text-align:center;font-size:4.081vw;font-weight:700;color:#1C6CFF;letter-spacing:-0.204vw}
    .modal-container>.game-howto-modal>.header-wrapper{width:100%;margin-top:2.04vw;display:flex;justify-content:center;align-items:center}
    .modal-container>.game-howto-modal>.header-wrapper>span{font-size:2.04vw;font-weight:600;color:#000;white-space:nowrap}
    .modal-container>.game-howto-modal>.header-wrapper>.vertical-bar{width:1px;height:1.02vw;background-color:#CCC;margin:0 1.02vw}
    .modal-container>.game-howto-modal>.bar{width:100%;height:1px;background-color:#EEE;margin:4.081vw 0}
    .modal-container>.game-howto-modal>strong{position:relative;}
    .modal-container>.game-howto-modal>strong:before{content:'';width:100%;height:1.224vw;background-color:#E8EFFD;position:absolute;left:0;bottom:0;z-index:1}
    .modal-container>.game-howto-modal>strong>span{font-size:3.061vw;font-weight:700;color:#000;letter-spacing:-1px;position:relative;z-index:2;line-height:1}
    .modal-container>.game-howto-modal>.step-ul-wrapper{width:100%;margin:4.081vw 0 8.163vw;padding:0 2.04vw;position:relative}
    .modal-container>.game-howto-modal>.step-ul-wrapper:before{content:'';width:0.204vw;height:100%;border-right:0.204vw dashed #DDDDDD;position:absolute;left:6.428vw;top:0;z-index:1}
    .modal-container>.game-howto-modal>.step-ul-wrapper>.step-ul{width:100%;position:relative;z-index:2}
    .modal-container>.game-howto-modal>.step-ul-wrapper>.step-ul>li{width:100%;margin-bottom:4.081vw;display:flex;justify-content:flex-start;align-items:center}
    .modal-container>.game-howto-modal>.step-ul-wrapper>.step-ul>li:last-child{margin-bottom:0;}
    .modal-container>.game-howto-modal>.step-ul-wrapper>.step-ul>li>.step{width:8.877vw;min-width:8.877vw;height:4.081vw;background-color:#1C6CFF;font-size:1.836vw;color:#FFF;font-weight:700;border-radius:5.102vw;display:flex;justify-content:center;align-items:center;text-align:center}
    .modal-container>.game-howto-modal>.step-ul-wrapper>.step-ul>li>.text{width:calc(100% - 8.877vw);padding-left:1.02vw;font-size:2.448vw;font-weight:500;color:#444;line-height:1;letter-spacing:-1px;white-space:nowrap}
    .modal-container>.game-howto-modal>.step-ul-wrapper>.step-ul>li>.text>span{color:#1C6CFF}
    .modal-container>.game-howto-modal>.game-item-wrapper{width:79.591vw;height:16.326vw;margin:auto;background-color:#E7F0FF;border-radius:1.53vw;display:flex;justify-content:center;align-items:center}
    .modal-container>.game-howto-modal>.game-item-wrapper>strong{font-size:3.061vw;font-weight:700;color:#000;letter-spacing:-1px}
    .modal-container>.game-howto-modal>.game-item-wrapper>span{font-size:1.632vw;margin:0 5.102vw 0 3.061vw;font-weight:500;color:#466DB7;letter-spacing:-1px;display:flex;justify-content:flex-start;align-items:center}
    .modal-container>.game-howto-modal>.game-item-wrapper>span:before{content:'';width:0.408vw;height:0.408vw;border-radius:0.408vw;background-color:#466DB7;margin-right:0.51vw}
    .modal-container>.game-howto-modal>.game-item-wrapper>img{width:18.571vw;height:16.326vw;}
    .modal-container>.game-howto-modal>.game-item-wrapper>img.mobile{display:none}
    .modal-container>.game-howto-modal>.btn-close-game-howto-modal{width:11.53vw;height:6.122vw;margin-top:6.122vw;background-color:#1C6CFF;border-radius:3.061vw;display:flex;justify-content:center;align-items:center;text-align:center;font-size:2.04vw;color:#FFF;font-weight:600;letter-spacing:-1px}

    .modal-container>.game-play-modal{width:91.836vw;padding:6.122vw 4.081vw;background-color:#FFF;flex-direction:column;justify-content:flex-start;align-items:center;position:relative}
    .modal-container>.game-play-modal>.image-thumbnail-wrapper{width:100%;height:100%;background-color:rgba(0,0,0,0.7);position:absolute;left:0;top:0;display:none;justify-content:center;align-items:center;z-index:20}
    .modal-container>.game-play-modal>.image-thumbnail-wrapper>div{width:51.02vw;height:51.02vw;position:relative}
    .modal-container>.game-play-modal>.image-thumbnail-wrapper>div>img{width:100%;height:100%}
    .modal-container>.game-play-modal>.image-thumbnail-wrapper>div>a{width:54px;height:54px;padding:15px;position:absolute;right:15px;top:15px;z-index:2}
    .modal-container>.game-play-modal>.image-thumbnail-wrapper>div>a>img{width:100%;height:100%}
    .modal-container>.game-play-modal>.image-thumbnail-wrapper>div>a>img.mobile{display:none}
    .modal-container>.game-play-modal>.game-header{width:100%;height:4.489vw;margin-bottom:0.51vw;display:flex;justify-content:flex-start;align-items:center}
    .modal-container>.game-play-modal>.game-header>.btn-show-thumbnail{width:9.591vw;min-width:9.591vw;height:4.489vw;font-size:1.632vw;font-weight:500;color:#444;display:flex;justify-content:center;align-items:center;text-align:center;border:1px solid #AAA;border-radius:2.244vw}
    .modal-container>.game-play-modal>.game-header>.timer{width:calc(100% - 9.591vw);padding-left:15.816vw;font-size:4.081vw;font-weight:500;color:#000;line-height:1}
    .modal-container>.game-play-modal>.game-header>.timer>span{color:#1C6CFF}
    .modal-container>.game-play-modal>.top-record{width:32.142vw;height:4.081vw;margin-bottom:2.04vw;border-radius:2.04vw;background-color:#F5F5F5;display:flex;justify-content:center;align-items:center}
    .modal-container>.game-play-modal>.top-record>.icon-medal{width:3.265vw;height:3.265vw;}
    .modal-container>.game-play-modal>.top-record>strong{margin-left:0.51vw;font-size:2.04vw;color:#000;font-weight:700}
    .modal-container>.game-play-modal>.top-record>strong.pink{color:#FD035A}
    .modal-container>.game-play-modal>.text1{width:100%;text-align:center;margin-bottom:2.04vw;font-size:2.244vw;font-weight:400;color:#999;letter-spacing:-1px}
    .modal-container>.game-play-modal>.game-box{width:81.632vw;height:81.632vw;border:1px solid #DDD;margin-bottom:6.122vw;position:relative}
    .modal-container>.game-play-modal>.game-box>.game-dim{width:100%;height:100%;position:absolute;left:0;top:0;z-index:10;background-color:rgba(0,0,0,0.2)}
    .modal-container>.game-play-modal>.game-box>.game-canvas{width:100%;height:100%;position:relative;z-index:3;opacity:0.4}
    .modal-container>.game-play-modal>.game-box>.solved-image {width:100%;height:100%;position:absolute;left:0;top:0;transition:opacity 1s ease-in-out;opacity:0;z-index:2}
    .modal-container>.game-play-modal>.game-box>.solved-image.active { opacity: 1; }
    .modal-container>.game-play-modal>.btn-start{width:46.122vw;height:7.346vw;margin-bottom:1.02vw;background-color:#1C6CFF;border-radius:3.673vw;display:flex;justify-content:center;align-items:center;text-align:center;font-size:2.448vw;font-weight:700;color:#FFF;line-height:2.54}
    .modal-container>.game-play-modal>.text2{width:100%;text-align:center;font-size:2.04vw;font-weight:400;color:#999;letter-spacing:-1px}

    .modal-container>.reply-modal{width:91.836vw;padding:6.122vw 4.081vw;background-color:#FFF;flex-direction:column;justify-content:flex-start;align-items:center}
    .modal-container>.reply-modal>h3{width:100%;margin-bottom:6.122vw;text-align:center;font-size:4.081vw;font-weight:700;color:#000;letter-spacing:-0.204vw}
    .modal-container>.reply-modal>.comment{width:100%;padding-bottom:4.081vw;margin-bottom:4.081vw;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;border-bottom:1px solid #EEE}
    .modal-container>.reply-modal>.comment>.header{width:100%;margin-bottom:3.061vw;display:flex;justify-content:flex-start;align-items:center}
    .modal-container>.reply-modal>.comment>.header>.name{font-size:3.673vw;font-weight:700;color:#000;letter-spacing:-0.204vw;line-height:1;flex-shrink:0}
    .modal-container>.reply-modal>.comment>.header>.date{margin-left:3.061vw;font-size:2.04vw;font-weight:400;color:#999;flex-shrink:0}
    .modal-container>.reply-modal>.comment>.body{width:100%;font-size:2.448vw;color:#444;letter-spacing:-1px;line-height:1.5;font-weight:400}
    .modal-container>.reply-modal>.reply-form{width:100%}
    .modal-container>.reply-modal>.reply-form>strong{width:100%;display:block;font-size:3.673vw;font-weight:700;color:#000;letter-spacing:-0.204vw;line-height:1}
    .modal-container>.reply-modal>.reply-form>.textarea-wrapper{width:100%;margin-top:2.04vw;position:relative}
    .modal-container>.reply-modal>.reply-form>.textarea-wrapper>textarea{width:100%;height:20.408vw;padding:2.04vw;border:1px solid #DDD;border-radius:0.408vw;font-size:2.04vw;font-weight:400;color:#000;letter-spacing:-1px;line-height:1.5;position:relative;z-index:2}
    .modal-container>.reply-modal>.reply-form>.textarea-wrapper>.textarea-dim{position:absolute;right:2.04vw;bottom:2.04vw;font-size:1.632vw;font-weight:400;color:#999;text-align:right}
    .modal-container>.reply-modal>.btn-submit-reply{width:14.795vw;height:6.122vw;margin-top:6.122vw;background-color:#1C6CFF;border-radius:3.061vw;display:flex;justify-content:center;align-items:center;text-align:center;font-size:2.04vw;color:#FFF;font-weight:600;letter-spacing:-1px}
}

@media screen and (max-width:720px){
    .modal-container>.modal{position:relative;display:none}
    .modal-container>.modal>.btn-close-modal-common{width:10.833vw;height:10.833vw;padding:2.083vw;position:absolute;right:2.083vw;top:2.083vw;}
    .modal-container>.modal>.btn-close-modal-common>img{width:100%;height:100%}
    .modal-container>.modal>.btn-close-modal-common>img.web{display:none}
    .modal-container>.modal>.btn-close-modal-common>img.mobile{display:block}

    .modal-container>.keynote-question-modal{width:88.888vw;height:auto;padding:11.111vw 5.555vw;background-color:#FFF;flex-direction:column;justify-content:flex-start;align-items:center}
    .modal-container>.keynote-question-modal>h3{font-size:8.333vw;font-weight:700;letter-spacing:-0.277vw;color:#000;line-height:1}
    .modal-container>.keynote-question-modal>iframe{width:65.076vw;height:36.615vw;margin-top:8.333vw}
    .modal-container>.keynote-question-modal>span{font-size:4.444vw;margin:8.333vw 0;line-height:1.63;letter-spacing:-1px;color:#444;font-weight:500;}
    .modal-container>.keynote-question-modal>.textarea-wrapper{width:100%;position:relative}
    .modal-container>.keynote-question-modal>.textarea-wrapper>textarea{width:100%;height:33.333vw;padding:5.555vw;border:0.277vw solid #DDD;border-radius:1.111vw;font-size:4.166vw;font-weight:400;color:#000;letter-spacing:-1px;line-height:1.5;position:relative;z-index:2}
    .modal-container>.keynote-question-modal>.textarea-wrapper>.textarea-dim{position:absolute;right:2.777vw;bottom:2.777vw;font-size:3.333vw;font-weight:400;color:#999;text-align:right}
    .modal-container>.keynote-question-modal>.btn-submit-keynote-question{width:35.694vw;height:13.888vw;margin-top:11.111vw;background-color:#1C6CFF;display:flex;justify-content:center;align-items:center;line-height:1;border-radius:6.944vw;font-size:4.166vw;font-weight:600;color:#FFF;letter-spacing:-1px;}

    .modal-container>.agree-modal{width:88.888vw;padding:8.333vw 5.555vw;display:flex;flex-direction:column;justify-content:flex-start;background-color:#FFF}
    .modal-container>.agree-modal>h3{width:100%;text-align:left;display:none;font-size:5.555vw;font-weight:700;color:#000}
    .modal-container>.agree-modal>div{width:100%;height:136.111vw;margin:5.555vw 0 8.333vw;padding:5.555vw;border:1px solid #DDD;border-radius:0.555vw;display:none;font-size:4.166vw;color:#4E4E4E;font-weight:500;line-height:1.4;overflow-y:scroll}
    .modal-container>.agree-modal>div::-webkit-scrollbar{ background:transparent; height:1.111vw; width:0.694vw; }
    .modal-container>.agree-modal>div::-webkit-scrollbar-thumb{ border:none; box-shadow:none; background:#ddd; border-radius:0.555vw; min-height:5.555vw; }
    .modal-container>.agree-modal>.btn-check-agree{width:29.027vw;height:13.888vw;align-self:center;margin-top:auto;background-color:#1C6CFF;display:flex;justify-content:center;align-items:center;line-height:1;border-radius:6.944vw;font-size:4.166vw;font-weight:600;color:#FFF;letter-spacing:-1px;}

    .modal-container>.main-pre-modal{width:88.888vw;padding:11.111vw 0;background-color:#1C6CFF;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative}
    .modal-container>.main-pre-modal>strong{width:100%;margin-bottom:1.388vw;text-align:center;font-size:6.666vw;font-weight:700;color:#FFF}
    .modal-container>.main-pre-modal>h3{width:100%;margin-bottom:8.333vw;font-size:8.333vw;font-weight:700;color:#FFF;text-align:center;letter-spacing:-0.277vw}
    .modal-container>.main-pre-modal>.text1{width:100%;margin-bottom:5.555vw;text-align:center;font-size:4.444vw;line-height:1.63;letter-spacing:-1px;color:#FFF;font-weight:500}
    .modal-container>.main-pre-modal>.text1>span{color:#FFE224}
    .modal-container>.main-pre-modal>.text2{font-size:3.333vw;margin-bottom:5.555vw;color:#BBD3FF;letter-spacing:-1px;font-weight:400}
    .modal-container>.main-pre-modal>img{width:77.777vw;height:66.111vw;margin-bottom:-8.055vw;position:relative;z-index:1}
    .modal-container>.main-pre-modal>img.web{display:none}
    .modal-container>.main-pre-modal>img.mobile{display:block}
    .modal-container>.main-pre-modal>.btn-move-to-event{width:77.777vw;height:16.666vw;background-color:#061329;border-radius:8.333vw;font-size:5.555vw;letter-spacing:-1px;font-weight:600;color:#FFF;display:flex;justify-content:center;align-items:center;text-align:center;position:relative;z-index:2}

    .modal-container>.community-modal{width:88.888vw;padding:11.111vw 5.555vw;background-color:#FFF}
    .modal-container>.community-modal>div{width:100%;display:none;flex-direction:column;justify-content:flex-start;align-items:center}
    .modal-container>.community-modal>div>h3{width:100%;text-align:center;font-size:8.333vw;font-weight:700;color:#000;letter-spacing:-0.416vw}
    .modal-container>.community-modal>div>span{width:100%;margin:8.333vw 0;font-size:4.444vw;font-weight:500;line-height:1.45;letter-spacing:-1px;text-align:center;color:#444}
    .modal-container>.community-modal>div>span>strong{font-weight:600;color:#1C6CFF}
    .modal-container>.community-modal>div>.community-ul{width:100%;border-top:0.277vw solid #000}
    .modal-container>.community-modal>div>.community-ul>li{width:100%;border-bottom:1px solid #DDD}
    .modal-container>.community-modal>div>.community-ul>li>a{width:100%;height:auto;padding:5.555vw 2.777vw;display:flex;justify-content:space-between;align-items:flex-start}
    .modal-container>.community-modal>div>.community-ul>li>a>span{width:calc(100% - 8.333vw);padding-right:4.166vw;font-size:4.166vw;color:#444;letter-spacing:-1px;font-weight:700}
    .modal-container>.community-modal>div>.community-ul>li>a>i{width:8.333vw;height:8.333vw;background:url('../images/community/icon_arrow_down_mobile.png') no-repeat center center / cover}
    .modal-container>.community-modal>div>.community-ul>li>a.active>span{color:#1C6CFF}
    .modal-container>.community-modal>div>.community-ul>li>a.active>i{background-image:url('../images/community/icon_arrow_up_mobile.png')}
    .modal-container>.community-modal>div>.community-ul>li>.content{width:100%;padding:5.555vw;border-top:1px solid #1C6CFF;background-color:#F5F7FB;display:none;flex-direction:column;justify-content:flex-start;align-items:center}
    .modal-container>.community-modal>div>.community-ul>li>.content>.text{width:100%;font-size:4.444vw;font-weight:500;letter-spacing:-1px;color:#444;line-height:1.64}
    .modal-container>.community-modal>div>.community-ul>li>.content>.profile-ul{width:100%;margin-top:5.555vw}
    .modal-container>.community-modal>div>.community-ul>li>.content>.profile-ul>li{width:100%;padding:5.555vw;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:#FFF}
    .modal-container>.community-modal>div>.community-ul>li>.content>.profile-ul>li>img{width:27.777vw;height:27.777vw;}
    .modal-container>.community-modal>div>.community-ul>li>.content>.profile-ul>li>div{width:100%;padding-left:0px;padding-top:5.555vw;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}
    .modal-container>.community-modal>div>.community-ul>li>.content>.profile-ul>li>div>strong{width:100%;text-align:center;font-size:6.666vw;line-height:1.25;letter-spacing:-0.277vw;color:#1C6CFF;font-weight:700}
    .modal-container>.community-modal>div>.community-ul>li>.content>.profile-ul>li>div>span{width:100%;margin-top:2.777vw;font-size:4.444vw;color:#444;letter-spacing:-1px;line-height:1.63}

    .modal-container>.game-howto-modal{width:88.888vw;padding:11.111vw 5.555vw;background-color:#FFF;flex-direction:column;justify-content:flex-start;align-items:center}
    .modal-container>.game-howto-modal>h3{width:100%;text-align:center;font-size:8.333vw;font-weight:700;color:#1C6CFF;letter-spacing:-0.277vw}
    .modal-container>.game-howto-modal>.header-wrapper{width:100%;margin-top:4.166vw;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}
    .modal-container>.game-howto-modal>.header-wrapper>span{width:100%;text-align:center;font-size:4.166vw;font-weight:600;color:#000;white-space:nowrap}
    .modal-container>.game-howto-modal>.header-wrapper>span:first-child{margin-bottom:2.083vw}
    .modal-container>.game-howto-modal>.header-wrapper>.vertical-bar{width:1px;height:1.388vw;background-color:#CCC;margin:0 1.388vw;display:none}
    .modal-container>.game-howto-modal>.bar{width:100%;height:0.277vw;background-color:#EEE;margin:8.333vw 0 11.111vw}
    .modal-container>.game-howto-modal>strong{position:relative;}
    .modal-container>.game-howto-modal>strong:before{content:'';width:100%;height:1.666vw;background-color:#E8EFFD;position:absolute;left:0;bottom:0;z-index:1}
    .modal-container>.game-howto-modal>strong>span{font-size:5.555vw;font-weight:700;color:#000;letter-spacing:-1px;position:relative;z-index:2;line-height:1}
    .modal-container>.game-howto-modal>.step-ul-wrapper{width:100%;margin:8.333vw 0 11.111vw;padding:0;position:relative}
    .modal-container>.game-howto-modal>.step-ul-wrapper:before{content:'';width:0.555vw;height:100%;border-right:0.555vw dashed #DDDDDD;position:absolute;left:8.75vw;top:0;z-index:1}
    .modal-container>.game-howto-modal>.step-ul-wrapper>.step-ul{width:100%;position:relative;z-index:2}
    .modal-container>.game-howto-modal>.step-ul-wrapper>.step-ul>li{width:100%;margin-bottom:5.555vw;display:flex;justify-content:flex-start;align-items:flex-start}
    .modal-container>.game-howto-modal>.step-ul-wrapper>.step-ul>li:last-child{margin-bottom:0;background-color:#FFF}
    .modal-container>.game-howto-modal>.step-ul-wrapper>.step-ul>li>.step{width:17.5vw;min-width:17.5vw;height:9.444vw;background-color:#1C6CFF;font-size:3.333vw;color:#FFF;font-weight:700;border-radius:6.944vw;display:flex;justify-content:center;align-items:center;text-align:center}
    .modal-container>.game-howto-modal>.step-ul-wrapper>.step-ul>li>.text{width:calc(100% - 17.5vw);padding-left:2.777vw;font-size:4.444vw;font-weight:500;color:#444;line-height:1.31;letter-spacing:-1px;white-space:nowrap}
    .modal-container>.game-howto-modal>.step-ul-wrapper>.step-ul>li>.text>.mobile{display:block}
    .modal-container>.game-howto-modal>.step-ul-wrapper>.step-ul>li>.text>span{color:#1C6CFF}
    .modal-container>.game-howto-modal>.game-item-wrapper{width:77.777vw;height:82.5vw;padding:8.333vw 0;margin:auto;background-color:#E7F0FF;border-radius:2.083vw;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}
    .modal-container>.game-howto-modal>.game-item-wrapper>strong{font-size:5.555vw;font-weight:700;color:#000;letter-spacing:-0.277vw}
    .modal-container>.game-howto-modal>.game-item-wrapper>span{font-size:4.444vw;margin:2.5vw 0 5.555vw;font-weight:500;color:#466DB7;letter-spacing:-1px;display:flex;justify-content:flex-start;align-items:center}
    .modal-container>.game-howto-modal>.game-item-wrapper>span:before{content:'';width:1.111vw;height:1.111vw;border-radius:1.111vw;background-color:#466DB7;margin-right:1.388vw}
    .modal-container>.game-howto-modal>.game-item-wrapper>img{width:50.555vw;height:44.444vw;}
    .modal-container>.game-howto-modal>.game-item-wrapper>img.web{display:none}
    .modal-container>.game-howto-modal>.game-item-wrapper>img.mobile{display:block}
    .modal-container>.game-howto-modal>.btn-close-game-howto-modal{width:29.027vw;height:13.888vw;margin-top:11.111vw;background-color:#1C6CFF;border-radius:6.944vw;display:flex;justify-content:center;align-items:center;text-align:center;font-size:4.166vw;color:#FFF;font-weight:600;letter-spacing:-1px}

    .modal-container>.game-play-modal{width:88.888vw;padding:11.111vw 5.555vw;background-color:#FFF;flex-direction:column;justify-content:flex-start;align-items:center;position:relative}
    .modal-container>.game-play-modal>.image-thumbnail-wrapper{width:100%;height:100%;background-color:rgba(0,0,0,0.7);position:absolute;left:0;top:0;display:none;justify-content:center;align-items:center;z-index:20}
    .modal-container>.game-play-modal>.image-thumbnail-wrapper>div{width:88.888vw;height:88.888vw}
    .modal-container>.game-play-modal>.image-thumbnail-wrapper>div>img{width:100%;height:100%}
    .modal-container>.game-play-modal>.image-thumbnail-wrapper>div>a{width:10.833vw;height:10.833vw;padding:2.083vw;position:absolute;right:2.083vw;top:2.083vw;}
    .modal-container>.game-play-modal>.image-thumbnail-wrapper>div>a>img{width:100%;height:100%}
    .modal-container>.game-play-modal>.image-thumbnail-wrapper>div>a>img.web{display:none}
    .modal-container>.game-play-modal>.image-thumbnail-wrapper>div>a>img.mobile{display:block}
    .modal-container>.game-play-modal>.game-header{width:100%;height:auto;margin-bottom:0.694vw;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}
    .modal-container>.game-play-modal>.game-header>.btn-show-thumbnail{display:none}
    .modal-container>.game-play-modal>.game-header>.timer{width:100%;text-align:center;font-size:8.333vw;font-weight:500;color:#000;line-height:1;padding-left:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}
    .modal-container>.game-play-modal>.game-header>.timer>span{width:100%;text-align:center;margin:2.777vw 0;color:#1C6CFF;font-weight:700}
    .modal-container>.game-play-modal>.top-record{width:63.333vw;height:10vw;margin-bottom:2.777vw;border-radius:5vw;background-color:#F5F5F5;display:flex;justify-content:center;align-items:center}
    .modal-container>.game-play-modal>.top-record>.icon-medal{width:6.666vw;height:6.666vw;}
    .modal-container>.game-play-modal>.top-record>.icon-medal.web{display:none}
    .modal-container>.game-play-modal>.top-record>.icon-medal.mobile{display:block}
    .modal-container>.game-play-modal>.top-record>strong{margin-left:0.694vw;font-size:4.444vw;color:#000;font-weight:700}
    .modal-container>.game-play-modal>.top-record>strong.pink{color:#FD035A}
    .modal-container>.game-play-modal>.text1{width:100%;text-align:center;margin-bottom:0;font-size:4.444vw;font-weight:400;color:#999;letter-spacing:-1px}
    .modal-container>.game-play-modal>.btn-show-thumbnail{width:21.527vw;height:9.722vw;border:0.277vw solid #AAA;border-radius:4.861vw;margin:5.555vw 0 8.333vw;display:flex;justify-content:center;align-items:center;text-align:center;font-size:3.888vw;font-weight:400;color:#444;letter-spacing:-1px}
    .modal-container>.game-play-modal>.game-box{width:77.777vw;height:77.777vw;border:1px solid #DDD;margin-bottom:11.111vw;position:relative}
    .modal-container>.game-play-modal>.game-box>.game-dim{width:100%;height:100%;position:absolute;left:0;top:0;z-index:10;background-color:rgba(0,0,0,0.2)}
    .modal-container>.game-play-modal>.game-box>.game-canvas{width:100%;height:100%;position:relative;z-index:3;opacity:0.4}
    .modal-container>.game-play-modal>.game-box>.solved-image {width:100%;height:100%;position:absolute;left:0;top:0;transition:opacity 1s ease-in-out;opacity:0;z-index:2}
    .modal-container>.game-play-modal>.game-box>.solved-image.active { opacity: 1; }
    .modal-container>.game-play-modal>.btn-start{width:100%;height:16.666vw;margin-bottom:2.777vw;background-color:#1C6CFF;border-radius:8.333vw;display:flex;justify-content:center;align-items:center;text-align:center;font-size:5.555vw;font-weight:700;color:#FFF;line-height:1.53}
    .modal-container>.game-play-modal>.text2{width:100%;text-align:center;font-size:3.888vw;font-weight:400;color:#999;letter-spacing:-1px;white-space:nowrap}

    .modal-container>.game-result-modal{width:83.333vw;padding:11.111vw 5.555vw;background-color:#FFF;flex-direction:column;justify-content:flex-start;align-items:center}
    .modal-container>.game-result-modal>h3{width:100%;text-align:center;font-size:8.333vw;font-weight:700;color:#000;letter-spacing:-0.277vw}
    .modal-container>.game-result-modal>strong{width:100%;margin-top:5.555vw;text-align:center;font-size:12.5vw;font-weight:700;color:#1C6CFF;}
    .modal-container>.game-result-modal>span{width:100%;margin-top:4.166vw;text-align:center;font-size:4.444vw;font-weight:500;line-height:1.63;letter-spacing:-1px;color:#444}
    .modal-container>.game-result-modal>span>.mobile{display:block}
    .modal-container>.game-result-modal>span>span{color:#1C6CFF}
    .modal-container>.game-result-modal>input{width:100%;height:16.666vw;margin-top:8.333vw;padding:5.555vw;border:0.277vw solid #ddd;border-radius:1.111vw;font-size:4.166vw;font-weight:500;color:#000;letter-spacing:-1px}
    .modal-container>.game-result-modal>.btn-submit-result{width:35.694vw;height:13.888vw;margin-top:11.111vw;background-color:#1C6CFF;border-radius:6.944vw;display:flex;justify-content:center;align-items:center;text-align:center;font-size:4.166vw;color:#FFF;font-weight:600;letter-spacing:-1px}

    .modal-container>.game-ranking-modal{width:83.333vw;padding:11.111vw 5.555vw;background-color:#FFF;flex-direction:column;justify-content:flex-start;align-items:center}
    .modal-container>.game-ranking-modal>h3{width:100%;text-align:center;font-size:8.333vw;font-weight:700;color:#000;letter-spacing:-0.277vw}
    .modal-container>.game-ranking-modal>span{width:100%;text-align:center;font-size:5.555vw;font-weight:700;color:#1C6CFF;letter-spacing:-0.277vw;margin-top:1.388vw}
    .modal-container>.game-ranking-modal>table{width:100%;margin-top:8.333vw;border-top:0.277vw solid #000;table-layout:fixed}
    .modal-container>.game-ranking-modal>table th, .modal-container>.game-ranking-modal>table td{padding:5.555vw 0;border-bottom:1px solid #DDD;vertical-align:middle;font-size:4.444vw;font-weight:400;color:#444;letter-spacing:-1px;line-height:1.19;text-align:center}
    .modal-container>.game-ranking-modal>table td.my{background-color:#F7F8FB}
    .modal-container>.game-ranking-modal>table td.my.top{border-bottom:0;padding:5.555vw 0 0 0}
    .modal-container>.game-ranking-modal>table td.my.bottom{padding:1.388vw 0 5.555vw 0}
    .modal-container>.game-ranking-modal>table td>div{width:100%;padding-left:4.166vw;display:flex;justify-content:flex-start;align-items:flex-start;text-align:left}
    .modal-container>.game-ranking-modal>table td>div>span{font-size:4.444vw;font-weight:400;color:#444;letter-spacing:-1px;line-height:1.58;}
    .modal-container>.game-ranking-modal>table td>div>.index{width:9.027vw;min-width:9.027vw}
    .modal-container>.game-ranking-modal>table td>div>.name{width:calc(100% - 9.027vw)}
    .modal-container>.game-ranking-modal>table td>div.my-rank{width:100%;display:flex;justify-content:flex-start;align-items:center}
    .modal-container>.game-ranking-modal>table td>div.my-rank>img{width:6.666vw;height:6.666vw;min-width:6.666vw;margin-right:1.388vw}
    .modal-container>.game-ranking-modal>table td>div.my-rank>img.web{display:none}
    .modal-container>.game-ranking-modal>table td>div.my-rank>img.mobile{display:block}
    .modal-container>.game-ranking-modal>table td>div.my-rank>strong{width:calc(100% - 6.666vw);font-weight:600;color:#222}
    .modal-container>.game-ranking-modal>table td.my>strong{font-weight:500;color:#FD035A}

    .modal-container>.easter-egg-modal{width:88.888vw;padding:11.111vw 5.555vw;background-color:#FFF;flex-direction:column;justify-content:flex-start;align-items:center}
    .modal-container>.easter-egg-modal>h3{width:100%;margin-bottom:8.333vw;text-align:center;font-size:8.333vw;font-weight:700;color:#000;letter-spacing:-0.416vw}
    .modal-container>.easter-egg-modal>.description{width:100%;text-align:center;font-size:4.444vw;font-weight:600;color:#444;letter-spacing:-1px;line-height:1.63}
    .modal-container>.easter-egg-modal>.description>br.mobile{display:block}
    .modal-container>.easter-egg-modal>.description>span{color:#1C6CFF}
    .modal-container>.easter-egg-modal>.warning{width:100%;margin:8.333vw 0 8.333vw;text-align:center;font-size:3.333vw;line-height:1;letter-spacing:-1px;color:#1C6CFF;font-weight:400}
    .modal-container>.easter-egg-modal>input{width:100%;height:16.666vw;padding:2.361vw 2.777vw;border:2px solid #ddd;border-radius:1.111vw;font-size:4.166vw;font-weight:500;color:#000;letter-spacing:-1px}
    .modal-container>.easter-egg-modal>strong{width:100%;margin:11.111vw 0 2.777vw;text-align:center;font-size:6.666vw;font-weight:700;color:#000;letter-spacing:-0.277vw;line-height:1}
    .modal-container>.easter-egg-modal>.textarea-wrapper{width:100%;margin-top:8.333vw;position:relative}
    .modal-container>.easter-egg-modal>.textarea-wrapper>textarea{width:100%;height:33.333vw;padding:5.555vw;border:2px solid #DDD;border-radius:1.111vw;font-size:4.166vw;font-weight:400;color:#000;letter-spacing:-1px;line-height:1.5;position:relative;z-index:2}
    .modal-container>.easter-egg-modal>.textarea-wrapper>.textarea-dim{position:absolute;right:2.777vw;bottom:2.777vw;font-size:3.333vw;font-weight:400;color:#999;text-align:right}
    .modal-container>.easter-egg-modal>.btn-submit-easter-modal{width:35.694vw;height:13.888vw;margin-top:11.111vw;background-color:#1C6CFF;border-radius:6.944vw;display:flex;justify-content:center;align-items:center;text-align:center;font-size:4.166vw;color:#FFF;font-weight:600;letter-spacing:-1px}

    .modal-container>.reply-modal{width:88.888vw;padding:11.111vw 5.555vw;background-color:#FFF;flex-direction:column;justify-content:flex-start;align-items:center}
    .modal-container>.reply-modal>h3{width:100%;margin-bottom:8.333vw;text-align:center;font-size:8.333vw;font-weight:700;color:#000;letter-spacing:-0.416vw}
    .modal-container>.reply-modal>.comment{width:100%;padding-bottom:8.333vw;margin-bottom:8.333vw;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;border-bottom:2px solid #EEE}
    .modal-container>.reply-modal>.comment>.header{width:100%;margin-bottom:4.166vw;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}
    .modal-container>.reply-modal>.comment>.header>.name{width:100%;font-size:6.666vw;font-weight:700;color:#000;letter-spacing:-0.277vw;line-height:1;flex-shrink:0}
    .modal-container>.reply-modal>.comment>.header>.date{width:100%;margin-left:0;margin-top:2.777vw;font-size:4.166vw;font-weight:400;color:#999;flex-shrink:0}
    .modal-container>.reply-modal>.comment>.body{width:100%;font-size:4.444vw;color:#444;letter-spacing:-1px;line-height:1.63;font-weight:400}
    .modal-container>.reply-modal>.reply-form{width:100%}
    .modal-container>.reply-modal>.reply-form>strong{width:100%;display:block;font-size:6.666vw;font-weight:700;color:#000;letter-spacing:-0.277vw;line-height:1}
    .modal-container>.reply-modal>.reply-form>.textarea-wrapper{width:100%;margin-top:2.777vw;position:relative}
    .modal-container>.reply-modal>.reply-form>.textarea-wrapper>textarea{width:100%;height:33.333vw;padding:5.555vw;border:2px solid #DDD;border-radius:1.111vw;font-size:4.166vw;font-weight:400;color:#000;letter-spacing:-1px;line-height:1.5;position:relative;z-index:2}
    .modal-container>.reply-modal>.reply-form>.textarea-wrapper>.textarea-dim{position:absolute;right:2.777vw;bottom:2.777vw;font-size:3.333vw;font-weight:400;color:#999;text-align:right}
    .modal-container>.reply-modal>.btn-submit-reply{width:35.694vw;height:13.888vw;margin-top:11.111vw;background-color:#1C6CFF;border-radius:6.944vw;display:flex;justify-content:center;align-items:center;text-align:center;font-size:4.166vw;color:#FFF;font-weight:600;letter-spacing:-1px}

}