@font-face { font-family: 'LG Smart'; src: url('/batteryquiz/assets/css/fonts/LGSmHaL.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; }

@font-face { font-family: 'LG Smart'; src: url('/batteryquiz/assets/css/fonts/LGSmHaR.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: 'LG Smart'; src: url('/batteryquiz/assets/css/fonts/LGSmHaSB.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; }

@font-face { font-family: 'LG Smart'; src: url('/batteryquiz/assets/css/fonts/LGSmHaSB.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; }

@font-face { font-family: 'LG Smart'; src: url('/batteryquiz/assets/css/fonts/LGSmHaB.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; }

@font-face { font-family: 'LG Smart'; src: url('/batteryquiz/assets/css/fonts/LGSmHaB.ttf') format('truetype'); font-weight: 800; font-style: normal; font-display: swap; }

@font-face { font-family: 'Pretendard'; src: url('/batteryquiz/assets/css/fonts/Pretendard-Regular.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; }

@font-face { font-family: 'Pretendard'; src: url('/batteryquiz/assets/css/fonts/Pretendard-Bold.woff') format('woff'); font-weight: 800; font-style: normal; font-display: swap; }

@media screen and (min-width:961px){
/* #batteryQuiz{padding-top:95px;} */
#batteryQuiz.batteryQuiz_bg{background: #2dc1c7;}
}
@media (max-width:960px) and (min-width:721px){
/* #batteryQuiz{padding-top:60px;} */
}
@media screen and (min-width:721px){
.pc_block{display:block;}
.mo_block{display:none;}
#batteryQuiz p{margin:0;}
#batteryQuiz > .btn{border-radius:100px;color:#ffffff;}
/* #batteryQuiz .section{display: flex;flex-direction: column;justify-content: center;width:100%;min-height:800px;height:calc(100vh - 170px);background:url('../../assets/images/cont_bg.png') no-repeat center center / cover;} */
#batteryQuiz .section{padding-top:90px;width:100%;min-height:860px;height:calc(100vh - 170px);background:url('../../assets/images/cont_bg01.png') no-repeat top center / cover;}
#batteryQuiz .section .sec_wrap{max-width:1200px;width:100%;margin:0 auto 0;/*padding-top:3%;*/}
#batteryQuiz .section .sec_wrap .cont_box{position:relative;padding:50px;border:4px solid #212121;border-radius:20px;background:#ffffff;overflow:hidden;}

/* #batteryQuiz #intro{display:flex;background:url('../../assets/images/intro_bg.png') no-repeat center center / cover;} */
#batteryQuiz #intro{display:block;background:url('../../assets/images/intro_bg01.png') no-repeat top center / cover;padding-top:220px;}
#batteryQuiz #intro .sec_wrap{position:relative;}
#batteryQuiz #intro .sec_wrap .title{/*padding-top:10%;*/}
#batteryQuiz #intro .sec_wrap .title p{ line-height: 1.4;}
#batteryQuiz #intro .sec_wrap .title p{position:relative;width:620px;height:198px;margin:0 auto 45px;background:url('../../assets/images/intro_title.png') no-repeat center center / 100% 100%;}
#batteryQuiz #intro .sec_wrap .title p::before{position:absolute;top:-80px;left:-140px;content:'';display:block;width:124px;height:116px;background:url('../../assets/images/intro_title_before.png') no-repeat center center / 100% 100%;}

/* 20230630 퀴즈 참여 카운팅 */
#batteryQuiz #intro .sec_wrap .title strong {display: flex; font-size: 26px; font-weight: 500; color: #fff; margin-bottom: 50px; position: relative; font-family: 'LG Smart'; justify-content: center; align-items: center; gap: 10px;}
#batteryQuiz #intro .sec_wrap .title strong::after {content: ''; position: absolute; bottom:-2px; width: 509px; height: 2px; left: 50%; transform: translateX(-50%); background: rgba(255,255,255, 0.5);}
#batteryQuiz #intro .sec_wrap .title span {font-size: 36px; font-weight: 800; color: #6d5cd7; font-family: 'LG Smart'; }
/* 20230630 퀴즈 참여 카운팅 */

#batteryQuiz #intro .sec_wrap .btn_box{margin:0 auto;}
#batteryQuiz #intro .sec_wrap .btn_box a{display:block;margin:0 auto;}
#batteryQuiz #intro .sec_wrap .btn_box a.play_btn{width:262px;height:70px;margin-bottom:20px;background:url('../../assets/images/play_btn.png') no-repeat center center / 100% 100%;transition:0.5s all;}
#batteryQuiz #intro .sec_wrap .btn_box a.play_btn:hover{background:url('../../assets/images/play_btn_on.png') no-repeat center center / 100% 100%;transition:0.5s all;}
#batteryQuiz #intro .sec_wrap .btn_box a.share_btn{width:257px;height:58px;background:url('../../assets/images/share_btn.png') no-repeat center center / 100% 100%;transition:0.5s all;}
#batteryQuiz #intro .sec_wrap .btn_box a.share_btn:hover{width:257px;height:58px;background:url('../../assets/images/share_btn_on.png') no-repeat center center / 100% 100%;transition:0.5s all;}
#batteryQuiz #intro .sec_wrap .btn_box .result_btn_wrap{display: flex; padding: 0 30%; gap: 10%;}
#batteryQuiz #intro .sec_wrap .btn_box a.easy_result_btn{width:262px;height:76px;background:url('../../assets/images/easy_result_btn.png') no-repeat center center / 100% 100%;transition:0.5s all;}
#batteryQuiz #intro .sec_wrap .btn_box a.easy_result_btn:hover{width:262px;height:76px;background:url('../../assets/images/easy_result_btn_on.png') no-repeat center center / 100% 100%;transition:0.5s all;}
#batteryQuiz #intro .sec_wrap .btn_box a.hard_result_btn{width:262px;height:76px;background:url('../../assets/images/hard_result_btn.png') no-repeat center center / 100% 100%;transition:0.5s all;}
#batteryQuiz #intro .sec_wrap .btn_box a.hard_result_btn:hover{width:262px;height:76px;background:url('../../assets/images/hard_result_btn_on.png') no-repeat center center / 100% 100%;transition:0.5s all;}
#batteryQuiz #intro .sec_wrap .intro_share{position:absolute;bottom:-62px;left:50%;text-align:center;transform:translateX(-50%);}
#batteryQuiz #intro .sec_wrap .intro_share.on{}
#batteryQuiz #intro .sec_wrap .intro_share .share_list{margin-top:15px;}
#batteryQuiz #intro .sec_wrap .intro_share .share_list a{display:inline-block;width:39px;height:39px;margin-right:17px;background:url('../../assets/images/intro_share_ico.png') no-repeat;cursor:pointer;background-position-y:0;transform:scale(0);transition:transform .25s;}
#batteryQuiz #intro .sec_wrap .intro_share.on .share_list a{transform:scale(1);transition:transform .25s;}
#batteryQuiz #intro .sec_wrap .intro_share .share_list a.share_fb{background-position-x:0px;}
#batteryQuiz #intro .sec_wrap .intro_share .share_list a.share_tw{background-position-x:-55px;}
#batteryQuiz #intro .sec_wrap .intro_share .share_list a.share_in{background-position-x:-108px;}
#batteryQuiz #intro .sec_wrap .intro_share .share_list a.share_kt{background-position-x:-163px;}
#batteryQuiz #intro .sec_wrap .intro_share .share_list a.share_cp{background-position-x:-218px;}
#batteryQuiz #intro .sec_wrap .intro_share .share_list a:hover{background-position-y:-40px;}
#batteryQuiz #intro .sec_wrap .intro_share .share_list a:last-child{margin-right:0;}

#batteryQuiz #selectSec{}
#batteryQuiz #selectSec .sec_wrap{}
#batteryQuiz #selectSec .sec_wrap .cont_box{text-align:center; font-family: 'LG Smart'; }
#batteryQuiz #selectSec .sec_wrap .cont_box .cont_title{display:inline-block;padding:10px 46px;background:#212121;border-radius:20px;}
#batteryQuiz #selectSec .sec_wrap .cont_box .cont_title p{margin:0;color:#ffffff;font-weight:300;font-size:22px;line-height:20px;}
#batteryQuiz #selectSec .sec_wrap .cont_box .cont_title p span{font-weight:500;}
#batteryQuiz #selectSec .sec_wrap .cont_box .sel_cont{margin-top:84px;}
#batteryQuiz #selectSec .sec_wrap .cont_box .sel_cont .sel_wrap{display:flex;justify-content: space-around;flex-wrap: nowrap;flex-direction: row;}
#batteryQuiz #selectSec .sec_wrap .cont_box .sel_cont .sel_wrap .sel_list{}
#batteryQuiz #selectSec .sec_wrap .cont_box .sel_cont .sel_wrap .sel_list a{}
#batteryQuiz #selectSec .sec_wrap .cont_box .sel_cont .sel_wrap .sel_list a p{}
#batteryQuiz #selectSec .sec_wrap .cont_box .sel_cont .sel_wrap .sel_list a p.sel_img{position:relative;}
#batteryQuiz #selectSec .sec_wrap .cont_box .sel_cont .sel_wrap .sel_list a.on p.sel_img::after{position:absolute;top:0;left:50%;transform:translateX(-50%);display:block;content:'';width:133px;height:132px;background:url('../../assets/images/sel_img_on.png') no-repeat center center / 100% 100%;}
#batteryQuiz #selectSec .sec_wrap .cont_box .sel_cont .sel_wrap .sel_list a p.sel_img img{margin:0 auto;}
#batteryQuiz #selectSec .sec_wrap .cont_box .sel_cont .sel_wrap .sel_list a p.sel_tit{position:relative;display:inline-block;margin:44px auto 19px;font-size:24px;line-height:24px;letter-spacing:-1px;color:#03b7b3;}
#batteryQuiz #selectSec .sec_wrap .cont_box .sel_cont .sel_wrap .sel_list:first-child a p.sel_tit::before{position: absolute;top: -22px;right: -70px;content: '순한맛';width: 68px;padding: 4px 10px 2px;letter-spacing: 0;font-size: 14px;line-height: 14px;color: #ffffff;background: #5c5ab3;border-radius: 50px; text-align: center;}
#batteryQuiz #selectSec .sec_wrap .cont_box .sel_cont .sel_wrap .sel_list:last-child a p.sel_tit::before{position: absolute;top: -22px;right: -70px;content: '매운맛';width: 68px;padding: 4px 10px 2px;letter-spacing: 0;font-size: 14px;line-height: 14px;color: #ffffff;background: #5c5ab3;border-radius: 50px; text-align: center;}
#batteryQuiz #selectSec .sec_wrap .cont_box .sel_cont .sel_wrap .sel_list a p.sel_txt{font-size:14px;line-height:20px;letter-spacing:-1px;color:#404040;}
#batteryQuiz #selectSec .sec_wrap .btn_box{margin:35px auto 0;}
#batteryQuiz #selectSec .sec_wrap .btn_box a{display:block;margin:0 auto;}
#batteryQuiz #selectSec .sec_wrap .btn_box .next_btn{width:200px;height:57px;background:url('../../assets/images/next_btn.png') no-repeat center center / 100% 100%;transition:0.5s all;}
#batteryQuiz #selectSec .sec_wrap .btn_box .next_btn:hover{width:200px;height:57px;background:url('../../assets/images/next_btn_on.png') no-repeat center center / 100% 100%;transition:0.5s all;}

#batteryQuiz #quizSec{}
#batteryQuiz #quizSec .sec_wrap{}
#batteryQuiz #quizSec .sec_wrap .cont_box{text-align:center; font-family: 'LG Smart'; }
#batteryQuiz #quizSec .sec_wrap .cont_box .quiz_progress{position:absolute;top:0;left:0;width:100%;height:5px;}
#batteryQuiz #quizSec .sec_wrap .cont_box .quiz_progress .progress_bar{position:relative;width:100%;height:100%;}
#batteryQuiz #quizSec .sec_wrap .cont_box .quiz_progress .progress_bar .progress_ing{position:absolute;top:0;left:0;width:0%;height:100%;background:#03b7b3;transition:0.5s all;}
#batteryQuiz #quizSec .sec_wrap .cont_box .quiz_count{position:absolute;top:18px;right:29px;display: flex;justify-content: center;}
#batteryQuiz #quizSec .sec_wrap .cont_box .quiz_count p{font-size:18px;font-weight:300;color:#2f2f2f;line-height:26px;letter-spacing:-1px;}
#batteryQuiz #quizSec .sec_wrap .cont_box .quiz_count p.quiz_ing{}
#batteryQuiz #quizSec .sec_wrap .cont_box .quiz_count p.quiz_total{}
#batteryQuiz #quizSec .sec_wrap .cont_box .quiz_box{}
#batteryQuiz #quizSec .sec_wrap .cont_box .quiz_box p{display:inline;margin:0;color:#2f2f2f;font-weight:400;font-size:22px;line-height:26px;letter-spacing:-1px;}
#batteryQuiz #quizSec .sec_wrap .cont_box .quiz_box p.quiz_text{word-break:keep-all;}
#batteryQuiz #quizSec .sec_wrap .cont_box .quiz_box p.quiz_score{margin-left:5px;}
#batteryQuiz #quizSec .sec_wrap .cont_box .sel_cont{margin-top:73px;}
#batteryQuiz #quizSec .sec_wrap .cont_box .sel_cont .sel_wrap{display: flex;flex-wrap: nowrap;flex-direction: column;align-items: center;}
#batteryQuiz #quizSec .sec_wrap .cont_box .sel_cont .sel_wrap .sel_list{width:750px;}
#batteryQuiz #quizSec .sec_wrap .cont_box .sel_cont .sel_wrap .sel_list a{display:block;line-height: 26px;width:100%;margin-bottom:15px;padding:18px 30px;text-align:center;border-radius:27px;background:#ededed;font-size:18px;font-weight:300;color:#2f2f2f;word-break:keep-all;}
#batteryQuiz #quizSec .sec_wrap .cont_box .sel_cont .sel_wrap .sel_list a.on{background:#03b7b3;color:#ffffff;}
#batteryQuiz #quizSec .sec_wrap .cont_box .sel_cont .sel_wrap .sel_list:last-child a{margin-bottom:45px;}
#batteryQuiz #quizSec .sec_wrap .btn_box{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;margin:35px auto 0;}
#batteryQuiz #quizSec .sec_wrap .btn_box a{display:block;margin:0 6px;}
#batteryQuiz #quizSec .sec_wrap .btn_box .hint_btn{width:200px;height:57px;background:url('../../assets/images/hint_btn.png') no-repeat center center / 100% 100%;transition:0.5s all;}
#batteryQuiz #quizSec .sec_wrap .btn_box .hint_btn:hover{width:200px;height:57px;background:url('../../assets/images/hint_btn_on.png') no-repeat center center / 100% 100%;transition:0.5s all;}
#batteryQuiz #quizSec .sec_wrap .btn_box .next_btn{width:200px;height:57px;background:url('../../assets/images/next_btn.png') no-repeat center center / 100% 100%;transition:0.5s all;}
#batteryQuiz #quizSec .sec_wrap .btn_box .next_btn:hover{width:200px;height:57px;background:url('../../assets/images/next_btn_on.png') no-repeat center center / 100% 100%;transition:0.5s all;}

#batteryQuiz #resultSec{}
#batteryQuiz #resultSec .sec_wrap{}
#batteryQuiz #resultSec .sec_wrap .cont_box{ font-family: 'LG Smart'; }
#batteryQuiz #resultSec .sec_wrap .cont_box:after{display:block;content:'';clear:both;height:0;visibility:hidden;font-family: 'LG Smart'; }
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box{float:left;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_left{margin-right:84px;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_left .result_img{width:407px;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right{/*display: flex;flex-direction: column;justify-content: space-between;*/width:601px;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_tit{margin-bottom:19px;font-size:28px;line-height:26px;letter-spacing:-1px;color:#2f2f2f;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_cont{display: flex;flex-direction: row;justify-content: space-between;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_cont .result_text{}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_cont .result_text .result_rank{margin-bottom:30px;padding-top:65px;font-weight:600;font-size:25px;line-height:26px;letter-spacing:-1px;color:#6d5cd7;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_cont .result_text .result_rank_text{font-size:18px;font-weight:400;letter-spacing:-1px;line-height:26px;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_cont .result_text .result_rank_text span{font-size:19px;font-weight:500;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_cont .result_char{position:relative;width:266px;height:225px;background:url('../../assets/images/result_ch_01.png') no-repeat center center / 100% 100%;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_cont .result_char.lv1{position:relative;width:266px;height:225px;background:url('../../assets/images/result_ch_01.png') no-repeat center center / 100% 100%;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_cont .result_char.lv2{position:relative;width:266px;height:225px;background:url('../../assets/images/result_ch_02.png') no-repeat center center / 100% 100%;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_cont .result_char.lv3{position:relative;width:266px;height:225px;background:url('../../assets/images/result_ch_03.png') no-repeat center center / 100% 100%;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_cont .result_char.lv4{position:relative;width:266px;height:225px;background:url('../../assets/images/result_ch_04.png') no-repeat center center / 100% 100%;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_cont .result_char .result_ballon_text{position:absolute;top: 18%;left: 48%;font-size:13px;text-align: center; line-height:18px;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_cont .result_char .result_ballon_text span{font-weight:600;color:#b32e41;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_share{margin-top:45px;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_share .share_title{font-size:16px;letter-spacing:-1px;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_share .share_list{margin-top:23px;line-height:0;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_share .share_list a{display:inline-block;width:38px;height:39px;margin-right:17px;background:url('../../assets/images/result_share_ico.png') no-repeat;cursor:pointer;background-position-y:0;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_share .share_list a.share_fb{background-position-x:0px;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_share .share_list a.share_tw{background-position-x:-55px;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_share .share_list a.share_in{background-position-x:-109px;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_share .share_list a.share_kt{background-position-x:-164px;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_share .share_list a.share_cp{background-position-x:-218px;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_share .share_list a.share_dw{background-position-x:-273px;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_share .share_list a:hover{background-position-y:-40px;}

#batteryQuiz #resultSec .sec_wrap .cont_box .result_box .launching {font-family: 'LG Smart'; width: 322px; height: 36px; font-size: 15px; background: url(../../assets/images/result_textBg01_pc.png) no-repeat center center / 100% 100%; margin-top: 20px; padding: 5px 0; text-align: center; color: #fff; }
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box .launching br {display: none;}

#batteryQuiz #resultSec .sec_wrap .btn_box{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;margin:35px auto 0;}
#batteryQuiz #resultSec .sec_wrap .btn_box a{display:block;margin:0 6px;}
#batteryQuiz #resultSec .sec_wrap .btn_box .retry_btn{width:200px;height:57px;background:url('../../assets/images/retry_btn.png') no-repeat center center / 100% 100%;transition:0.5s all;}
#batteryQuiz #resultSec .sec_wrap .btn_box .retry_btn:hover{width:200px;height:57px;background:url('../../assets/images/retry_btn_on.png') no-repeat center center / 100% 100%;transition:0.5s all;}
	
body #site-footer .footer_wrap .footer_top .foot_link ul li a{ color: #666 !important; font-family: 'Pretendard','LG Smart' !important; }
body #site-footer .footer_wrap .footer_top .foot_link ul li a:hover { color: #333 !important; }
body #site-footer .footer_wrap .footer_bot .footer_text p{ color: #333 !important; font-family: 'Pretendard' !important; font-weight: 500;}
body #site-footer .footer_wrap .sns_link a{display:inline-block;width:34px;height:34px;background:url('../../assets/images/foot_sns_link_ico.png') no-repeat;cursor:pointer;background-position-y:0;}
body #site-footer .footer_wrap .sns_link .sns_yt a{background-position-x:0px;}
body #site-footer .footer_wrap .sns_link .sns_fb a{background-position-x:-49px;}
body #site-footer .footer_wrap .sns_link .sns_in a{background-position-x:-96.3px;}
body #site-footer .footer_wrap .sns_link .sns_np a{background-position-x:-145px;}
body #site-footer .footer_wrap .sns_link .sns_insta a{background-position-x:-194px;}
body #site-footer .footer_wrap .sns_link a:hover{background-position-y:-34px;}
}
body #site-footer{margin-top:0; background-color: #c5c5c5; }

@media (max-width:1220px) and (min-width:721px){
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box{}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_left{float:none;margin:0 auto 50px;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_left .result_img{width:407px;margin:0 auto;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right{/*display: flex;flex-direction: column;justify-content: space-between;*/width:100%;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_tit{text-align:center;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_cont{display:flex;flex-direction:row;justify-content:center;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_share{text-align:center;}
}

@media screen and (max-width:720px){
.pc_block{display:none;}
.mo_block{display:block;}
img{width:100%;}
	
/* #batteryQuiz{padding-top:16.66vw;} */
#batteryQuiz p{margin:0;}
#batteryQuiz > .btn{border-radius:100vw;color:#ffffff;}
#batteryQuiz .section{width:100%;min-height:172.5vw;padding:13.89vw 0 7vw;background:url('../../assets/images/m_cont_bg01.png') #2ec0c8 no-repeat center bottom / 100% auto;}
#batteryQuiz .section .sec_wrap{width:88.88vw;margin:0 auto 0;/*padding-top:3%;*/}
#batteryQuiz .section .sec_wrap .cont_box{position:relative;padding:5.13vw;border:0.55vw solid #212121;border-radius:6.94vw;background:#ffffff;overflow:hidden;}

#batteryQuiz #intro{height:172.5vw;background:url('../../assets/images/m_intro_bg01.png') no-repeat center center / cover;}
#batteryQuiz #intro .sec_wrap{position:relative;}
#batteryQuiz #intro .sec_wrap .title{padding-top:13.19vw;}
#batteryQuiz #intro .sec_wrap .title p{width:62.5vw;height:44.44vw;margin:0 auto 5.56vw;background:url('../../assets/images/m_intro_title.png') no-repeat center center / 100% 100%;}
#batteryQuiz #intro .sec_wrap .title p::before{}

/* 20230630 퀴즈 참여 카운팅 */
#batteryQuiz #intro .sec_wrap .title strong {display: flex; justify-content: center; align-items: center; font-size: 4.17vw; font-weight: 500; color: #fff; margin-bottom: 6.94vw; position: relative; font-family: 'LG Smart'; gap: 1.39vw;}
#batteryQuiz #intro .sec_wrap .title strong::after {content: ''; position: absolute; bottom:-2px; width: 81.81vw; height: 2px; left: 50%; transform: translateX(-50%); background: rgba(255,255,255, 0.5);}
#batteryQuiz #intro .sec_wrap .title span {font-size: 5.56vw; font-weight: 800; color: #6d5cd7; font-family: 'LG Smart'; display: inline-block;}
/* 20230630 퀴즈 참여 카운팅 */

#batteryQuiz #intro .sec_wrap .btn_box{margin:0 auto;}
#batteryQuiz #intro .sec_wrap .btn_box a{display:block;margin:0 auto;}
#batteryQuiz #intro .sec_wrap .btn_box a.play_btn{width:54.86vw;height:15.55vw;margin-bottom:0;background:url('../../assets/images/m_play_btn.png') no-repeat center center / 100% 100%;transition:0.5s all;}
#batteryQuiz #intro .sec_wrap .btn_box a.play_btn:hover{background:url('../../assets/images/m_play_btn.png') no-repeat center center / 100% 100%;transition:0.5s all;}
#batteryQuiz #intro .sec_wrap .btn_box a.share_btn{position:absolute;top:2.78vw;right:0;width:11.38vw;height:11.25vw;background:url('../../assets/images/m_intro_share_btn.png') no-repeat center center / 100% 100%;transition:0.5s all;}
#batteryQuiz #intro .sec_wrap .btn_box a.share_btn:hover{width:11.38vw;height:11.25vw;background:url('../../assets/images/m_intro_share_btn.png') no-repeat center center / 100% 100%;transition:0.5s all;}
#batteryQuiz #intro .sec_wrap .intro_share{position:absolute;top:18.05vw;right:0.41vw;text-align:center;}
#batteryQuiz #intro .sec_wrap .intro_share.on{}
#batteryQuiz #intro .sec_wrap .intro_share .share_list{margin-top:0;}
#batteryQuiz #intro .sec_wrap .intro_share .share_list a{display:block;width:10.55vw;height:10.55vw;margin-top:3.05vw;background:url('../../assets/images/m_intro_share_ico.png') no-repeat;background-size:100% auto;cursor:pointer;background-position-y:0;transform:scale(0);transition:transform .25s;}
#batteryQuiz #intro .sec_wrap .intro_share.on .share_list a{transform:scale(1);transition:transform .25s;}
#batteryQuiz #intro .sec_wrap .intro_share .share_list a.share_fb{background-position-y:0;}
#batteryQuiz #intro .sec_wrap .intro_share .share_list a.share_tw{background-position-y:-13.31vw;}
#batteryQuiz #intro .sec_wrap .intro_share .share_list a.share_in{background-position-y:-26.75vw;}
#batteryQuiz #intro .sec_wrap .intro_share .share_list a.share_kt{background-position-y:-40.05vw;}
#batteryQuiz #intro .sec_wrap .intro_share .share_list a.share_cp{background-position-y:-53.55vw;}
#batteryQuiz #intro .sec_wrap .intro_share .share_list a:first-child{margin-top:0;}

#batteryQuiz #selectSec{}
#batteryQuiz #selectSec .sec_wrap{}
#batteryQuiz #selectSec .sec_wrap .cont_box{text-align:center;padding:6.94vw 6.94vw 8.33vw; font-family: 'LG Smart'; }
#batteryQuiz #selectSec .sec_wrap .cont_box .cont_title{display:inline-block;padding:2.2vw 7vw 1.8vw;background:#212121;border-radius:80vw;}
#batteryQuiz #selectSec .sec_wrap .cont_box .cont_title p{margin:0;color:#ffffff;font-weight:300;font-size:3.88vw;line-height:3vw;}
#batteryQuiz #selectSec .sec_wrap .cont_box .cont_title p span{font-weight:500;}
#batteryQuiz #selectSec .sec_wrap .cont_box .sel_cont{margin-top:8.88vw;}
#batteryQuiz #selectSec .sec_wrap .cont_box .sel_cont .sel_wrap{display:flex;flex-wrap: nowrap;flex-direction: column;align-content: flex-start;}
#batteryQuiz #selectSec .sec_wrap .cont_box .sel_cont .sel_wrap .sel_list{margin-bottom:6.52vw;}
#batteryQuiz #selectSec .sec_wrap .cont_box .sel_cont .sel_wrap .sel_list:last-child{margin-bottom:0;}
#batteryQuiz #selectSec .sec_wrap .cont_box .sel_cont .sel_wrap .sel_list a{display:flex;text-align:left;}
#batteryQuiz #selectSec .sec_wrap .cont_box .sel_cont .sel_wrap .sel_list a p{}
#batteryQuiz #selectSec .sec_wrap .cont_box .sel_cont .sel_wrap .sel_list a p.sel_img{position:relative;width:19.44vw;margin-right:5.27vw;}
#batteryQuiz #selectSec .sec_wrap .cont_box .sel_cont .sel_wrap .sel_list a.on p.sel_img::after{position:absolute;top:0;left:50%;transform:translateX(-50%);display:block;content:'';width:19.44vw;height:19.58vw;background:url('../../assets/images/m_sel_img_on.png') no-repeat center center / 100% 100%;}
#batteryQuiz #selectSec .sec_wrap .cont_box .sel_cont .sel_wrap .sel_list a p.sel_img img{margin:0 auto;}
#batteryQuiz #selectSec .sec_wrap .cont_box .sel_cont .sel_wrap .sel_list a p.sel_tit{position:relative;display:inline-block;margin:3.05vw 0 2.07vw;font-size:4.16vw;line-height:4.16vw;letter-spacing:-0.01vw;color:#03b7b3;}
#batteryQuiz #selectSec .sec_wrap .cont_box .sel_cont .sel_wrap .sel_list:first-child a p.sel_tit::before{position: absolute;top: -3vw;right: -15vw;content: '순한맛';width: 14vw;padding:0.97vw 2.08vw 0.38vw;letter-spacing: 0;font-size: 2.77vw;line-height: 2.77vw;color: #ffffff;background: #5c5ab3;border-radius: 50vw; text-align: center;}
#batteryQuiz #selectSec .sec_wrap .cont_box .sel_cont .sel_wrap .sel_list:last-child a p.sel_tit::before{position: absolute;top: -3vw;right: -15vw;content: '매운맛';width: 14vw;padding:0.97vw 2.08vw 0.38vw;letter-spacing: 0;font-size: 2.77vw;line-height: 2.77vw;color: #ffffff;background: #5c5ab3;border-radius: 50vw; text-align: center;}
#batteryQuiz #selectSec .sec_wrap .cont_box .sel_cont .sel_wrap .sel_list a p.sel_txt{font-size:2.77vw;line-height:4.16vw;letter-spacing:-0.15vw;color:#404040;}
#batteryQuiz #selectSec .sec_wrap .btn_box{margin:6.94vw auto 0;}
#batteryQuiz #selectSec .sec_wrap .btn_box a{display:block;margin:0 auto;}
#batteryQuiz #selectSec .sec_wrap .btn_box .next_btn{width:36.94vw;height:11.94vw;background:url('../../assets/images/m_next_btn.png') no-repeat center center / 100% 100%;transition:0.5s all;}
#batteryQuiz #selectSec .sec_wrap .btn_box .next_btn:hover{width:36.94vw;height:11.94vw;background:url('../../assets/images/m_next_btn.png') no-repeat center center / 100% 100%;transition:0.5s all;}

#batteryQuiz #quizSec{}
#batteryQuiz #quizSec .sec_wrap{}
#batteryQuiz #quizSec .sec_wrap .cont_box{text-align:center;padding:18.05vw 5.88vw; font-family: 'LG Smart'; }
#batteryQuiz #quizSec .sec_wrap .cont_box .quiz_progress{position:absolute;top:0;left:0;width:100%;height:2.77vw;}
#batteryQuiz #quizSec .sec_wrap .cont_box .quiz_progress .progress_bar{position:relative;width:100%;height:100%;}
#batteryQuiz #quizSec .sec_wrap .cont_box .quiz_progress .progress_bar .progress_ing{position:absolute;top:0;left:0;width:0%;height:100%;background:#03b7b3;transition:0.5s all;}
#batteryQuiz #quizSec .sec_wrap .cont_box .quiz_count{position:absolute;top:4.4vw;right:4.16vw;display: flex;justify-content: center;}
#batteryQuiz #quizSec .sec_wrap .cont_box .quiz_count p{font-size:2.77vw;font-weight:300;color:#2f2f2f;line-height:2.77vw;letter-spacing:-0.1vw;}
#batteryQuiz #quizSec .sec_wrap .cont_box .quiz_count p.quiz_ing{}
#batteryQuiz #quizSec .sec_wrap .cont_box .quiz_count p.quiz_total{}
#batteryQuiz #quizSec .sec_wrap .cont_box .quiz_box{}
#batteryQuiz #quizSec .sec_wrap .cont_box .quiz_box p{margin:0;color:#2f2f2f;font-weight:400;font-size:3.88vw;line-height:5.55vw;letter-spacing:-0.15vw;}
#batteryQuiz #quizSec .sec_wrap .cont_box .quiz_box p.quiz_text{display:block;word-break:keep-all;}
#batteryQuiz #quizSec .sec_wrap .cont_box .quiz_box p.quiz_score{display:block;word-break:keep-all;}
#batteryQuiz #quizSec .sec_wrap .cont_box .sel_cont{margin-top:11.11vw;}
#batteryQuiz #quizSec .sec_wrap .cont_box .sel_cont .sel_wrap{display: flex;flex-wrap: nowrap;flex-direction: column;align-items: center;}
#batteryQuiz #quizSec .sec_wrap .cont_box .sel_cont .sel_wrap .sel_list{width:69.86vw;}
#batteryQuiz #quizSec .sec_wrap .cont_box .sel_cont .sel_wrap .sel_list a{display:block;width:100%;margin-bottom:5.27vw;padding:2.77vw 6.94vw;text-align:center;border-radius:100vw;background:#ededed;font-size:2.77vw;line-height:5vw;font-weight:300;color:#2f2f2f;word-break: keep-all;}
#batteryQuiz #quizSec .sec_wrap .cont_box .sel_cont .sel_wrap .sel_list a.on{background:#03b7b3;color:#ffffff;}
#batteryQuiz #quizSec .sec_wrap .cont_box .sel_cont .sel_wrap .sel_list:last-child a{margin-bottom:0;}
#batteryQuiz #quizSec .sec_wrap .btn_box{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;margin:6.94vw auto 0;}
#batteryQuiz #quizSec .sec_wrap .btn_box a{display:block;margin:0 2.43vw;}
#batteryQuiz #quizSec .sec_wrap .btn_box .hint_btn{width:36.94vw;height:11.94vw;background:url('../../assets/images/m_hint_btn.png') no-repeat center center / 100% 100%;transition:0.5s all;}
#batteryQuiz #quizSec .sec_wrap .btn_box .hint_btn:hover{width:36.94vw;height:11.94vw;background:url('../../assets/images/m_hint_btn.png') no-repeat center center / 100% 100%;transition:0.5s all;}
#batteryQuiz #quizSec .sec_wrap .btn_box .next_btn{width:36.94vw;height:11.94vw;background:url('../../assets/images/m_next_btn.png') no-repeat center center / 100% 100%;transition:0.5s all;}
#batteryQuiz #quizSec .sec_wrap .btn_box .next_btn:hover{width:36.94vw;height:11.94vw;background:url('../../assets/images/m_next_btn.png') no-repeat center center / 100% 100%;transition:0.5s all;}

#batteryQuiz #resultSec{}
#batteryQuiz #resultSec .sec_wrap{}
#batteryQuiz #resultSec .sec_wrap .cont_box{padding-top:14.86vw; font-family: 'LG Smart'; }
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box{}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_left{margin-bottom:5.27vw;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_left .result_img{width:56.52vw;margin:0 auto;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right{/*display: flex;flex-direction: column;justify-content: space-between;*/width:100%;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_tit{position:absolute;top:6.25vw;left:0;width:100%;font-size:4.16vw;line-height:4.16vw;letter-spacing:-0.15vw;color:#2f2f2f;text-align:center;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_cont{position:relative;display: flex;flex-direction: row;justify-content: space-between;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_cont .result_text{}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_cont .result_text .result_rank{margin-bottom:30px;padding-top:4.16vw;font-weight:600;font-size:3.88vw;line-height:3.88vw;letter-spacing:-0.15vw;color:#6d5cd7;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_cont .result_text .result_rank_text{font-size:2.78vw;line-height:5vw;letter-spacing:-0.2vw;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_cont .result_text .result_rank_text span{font-weight:500;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_cont .result_char{position:relative;top:0;right:0;width:38.75vw;height:26.8vw;background:url('../../assets/images/m_result_ch_01.png') no-repeat center center / 100% 100%;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_cont .result_char.lv1{background:url('../../assets/images/m_result_ch_01.png') no-repeat center center / 100% 100%;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_cont .result_char.lv2{background:url('../../assets/images/m_result_ch_02.png') no-repeat center center / 100% 100%;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_cont .result_char.lv3{background:url('../../assets/images/m_result_ch_03.png') no-repeat center center / 100% 100%;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_cont .result_char.lv4{background:url('../../assets/images/m_result_ch_04.png') no-repeat center center / 100% 100%;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_cont .result_char .result_ballon_text{position:absolute;top: 20%;left: 8.5%;font-size:1.8vw;text-align: center; line-height:2.5vw;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_cont .result_char .result_ballon_text span{font-weight:600;color:#b32e41;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_share{margin-top:10.41vw;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_share .share_title{width:49.02vw;margin:0 auto;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_share .share_list{display:none;margin-top:6.8vw;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_share .share_list.on{display:block;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_share .share_list:after{display:block;content:'';clear:both;height:0;visibility:hidden;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_share .share_list a{float:left;display:block;width:10.60vw;height:10.55vw;margin-right:2.65vw;background:url('../../assets/images/m_result_share_ico.png') no-repeat;cursor:pointer;background-position-y:0;background-size:auto 100%;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_share .share_list a.share_fb{background-position-x:0vw;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_share .share_list a.share_tw{background-position-x:-15.2vw;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_share .share_list a.share_in{background-position-x:-30.2vw;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_share .share_list a.share_kt{background-position-x:-45.4vw;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_share .share_list a.share_cp{background-position-x:-60.4vw;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_share .share_list a.share_dw{background-position-x:-75.5vw;}
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box.result_right .result_share .share_list a:last-child{margin-right:0;}

#batteryQuiz #resultSec .sec_wrap .cont_box .result_box .launching {position:relative; width: 26.67vw; height: 6.94vw; font-family: 'LG Smart'; font-size: 1.8vw; background: url(../../assets/images/result_textBg01.png) no-repeat center center / 100% 100%; margin-top: 4.16vw; margin-left: auto; padding: 1vw 0; text-align: center; color: #fff; }
#batteryQuiz #resultSec .sec_wrap .cont_box .result_box .launching br {display: block;}

#batteryQuiz #resultSec .sec_wrap .btn_box{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;margin:6.94vw auto 0;}
#batteryQuiz #resultSec .sec_wrap .btn_box a{display:block;margin:0 2.43vw;}
#batteryQuiz #resultSec .sec_wrap .btn_box .retry_btn{width:36.94vw;height:11.94vw;background:url('../../assets/images/m_retry_btn.png') no-repeat center center / 100% 100%;transition:0.5s all;}
#batteryQuiz #resultSec .sec_wrap .btn_box .retry_btn:hover{width:26.67vw;height:6.94vw;background:url('../../assets/images/m_retry_btn_on.png') no-repeat center center / 100% 100%;transition:0.5s all;}
	
.footer_wrap { font-family: 'Pretendard', 'LG Smart' !important; }
}


/* 이메일 무단 수집거부  */
.layPop {position: fixed; left: 0; top: 0; width: 100%; height: 100vh; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; z-index: 99999999;}
.layPop .dim {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4);}
.refusal_pop {position: relative; background: #ffffff; border-radius: 20px; width: 1000px; height: 600px;overflow: hidden; }
.refusal_pop .pop_wrap  {position: relative;width: 100%;height: 100%; max-width: 1000px; padding: 60px 100px 60px 100px;box-sizing: border-box;display: flex;flex-direction: column;gap: 32px; overflow-y: auto; }
.refusal_pop .pop_wrap .popX {position: absolute;top: 10px;right: 10px;width: 30px;height: 30px;background-size: contain;z-index: 999;border: none;padding: 0;flex-shrink: 0;color: transparent;}
.refusal_pop .pop_wrap .top_box {display: flex; flex-direction: column; gap: 32px; align-items: center; justify-content: flex-start;}
.refusal_pop .pop_wrap .top_box .top_img {position: relative; justify-content: center; }
.email_icon {flex-shrink: 0; width: 112px; height: 84.43px; position: relative; overflow: visible;}
.email_w_icon {width: 42px; height: 42px; position: absolute; right: -21px; top: -21px;}
.refusal_pop .pop_wrap .top_box .pop_tit {margin-bottom: 0px; color: #000000; text-align: center; font-size: 40px; font-weight: 700;}
.refusal_pop .pop_wrap .top_box .pop_text {margin-bottom: 0px; font-size: 20px; line-height: 36px; font-weight: 500; text-align: center;}
.refusal_pop .pop_wrap .top_box .small_text {text-align: center; margin-bottom: 0px; font-size: 20px; line-height: 28px; font-weight: 500;}
.refusal_pop .btn_box {display: flex;justify-content: center;}
.refusal_pop .pop_wrap .btn_box a.confirm_btn {background: #00b4cb;border-radius: 999px;color: #fff;border: none;font-size: 22px;line-height: 1em;display: flex;justify-content: center; align-items: center; width: 159px; height: 60px; }

@media screen and (max-width:768px){
  .refusal_pop {width:  calc(100% - 7.81vw); height: auto; border-radius: 2.78vw; max-width: unset;}
  .refusal_pop .pop_wrap {padding: 11.11vw 13.89vw 11.11vw 13.89vw;gap: 4.44vw;}
  .refusal_pop .pop_wrap .top_box {gap: 5.56vw;}
  .email_icon {width: 15.56vw;height: auto;}
  .email_w_icon {width: 5.83vw;height: 5.83vw;position: absolute;right: -2.92vw;top: -2.92vw;}
  .refusal_pop .pop_wrap .top_box .pop_tit {font-size: 2.86vw;}
  .refusal_pop .pop_wrap .top_box .pop_text {font-size: 15px; line-height: 1.33em;}
  .refusal_pop .pop_wrap .top_box .small_text {font-size: 14px;line-height: 1.33em;}
  .refusal_pop .btn_box {padding-top: 2.08vw;}
  .refusal_pop .pop_wrap .btn_box a.confirm_btn {padding: 9px 20px !important; font-size: 12px !important; line-height: 1em !important; height: auto !important; width: auto !important;}
}