@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 .selectIcon{ display: flex; justify-content: center; align-items: center; margin-bottom: 45px;}
.selectBox .select .selectIcon:last-child { margin-bottom: 0;}
.selectBox .select .selectIcon .img { position: relative;width: 175px; height: 175px; margin-right: 45px; cursor: pointer;}
.selectBox .select .selectIcon .img .roundBg { display: none;position: absolute; top: 0; left: 0; width: 175px; height: 175px; border: 5px solid #1e6efa; box-sizing: border-box; border-radius: 100%; z-index: 9}
.selectBox .select .selectIcon .img.on .roundBg { display: block;}
.selectBox .select .selectIcon .img:last-child { margin-right: 0;}
.selectBox .select .selectIcon .img img { width: 100%;}
.selectBox .select .selectIcon .img .on { display: none;}
.selectBox .select .selectIcon .img.chk { filter: grayscale(100%)}



.ansBox { display: none; margin-top: 55px; border: 2px solid #e0e2e6; box-sizing: border-box; padding: 27px; border-radius: 15px;}
.ansBox .img { margin-bottom: 20px;}
.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';}

.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;}