.introPage { position: absolute; top: 0; left: 0; }
/*.introPage .mainTitle { width: 744px; height: 77px; }*/

.selectPage { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; padding: 45px 30px 40px 30px; box-sizing: border-box; }
.activityPage { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*
* *** 셀렉트 오브젝
*/
.selectObj { position: absolute; cursor: pointer; }
.selectObj1 { top: 204px; left: 59px; width: 366px; height: 347px; }
.selectObj2 { top: 265px; left: 422px; width: 436px; height: 213px; }
.selectObj3 { top: 231px; left: 905px; width: 291px; height: 293px; }
.selectObj img { width: 100%; }



/*
* *** 활동 페이지
*/
/*셀렉된 이미지*/
.activityPage .selectedObj { position: absolute; top: 129px; left: 99px; display: none; align-items: center; justify-content: center; width: 564px; height: 443px; }
.activityPage .selectedObj img { width: 100%; }
/*선택되는영역*/
.selectedArea { position: absolute; bottom: 56px; left: 219px; display: flex; align-items: center; justify-content: center; gap: 24px; }
.selectedArea .block { position: relative; width: 92px; height: 92px; border: 1px solid #ABABAB; background-color: #fff; background-size: cover; border-radius: 7px; box-sizing: border-box; }
.selectedArea .block.on { border: 4px solid #5387FF; border-radius: 11px; }

.selectedArea .block .close { display: none; position: absolute; top: -13px; right: -13px; width: 26px; height: 26px; background-image: url("../images/toolbox_bt.png"); background-size: 26px 26px; cursor: pointer; }
.selectedArea .block.on .close { display: block; }


/*선택할 리스트*/
.listArea { position: absolute; top: 129px; right: 152px; width: 396px; height: 443px; border-radius: 20px; background-color: #FFF; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    display:flex; flex-wrap:wrap; padding:24px 0 0 30px; margin:-10px; box-sizing: border-box; }
.listArea .list { display: flex; align-items: center; justify-content: flex-start; flex-direction: column; box-sizing:border-box; width:calc(100% / 3);
    border:0 solid transparent; border-width:0 30px 14px 0; cursor: pointer; }
.listArea .list.dis { pointer-events: none; }
/*이미지*/
.listArea .list .imgArea { width: 92px; height: 92px; background-repeat: no-repeat; background-size: 92px 92px; }
.listArea .list1 .imgArea { background-image: url("../images/pic=01_n.png"); }
.listArea .list2 .imgArea { background-image: url("../images/pic=02_n.png"); }
.listArea .list3 .imgArea { background-image: url("../images/pic=03_n.png"); }
.listArea .list4 .imgArea { background-image: url("../images/pic=04_n.png"); }
.listArea .list5 .imgArea { background-image: url("../images/pic=05_n.png"); }
.listArea .list6 .imgArea { background-image: url("../images/pic=06_n.png"); }
.listArea .list7 .imgArea { background-image: url("../images/pic=07_n.png"); }
.listArea .list8 .imgArea { background-image: url("../images/pic=08_n.png"); }
.listArea .list9 .imgArea { background-image: url("../images/pic=09_n.png"); }

.listArea .list1.dis .imgArea { background-image: url("../images/pic=01_d.png"); }
.listArea .list2.dis .imgArea { background-image: url("../images/pic=02_d.png"); }
.listArea .list3.dis .imgArea { background-image: url("../images/pic=03_d.png"); }
.listArea .list4.dis .imgArea { background-image: url("../images/pic=04_d.png"); }
.listArea .list5.dis .imgArea { background-image: url("../images/pic=05_d.png"); }
.listArea .list6.dis .imgArea { background-image: url("../images/pic=06_d.png"); }
.listArea .list7.dis .imgArea { background-image: url("../images/pic=07_d.png"); }
.listArea .list8.dis .imgArea { background-image: url("../images/pic=08_d.png"); }
.listArea .list9.dis .imgArea { background-image: url("../images/pic=09_d.png"); }
/*텍스트*/
.listArea .list .textArea { display: flex; align-items: center; justify-content: center; width: 92px; height: 22px; font-size: 14px; color: #fff; font-family: "GodoB";
    border-radius: 8px; background-color: #657EB9; margin-top: 7px; }