@charset "UTF-8";
.cl_btnArea { display: flex; justify-content: center; align-items: center; width: 153px; height: 36px; border-radius: 20px; background-color: #fff; font-size: 16px; color: #6a6d73;  font-family: 'SCDream5';  box-sizing: border-box; border: 1px solid #e0e2e6;pointer-events: none; }
.cl_btnArea.on { display: flex; background-color: #ffb400;  color: #232426; pointer-events: auto; cursor: pointer;}
body,html { width: 100%; height: 100vh; overflow: hidden;}
.pageOutWrap { position: absolute; width: 920px; height: 400px; overflow: hidden; transform-origin: top left;}


.none{pointer-events: none;}

.selectBox .select{ padding-top: 40px;}
.selectBox .select .selectIcon{ display: flex; justify-content: center; align-items: center; margin-bottom: 45px;}
.selectBox .select .selectIcon:last-child { margin-bottom: 0;}
.selectBox .select .selectIcon .imgArea { position: relative; margin-right: 40px; cursor: pointer; display: flex; font-size: 28px; color: #232426; font-family: 'SCDream5'; }
.selectBox .select .selectIcon .imgArea .img { position: relative ;width: 137px; margin-left: 10px;}
.selectBox .select .selectIcon .imgArea .roundBg { display: none;position: absolute; top: 0; left: 0; z-index: 9}
.selectBox .select .selectIcon .imgArea.on .roundBg { display: block;}
.selectBox .select .selectIcon .imgArea:last-child { margin-right: 0;}
.selectBox .select .selectIcon .imgArea .icon { width: 100%; }
.selectBox .select .selectIcon .imgArea.chk { filter: grayscale(100%)}


.ansBox { display: none; margin-top: 125px; border: 2px solid #e0e2e6; box-sizing: border-box; padding: 27px; border-radius: 15px;}

.ansBox .img img { display: block; width: 100px;}
.ansBox .title { width: 60px; height: 30px; display: flex; justify-content: center; align-items: center; background-color: #e5f4ea; color: #1eaa58; font-size: 16px; font-family: 'SCDream5'; margin-bottom: 15px; border-radius: 20px; border: 1px solid #1eaa58; box-sizing: border-box;}
.ansBox .text { font-size: 24px; color: #232426; font-family: 'SCDream5'; }
.ansBox .text.top { margin-bottom: 15px;}
.ansBtnArea { position: absolute; bottom: 0; right: 0;}
.ansBtnArea .ansBtn,
.ansBtnArea .reBtn { display: none;}


.alertBg {display: none; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 9999;}
.alertBg .alert { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 235px; height: 180px; background-color: #ffffff; font-size: 16px;  font-family: 'SUIT-B'; color: #232426; border-radius: 10px; }
.alertBg .alert img { width: 31px; margin-bottom: 15px;}
.alertBg .alert .closeBtn { font-size: 14px; color: #fff; padding: 8px 20px; box-sizing: border-box; background-color: #232426; margin-top: 15px;border-radius: 15px; cursor: pointer;}