/* 공통 */
.bg_yellow { background:#FBC84F !important; }

.bg_red { background:#FF999A !important; }
.fc_red { color:#FF999A !important; }
.fcc_red { color:#FF6767 !important; }
.fcc_blue { color:#679EFF !important; }

.bg_blue { background:#679DFF !important; }
.fc_blue { color:#679DFF !important; }

.pre_red { background:#ffeaea !important; color: #000000}
.pre_blue { background:#e6efff !important; color: #000000 }

.common_btn a { display:block; border-radius:16.5px; background:#484848; padding:10px 0 11px; color:#fff; font-size:15px; font-weight:bold; text-align:center; line-height:1.4; }
.menu_icon { position:relative; width:3px; height:3px; background:#707070; border-radius:50%; }
.menu_icon:before { content:''; display:block; position:absolute; top:-6px; left:0; width:3px; height:3px; background:#707070; border-radius:50%; }
.menu_icon:after { content:''; display:block; position:absolute; bottom:-6px; left:0; width:3px; height:3px; background:#707070; border-radius:50%; }


/* view_page3~5 ?? */

.daily_chal { padding:55px 24px 75px; background:#F8F0E5; text-align:center; height: 100vh }
.daily_chal .chal_title { font-size:15px; line-height:1.5; }
.daily_chal .rullet_img { margin:50px 0 38px; position: relative;display: flex;flex-direction: row;justify-content: center; }
.daily_chal .rullet_img img { display:block; max-width:100%; height:auto; position: absolute }
.daily_chal .rullet_img img.case_red { animation:roulette_red 6s linear both; }
.daily_chal .rullet_img img.case_blue { animation:roulette_blue 6s linear both; }

@keyframes roulette_red {
    0% { transform:rotate(0deg); }
    50% { transform:rotate(1800deg); }
    70% { transform:rotate(2160deg); }
    95% { transform:rotate(2520deg); }
    100% { transform:rotate(2585deg); } /* +40 */
}

@keyframes roulette_blue {
    0% { transform:rotate(0deg); }
    50% { transform:rotate(1800deg); }
    70% { transform:rotate(2160deg); }
    90% { transform:rotate(2520deg); }
    100% { transform:rotate(2635deg); } /* +40 */
}


/* 팝업 */
.select_team_pop { position:fixed; top:0; left:0; width:100%; height:100%; z-index:10; text-align:center; }
.select_team_pop .pop_dimm { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.15); }
.select_team_pop .pop_area { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:calc(100% - 70px); padding:33px 0 22px; background:#fff; border-radius:17.5px; }
.select_team_pop .pop_area .pop_title { font-size:20px; margin:0 0 26px; font-weight:bold; }
.select_team_pop .pop_area a { display:block; border-radius:5px; width:236px; margin:0 auto; box-shadow:0 1.5px 3px rgba(0,0,0,.3); font-size:13px; font-weight:bold; letter-spacing:1px; padding:4px 0; line-height:16px; }

/* view_page3~5 */

/* view_page6 */
.winning_point { position:relative; height:135px; padding:0 24px; }
.winning_point .point_area { position:relative; top:50px; width:100%; padding:50px 0 3px; background:#fff; border-radius:6.5px; box-shadow:0 1px 1.5px rgba(0,0,0,.3); text-align:center; }
.winning_point .point_area .point_img { position:absolute; top:-31.5px; left:50%; transform:translate(-50%, 0); width:63px; height:63px; }
.winning_point .point_area .point_title { font-size:15px; font-weight:bold; letter-spacing:-0.325px; }
.winning_point .point_area .point_desc { display:flex; justify-content: center; align-items:center; font-size:30px; letter-spacing:-0.75px; font-weight:bold; margin:10px 0 0; }

.chal_vote_cover { margin: 74px 24px;
    padding:0 10px; margin-bottom: 150px; position:relative; top:50px;  background:#fff; border-radius:6.5px; box-shadow: 0px 2px 3px #00000029;border: 1px solid #DFDFDF;
; text-align:center;  }

.team_indicator .team_name { display:flex; justify-content:space-between; align-items:center; font-size:14px; font-weight:bold; padding:0 10px; line-height:1.5; }
.team_indicator .team_area { display:flex; justify-content:center; align-items:center; color:#fff; margin:0; border-radius:15px; overflow:hidden; font-size:15px; font-weight:bold; letter-spacing:-0.4px; }
.team_indicator .team_area [class*="_indi"] { display:flex; line-height:1.8; }
.team_indicator .team_area .blue_indi { width:50%; text-align:left; padding:0 0 0 10px;}
.team_indicator .team_area .red_indi { width:50%; text-align:right; justify-content:flex-end; padding:0 10px 0 0;}
.red_area,
.blue_per{
    font-size: 13px;
    font-weight: bold;
    height:58px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.rank_area { margin:10px 0 0; }
.rank_title { text-align:center; font-weight:500; font-size:20px; letter-spacing:-.4px; line-height:1.5; padding: 23px; margin: 0 auto; font-weight:bold; }
.rank_area .rank_list > li { display:flex; justify-content: center; align-items:center; background:#F8FAFC; overflow:hidden;  font-size:13px; font-weight:normal; margin:5px 0 0; }
.rank_area .rank_list > li:first-child { margin:0; }
.rank_area .rank_list > li .rank { margin: 0px 20px 0px 23px; width: 26px; text-align: center}
.rank_area .rank_list > li .rank img { width:22.5px; }
.rank_area .rank_list > li .name { flex:1; }
.rank_area .rank_list > li .team { white-space:nowrap; letter-spacing:-.4px; width: 34px}
.rank_area .rank_list > li .point { font-size:12px; color:#fff; padding:5px 0; margin: 0 18px 0 18px; width: 52px }
.rank_area .rank_list > li .point .point_box { display: flex;flex-direction: row;align-content: center;justify-content: center;align-items: center;font-weight:300; letter-spacing:-.4px; border-radius:10px;height: 20px}
.rank_area .rank_list > li.my_rank { color:#fff; }
.rank_area .rank_list > li.my_rank .point .point_box { color:#000; font-size:13px; font-weight:bold; }
.rank_area .rank_list > li.my_rank[data-team='blue'] { background:#679DFF; }
.rank_area .rank_list > li.my_rank[data-team='red'] { background:#FF999A; }
.rank_area .rank_list > li.my_rank .point { color:#000; }
.rank_area .rank_list > li.my_rank .point .point_box { background:#fff; }

.day_winner {
    padding: 0;
    font-weight: bold;
}
.day_winner .day_title { font-size:15px; letter-spacing:-.4px; line-height:1.5; }
.day_winner .day_name { font-size:30px; letter-spacing:-.75px; line-height:1.5; }

.start_btn { margin:15px 0 0; text-align:center; }
.start_btn a { display:block; margin: 10px; font-size:20px; font-weight:bold; border-radius:8px; height: 58px; padding: 19px 0px;
    box-shadow: 0px 5px 0px #00000029; border: 1px #DF9D00 solid}


/* view_page 10 */
.choice_page { position:relative; padding:15px 24px 12px; background:#FCFCFC; }
.choice_page.choose {    background: rgba(0, 0, 0, .8);}
.choice_page .choice_title { line-height: 23px; font-size:14px; font-weight:bold; text-align:center; margin:0 0 5px; letter-spacing:-.3px; }
.choice_page .choice_area { position:relative; }
.choice_page .choice_area > ul { display:flex; text-align:center; }
.choice_page .choice_area > ul > li { flex:1; }
.choice_page .choice_area > ul > li.choice_blue { margin:0 2px 0 0; }
.choice_page .choice_area > ul > li.choice_red { margin:0 0 0 2px; }
.choice_page .choice_area > ul > li > ul > li { display:flex; justify-content:center; align-items:center; border-radius:12.5px; margin:4px 0 0;  background:#E8E8E8; padding:10px 5px; min-height:115px; }
.choice_page .choice_area > ul > li > ul > li:first-child { margin:0; }
.choice_page .choice_area > ul > li > ul > li.choice_word { font-size:15px; letter-spacing:-.4px; line-height:1.5; font-weight:bold; }
.choice_page .choice_area > ul > li > ul > li.choice_desc { font-size:12px; letter-spacing:-.3px; line-height:1.3; color: #000000}


.choice_page .correct_pop { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8); text-align:center; z-index:4; }
.choice_page .correct_pop .correct_area { position:absolute; top:50%; left:0; width:100%; padding:0 24px; transform: translate(0%, -50%);}
.choice_page .correct_pop .correct_area > ul { display:flex; justify-content:center; align-items:center; }
.choice_page .correct_pop .correct_area > ul > li { flex:1; }
.choice_page .correct_pop .correct_area > ul > li .correct_per { font-size:40px; font-weight:bold; color: #FFFFFF; margin: 4px}
.choice_page .correct_pop .correct_area > ul > li.mine .correct_per {color: #FBC84F}

.choice_page .correct_pop .correct_area > ul > li .choose { visibility: hidden}
.choice_page .correct_pop .correct_area > ul > li.mine .choose { font-size:15px; font-weight:normal; color: #FBC84F; visibility: visible}
.choice_page .correct_pop .correct_area .next_page { margin:25px 0 0; text-align:center; font-weight:bold; line-height:1.2; }
.choice_page .correct_pop .correct_area .next_page button {
    width: 161px;
    max-width: 46%;
    height: 80px;
    background: white;
    border-radius: 12px;
    font-size: 30px;
    font-weight: bold;
    margin: 5px;
    color: rgba(0, 0, 0, 0.75);;
    border: 0px;
}
/* view_page 17 */
/*.challenge_tab { margin:15px 0 0; }*/
.challenge_tab .tab_cont { position:relative; height: 100%; flex-direction: column }
.challenge_tab .tab_cont.on { display:flex; }
.challenge_tab .tab_list { display:flex; justify-content:center; align-items:center; text-align:center; }
.challenge_tab .tab_list .chal_tab { font-size:14px; width: 150px }
.challenge_tab .tab_list .chal_tab a { position:relative; display:block; padding:0 12.5px 6px; color:#BCBCBC; font-weight:bold; line-height:1.5; letter-spacing:-.35px; }

.challenge_tab .tab_list .chal_tab.on a { color:#000; }
.challenge_tab .tab_list .chal_tab.on a:after { content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#000; }


.challenge_tab .comunnity {  }
.challenge_tab .team_indicator { margin:0; padding:0 0 10px; border-bottom:1px solid #DADADA; }
.challenge_tab .team_indicator .team_indicator_cover { padding:0 24px; margin:10px 0 0; }
.challenge_tab .team_indicator .team_indicator_cover .team_winner { display:flex; align-items:center; padding:0 10px; }
.challenge_tab .team_indicator .team_indicator_cover .team_winner img { display:block; width:20px; height:auto; }
.challenge_tab .team_indicator .team_indicator_cover .team_winner.win_blue { justify-content:flex-start; margin-left: 7px}
.challenge_tab .team_indicator .team_indicator_cover .team_winner.win_red { justify-content:flex-end; margin-right: 4px}
.challenge_tab .team_indicator .team_indicator_cover .team_winner.win_both { justify-content:center;}

.sort_area { margin:5px 0; padding:0 24px; display:flex; justify-content:flex-end; align-items:center; }
.sort_area a { position:relative;  margin-right:18px; font-size:12px; color:#D9D9DF; line-height:1.5; }
.sort_area a:last-child { margin-right:0; }
.sort_area a.on { color:rgba(0,0,0,.9); }
.sort_area a + a:after { content:''; display:block; position:absolute; top:50%; transform:translate(0, -50%); left:-9px; width:1px; height:11px; background:#000; }

.chat_box { display:flex; justify-content:center; align-items:center; margin:10px 0 0; padding:0 24px; }

.chat_box .user_icon { border-radius:50%; border:2px solid; display:flex; justify-content:center; align-items:center; padding:3px; min-width:50px; width:50px; height:50px; overflow:hidden; border-color: #E9E9E9; }
.chat_box .user_icon img { display:block; min-width:50px; height:auto; object-fit:cover; }
/*.chat_box .user_icon { border-radius:50%; border:2px solid; display:flex; justify-content:center; align-items:center; padding:3px; }*/
/*.chat_box .user_icon img { display:block; width:41px; height:auto; }*/
.chat_box.received_chat .user_icon { border-color:#E9E9E9; }
.chat_box.send_chat .user_icon { border-color:#E6EFFF; }
.chat_box:first-child { margin:0; }
.chat_box.received_chat .balloon { margin:0 0px 0 20px; background:#F6F6F6; }
.chat_box.send_chat .balloon { margin:0 0 0 20px; background:#F6F6F6; }
.chat_box .balloon { position:relative; padding:7px 30px 25px 5px; min-height:64px; border-radius:9.5px; width:100%; line-height:1.2; }
.chat_box .balloon:after { content:''; display:block; position:absolute; top:20px; width:0; height:0; border-bottom:10px solid transparent; border-top:10px solid transparent; }
.chat_box.received_chat .balloon:after { border-left:10px solid transparent; border-right:15px solid #F6F6F6; left:-25px; }
.chat_box.send_chat .balloon:after { border-left:10px solid transparent; border-right:15px solid #F6F6F6; left:-25px; }
.chat_box .balloon .desc { font-size:10px; margin-left: 5px}
.chat_box .balloon .desc .user_name { font-weight:bold; }
.chat_box .balloon .desc .chat_text { margin:2.5px 0 0; }

.chat_box .balloon .chat_info .chat_ago{width: 50px; margin-right: 13px}
.chat_box .balloon .chat_info { position:absolute; left:10px; bottom:7.5px; display:flex; align-items:center; font-size:10px; color:#707070; width:calc(100% - 10px); }
.chat_box .balloon .chat_info .replfavor { position:absolute; right:5px; }
/**/
/*.chat_box .balloon .chat_info { position:absolute; left:10px; bottom:7.5px; display:flex; justify-content:center; align-items:center; font-size:10px; color:#707070; }*/

.chat_box .balloon .chat_info .chat_like_count { display:flex; align-items:center; width:70px; margin-right: 10px }
.chat_box .balloon .chat_info .chat_reply a { color:#707070; }
.chat_box .balloon .chat_option { position:absolute; top:10px; right:8px; display:flex; flex-direction:column; align-items:center; padding:0px 0px 10px 10px;}
.chat_box .balloon .chat_option .chat_menu a { display:block; height:15px; }
.chat_box .balloon .chat_option .chat_menu a .menu_icon { top:6px; }
.chat_box .balloon .chat_option .chat_like { margin:10px 0 0; }
.chat_box .balloon .chat_option .chat_like img { width:24px; }
.challenge_tab .tab_cont.advance_vote .choice_option { display:flex; justify-content:space-between; align-items:center; }
.challenge_tab .tab_cont.advance_vote .choice_option .like_icon { }
.challenge_tab .tab_cont.advance_vote .choice_option img { width:28px; }
.challenge_tab .tab_cont.advance_vote .choice_option .option_icon a { display:block; height:15px; padding:0 0 0 11px; }
.challenge_tab .tab_cont.advance_vote .choice_option .option_icon a .menu_icon { top:6px; }
.challenge_tab .tab_cont.advance_vote .choice_page { margin:16px 0 0 0; }
.challenge_tab .tab_cont.advance_vote .choice_page:first-child { margin:0; }

/* 정렬 */
.align_tab { position:relative; margin:10px 0 0; }
.align_tab .align_btn { display:flex; justify-content:flex-end; align-items:center; padding:0 24px; font-size:14px; font-weight:bold; letter-spacing:-.4px; line-height:1.5; }
.align_tab .align_btn a { display:flex; justify-content:center; align-content:center; }
.align_tab .align_btn img { width:18px; margin-right:7px; }
.align_tab .align_area { display:none; width: 199px; position:absolute; top:100%; right:24px; padding:30px 25px 30px; background:#fff; box-shadow:0 1.5px 3px rgba(0,0,0,.3); z-index:15; border-radius:12.5px 12.5px 12.5px 12.5px; }
.align_tab .align_area.on { display:block;}
.align_tab .align_area .align_radio { padding:0 0 12.5px; border-bottom:1px solid #F3F3F3; }
.align_tab .align_area .align_radio > ul { display:flex; justify-content:space-between; align-items:center; }
.align_tab .align_area .align_radio > ul > li { margin-left:15px; }
.align_tab .align_area .align_radio > ul > li:first-child { margin-left:0; }
.align_tab .align_area .align_radio > ul > li label { position:relative; padding:0 0 0 22px; border:0; font-size:14px; letter-spacing:-.4px; line-height:1.5; }
.align_tab .align_area .align_radio > ul > li .chk_custom { position:absolute; top:50%; left:0; transform:translate(0, -50%); width:20px; height:20px; border-radius:50%; border:1px solid #ddd; background:#fff; }
.align_tab .align_area .align_radio > ul > li input[type='radio']:checked + label { border:0; }
.align_tab .align_area .align_radio > ul > li input[type="radio"]:hover + label span:after { transition:none; top:50%; left:50%; background:#fff; }
.align_tab .align_area .align_radio > ul > li input[type='radio']:checked + label .chk_custom { background:#FBC84F; }
.align_tab .align_area .align_radio > ul > li input[type='radio']:checked + label .chk_custom:after { content:''; position:absolute; width:8px; height:8px; top:50%; left:50%; transform:translate(-50%, -50%); background:#fff; border-radius:50%; }

.align_tab .align_area .align_chkbox { margin:12.5px 0 16px; }
.align_tab .align_area .align_chkbox .align_title { font-size:14px; letter-spacing:-.4px; line-height:1.5; }
.align_tab .align_area .align_chkbox > ul { margin:8px 0 0; }
.align_tab .align_area .align_chkbox > ul > li { margin:20px 0 0; }
.align_tab .align_area .align_chkbox > ul > li:first-child { margin:0; }
.align_tab .align_area .align_chkbox > ul > li label { position:relative; padding:0 0 0 22px; font-size:14px; letter-spacing:-.4px; line-height:1.5; }
.align_tab .align_area .align_chkbox > ul > li .chk_custom { position:absolute; top:50%; left:0; transform:translate(0, -50%); width:20px; height:20px; border-radius:50%; border:1px solid #ddd; background:#fff; margin:0; }
.align_tab .align_area .align_chkbox > ul > li input[type='checkbox']:checked + label { border:0; }
.align_tab .align_area .align_chkbox > ul > li input[type='checkbox']:checked + label .chk_custom { background:#FFCC00; }
.align_tab .align_area .align_chkbox > ul > li input[type='checkbox']:checked + label .chk_custom:before { content:''; position:absolute; width:6px; height:2px; top:9px; left:2px; transform:rotate(45deg); background:#fff; border-radius:2px; }
.align_tab .align_area .align_chkbox > ul > li input[type='checkbox']:checked + label .chk_custom:after { content:''; position:absolute; width:11px; height:2px; top:8px; left:auto; right:2px; transform:rotate(-45deg); background:#fff; border-radius:2px; }


/* dimmed */
.dimmed { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,70%); text-align:center; z-index:11; }
.dimmed .dimmed_text { display:none; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; padding:0 24px; font-size:20px; color:#fff; font-weight:bold; }
.dimmed .dimmed_text.on { display:block; }
.dimmed.on { display:block; }


/* view_page 26 */
.make_challenge { padding:0 24px 64px 24px; }
.make_notice { margin:20px 0 0; }
.make_notice > ul > li { font-size:11px; letter-spacing:.3px; }

.make_question { margin:15px 0 0; }
.make_question .make_title { font-size:11px; line-height:1.5; letter-spacing:-.3px; font-weight:bold; margin:0 0 4px; }
.make_question .make_text textarea { height: 100px; font-size:14px; width:100%; min-height:100px; border:1px solid #F1F1F1; border-radius:12.5px; resize:none; padding:40px 10px; box-sizing:border-box; text-align: center}

.make_choice .choice_page { padding:15px 0 12px; background:none; }
.make_choice .choice_page .choice_title { text-align:left; font-size:11px; letter-spacing:-.3px; color:#373737;line-height: 1; margin-bottom: 7px; }
.make_choice .choice_page .choice_area > ul > li > ul > li { position:relative; height: 54px }
.make_choice .choice_page .choice_area > ul > li > ul > li textarea { background:none; border:0; resize:none; font-size:14px; letter-spacing:-.3px; text-align:center; width: 146px; height: 18px; padding: 23px 0px}
.make_choice .choice_page .choice_area > ul > li > ul > li .default_text { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:12px; letter-spacing:-.3px; pointer-events:none;  }
.make_choice .choice_page .choice_area > ul > li > ul > li .default_text.none { display:none; }

/* view_page 29 */
.save_per { position:fixed; top:0; left:0; width:100%; height:100%; z-index:10; }
.save_per .dimm { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.15); }
.save_per .save_area { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding:0 50px; z-index:11; text-align:center; width:100%; }
.save_per .save_area .save_cover { background:#fff; padding:65px 35px; border-radius:10px; }
.save_per .save_area .save_cover .save_text { margin:30px 0 0; }
.save_per .save_area .save_cover .save_text:first-child { margin:0; }
.save_per .save_area .save_title { font-size:15px; font-weight:bold; letter-spacing:-.45px; line-height:1.3; }
.save_per .save_area .save_desc { font-size:15px; letter-spacing:-.45px; line-height:1.3; }


/******************************************************************************************************************************************/


/* page3 팝업 */
.dimmed img { display:block; width:100%; height:auto; }
.dimmed.grade .base_box { position:absolute; top:50%; left:50%; width:295px; transform:translate(-50%, -50%); padding:31px 46px 22px; background:#fff; border-radius:18px 18px 18px 18px;color: #000000 }
.dimmed .base_box .close_btn { position:absolute; top:-15px; right:-10px; width:48px; height:48px; }
.dimmed.grade .base_box .base_desc { font-size:14px; letter-spacing:0.1px; line-height:22px; text-align:center; }
.dimmed.grade .base_box .base_desc + .base_desc { margin:5px 0 0; }
.grade_label { position:absolute; left:0; width:100%; height:50px; background:#FBC84F; display:flex; justify-content:center; align-items:center; border-radius:0 0 18px 18px; }
.grade_label .grade_iocn { width:38px; height:38px; margin:0 3px 0 0; }
.grade_label .grade_title { font-size:15px; font-weight:bold; }

/* louge 팝업 */
.dimmed.benefit .base_box { position:absolute; top:50%; left:50%; width:calc(100% - 55px); transform:translate(-50%, -50%);  background:transparent; border-radius:18px 18px 0 0;color: #000000}
.dimmed.benefit .base_box .base_title { font-size:18px; letter-spacing:-0.13px; line-height:1.4; padding-bottom:18px; border-bottom:1px solid #E6E6E6; font-weight:700; }
.dimmed.benefit .base_box .common_area { font-size:14px; line-height:1.3; margin:18px 0 0; }
.dimmed.benefit .base_box .common_area .common_title { font-size:14px; letter-spacing:-.4px; line-height:1.2; font-weight:bold; }
.dimmed.benefit .base_box .common_area .common_desc { font-size:14px; letter-spacing:-.4px; line-height:1.2; }
.dimmed.benefit .base_box .common_area .common_desc > ul > li span { vertical-align:top; }
.dimmed.benefit .base_box .common_area.notice_area > ul > li { font-size:11px; letter-spacing:0.3px; line-height:1.3; }


/* 챌린지 사전투표 */
.dimmed.voting .base_box { position:absolute; top:50%; left:50%; width:calc(100% - 55px); transform:translate(-50%, -50%); padding:31px 25px 24px; background:#fff; border-radius:18px 18px 0 0;color: #000000 }
.dimmed.voting .base_box .base_title { font-size:18px; letter-spacing:-0.13px; line-height:1.4; padding-bottom:18px; border-bottom:1px solid #E6E6E6; font-weight:700; }
.dimmed.voting .base_box .voting_area { font-size:14px; line-height:1.3; margin:18px 0 0; }
.dimmed.voting .base_box .label { position:absolute; top:100%; left:0; width:100%; height:53px; background:#FBC84F; display:flex; justify-content:center; align-items:center; border-radius:0 0 18px 18px; }
.dimmed.voting .base_box .label .label_title { font-size:14px; }

.dimmed.voting .close_chk { position:absolute; top:calc(100% + 60px); left:13px; }
.dimmed.voting .close_chk input[type="checkbox"] + label { font-size:13px; line-height:1.5; color:#fff; }
.dimmed.voting .close_chk input[type="checkbox"] + label span { background:none; margin:0; }
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 4px;
    display: none;
}
/*::-webkit-scrollbar:vertical {*/
/*    width: 4px;*/
/*    height: 4px;*/
/*    background-color: red;*/
/*}*/
/*::-webkit-scrollbar:horizontal {*/
/*    height: 4px;*/
/*    background-color: blue;*/
/*}*/

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
.dimmed.popup .base_box { overflow: auto;position:absolute; top:50%; left:50%; width:306px; transform:translate(-50%, -50%); background: transparent; max-height: 90%; color: #000000; max-height: 386px; }
.dimmed.popup .base_box .base_title { font-size:18px; font-weight: bold; letter-spacing:-0.45px;line-height: 22px; }
.dimmed.popup .base_box .line { background: #EBEBEB;height: 1px; margin:11px 0px 22px 0px; }
.dimmed.popup .base_box .content { font-size: 14px; font-weight: lighter; justify-content: center;color: black; line-height: 22px ; height:145px; overflow-y: scroll }
.dimmed .bottom {flex-direction: column;left:0; top: 100%; width:100%; display:flex; border-radius:0 0 18px 18px; }
.dimmed .btn {  width:100%; height:50px; font-weight: bold; font-size: 19px; background:#FBC84F; display:flex; justify-content:center; align-items:center; border-radius:0 0 18px 18px; }
.dimmed .notallow{width: 20px;height: 20px;padding: 0;display: inline-block;margin: 0;}
.dimmed .dont_show{margin-top: 10px;     display: flex; margin-left: 16px;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;}
.dimmed .dont_show label{line-height: 20px;color: white;font-size: 13px;margin-left: 10px;opacity: 0.7;}

.dimmed.popup .base_box .common_area { margin:18px 0 0; }
.dimmed.popup .base_box .common_area .common_title { font-size:14px; letter-spacing:-.4px; line-height:1.2; font-weight:bold; }
.dimmed.popup .base_box .common_area .common_desc { font-size:14px; letter-spacing:-.4px; line-height:1.2; }
.dimmed.popup .base_box .common_area .common_desc > ul > li span { vertical-align:top; }
.dimmed.popup .base_box .common_area.notice_area > ul > li { font-size:11px; letter-spacing:0.3px; line-height:1.3; }

/* fix_icon */
.fix_write { position:fixed; bottom:80px; right:32px; width:50px; height:50px; z-index:11; background:#FBC84F; border-radius:50%; }
.fix_write a { display:flex; justify-content: center; align-items:center; width:100%; height:100%; }
.fix_write a img { display:block; width:50px;  }

/* view 38 */
.my_act { padding:0 24px; }
.my_act > ul > li { display:flex; justify-content:center; align-items:center; border-bottom:1px solid #E0E0E0; background:url('/assets/front/img/view/right_arrow.png') no-repeat right center / 20px auto; padding:15px 10px 15px 10px; }
.my_act > ul > li a { display:block; width:100%; height:100%; }
.my_act > ul > li .act_img { margin-right:17px; }
.my_act > ul > li .act_info { flex:1; }
.my_act > ul > li .act_info .act_title { font-size:14px; letter-spacing:.1px; line-height:1.6; font-weight:bold; }
.my_act > ul > li .act_info .act_desc { font-size:12px; letter-spacing:.1px; line-height:1.6; color:#818181; }

/* view 39 */
.my_voting { padding:0 24px; }
.my_voting > ul > li { display:flex; justify-content:center; align-items:center; border-bottom:1px solid #E0E0E0; background:url('/assets/front/img/view/right_arrow.png') no-repeat right center / 20px auto; padding:15px 10px 15px 10px; }
.my_voting > ul > li a { display:block; width:100%; height:100%; }
.my_voting > ul > li a .my_v_title { font-size:14px; letter-spacing:.1px; line-height:1.3; font-weight:700; }
.my_voting > ul > li a .my_answer { font-size:12px; line-height:1.5; letter-spacing:.1; color:#818181; margin:3px 0 0; }
.my_voting > ul > li a .my_answer.answer_date { margin:5px 0 0; }


/* view 40 */
.my_write { padding:0 24px; }
.my_write > ul > li { border-bottom:1px solid #E0E0E0; background:url('/assets/front/img/view/right_arrow.png') no-repeat right center / 20px auto; padding:15px 10px 15px 10px; }
.my_write > ul > li .my_w_title { font-size:14px; letter-spacing:.1px; line-height:1.3; font-weight:700;  }
.my_write > ul > li .my_w_title a { display:block; width:100%; height:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }
.my_write > ul > li .my_w_date { font-size:12px; line-height:1.5; letter-spacing:.1; color:#818181; margin:5px 0 0; }



/* view 41 */
.my_review { padding:0 24px; }
.my_review > ul > li { border-bottom:1px solid #E0E0E0; background:url('/assets/front/img/view/right_arrow.png') no-repeat right center / 20px auto; padding:15px 10px 15px 10px; }
.my_review > ul > li .my_r_title { font-size:14px; letter-spacing:.1px; line-height:1.3; font-weight:700;  }
.my_review > ul > li .my_r_title a { display:block; width:100%; height:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }
.my_review > ul > li .my_r_desc { font-size:12px; line-height:1.5; letter-spacing:.1; color:#818181; margin:3px 0 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  }
.my_review > ul > li .my_r_date { font-size:12px; line-height:1.5; letter-spacing:.1; color:#818181; margin:5px 0 0; }

.arr_right{
    border: solid #919191;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}