#content{text-align: center;} .box{display:inline-block;width:100%;min-height:222.222vw;height:100%;margin:0 auto;background: #F4F4F4;box-sizing: border-box;position:relative;} .box2{display:inline-block;width:100%;min-height:222.222vw;height:100%;margin:0 auto;background: #050B0F;box-sizing: border-box;position:relative;} #box_con,.box_con{width:100%;box-sizing: border-box;} .main_box{padding:11.111vw 4.444vw;} .main_logo_box{padding:0 6.667vw;} .main_logo{width: 77.778vw;height: 110.556vw;background: url('/cafeep0/src/img/index_logo.png')center no-repeat;background-size:cover;} .input01{width: 100%;height: 13.333vw;border-radius: 2.778vw;background: #FFF;border:0.278vw solid #FFF;box-sizing: border-box;font-family: 'Pretendard-Regular';color: #101010;text-align: center;font-feature-settings: 'liga' off, 'clig' off;font-weight: 700;font-size: 5vw;} .input01::placeholder{font-family: 'Pretendard-Regular';color: #AAA;font-weight: 400;font-size: 5vw;} .input02{width: 100%;height: 13.333vw;border-radius: 2.778vw;background: rgba(255, 226, 226, 0.20);;border:0;box-sizing: border-box;font-family: 'Pretendard-Regular';color: #FFF;text-align: center;font-feature-settings: 'liga' off, 'clig' off;font-weight: 700;font-size: 5vw;} .input02::placeholder{font-family: 'Pretendard-Regular';color: #DDD;font-weight: 400;font-size: 5vw;} .inputBtn01{display: flex;width: 100%;height: 15.556vw;flex-direction: column;justify-content: flex-end;align-items: center;color:#99BABF;flex-shrink: 0;border-radius: 2.778vw;background: #D8E4E5;border:0.278vw solid #D8E4E5;box-sizing: border-box;font-family: 'Pretendard-Regular';font-size: 5.556vw;font-style: normal;font-weight: 700;line-height: normal;} .inputBtn01.active{background: #71B5BE;color: #FFF;border:1px solid #71B5BE;} .inputBtn02{display: flex;width: 100%;height: 15.556vw;flex-direction: column;justify-content: flex-end;align-items: center;color:#FFF;flex-shrink: 0;border-radius: 2.778vw;background: #44BAD1;border:0.278vw solid #44BAD1;box-sizing: border-box;font-family: 'Pretendard-Regular';font-size: 5.556vw;font-style: normal;font-weight: 700;line-height: normal;} .inputBtn03{display: flex;width: 100%;height: 15.556vw;flex-direction: column;justify-content: flex-end;align-items: center;color:#99BABF;flex-shrink: 0;border-radius: 2.778vw;background: #D8E4E5;border:0.278vw solid #D8E4E5;box-sizing: border-box;font-family: 'Pretendard-Regular';font-size: 5.556vw;font-style: normal;font-weight: 700;line-height: normal;} .inputBtn03.active{background: #44BAD1;color: #FFF;} .inputBtn04{display: flex;width: 100%;height: 15.556vw;flex-direction: column;justify-content: flex-end;align-items: center;color:#8EAACA;flex-shrink: 0;border-radius: 2.778vw;background: #D6DFE8;border:0.278vw solid #D6DFE8;box-sizing: border-box;font-family: 'Pretendard-Regular';font-size: 5.556vw;font-style: normal;font-weight: 700;line-height: normal;} .inputBtn04.active{background: #44BAD1;color: #FFF;} .inputBtn05{display: flex;width: 100%;height: 15.556vw;flex-direction: column;justify-content: flex-end;align-items: center;color:#FFF;flex-shrink: 0;border-radius: 2.778vw;background: #7B2524;border:0.278vw solid #7B2524;box-sizing: border-box;font-family: 'Pretendard-Regular';font-size: 5.556vw;font-style: normal;font-weight: 700;line-height: normal;} .hintclosebtn{position: absolute;bottom:11.111vw;left:4.444vw;} .tit_tit01{ color: #80504A;text-align: center;font-family: 'Pretendard-Regular';font-size: 7.778vw;font-style: normal;font-weight: 700;line-height: 10.278vw;letter-spacing: -0.156vw;} .txt_txt01{color: #80504A;text-align: center;font-family: 'PretendardVariable';font-size: 5vw;font-style: normal;font-weight: 400;line-height: 7.222vw;letter-spacing: -0.1vw;} .content_box1{position:relative;} #box_hd{width:100%;height:13.333vw;background:#E1E4E7;padding:2.222vw 4.444vw;box-sizing: border-box;text-align:left;font-size:0;position: fixed;z-index: 9;}/*absolute*/ #box_hd::after {content: ""; display: table; clear: both;} .box_hd_d{display:inline-block;vertical-align:middle;} .box_icon1,.box_hd_tit,.box_icon2,.box_icon3{display: inline-block;vertical-align: middle;} .box_icon1{width:6.667vw;height:8.889vw;background: url('/cafeep0/src/img/box_icon1.png')center no-repeat;background-size:cover;} .box_icon2{width:8.889vw;height:8.889vw;background: url('/cafeep0/src/img/box_icon2.png')center no-repeat;background-size:cover;} .box_icon3{width:8.333vw;height:8.889vw;background: url('/cafeep0/src/img/box_icon3.png')center no-repeat;background-size:cover;} .box_hd_lt {float: left;} .box_hd_rt {float: right;} .box_hd_tit{font-family: 'Pretendard-Regular';color: #16375E;font-size: 3.889vw;font-style: normal;font-weight: 600;} .box_hd_qb{width: 6.667vw;display:inline-block;vertical-align: middle;border-radius: 1.111vw;background: #FFF; height: 6.667vw;line-height: 6.667vw;font-family: 'Pretendard-Regular';color: #16375E;font-size: 3.889vw;font-style: normal;font-weight: 600;text-align: center;} /* position:fixed;top:0;left:0; */ .st_pi{width:6.667vw;} .chat_box{font-size:0;height:168.889vw;overflow-y: auto;} .chat_box2{font-size:0;height:117.056vw;overflow-y: auto;} .chat_box3{font-size:0;height:115.278vw;overflow-y: auto;} /* 스크롤바를 숨기기 위한 CSS */ .chat_box::-webkit-scrollbar,.chat_box2::-webkit-scrollbar,.chat_box3::-webkit-scrollbar, .con_box_hint .missionDi .con_box_hint_intxt::-webkit-scrollbar { display: none; /* 크롬, 사파리, 엣지 */ } .chat_box,.chat_box2,.chat_box3,.con_box_hint .missionDi .con_box_hint_intxt { -ms-overflow-style: none; /* IE와 Edge */ scrollbar-width: none; /* Firefox */ } .chat_b_left{text-align: left;} .chat_b_l_left,.chat_b_l_right{display: inline-block;vertical-align: top;} .chat_b_l_left{width:11.111vw;} .chat_b_l_right{width:61.111vw;} .chat_b_l_icon{width:11.111vw;height:11.111vw;} .chat_tit{font-family: 'BMHANNAAir';color: #000;font-size: 3.889vw;font-weight: 400;} .Cone{display:block;width:11.111vw;height:11.111vw;background: url('/cafeep0/src/img/Cone.png')center no-repeat;background-size:cover;} .Cone2{display:block;width:20vw;height:20vw;background: url('/cafeep0/src/img/Cone.png')center no-repeat;background-size:cover;} .emoticon{display:block;width:13.611vw;height:20.278vw;background: url('/cafeep0/src/img/emoticon.png')center no-repeat;background-size:cover;} .me_icon{display:block;width:11.111vw;height:11.111vw;background: url('/cafeep0/src/img/me_icon.png')center no-repeat;background-size:cover;} .Dasol{display:block;width:11.111vw;height:11.111vw;background: url('/cafeep0/src/img/Dasol.png')center no-repeat;background-size:cover;} .CatCafe{display:block;width:11.111vw;height:11.111vw;background: url('/cafeep0/src/img/CatCafe.png')center no-repeat;background-size:cover;} .counselor{display:block;width:11.111vw;height:11.111vw;background: url('/cafeep0/src/img/counselor.png')center no-repeat;background-size:cover;} .counselorDirector{display:block;width:11.111vw;height:11.111vw;background: url('/cafeep0/src/img/counselorDirector.png')center no-repeat;background-size:cover;} .counselorLedger{display:block;width:11.111vw;height:11.111vw;background: url('/cafeep0/src/img/counselorLedger.png')center no-repeat;background-size:cover;} .AIcharacter{display:block;width:11.111vw;height:11.111vw;background: url('/cafeep0/src/img/AIcharacter.png')center no-repeat;background-size:cover;} .grayCat{display:block;width:11.111vw;height:11.111vw;background: url('/cafeep0/src/img/grayCat.png')center no-repeat;background-size:cover;} .mysteriousVoice{display:block;width:11.111vw;height:11.111vw;background: url('/cafeep0/src/img/mysteriousVoice.png')center no-repeat;background-size:cover;} .dubu{display:block;width:11.111vw;height:11.111vw;background: url('/cafeep0/src/img/dubu.png')center no-repeat;background-size:cover;} .Geumhojinin{display:block;width:11.111vw;height:11.111vw;background: url('/cafeep0/src/img/Geumhojinin.png')center no-repeat;background-size:cover;} .Jisoo{display:block;width:11.111vw;height:11.111vw;background: url('/cafeep0/src/img/Jisoo.png')center no-repeat;background-size:cover;} .chat_b_right{text-align: right;} .chat_b_r_left,.chat_b_r_right{display: inline-block;vertical-align: top;} .chat_b_r_left{} .chat_b_r_right{width:11.111vw;} .chat_b_right_Talk{width: 61.111vw;font-family: 'Pretendard-Regular';color: #222;font-size: 3.889vw;font-weight: 400;line-height: 6.667vw;padding: 2.222vw 3.333vw;border-radius: 2.778vw 0vw 2.778vw 2.778vw;background: #FFF;box-sizing: border-box;} .t_icon_img{display:block;height:8.889vw;width:8.889vw;background: url('/cafeep0/src/img/box_icon2.png')center no-repeat;background-size:cover;} .t_icon_img2{display:inline-block;height:8.889vw;width:8.889vw;background: url('/cafeep0/src/img/box_icon3.png')center no-repeat;background-size:cover;} .t_icon_img3{width: 6.667vw;display:inline-block;vertical-align: middle;border-radius: 1.111vw;background: #E1E4E7;height: 6.667vw;line-height: 6.667vw;font-family: 'Pretendard-Regular';color: #16375E;font-size: 3.889vw;font-style: normal;font-weight: 600;text-align: center;} .txt44BAD1{color: #44BAD1;font-weight: 700;} .txtFF5A5A{color: #FF5A5A;font-weight: 700;} .txt222{color: #222;font-weight: 700;} .txtW700{font-weight: 700;} .spanNumber{display:inline-block;vertical-align:middle;padding-right:1.389vw;} .spanNumber2{display:inline-block;vertical-align:middle;padding-right:5.5vw;} #box_ft{width:100%;background: #F4F4F4;padding:6.667vw 4.444vw 11.111vw;box-sizing: border-box;text-align:left;font-size:0;position: absolute;left:0;bottom:0;} #box_ft2{width:100%;background: #F4F4F4;padding:0 4.444vw 11.111vw;box-sizing: border-box;text-align:left;font-size:0;position: absolute;left:0;bottom:0;} .con_pd1{padding:20vw 4.444vw 0vw;} .con_pd2{padding:71.389vw 4.444vw 85vw;} .con_pd3{padding:72.778vw 4.444vw 0;box-sizing: border-box;} .con_pd4{padding:94.167vw 4.444vw 0;box-sizing: border-box;} .con_pd5{padding:18.611vw 4.444vw 0;box-sizing: border-box;} .con_pd6{padding:0vw 4.444vw 0;box-sizing: border-box;} .con_pd7{padding:0vw 4.444vw 37.222vw;box-sizing: border-box;} .con_pd8{padding:18.611vw 4.444vw 33.333vw;box-sizing: border-box;} .con_pd9{padding:18.611vw 4.444vw 11.111vw;box-sizing: border-box;} .con_pd10{padding:6.667vw 4.444vw 0;box-sizing: border-box;} .con_box1{width:100%;height:168.889vw;} .con_box2{width:100%;height:222.222vw;} .con_box3{width:100%;min-height:222.222vw;} .con_box4{width:100%;height:154.889vw;} /*mission*/ .mission_tit{width:100%;height:30.556vw;position:relative;} .mission_tit1{background: url('/cafeep0/src/img/title-1.png')center no-repeat;background-size:cover;} .mission_tit2{background: url('/cafeep0/src/img/title-A1.png')center no-repeat;background-size:cover;} .mission_tit3{background: url('/cafeep0/src/img/title-2.png')center no-repeat;background-size:cover;} .mission_tit4{background: url('/cafeep0/src/img/title-4.png')center no-repeat;background-size:cover;} .mission_tit5{background: url('/cafeep0/src/img/title-3.png')center no-repeat;background-size:cover;} .mission_tit6{background: url('/cafeep0/src/img/title-5.png')center no-repeat;background-size:cover;} .mission_tit7{background: url('/cafeep0/src/img/title-B1.png')center no-repeat;background-size:cover;} .mission_tit8{background: url('/cafeep0/src/img/title-B-1.png')center no-repeat;background-size:cover;} .mission_tit9{background: url('/cafeep0/src/img/title-B2.png')center no-repeat;background-size:cover;} .mission_tit10{background: url('/cafeep0/src/img/title-B3.png')center no-repeat;background-size:cover;} .mission_tit11{background: url('/cafeep0/src/img/title-B5.png')center no-repeat;background-size:cover;} .mission_tit12{background: url('/cafeep0/src/img/title-C1.png')center no-repeat;background-size:cover;} .mission_tit13{background: url('/cafeep0/src/img/title-C-1.png')center no-repeat;background-size:cover;} .mission_tit14{background: url('/cafeep0/src/img/title-C2.png')center no-repeat;background-size:cover;} .mission_tit15{background: url('/cafeep0/src/img/title-C3.png')center no-repeat;background-size:cover;} .mission_tit16{background: url('/cafeep0/src/img/title-C5.png')center no-repeat;background-size:cover;} .mission_tit17{background: url('/cafeep0/src/img/title-D1.png')center no-repeat;background-size:cover;} .mission_tit18{background: url('/cafeep0/src/img/title-D-1.png')center no-repeat;background-size:cover;} .mission_tit19{background: url('/cafeep0/src/img/title-D2.png')center no-repeat;background-size:cover;} .mission_tit20{background: url('/cafeep0/src/img/title-D3.png')center no-repeat;background-size:cover;} .mission_tit21{background: url('/cafeep0/src/img/title-D5.png')center no-repeat;background-size:cover;} .mission_tit22{background: url('/cafeep0/src/img/title-E1.png')center no-repeat;background-size:cover;} .mission_tit23{background: url('/cafeep0/src/img/title-E-1.png')center no-repeat;background-size:cover;} .mission_tit24{background: url('/cafeep0/src/img/title-E2.png')center no-repeat;background-size:cover;} .mission_tit25{background: url('/cafeep0/src/img/title-E3.png')center no-repeat;background-size:cover;} .mission_tit26{background: url('/cafeep0/src/img/title-E5.png')center no-repeat;background-size:cover;} .mission_tit27{background: url('/cafeep0/src/img/title-F1.png')center no-repeat;background-size:cover;} .mission_tit28{background: url('/cafeep0/src/img/title-F-1.png')center no-repeat;background-size:cover;} .mission_tit29{background: url('/cafeep0/src/img/title-F2.png')center no-repeat;background-size:cover;} .mission_tit30{background: url('/cafeep0/src/img/title-F3.png')center no-repeat;background-size:cover;} .mission_tit31{background: url('/cafeep0/src/img/title-F5.png')center no-repeat;background-size:cover;} .mission_tit32{background: url('/cafeep0/src/img/title-g1.png')center no-repeat;background-size:cover;} .mission_tit33{background: url('/cafeep0/src/img/title-g-1.png')center no-repeat;background-size:cover;} .mission_tit34{background: url('/cafeep0/src/img/title-g2.png')center no-repeat;background-size:cover;} .mission_tit35{background: url('/cafeep0/src/img/title-g3.png')center no-repeat;background-size:cover;} .mission_tit36{background: url('/cafeep0/src/img/title-g5.png')center no-repeat;background-size:cover;} .mission_tit37{background: url('/cafeep0/src/img/title-h1.png')center no-repeat;background-size:cover;} .mission_tit38{background: url('/cafeep0/src/img/title-h-1.png')center no-repeat;background-size:cover;} .mission_tit39{background: url('/cafeep0/src/img/title-h2.png')center no-repeat;background-size:cover;} .mission_tit40{background: url('/cafeep0/src/img/title-h3.png')center no-repeat;background-size:cover;} .mission_tit41{background: url('/cafeep0/src/img/title-h5.png')center no-repeat;background-size:cover;} .mission_tit42{background: url('/cafeep0/src/img/title-i1.png')center no-repeat;background-size:cover;} .mission_tit43{background: url('/cafeep0/src/img/title-i-1.png')center no-repeat;background-size:cover;} .mission_tit44{background: url('/cafeep0/src/img/title-i2.png')center no-repeat;background-size:cover;} .mission_tit45{background: url('/cafeep0/src/img/title-i3.png')center no-repeat;background-size:cover;} .mission_tit46{background: url('/cafeep0/src/img/title-j-1.png')center no-repeat;background-size:cover;} .mission_tit47{background: url('/cafeep0/src/img/title-j3.png')center no-repeat;background-size:cover;} .mission_tit48{background: url('/cafeep0/src/img/title-j5.png')center no-repeat;background-size:cover;} .mission_tit49{background: url('/cafeep0/src/img/title-k1.png')center no-repeat;background-size:cover;} .mission_tit50{background: url('/cafeep0/src/img/mission_tit50.png')center no-repeat;background-size:cover;} .mission_tit51{background: url('/cafeep0/src/img/mission_tit51.png')center no-repeat;background-size:cover;} .surveyTIt1{background: url('/cafeep0/src/img/surveyTIt1.png')center no-repeat;background-size:cover;} .surveyTIt2{background: url('/cafeep0/src/img/surveyTIt2.png')center no-repeat;background-size:cover;} .surveyTIt3{background: url('/cafeep0/src/img/surveyTIt3.png')center no-repeat;background-size:cover;} .surveyTIt4{background: url('/cafeep0/src/img/surveyTIt4.png')center no-repeat;background-size:cover;} .surveyTIt5{background: url('/cafeep0/src/img/surveyTIt5.png')center no-repeat;background-size:cover;} .answerTit{background: url('/cafeep0/src/img/answerTit.png')center no-repeat;background-size:cover;} .hint_tit1{background: url('/cafeep0/src/img/hint_tit1.png')center no-repeat;background-size:cover;} .hint_tit2{background: url('/cafeep0/src/img/hint_tit2.png')center no-repeat;background-size:cover;} .hint_tit3{background: url('/cafeep0/src/img/hint_tit3.png')center no-repeat;background-size:cover;} .hint_tit4{background: url('/cafeep0/src/img/hint_tit4.png')center no-repeat;background-size:cover;} .hint_txt_d{display:inline-block;font-family: 'BMHANNAPro';font-size: 13.333vw;color: #16375E;font-weight: 400;letter-spacing: -0.311vw;width: 24.444vw;height: 24.444vw;line-height: 24.444vw;border-radius: 3.889vw;background: #E1E4E7;} .hint_d{position:absolute;right:0;top:0;font-size: 0;} .hint_in{display:inline-block;vertical-align: middle;} .hint_icon{width:8.889vw;height:8.889vw;background: url('/cafeep0/src/img/ic_hint.png')center no-repeat;background-size:cover;} .hint_txt{color: #122A34;font-family: 'Pretendard-Regular';font-size: 4.167vw; font-style: normal;font-weight: 600;line-height: normal;} .con_box_hint_intxt{padding:0 9.444vw;color: #80504A;text-align: center;font-family: "BMHANNAAir";font-size: 6.111vw;font-style: normal;font-weight: 400;line-height: 10.278vw; letter-spacing: -0.122vw;} .mission_txt_b{color: #16375E;text-align: center;font-family: 'Pretendard-Regular';font-size: 6.667vw;font-style: normal;font-weight: 400;line-height: 10.278vw;letter-spacing: -0.156vw;} .missionDiv{display:table;width:100%;height:100%;} .con_box_hint {padding: 13.333vw 4.444vw 11.111vw !important; align-items: center;} .con_box_hint .missionDiv {display: flex; align-items: center; height: calc(100vh - 65.556vw); padding-bottom: 15.556vw;} .con_box_hint .missionDi {width:100%;display: block; /*max-height: 147.222vw; overflow-y: auto; overflow-x: hidden;*/} .con_box_hint .missionDi .con_box_hint_intxt {max-height: 134.722vw; overflow-y: auto; overflow-x: hidden;} .missionDi{display:table-cell;vertical-align: middle;} .missionDi2{display:block;vertical-align: middle;} .missionDivClose{z-index: 5;position: relative;background: #FFF4E6;} .missionDivhint{z-index: 5;position: relative;background: #FFF4E6;height:222.222vw;} /*.con_box_hint_btn {position: fixed; bottom: 11.111vw; left: 50%; z-index: 10; transform: translateX(-50%);}*/ #time_label {width:11.111vw;} .mission_pop_box{display:block;position:absolute;top:0;left:0;z-index:3;background: #19293B;width:100%;height:100%;text-align: center;font-size:0;padding:79.167vw 0 78.889vw;box-sizing: border-box;} .mission_pop_icon{display:inline-block;width:15.556vw;height:15.556vw;background: url('/cafeep0/src/img/ic_jelly.png')center no-repeat;background-size:cover;} .mission_pop_tit{color: #FFF;text-align: center;font-family: 'Pretendard-Regular';font-size: 8.889vw;font-style: normal;font-weight: 700;line-height: 10.278vw;} .mission_pop_txt{color: #FFF;text-align: center;font-family: "BMHANNAAir";font-size: 5.556vw;font-style: normal;font-weight: 400;line-height: 10.278vw;letter-spacing: -0.156vw;} .mission_pop_txt2{color: #FFF;text-align: center;font-family: "BMHANNAAir";font-size: 5.556vw;font-style: normal;font-weight: 400;line-height: 6.667vw;letter-spacing: -0.111vw;} .rank_icon{background: url('/cafeep0/src/img/ic_jelly.png')center no-repeat;background-size:cover;} .rank_tit{font-family: 'Pretendard-Regular';font-size:8.889vw;color: #16375E;font-weight: 700;} .rank_tit2{font-family: 'Pretendard-Regular';font-size:5.556vw;color: #16375E;} .rank_list_box{width:100%;height:116.667vw;overflow-y: auto;} /* 스크롤바를 숨기기 위한 CSS */ /*.rank_list_box::-webkit-scrollbar{ display: none; } .rank_list_box { -ms-overflow-style: none; scrollbar-width: none; }*/ .rank_list{font-family: 'Pretendard-Regular';font-size:7.222vw;color:#16375E;line-height: 13.889vw;} .myrank{color: #16375E;text-align: center;font-family: 'Pretendard-Regular';font-size: 5.556vw;font-style: normal;font-weight: 700;line-height: 6.667vw; letter-spacing: -0.111vw;} .mt8{margin-top:2.222vw;} .mt16{margin-top:4.444vw;} .mt24{margin-top:6.667vw;} .mt32{margin-top:8.889vw;} .mt40{margin-top:11.111vw;} .mt81{margin-top:22.5vw;} .mt134{margin-top:37.222vw;} .mt215{margin-top:59.722vw;} .mt291{margin-top:80.833vw;} .mr4{margin-right:1.111vw;} .mr8{margin-right:2.222vw;} .mr16{margin-right:4.444vw;} .mr39{margin-right:8.8vw;} .mb4{margin-bottom:1.111vw;} .mb8{margin-bottom:2.222vw;} .mb24{margin-bottom:6.667vw;} .mb40{margin-bottom:11.111vw;} /*스타일 추가 20250311~*/ .main_box2{box-sizing: border-box;display:block;width:100%;} .main_Bimg{display:block;width:100%;height:155.556vw;background:#D9D9D9; background: url('/cafeep0/src/img/main_Bimg.png')center no-repeat;background-size:cover; } .chat_b_left_Talk{width: 71.111vw;font-family: 'PretendardVariable';color: #222; font-size: 4.444vw;font-weight: 400;line-height: 6.667vw; padding: 2.222vw 3.1vw;border-radius: 0vw 2.778vw 2.778vw 2.778vw;background: #FFF;box-sizing: border-box; /*white-space: nowrap;*/} .chat_b_left_Talk2{display:inline-block;font-family: 'Pretendard-Regular';color: #222; font-size: 4.444vw;font-weight: 400;line-height: 6.667vw;/*white-space: nowrap;*/text-align:left; padding: 2.222vw 3.1vw;border-radius:2.778vw 0vw 2.778vw 2.778vw;background: #FFF;box-sizing: border-box;} .box_icon2_inline{display: inline-block;vertical-align: middle;} .chat_b_left_Talk3{display:inline-block;max-width: 74.111vw;font-family: 'PretendardVariable';color: #222; font-size: 4.444vw;font-weight: 400;line-height: 6.667vw; padding: 2.222vw 3.1vw;border-radius: 0vw 2.778vw 2.778vw 2.778vw;background: #FFF;box-sizing: border-box;white-space: nowrap;} .chatInfo_Talk{font-family: 'PretendardVariable';font-weight:400;font-size:4.444vw;letter-spacing:-0.089vw;line-height:7.222vw;color:#16375E;} .chatTit_label{font-family: 'PretendardVariable';font-weight:700;font-size:4.444vw;background:#E1E4E7;display:block;width:100%;height:11.111vw;line-height:11.111vw;color:#16375E;} .chatBigImg{width:71.111vw;} .chatFullImg{width:100%;} .chatEmoticonImg{width:20vw;} .quizeCBox{display:table;width:91.111vw;height:105.556vw;background:#D9D9D9;border-radius:2.778vw;} .quizeCB_tc{display:table-cell;vertical-align:middle;} .quizeCB_tcIn{display:inline-block;text-align:left;font-family: 'PretendardVariable';font-weight:400; font-size:3.889vw;line-height:6.111vw;color:#000000;} .popBox{top:0;left:0;position:fixed;display:table;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:9;} .popBox_ce{display:table-cell;vertical-align:middle;text-align:center;} .popBox_ceIn{display:inline-block;width:77.778vw;padding:6.667vw 4.444vw 4.444vw;background:#FFF;border-radius:2.778vw;} .popBox_ceInTit{font-family: 'PretendardVariable';font-size:4.444vw;font-weight:400;line-height:7.222vw;} .popBox_ceBtn{width:33.333vw;height:11.944vw;line-height:11.944vw;border-radius:2.778vw;font-size:4.444vw;display:inline-block;vertical-align:top;font-family: 'Pretendard-Regular';font-weight:700;} .popBox_ceBtn1{background:#D8E4E5;color:#99BABF;} .popBox_ceBtn2{background:#71B5BE;color:#FFFFFF;} .dotIn{display:inline-block;width:1.667vw;height:1.667vw;border-radius:50%;background:#222;margin-right: 1.667vw;margin-top: -0.278vw;vertical-align: middle;} .dotIn2{margin-left:8.333vw;display:inline-block;width:1.667vw;height:1.667vw;border-radius:50%;background:#222;margin-right: 1.667vw;margin-top: -0.278vw;vertical-align: middle;} .review_list_box{width:100%;height:93.389vw;overflow-y: auto;} /* 스크롤바를 숨기기 위한 CSS */ /* .review_list_box::-webkit-scrollbar{ display: none; } .review_list_box { -ms-overflow-style: none; scrollbar-width: none; } */ .review_list{text-align:left;min-height:58.889vw;border:1px solid #D9D9D9;padding:3.056vw 0.833vw;} .review_top{font-family: 'Pretendard-Regular';font-weight:700;color:#000;font-size:5.556vw;} .review_content{font-family: 'Pretendard-Regular';font-weight:700;color:#000;font-size:5.556vw;} .review_write{width:100%;border-radius:2.778vw;height:35.833vw;background:#F9E8D4;padding:5vw 4.444vw 3.889vw; font-size:5vw;font-family: 'Pretendard-Regular';font-weight:700;color:#80504A;box-sizing:border-box;} .mt20{margin-top:5.556vw;} .mb10{margin-bottom:2.778vw;} .mb12{margin-bottom:3.333vw;} .mb20{margin-bottom:5.556vw;} .pdT20vw{padding-top:20vw;} .pdTLR16{padding: 20vw 4.444vw 0vw;} .pdLR16{padding:0 4vw;} .pb40{padding-bottom:11.111vw;} .inputSelB{position: relative;} .inputSelBox{display:block;font-family: 'Pretendard-Regular';width:100%;height:13.333vw;line-height:13.333vw;border-radius: 2.778vw; background:url('/cafeep0/src/img/inputSelBox_sel.png')calc(100% - 4.444vw) center no-repeat;background-color:rgba(255, 226, 226, 0.20); background-size:4.444vw;color: #DDD;font-size: 5vw;font-feature-settings: 'liga' off, 'clig' off;text-align: center;font-weight: 400;} .inputSelB_opB{ display: none; position: absolute; max-height: 55.556vw; overflow-y: scroll; top: 13.333vw; left: 0; width: 91.111vw; padding: 1.389vw 2.778vw; box-shadow: 0 0.278vw 2.222vw rgba(0, 0, 0, 0.14); background: #FFF; box-sizing: border-box; width:100%; z-index: 2;} .sel_opBox .sel_op { display: block; font-family: 'Pretendard-Regular'; color: #101010; font-size: 5vw; font-weight: 500; line-height: 11.111vw; text-decoration:none; text-align:center; } .chk_box {font-family: 'PretendardVariable'; display: block; position: relative; text-align:left;padding-left: 0px; line-height:4.167vw;margin-bottom: 2.778vw; font-weight:500;color:#FFFFFF;cursor: pointer; font-size: 3.889vw; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .chk_box input[type="checkbox"] { display: none; } .on { width: 4.167vw; height: 4.167vw; background: #D8E4E5; position: absolute; top: 0; left: 0;border:1px solid #D8E4E5; border-radius: 1px;} .chk_box input[type="checkbox"]:checked + .on { background: #44BAD1;border:1px solid #D8E4E5; } .on:after { content: ""; position: absolute; display: none; } .chk_txt{display:inline-block;vertical-align:middle;padding-left:7.222vw;text-decoration: underline;} .chk_pop_box{display:table;width:100%;height:100vh;position: fixed;top:0;left:0;background: rgba(0, 0, 0, 0.70);} .chk_pop_b{display:table-cell;vertical-align:middle;text-align:center;} .chk_pop{display:inline-block;width:77.778vw;height:116.389vw;border-radius: 2.778vw;background: #FFF;padding:6.667vw 4.444vw 4.444vw;box-sizing:border-box;} .chk_pTop{font-family: 'PretendardVariable';font-size: 4.444vw;color: #222;display:block;width:68.889vw;height:86.667vw;font-weight: 400;line-height: 7.222vw;border:0;text-align:center;} .chk_btn{display:block;width: 68.889vw;height:11.944vw;line-height:11.944vw;border-radius: 2.778vw;background: #D8E4E5;font-family: 'Pretendard-Regular';color: #99BABF;font-size: 4.444vw;font-weight: 700;} .survey_box{display:table;width:100%;} .survey_box01{height:72.778vw;} .survey_b{display:table-cell;vertical-align:middle;text-align:center;} .survey_txt{font-family: 'Pretendard-Regular';color: #16375E;font-size: 6.111vw;font-weight: 400;line-height: 9.444vw;} .survey_op_box{} .survey_op{display:block;font-family: 'Pretendard-Regular';width: 91.111vw;height: 13.333vw;line-height: 13.333vw;border-radius: 2.778vw;background: #D6DFE8;color: #1C508E;font-size: 5vw;font-weight: 700;} .survey_op.sel{background: #1C508E;color:#FFF;} .review_box{overflow-y: auto;} .review_box1{height:143.056vw;} .review_box2{height:182.222vw;} .review_b{width: 100%;padding: 4.444vw;border-radius: 2.778vw;background: #FFF;box-sizing:border-box;text-align:left;} .review_info{} .review_info span{display:inline-block;vertical-align:top;color: #16375E;font-feature-settings: 'liga' off, 'clig' off;font-family: 'Pretendard-Regular';font-size: 3.889vw;font-style: normal;font-weight: 700;line-height: normal;} .review_txt{color: #16375E;font-feature-settings: 'liga' off, 'clig' off;font-family: 'Pretendard-Regular';font-size: 4.444vw;font-style: normal;font-weight: 700;line-height: normal;} .review_text{height: 35.833vw;width:100%;border-radius: 2.778vw;background: #FFF;border:1px solid #FFF;padding:5vw 4.444vw 3.889vw;box-sizing:border-box; font-feature-settings: 'liga' off, 'clig' off;font-family: 'Pretendard-Regular';font-size: 4.444vw;font-style: normal;font-weight: 700;line-height: normal;} .review_text::placeholder{color: #8EAACA;} .clearTit{background: url('/cafeep0/src/img/clearTit.png')center no-repeat;background-size:cover;} .clearImgBox img{width:30vw;} .clearBT{color: #16375E;text-align: center;font-family: "PretendardVariable";font-size: 6.667vw;font-style: normal;font-weight: 700;line-height: normal;} .clearBTxt{color: #16375E;text-align: center;font-family: "PretendardVariable";font-size: 5.556vw;font-style: normal;font-weight: 500;line-height: 10vw; } .clearTxt{color: #16375E;text-align: center;font-family: "PretendardVariable";font-size: 4.444vw;font-style: normal;font-weight: 500;line-height: normal;} .intro_box{display:block;width:100%;text-align:center;height:auto;position:absolute;top:0;left:0;background:#050B0F;z-index:9;} .intro_img01{width:100%;height:155.556vw;background: url('/cafeep0/src/img/intro_img01.png')center no-repeat;background-size:cover;} .intro_img02{display:inline-block;width:74.167vw;height:119.444vw;background: url('/cafeep0/src/img/intro_img02.png')center no-repeat;background-size:cover;} .loding_box{position:fixed;top:0;left:0;width:100%;height:100vh;display:table;background: rgba(0, 0, 0, 0.70);} .loding_b{display:table-cell;vertical-align:middle;text-align:center;} .loding_img{display:inline-block;width:160px; height:160px;background: url('/cafeep0/src/img/loging.gif')center no-repeat;background-size:cover;} /* background: url('/cafeep0/src/img/intro_img02.png')center no-repeat; */ @media screen and (min-width: 768px){ .default_pc{ width: 360px;margin: 0 auto;position: relative;} #content{text-align: center;} .box{display:inline-block;width:100%;min-height:800px;height:100%;margin:0 auto;background: #F4F4F4;box-sizing: border-box;position:relative;} .box2{display:inline-block;width:100%;min-height:800px;height:100%;margin:0 auto;background: #050B0F;box-sizing: border-box;position:relative;} #box_con,.box_con{width:100%;box-sizing: border-box;} .main_box{padding:40px 16px;} .main_logo_box{padding:0 24px;} .main_logo{width: 280px;height: 398px;background: url('/cafeep0/src/img/index_logo.png')center no-repeat;background-size:cover;} .input01{width: 100%;height: 48px;border-radius: 10px;background: #FFF;border:1px solid #FFF;box-sizing: border-box;font-family: 'Pretendard-Regular';color: #101010;text-align: center;font-feature-settings: 'liga' off, 'clig' off;font-weight: 700;font-size: 18px;} .input01::placeholder{font-family: 'Pretendard-Regular';color: #AAA;font-weight: 400;font-size: 18px;} .input02{width: 100%;height: 48px;border-radius: 10px;background: rgba(255, 226, 226, 0.20);;border:0;box-sizing: border-box;font-family: 'Pretendard-Regular';color: #FFF;text-align: center;font-feature-settings: 'liga' off, 'clig' off;font-weight: 700;font-size: 18px;} .input02::placeholder{font-family: 'Pretendard-Regular';color: #DDD;font-weight: 400;font-size: 18px;} .inputBtn01{display: flex;width: 100%;height: 56px;flex-direction: column;justify-content: flex-end;align-items: center;color:#99BABF;flex-shrink: 0;border-radius: 10px;background: #D8E4E5;border:1px solid #D8E4E5;box-sizing: border-box;font-family: 'Pretendard-Regular';font-size: 20px;font-style: normal;font-weight: 700;line-height: normal;} .inputBtn01.active{background: #71B5BE;color: #FFF;border:1px solid #71B5BE;} .inputBtn02{display: flex;width: 100%;height: 56px;flex-direction: column;justify-content: flex-end;align-items: center;color:#FFF;flex-shrink: 0;border-radius: 10px;background: #44BAD1;border:1px solid #44BAD1;box-sizing: border-box;font-family: 'Pretendard-Regular';font-size: 20px;font-style: normal;font-weight: 700;line-height: normal;} .inputBtn03{display: flex;width: 100%;height: 56px;flex-direction: column;justify-content: flex-end;align-items: center;color:#99BABF;flex-shrink: 0;border-radius: 10px;background: #D8E4E5;border:1px solid #D8E4E5;box-sizing: border-box;font-family: 'Pretendard-Regular';font-size: 20px;font-style: normal;font-weight: 700;line-height: normal;} .inputBtn03.active{background: #44BAD1;color: #FFF;} .inputBtn04{display: flex;width: 100%;height: 56px;flex-direction: column;justify-content: flex-end;align-items: center;color:#8EAACA;flex-shrink: 0;border-radius: 10px;background: #D6DFE8;border:1px solid #D6DFE8;box-sizing: border-box;font-family: 'Pretendard-Regular';font-size: 20px;font-style: normal;font-weight: 700;line-height: normal;} .inputBtn04.active{background: #44BAD1;color: #FFF;} .inputBtn05{display: flex;width: 100%;height: 56px;flex-direction: column;justify-content: flex-end;align-items: center;color:#FFF;flex-shrink: 0;border-radius: 10px;background: #7B2524;border:1px solid #7B2524;box-sizing: border-box;font-family: 'Pretendard-Regular';font-size: 20px;font-style: normal;font-weight: 700;line-height: normal;} .hintclosebtn{position: absolute;bottom:40px;left:16px;} .tit_tit01{ color: #80504A;text-align: center;font-family: 'Pretendard-Regular';font-size: 28px;font-style: normal;font-weight: 700;line-height: 37px;letter-spacing: -1px;} .txt_txt01{color: #80504A;text-align: center;font-family: 'PretendardVariable';font-size: 18px;font-style: normal;font-weight: 400;line-height: 26px;letter-spacing: -0px;} .content_box1{position:relative;} #box_hd{width:360px;height:48px;background:#E1E4E7;padding:8px 16px;box-sizing: border-box;text-align:left;font-size:0;position: fixed;z-index: 9;}/*absolute*/ #box_hd::after {content: ""; display: table; clear: both;} .box_hd_d{display:inline-block;vertical-align:middle;} .box_icon1,.box_hd_tit,.box_icon2,.box_icon3{display: inline-block;vertical-align: middle;} .box_icon1{width:24px;height:32px;background: url('/cafeep0/src/img/box_icon1.png')center no-repeat;background-size:cover;} .box_icon2{width:32px;height:32px;background: url('/cafeep0/src/img/box_icon2.png')center no-repeat;background-size:cover;} .box_icon3{width:30px;height:32px;background: url('/cafeep0/src/img/box_icon3.png')center no-repeat;background-size:cover;} .box_hd_lt {float: left;} .box_hd_rt {float: right;} .box_hd_tit{font-family: 'Pretendard-Regular';color: #16375E;font-size: 14px;font-style: normal;font-weight: 600;} .box_hd_qb{width: 24px;display:inline-block;vertical-align: middle;border-radius: 4px;background: #FFF; height: 24px;line-height: 24px;font-family: 'Pretendard-Regular';color: #16375E;font-size: 14px;font-style: normal;font-weight: 600;text-align: center;} /* position:fixed;top:0;left:0; */ .st_pi{width:24px;} .chat_box{font-size:0;height:608px;overflow-y: auto;} .chat_box2{font-size:0;height:421px;overflow-y: auto;} .chat_box3{font-size:0;height:415px;overflow-y: auto;} /* 스크롤바를 숨기기 위한 CSS */ .chat_box::-webkit-scrollbar,.chat_box2::-webkit-scrollbar,.chat_box3::-webkit-scrollbar, .con_box_hint .missionDi .con_box_hint_intxt::-webkit-scrollbar { display: none; /* 크롬, 사파리, 엣지 */ } .chat_box,.chat_box2,.chat_box3,.con_box_hint .missionDi .con_box_hint_intxt { -ms-overflow-style: none; /* IE와 Edge */ scrollbar-width: none; /* Firefox */ } .chat_b_left{text-align: left;} .chat_b_l_left,.chat_b_l_right{display: inline-block;vertical-align: top;} .chat_b_l_left{width:40px;} .chat_b_l_right{width:220px;} .chat_b_l_icon{width:40px;height:40px;} .chat_tit{font-family: 'BMHANNAAir';color: #000;font-size: 14px;font-weight: 400;} .Cone{display:block;width:40px;height:40px;background: url('/cafeep0/src/img/Cone.png')center no-repeat;background-size:cover;} .Cone2{display:block;width:72px;height:72px;background: url('/cafeep0/src/img/Cone.png')center no-repeat;background-size:cover;} .emoticon{display:block;width:49px;height:73px;background: url('/cafeep0/src/img/emoticon.png')center no-repeat;background-size:cover;} .me_icon{display:block;width:40px;height:40px;background: url('/cafeep0/src/img/me_icon.png')center no-repeat;background-size:cover;} .Dasol{display:block;width:40px;height:40px;background: url('/cafeep0/src/img/Dasol.png')center no-repeat;background-size:cover;} .CatCafe{display:block;width:40px;height:40px;background: url('/cafeep0/src/img/CatCafe.png')center no-repeat;background-size:cover;} .counselor{display:block;width:40px;height:40px;background: url('/cafeep0/src/img/counselor.png')center no-repeat;background-size:cover;} .counselorDirector{display:block;width:40px;height:40px;background: url('/cafeep0/src/img/counselorDirector.png')center no-repeat;background-size:cover;} .counselorLedger{display:block;width:40px;height:40px;background: url('/cafeep0/src/img/counselorLedger.png')center no-repeat;background-size:cover;} .AIcharacter{display:block;width:40px;height:40px;background: url('/cafeep0/src/img/AIcharacter.png')center no-repeat;background-size:cover;} .grayCat{display:block;width:40px;height:40px;background: url('/cafeep0/src/img/grayCat.png')center no-repeat;background-size:cover;} .mysteriousVoice{display:block;width:40px;height:40px;background: url('/cafeep0/src/img/mysteriousVoice.png')center no-repeat;background-size:cover;} .dubu{display:block;width:40px;height:40px;background: url('/cafeep0/src/img/dubu.png')center no-repeat;background-size:cover;} .Geumhojinin{display:block;width:40px;height:40px;background: url('/cafeep0/src/img/Geumhojinin.png')center no-repeat;background-size:cover;} .Jisoo{display:block;width:40px;height:40px;background: url('/cafeep0/src/img/Jisoo.png')center no-repeat;background-size:cover;} .chat_b_right{text-align: right;} .chat_b_r_left,.chat_b_r_right{display: inline-block;vertical-align: top;} .chat_b_r_left{} .chat_b_r_right{width:40px;} .chat_b_right_Talk{width: 220px;font-family: 'Pretendard-Regular';color: #222;font-size: 14px;font-weight: 400;line-height: 24px;padding: 8px 12px;border-radius: 10px 0px 10px 10px;background: #FFF;box-sizing: border-box;} .t_icon_img{display:block;height:32px;width:32px;background: url('/cafeep0/src/img/box_icon2.png')center no-repeat;background-size:cover;} .t_icon_img2{display:inline-block;height:32px;width:32px;background: url('/cafeep0/src/img/box_icon3.png')center no-repeat;background-size:cover;} .t_icon_img3{width: 24px;display:inline-block;vertical-align: middle;border-radius: 4px;background: #E1E4E7;height: 24px;line-height: 24px;font-family: 'Pretendard-Regular';color: #16375E;font-size: 14px;font-style: normal;font-weight: 600;text-align: center;} .txt44BAD1{color: #44BAD1;font-weight: 700;} .txtFF5A5A{color: #FF5A5A;font-weight: 700;} .txt222{color: #222;font-weight: 700;} .txtW700{font-weight: 700;} .spanNumber{display:inline-block;vertical-align:middle;padding-right:5px;} .spanNumber2{display:inline-block;vertical-align:middle;padding-right:20px;} #box_ft{width:100%;background: #F4F4F4;padding:24px 16px 40px;box-sizing: border-box;text-align:left;font-size:0;position: absolute;left:0;bottom:0;} #box_ft2{width:100%;background: #F4F4F4;padding:0 16px 40px;box-sizing: border-box;text-align:left;font-size:0;position: absolute;left:0;bottom:0;} .con_pd1{padding:72px 16px 0px;} .con_pd2{padding:257px 16px 306px;} .con_pd3{padding:262px 16px 0;box-sizing: border-box;} .con_pd4{padding:339px 16px 0;box-sizing: border-box;} .con_pd5{padding:67px 16px 0;box-sizing: border-box;} .con_pd6{padding:0px 16px 0;box-sizing: border-box;} .con_pd7{padding:0px 16px 134px;box-sizing: border-box;} .con_pd8{padding:67px 16px 120px;box-sizing: border-box;} .con_pd9{padding:67px 16px 40px;box-sizing: border-box;} .con_pd10{padding:24px 16px 0;box-sizing: border-box;} .con_box1{width:100%;height:608px;} .con_box2{width:100%;height:800px;} .con_box3{width:100%;min-height:800px;} .con_box4{width:100%;height:558px;} /*mission*/ .mission_tit{width:100%;height:110px;position:relative;} .mission_tit1{background: url('/cafeep0/src/img/title-1.png')center no-repeat;background-size:cover;} .mission_tit2{background: url('/cafeep0/src/img/title-A1.png')center no-repeat;background-size:cover;} .mission_tit3{background: url('/cafeep0/src/img/title-2.png')center no-repeat;background-size:cover;} .mission_tit4{background: url('/cafeep0/src/img/title-4.png')center no-repeat;background-size:cover;} .mission_tit5{background: url('/cafeep0/src/img/title-3.png')center no-repeat;background-size:cover;} .mission_tit6{background: url('/cafeep0/src/img/title-5.png')center no-repeat;background-size:cover;} .mission_tit7{background: url('/cafeep0/src/img/title-B1.png')center no-repeat;background-size:cover;} .mission_tit8{background: url('/cafeep0/src/img/title-B-1.png')center no-repeat;background-size:cover;} .mission_tit9{background: url('/cafeep0/src/img/title-B2.png')center no-repeat;background-size:cover;} .mission_tit10{background: url('/cafeep0/src/img/title-B3.png')center no-repeat;background-size:cover;} .mission_tit11{background: url('/cafeep0/src/img/title-B5.png')center no-repeat;background-size:cover;} .mission_tit12{background: url('/cafeep0/src/img/title-C1.png')center no-repeat;background-size:cover;} .mission_tit13{background: url('/cafeep0/src/img/title-C-1.png')center no-repeat;background-size:cover;} .mission_tit14{background: url('/cafeep0/src/img/title-C2.png')center no-repeat;background-size:cover;} .mission_tit15{background: url('/cafeep0/src/img/title-C3.png')center no-repeat;background-size:cover;} .mission_tit16{background: url('/cafeep0/src/img/title-C5.png')center no-repeat;background-size:cover;} .mission_tit17{background: url('/cafeep0/src/img/title-D1.png')center no-repeat;background-size:cover;} .mission_tit18{background: url('/cafeep0/src/img/title-D-1.png')center no-repeat;background-size:cover;} .mission_tit19{background: url('/cafeep0/src/img/title-D2.png')center no-repeat;background-size:cover;} .mission_tit20{background: url('/cafeep0/src/img/title-D3.png')center no-repeat;background-size:cover;} .mission_tit21{background: url('/cafeep0/src/img/title-D5.png')center no-repeat;background-size:cover;} .mission_tit22{background: url('/cafeep0/src/img/title-E1.png')center no-repeat;background-size:cover;} .mission_tit23{background: url('/cafeep0/src/img/title-E-1.png')center no-repeat;background-size:cover;} .mission_tit24{background: url('/cafeep0/src/img/title-E2.png')center no-repeat;background-size:cover;} .mission_tit25{background: url('/cafeep0/src/img/title-E3.png')center no-repeat;background-size:cover;} .mission_tit26{background: url('/cafeep0/src/img/title-E5.png')center no-repeat;background-size:cover;} .mission_tit27{background: url('/cafeep0/src/img/title-F1.png')center no-repeat;background-size:cover;} .mission_tit28{background: url('/cafeep0/src/img/title-F-1.png')center no-repeat;background-size:cover;} .mission_tit29{background: url('/cafeep0/src/img/title-F2.png')center no-repeat;background-size:cover;} .mission_tit30{background: url('/cafeep0/src/img/title-F3.png')center no-repeat;background-size:cover;} .mission_tit31{background: url('/cafeep0/src/img/title-F5.png')center no-repeat;background-size:cover;} .mission_tit32{background: url('/cafeep0/src/img/title-g1.png')center no-repeat;background-size:cover;} .mission_tit33{background: url('/cafeep0/src/img/title-g-1.png')center no-repeat;background-size:cover;} .mission_tit34{background: url('/cafeep0/src/img/title-g2.png')center no-repeat;background-size:cover;} .mission_tit35{background: url('/cafeep0/src/img/title-g3.png')center no-repeat;background-size:cover;} .mission_tit36{background: url('/cafeep0/src/img/title-g5.png')center no-repeat;background-size:cover;} .mission_tit37{background: url('/cafeep0/src/img/title-h1.png')center no-repeat;background-size:cover;} .mission_tit38{background: url('/cafeep0/src/img/title-h-1.png')center no-repeat;background-size:cover;} .mission_tit39{background: url('/cafeep0/src/img/title-h2.png')center no-repeat;background-size:cover;} .mission_tit40{background: url('/cafeep0/src/img/title-h3.png')center no-repeat;background-size:cover;} .mission_tit41{background: url('/cafeep0/src/img/title-h5.png')center no-repeat;background-size:cover;} .mission_tit42{background: url('/cafeep0/src/img/title-i1.png')center no-repeat;background-size:cover;} .mission_tit43{background: url('/cafeep0/src/img/title-i-1.png')center no-repeat;background-size:cover;} .mission_tit44{background: url('/cafeep0/src/img/title-i2.png')center no-repeat;background-size:cover;} .mission_tit45{background: url('/cafeep0/src/img/title-i3.png')center no-repeat;background-size:cover;} .mission_tit46{background: url('/cafeep0/src/img/title-j-1.png')center no-repeat;background-size:cover;} .mission_tit47{background: url('/cafeep0/src/img/title-j3.png')center no-repeat;background-size:cover;} .mission_tit48{background: url('/cafeep0/src/img/title-j5.png')center no-repeat;background-size:cover;} .mission_tit49{background: url('/cafeep0/src/img/title-k1.png')center no-repeat;background-size:cover;} .mission_tit50{background: url('/cafeep0/src/img/mission_tit50.png')center no-repeat;background-size:cover;} .mission_tit51{background: url('/cafeep0/src/img/mission_tit51.png')center no-repeat;background-size:cover;} .surveyTIt1{background: url('/cafeep0/src/img/surveyTIt1.png')center no-repeat;background-size:cover;} .surveyTIt2{background: url('/cafeep0/src/img/surveyTIt2.png')center no-repeat;background-size:cover;} .surveyTIt3{background: url('/cafeep0/src/img/surveyTIt3.png')center no-repeat;background-size:cover;} .surveyTIt4{background: url('/cafeep0/src/img/surveyTIt4.png')center no-repeat;background-size:cover;} .surveyTIt5{background: url('/cafeep0/src/img/surveyTIt5.png')center no-repeat;background-size:cover;} .answerTit{background: url('/cafeep0/src/img/answerTit.png')center no-repeat;background-size:cover;} .hint_tit1{background: url('/cafeep0/src/img/hint_tit1.png')center no-repeat;background-size:cover;} .hint_tit2{background: url('/cafeep0/src/img/hint_tit2.png')center no-repeat;background-size:cover;} .hint_tit3{background: url('/cafeep0/src/img/hint_tit3.png')center no-repeat;background-size:cover;} .hint_tit4{background: url('/cafeep0/src/img/hint_tit4.png')center no-repeat;background-size:cover;} .hint_txt_d{display:inline-block;font-family: 'BMHANNAPro';font-size: 48px;color: #16375E;font-weight: 400;letter-spacing: -1px;width: 88px;height: 88px;line-height: 88px;border-radius: 14px;background: #E1E4E7;} .hint_d{position:absolute;right:0;top:0;font-size: 0;} .hint_in{display:inline-block;vertical-align: middle;} .hint_icon{width:32px;height:32px;background: url('/cafeep0/src/img/ic_hint.png')center no-repeat;background-size:cover;} .hint_txt{color: #122A34;font-family: 'Pretendard-Regular';font-size: 15px; font-style: normal;font-weight: 600;line-height: normal;} .con_box_hint_intxt{padding:0 34px;color: #80504A;text-align: center;font-family: "BMHANNAAir";font-size: 22px;font-style: normal;font-weight: 400;line-height: 37px; letter-spacing: -0px;} .mission_txt_b{color: #16375E;text-align: center;font-family: 'Pretendard-Regular';font-size: 24px;font-style: normal;font-weight: 400;line-height: 37px;letter-spacing: -1px;} .missionDiv{display:table;width:100%;height:100%;} .con_box_hint {padding: 48px 16px 40px !important; align-items: center;} .con_box_hint .missionDiv {display: flex; align-items: center; height: calc(100vh - 236px); padding-bottom: 56px;} .con_box_hint .missionDi {width:100%;display: block; /*max-height: 530px; overflow-y: auto; overflow-x: hidden;*/} .con_box_hint .missionDi .con_box_hint_intxt {max-height: 485px; overflow-y: auto; overflow-x: hidden;} .missionDi{display:table-cell;vertical-align: middle;} .missionDi2{display:block;vertical-align: middle;} .missionDivClose{z-index: 5;position: relative;background: #FFF4E6;} .missionDivhint{z-index: 5;position: relative;background: #FFF4E6;height:800px;} /*.con_box_hint_btn {position: fixed; bottom: 40px; left: 50%; z-index: 10; transform: translateX(-50%);}*/ #time_label {width:40px;} .mission_pop_box{display:block;position:absolute;top:0;left:0;z-index:3;background: #19293B;width:100%;height:100%;text-align: center;font-size:0;padding:285px 0 284px;box-sizing: border-box;} .mission_pop_icon{display:inline-block;width:56px;height:56px;background: url('/cafeep0/src/img/ic_jelly.png')center no-repeat;background-size:cover;} .mission_pop_tit{color: #FFF;text-align: center;font-family: 'Pretendard-Regular';font-size: 32px;font-style: normal;font-weight: 700;line-height: 37px;} .mission_pop_txt{color: #FFF;text-align: center;font-family: "BMHANNAAir";font-size: 20px;font-style: normal;font-weight: 400;line-height: 37px;letter-spacing: -1px;} .mission_pop_txt2{color: #FFF;text-align: center;font-family: "BMHANNAAir";font-size: 20px;font-style: normal;font-weight: 400;line-height: 24px;letter-spacing: -0px;} .rank_icon{background: url('/cafeep0/src/img/ic_jelly.png')center no-repeat;background-size:cover;} .rank_tit{font-family: 'Pretendard-Regular';font-size:32px;color: #16375E;font-weight: 700;} .rank_tit2{font-family: 'Pretendard-Regular';font-size:20px;color: #16375E;} .rank_list_box{width:100%;height:420px;overflow-y: auto;} /* 스크롤바를 숨기기 위한 CSS */ /*.rank_list_box::-webkit-scrollbar{ display: none; } .rank_list_box { -ms-overflow-style: none; scrollbar-width: none; }*/ .rank_list{font-family: 'Pretendard-Regular';font-size:26px;color:#16375E;line-height: 50px;} .myrank{color: #16375E;text-align: center;font-family: 'Pretendard-Regular';font-size: 20px;font-style: normal;font-weight: 700;line-height: 24px; letter-spacing: -0px;} .mt8{margin-top:8px;} .mt16{margin-top:16px;} .mt24{margin-top:24px;} .mt32{margin-top:32px;} .mt40{margin-top:40px;} .mt81{margin-top:81px;} .mt134{margin-top:134px;} .mt215{margin-top:215px;} .mt291{margin-top:291px;} .mr4{margin-right:4px;} .mr8{margin-right:8px;} .mr16{margin-right:16px;} .mr39{margin-right:32px;} .mb4{margin-bottom:4px;} .mb8{margin-bottom:8px;} .mb24{margin-bottom:24px;} .mb40{margin-bottom:40px;} /*스타일 추가 20250311~*/ .main_box2{box-sizing: border-box;display:block;width:100%;} .main_Bimg{display:block;width:100%;height:560px;background:#D9D9D9; background: url('/cafeep0/src/img/main_Bimg.png')center no-repeat;background-size:cover; } .chat_b_left_Talk{width: 256px;font-family: 'PretendardVariable';color: #222; font-size: 16px;font-weight: 400;line-height: 24px; padding: 8px 11px;border-radius: 0px 10px 10px 10px;background: #FFF;box-sizing: border-box; /*white-space: nowrap;*/} .chat_b_left_Talk2{display:inline-block;font-family: 'Pretendard-Regular';color: #222; font-size: 16px;font-weight: 400;line-height: 24px;/*white-space: nowrap;*/text-align:left; padding: 8px 11px;border-radius:10px 0px 10px 10px;background: #FFF;box-sizing: border-box;} .box_icon2_inline{display: inline-block;vertical-align: middle;} .chat_b_left_Talk3{display:inline-block;max-width: 267px;font-family: 'PretendardVariable';color: #222; font-size: 16px;font-weight: 400;line-height: 24px; padding: 8px 11px;border-radius: 0px 10px 10px 10px;background: #FFF;box-sizing: border-box;white-space: nowrap;} .chatInfo_Talk{font-family: 'PretendardVariable';font-weight:400;font-size:16px;letter-spacing:-0px;line-height:26px;color:#16375E;} .chatTit_label{font-family: 'PretendardVariable';font-weight:700;font-size:16px;background:#E1E4E7;display:block;width:100%;height:40px;line-height:40px;color:#16375E;} .chatBigImg{width:256px;} .chatFullImg{width:100%;} .chatEmoticonImg{width:72px;} .quizeCBox{display:table;width:328px;height:380px;background:#D9D9D9;border-radius:10px;} .quizeCB_tc{display:table-cell;vertical-align:middle;} .quizeCB_tcIn{display:inline-block;text-align:left;font-family: 'PretendardVariable';font-weight:400; font-size:14px;line-height:22px;color:#000000;} .popBox{top:0;left:0;position:fixed;display:table;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:9;} .popBox_ce{display:table-cell;vertical-align:middle;text-align:center;} .popBox_ceIn{display:inline-block;width:280px;padding:24px 16px 16px;background:#FFF;border-radius:10px;} .popBox_ceInTit{font-family: 'PretendardVariable';font-size:16px;font-weight:400;line-height:26px;} .popBox_ceBtn{width:120px;height:43px;line-height:43px;border-radius:10px;font-size:16px;display:inline-block;vertical-align:top;font-family: 'Pretendard-Regular';font-weight:700;} .popBox_ceBtn1{background:#D8E4E5;color:#99BABF;} .popBox_ceBtn2{background:#71B5BE;color:#FFFFFF;} .dotIn{display:inline-block;width:6px;height:6px;border-radius:50%;background:#222;margin-right: 6px;margin-top: -1px;vertical-align: middle;} .dotIn2{margin-left:30px;display:inline-block;width:6px;height:6px;border-radius:50%;background:#222;margin-right: 6px;margin-top: -1px;vertical-align: middle;} .review_list_box{width:100%;height:336px;overflow-y: auto;} /* 스크롤바를 숨기기 위한 CSS */ /* .review_list_box::-webkit-scrollbar{ display: none; } .review_list_box { -ms-overflow-style: none; scrollbar-width: none; } */ .review_list{text-align:left;min-height:212px;border:1px solid #D9D9D9;padding:11px 3px;} .review_top{font-family: 'Pretendard-Regular';font-weight:700;color:#000;font-size:20px;} .review_content{font-family: 'Pretendard-Regular';font-weight:700;color:#000;font-size:20px;} .review_write{width:100%;border-radius:10px;height:129px;background:#F9E8D4;padding:18px 16px 14px; font-size:18px;font-family: 'Pretendard-Regular';font-weight:700;color:#80504A;box-sizing:border-box;} .mt20{margin-top:20px;} .mb10{margin-bottom:10px;} .mb12{margin-bottom:12px;} .mb20{margin-bottom:20px;} .pdT20vw{padding-top:72px;} .pdTLR16{padding: 72px 16px 0px;} .pdLR16{padding:0 14px;} .pb40{padding-bottom:40px;} .inputSelB{position: relative;} .inputSelBox{display:block;font-family: 'Pretendard-Regular';width:100%;height:48px;line-height:48px;border-radius: 10px; background:url('/cafeep0/src/img/inputSelBox_sel.png')calc(100% - 16px) center no-repeat;background-color:rgba(255, 226, 226, 0.20); background-size:16px;color: #DDD;font-size: 18px;font-feature-settings: 'liga' off, 'clig' off;text-align: center;font-weight: 400;} .inputSelB_opB{ display: none; position: absolute; max-height: 200px; overflow-y: scroll; top: 48px; left: 0; width: 328px; padding: 5px 10px; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.14); background: #FFF; box-sizing: border-box; width:100%; z-index: 2;} .sel_opBox .sel_op { display: block; font-family: 'Pretendard-Regular'; color: #101010; font-size: 18px; font-weight: 500; line-height: 40px; text-decoration:none; text-align:center; } .chk_box {font-family: 'PretendardVariable'; display: block; position: relative; text-align:left;padding-left: 0px; line-height:15px;margin-bottom: 10px; font-weight:500;color:#FFFFFF;cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .chk_box input[type="checkbox"] { display: none; } .on { width: 15px; height: 15px; background: #D8E4E5; position: absolute; top: 0; left: 0;border:1px solid #D8E4E5; border-radius: 1px;} .chk_box input[type="checkbox"]:checked + .on { background: #44BAD1;border:1px solid #D8E4E5; } .on:after { content: ""; position: absolute; display: none; } .chk_txt{display:inline-block;vertical-align:middle;padding-left:26px;text-decoration: underline;} .chk_pop_box{display:table;width:100%;height:100vh;position: fixed;top:0;left:0;background: rgba(0, 0, 0, 0.70);} .chk_pop_b{display:table-cell;vertical-align:middle;text-align:center;} .chk_pop{display:inline-block;width:280px;height:419px;border-radius: 10px;background: #FFF;padding:24px 16px 16px;box-sizing:border-box;} .chk_pTop{font-family: 'PretendardVariable';font-size: 16px;color: #222;display:block;width:248px;height:312px;font-weight: 400;line-height: 26px;border:0;text-align:center;} .chk_btn{display:block;width: 248px;height:43px;line-height:43px;border-radius: 10px;background: #D8E4E5;font-family: 'Pretendard-Regular';color: #99BABF;font-size: 16px;font-weight: 700;} .survey_box{display:table;width:100%;} .survey_box01{height:262px;} .survey_b{display:table-cell;vertical-align:middle;text-align:center;} .survey_txt{font-family: 'Pretendard-Regular';color: #16375E;font-size: 22px;font-weight: 400;line-height: 34px;} .survey_op_box{} .survey_op{display:block;font-family: 'Pretendard-Regular';width: 328px;height: 48px;line-height: 48px;border-radius: 10px;background: #D6DFE8;color: #1C508E;font-size: 18px;font-weight: 700;} .survey_op.sel{background: #1C508E;color:#FFF;} .review_box{overflow-y: auto;} .review_box1{height:515px;} .review_box2{height:656px;} .review_b{width: 100%;padding: 16px;border-radius: 10px;background: #FFF;box-sizing:border-box;text-align:left;} .review_info{} .review_info span{display:inline-block;vertical-align:top;color: #16375E;font-feature-settings: 'liga' off, 'clig' off;font-family: 'Pretendard-Regular';font-size: 14px;font-style: normal;font-weight: 700;line-height: normal;} .review_txt{color: #16375E;font-feature-settings: 'liga' off, 'clig' off;font-family: 'Pretendard-Regular';font-size: 16px;font-style: normal;font-weight: 700;line-height: normal;} .review_text{height: 129px;width:100%;border-radius: 10px;background: #FFF;border:1px solid #FFF;padding:18px 16px 14px;box-sizing:border-box; font-feature-settings: 'liga' off, 'clig' off;font-family: 'Pretendard-Regular';font-size: 16px;font-style: normal;font-weight: 700;line-height: normal;} .review_text::placeholder{color: #8EAACA;} .clearTit{background: url('/cafeep0/src/img/clearTit.png')center no-repeat;background-size:cover;} .clearImgBox img{width:108px;} .clearBT{color: #16375E;text-align: center;font-family: "PretendardVariable";font-size: 24px;font-style: normal;font-weight: 700;line-height: normal;} .clearBTxt{color: #16375E;text-align: center;font-family: "PretendardVariable";font-size: 20px;font-style: normal;font-weight: 500;line-height: 36px; } .clearTxt{color: #16375E;text-align: center;font-family: "PretendardVariable";font-size: 16px;font-style: normal;font-weight: 500;line-height: normal;} .intro_box{display:block;width:100%;text-align:center;height:auto;position:absolute;top:0;left:0;background:#050B0F;z-index:9;} .intro_img01{width:100%;height:560px;background: url('/cafeep0/src/img/intro_img01.png')center no-repeat;background-size:cover;} .intro_img02{display:inline-block;width:267px;height:430px;background: url('/cafeep0/src/img/intro_img02.png')center no-repeat;background-size:cover;} .loding_box{position:fixed;top:0;left:0;width:100%;height:100vh;display:table;background: rgba(0, 0, 0, 0.70);} .loding_b{display:table-cell;vertical-align:middle;text-align:center;} .loding_img{display:inline-block;width:160px; height:160px;background: url('/cafeep0/src/img/loging.gif')center no-repeat;background-size:cover;} /* background: url('/cafeep0/src/img/intro_img02.png')center no-repeat; */ }