._s._guild .subVisual .visTitle dl dt{ font-size: 80px; line-height: calc(100 / 80); }

@media screen and (max-width: 1280px){
    ._s._guild .subVisual .visTitle dl dt{ font-size: 60px; }
}

@media screen and (max-width: 820px){
    ._s._guild .subVisual .visTitle dl dt{ font-size: 35px; }
}


._s._guild .conts{ padding-top: 130px; padding-bottom: 120px; box-sizing: border-box; }
._s._guild .conts .guildtop{ text-align: center; }
._s._guild .conts .guildtop > strong{ font-size: 36px; font-weight: 700; letter-spacing: -0.03em; font-family: 'Gestura Display'; line-height: 1.3; }
._s._guild .conts .guildtop > p{ font-size: 18px; letter-spacing: -0.03em; line-height: calc(30 / 18); margin-top: 30px; }
._s._guild .conts .guildtop > p b{ font-weight: 700; }
._s._guild .conts .guildtop .moreBtn{ margin-top: 45px; }


._s._guild .conts .giftlist{ margin-top: 80px; }
._s._guild .conts .giftlist > ul{ display: flex; gap: 15px; }
._s._guild .conts .giftlist > ul li{ width: 100%; position: relative; }
._s._guild .conts .giftlist > ul li .bar{ width: 100%; position: relative; text-align: center; }
._s._guild .conts .giftlist > ul li .bar .line{ width: 100%; height: 2px; position: absolute; }
._s._guild .conts .giftlist > ul li .bar .line._t{ top: 0; left: 0; }
._s._guild .conts .giftlist > ul li .bar .line._b{ bottom: 0; left: 0; }
._s._guild .conts .giftlist > ul li .bar span{ padding: 20px 0; display: block; }
._s._guild .conts .giftlist > ul li .thumb{ margin-top: 10px; width: 100%; position: relative; overflow: hidden; }
._s._guild .conts .giftlist > ul li .thumb::after{ content: ''; display: block; padding-bottom: calc(340 / 275 * 100%); }
._s._guild .conts .giftlist > ul li .thumb img{ width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; }
._s._guild .conts .giftlist > ul li > small{ margin-top: 27px; text-align: center; font-size: 20px; letter-spacing: -0.03em; font-weight: 600; line-height: 1.3; display: block; }

