/*.introPage .mainTitle { width: 633px; height: 77px; }*/
.introPage .mainTitle img { width: 100%; }
.activityPage { position: relative; width: 100%; height: 100%; background-image: url("../images/activityBg.png"); }

.activityPage .menuList { position: absolute; bottom: 60px; left: 142px; display: flex; }
.activityPage .menuList .menu { width: 120px; height: 82px; margin-left: -25px; cursor: pointer; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: rgba(0,0,0,0) ; outline: none; }
.activityPage .menuList .menu:first-child { margin-left: 0}
.activityPage .menuList .menu img { width: 100%; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: rgba(0,0,0,0) ; outline: none; }
.activityPage .menuList .menu .off { display: block;}
.activityPage .menuList .menu .on { display: none;}
.activityPage .menuList .menu.on .off { display: none;}
.activityPage .menuList .menu.on .on { display: block;}

.pos_item { position: absolute;}
.pos_item.textArea1 { top: 60px; left: 404px;}
.pos_item.textArea2 { top: 99px; left: 876px;}
.textArea { display: flex; align-items: flex-end; gap: 25px; font-size: 14px; color: #8C8C8C;font-family: "GodoM";}
.textArea.column { flex-direction: column; gap: 14px; align-items: flex-start;}

.textArea .flex { display: flex; text-align: center; }
.textArea .flex.column { flex-direction: column;  align-items: center;}
.textArea .flex.end { align-items: flex-end;}
.textArea .text {line-height: 20px;}
.textArea.column .text { margin-left: 20px;}
.textArea.column .leftArea .text { margin-top: 17px;}
.textArea.column .rightArea .text { margin-bottom: 17px;}

.textArea  .midArea { display: flex; justify-content: center; align-items: center; width: 54px; height: 28px; border-radius: 100px; box-sizing: border-box; background-color:#fff; border:1px solid #000; color: #000; margin-bottom: -5px;}
.textArea.column .midArea { width: 28px; height: 54px; margin-bottom: 0; margin-left: -7px;}

.corBtnArea { top: 219px; left: 952px; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 24px;}
.corBtnArea .corBtn { cursor: pointer; width: 70px; height: 70px;  -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: rgba(0,0,0,0) ; outline: none;}
.corBtnArea .corBtn img { width: 100%;}
.corBtnArea .corBtn .off { display: block;}
.corBtnArea .corBtn .hover { display: none;}
.corBtnArea .corBtn:hover .off { display: none;}
.corBtnArea .corBtn:hover .hover { display: block;}
.corBtnArea .corBtn.down { transform: rotate(180deg);}


.colorBg { top: 73px; left: 276px;}
.colorBg .colorArea { width: 614px; height: 500px; display: none;}
.colorBg .colorArea.on { display: block;}
.colorBg .colorArea img { width: 100%; display: none;}
.colorBg .colorArea .default { display: block;}