#act {position: relative; width: 100%; height: 100%; background: url("../images/bg.png?v=1") no-repeat; overflow: hidden;}
#act .actTitle {
    position: absolute;
    left: 49px;
    top: 60px;
    display: flex;
    font-family: "NPSfontB";
    font-size: 40px;
    line-height: 1.25;
    letter-spacing: -2px;
    color: #222;
    transition: opacity 0.5s;
}
#act.on .actTitle {opacity: 0;}
#act .actTitle .cir {width: 16px; height: 16px; background: #f3d020; border-radius: 50%; margin-right: 13px; margin-top: 14px;}
#act .frame {position: absolute; left: 54px; top: 178px; transition: opacity 0.5s;}
#act.on .frame {opacity: 0;}
#act .comPhoto {position: absolute; right: 53px; top: 38px;}

#act .dragItem {position: absolute; cursor: pointer;}
#act .dragItem1 {left: 104px; top: 324px;}
#act .dragItem2 {left: 316px; top: 268px;}
#act .dragItem3 {left: 471px; top: 306px;}
#act .dragItem4 {left: 184px; top: 493px;}
#act .dragItem5 {left: 364px; top: 441px;}

#act .dropItem {position: absolute;}
#act .dropItem1 {left: 874px;top: 290px;width: 100px;height: 50px;display: flex;align-items: center;justify-content: center;}
#act .dropItem2 {left: 899px; top: 186px;}
#act .dropItem3 {left: 1045px; top: 126px;}
#act .dropItem4 {left: 920px;top: 178px;width: 100px;height: 50px;display: flex;align-items: center;justify-content: center;}
#act .dropItem5 {left: 1018px; top: 238px;}

#act .light {position: absolute; left: 31px; top: -25px; opacity: 0; transition: opacity 0.5s;}
#act.on .light {opacity: 1;}
#act .comText {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 59px;
    top: 110px;
    text-align: center;
    width: 574px;
    height: 560px;
    background: url("../images/frame2.png") no-repeat;
    padding-top: 30px;
    opacity: 0;
    transition: opacity 0.5s;
}
#act.on .comText {opacity: 1;}
#act .comText .textTitle{font-family: "PretendardB"; font-size: 45px; letter-spacing: -2.2px; color: #222;}
#act .comText .textTitleDesc{font-family: "PretendardR"; font-size: 23px; letter-spacing: -0.2px; line-height: 45px; color: #666;margin-bottom: 38px;}
#act .comText .textDesc{font-family: "PretendardSB"; font-size: 29px; letter-spacing: -1.4px; line-height: 42px; color: #444;margin-bottom: 38px;}