._s._guild .conts .giftlist > ul li .flxbx{ max-width: 210px; margin: 0 auto; margin-top: 27px; display: flex; justify-content: center; gap: 6px; }
._s._guild .conts .giftlist > ul li .flxbx .subbtnWrap{ width: 100%; }
._s._guild .conts .giftlist > ul li .flxbx .subbtnWrap > a{ width: 100%; }
._s._guild .conts .giftlist > ul li .flxbx .viewbtn{ width: 54px; border: 1px solid #000; color: #000; display: flex; align-items: center; justify-content: center; font-size: 16px; cursor: pointer; box-sizing: border-box; flex-shrink: 0; }


._s._guild .conts .guide{ margin-top: 210px; width: 100%; }
._s._guild .conts .guide .titles{ font-size: 36px; letter-spacing: -0.03em; font-weight: 700; font-family: 'Gestura Display'; line-height: 1.3; text-align: center; }
._s._guild .conts .guide .graybx{ margin-top: 40px; background-color: #e6dac0; padding: 95px 0; }
._s._guild .conts .guide .graybx .bar{ width: 77.6%; height: 2px; max-width: 1120px; margin: 0 auto; background-color: #000; position: relative; }
._s._guild .conts .guide .graybx .bar span{ display: block; width: 20%; height: 100%; background-color: #c63527; }

._s._guild .conts .guide .graybx > ul{ width: calc(77.6% + 8px); max-width: 1128px; margin: 0 auto; display: flex; justify-content: space-between; margin-top: -5px; }
._s._guild .conts .guide .graybx > ul li{ position: relative; line-height: 1.3; font-size: 18px; letter-spacing: -0.03em; text-align: center; }
._s._guild .conts .guide .graybx > ul li .dot{ width: 8px; height: 8px; background-color: #000; border-radius: 50%; }
._s._guild .conts .guide .graybx > ul li .date{ position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%); width: 16vw; font-weight: 700; }
._s._guild .conts .guide .graybx > ul li p{ position: absolute; top: 25px; left: 50%; transform: translateX(-50%); width: 16vw; }

._s._guild .conts .guide .flxbx{ width: 100%; display: flex; justify-content: space-between; margin-top: 35px;  }
._s._guild .conts .guide .flxbx .lbx{ font-size: 16px; color: #555555; letter-spacing: -0.03em; line-height: 1.3; }
._s._guild .conts .guide .flxbx .lbx em{ display: block; }
._s._guild .conts .guide .flxbx .lbx em small{ margin-right: 8px; font-size: 18px; }
._s._guild .conts .guide .flxbx .rbx .subbtnWrap > a{ width: 190px; }

/* .layerbasic.giftview{ display: block; } */
.layerbasic.giftview .inner{ max-width: 775px; height: calc(454 / 960 * 100%); }
.layerbasic.giftview .inner .cont{ padding: 15px; }
.layerbasic.giftview .flxbx{ display: flex; max-height: 100%; }
.layerbasic.giftview .flxbx .thumb{ width: calc(320 / 715 * 100%); }
.layerbasic.giftview .flxbx .thumb img{ width: 100%; height: 100%; object-fit: cover; }
.layerbasic.giftview .flxbx .rbx{ width: calc(395 / 715 * 100%); padding-top: 20px; padding-left: 55px; box-sizing: border-box; display: flex; flex-direction: column; }
.layerbasic.giftview .flxbx .rbx dl{ flex-shrink: 0; }
.layerbasic.giftview .flxbx .rbx dl dt{  }
.layerbasic.giftview .flxbx .rbx dl dd{ font-size: 28px; letter-spacing: -0.03em; font-weight: 700; margin-top: 8px; }
.layerbasic.giftview .flxbx .rbx p{ height: 100%; overflow: auto; padding-right: 10px; box-sizing: border-box; font-size: 16px; letter-spacing: -0.03em; line-height: calc(26 / 16); padding-top: 30px; }
.layerbasic.giftview .flxbx .rbx p::-webkit-scrollbar{ width: 5px; background-color: rgba(0,0,0,0.1); }
.layerbasic.giftview .flxbx .rbx p::-webkit-scrollbar-thumb{ width: 5px; background-color: rgba(0,0,0,0.3); }



@media screen and (max-width: 1280px){
    ._s._guild .conts .guildtop > strong{ font-size: 30px; }
    ._s._guild .conts .guildtop > p{ font-size: 16px; margin-top: 20px; }
    ._s._guild .conts .guildtop .moreBtn{ margin-top: 30px; }

    /* ._s._guild .conts .giftlist{ margin-top: 50px; } */
    ._s._guild .conts .giftlist > ul{ gap: 10px; }
    ._s._guild .conts .giftlist > ul li .bar span{ padding: 15px 0; }
    ._s._guild .conts .giftlist > ul li > small{ font-size: 16px; margin-top: 20px; }
    ._s._guild .conts .giftlist > ul li .flxbx{ margin-top: 15px; }
    /* ._s._guild .conts .giftlist > ul li .flxbx .subbtnWrap > a{ height: 40px; } */
    ._s._guild .conts .giftlist > ul li .flxbx .viewbtn{ width: 40px; }

    ._s._guild .conts .guide{ margin-top: 150px; }
    ._s._guild .conts .guide .titles{ font-size: 28px; }
    ._s._guild .conts .guide .graybx{ margin-top: 30px; padding: 85px 0; }
    ._s._guild .conts .guide .graybx > ul li{ font-size: 16px; }
}

@media screen and (max-width: 820px){

    ._s._guild .conts{ padding: 100px 0; }
    ._s._guild .conts .guildtop > strong{ font-size: 26px; }
    ._s._guild .conts .guildtop > p{ font-size: 14px; }

    ._s._guild .conts .giftlist > ul{ 
        flex-wrap: wrap; justify-content: center; 
        /* gap: 30px 2%; */
        gap: 80px;
     }
    ._s._guild .conts .giftlist > ul li{ width: 32%; }

    ._s._guild .conts .guide{ margin-top: 100px; }
    ._s._guild .conts .guide .titles{ font-size: 22px; }
    ._s._guild .conts .guide .graybx{ margin-top: 20px; padding: 70px 0; }
    ._s._guild .conts .guide .graybx > ul li{ font-size: 14px; }
    ._s._guild .conts .guide .flxbx{ margin-top: 10px; }
    ._s._guild .conts .guide .flxbx .lbx{ font-size: 14px; }


    .layerbasic.giftview .inner{ height: 80vh; }
    .layerbasic.giftview .flxbx{ flex-direction: column; }
    .layerbasic.giftview .flxbx .thumb{ width: 100%; display: flex; align-items: center; justify-content: center; height: 30vh; }
    .layerbasic.giftview .flxbx .thumb img{ object-fit: contain; }
    .layerbasic.giftview .flxbx .rbx{ padding: 0; width: 100%; height: 43vh; margin-top: 20px; }
    
    .layerbasic.giftview .flxbx .rbx dl dt{ font-size: 14px; }
    .layerbasic.giftview .flxbx .rbx dl dd{ font-size: 22px; }
    .layerbasic.giftview .flxbx .rbx p{ padding-top: 20px; font-size: 14px; }
}

@media screen and (max-width: 500px){
    ._s._guild .conts .giftlist > ul{ max-width: 240px; margin: 0 auto; }
    ._s._guild .conts .giftlist > ul li{ width: 100%; }

    ._s._guild .conts .guide .graybx{ padding: 30px 0; }
    ._s._guild .conts .guide .graybx .bar{ width: 2px; height: 300px; }
    ._s._guild .conts .guide .graybx .bar span{ width: 100%; height: 20%; }
    ._s._guild .conts .guide .graybx > ul{ flex-direction: column; width: 8px; height: 300px; margin: 0 auto; margin-top: -300px; }
    ._s._guild .conts .guide .graybx > ul li{ display: flex; justify-content: center; align-items: center; }
    ._s._guild .conts .guide .graybx > ul li .date{ bottom: auto; top: -6px; right: calc(100% + 10px); text-align: right; left: auto; width: 35vw; transform: translate(0); }
    ._s._guild .conts .guide .graybx > ul li p{ bottom: auto; top: -6px; left: calc(100% + 10px); text-align: left; right: auto; width: 35vw; transform: translate(0); }

    ._s._guild .conts .guide .flxbx{ flex-direction: column; }
    ._s._guild .conts .guide .flxbx .subbtnWrap{ margin-top: 30px; }
}