@charset "utf-8";
/*
    [제목] 핀업  팝업 CSS
    [생성일] 2020-05-19
    [내용] 핀업 내에 사용되고 있는 모든 팝업의 스타일.
           * 예외, 메인 플로우팅 팝업, 리스트나 상세에 속한 툴팁팝업 등은 해당 파일에 작성한다.
    [비고] CSS 작성시 핀업 디자인팀 내부에 규정하고 있는 CSS 작성 규칙를 준수하여 작성할 것.
*/


/*게시판 글쓰기 팝업*/
.borad_view_pop{display:block; position:fixed; top:0; left:0; width:100%; height:100%; padding:0 10px; box-sizing:border-box; overflow:hidden; z-index:1000;}
.borad_view_pop .bg{ position:absolute; top:0; left:0; width:100%; height:100%; background-color:#fff; opacity:1; z-index:-1;}
.borad_view_pop .btn_close{ display:inline-block; position:absolute; top:0; right:0; width:30px; height:30px; color:#222; text-align:center; line-height:30px; z-index:2; }
.borad_view_pop .btn_close .im{ font-size:100%; line-height:30px;}
.borad_view_pop .borad_view_wrap{ height:100%; padding-top:30px; box-sizing:border-box; overflow:hidden; overflow-y:scroll; text-align:left; z-index:1;}

.borad_view_pop .borad_view_wrap .btn_wrap{ width:100%; margin:20px auto 30px auto; text-align:center; overflow:hidden;}
.borad_view_pop .borad_view_wrap .btn_wrap button{display:inline-block; border-radius:3px; width:90px; height:40px; font-size:19px; }
.borad_view_pop .borad_view_wrap .btn_wrap button.submit_btn{ color:#fff;}
.borad_view_pop .borad_view_wrap .btn_wrap button.reset_btn{ margin-left:20px; color:#222; background-color:#ddd; border:1px solid #ccc; }

.borad_view_pop .box_btn.bottom { margin:30px 0 50px 0; overflow:hidden; text-align:right; }
.borad_view_pop .box_btn.bottom .cm_btn_line { display:inline-block; float:none; width:60px; height:30px; line-height:28px; }
.borad_view_pop .box_btn.bottom .cm_btn_line a { display:block; }
.borad_view_pop .box_btn.bottom .cm_btn_bg { display:inline-block; float:none; width:60px; height:30px; line-height:30px; }
.borad_view_pop .box_btn.bottom .cm_btn_bg a { display:block; }
.borad_view_pop .box_btn.bottom .btn_next { margin-left:10px; }
.borad_view_pop .box_btn.bottom .btn_reset { margin-left:10px; }
.borad_view_pop .box_btn.bottom .btn_list { float:right; }

.borad_view_pop .borad_view_wrap .broad_view_cont .replay_writing { height:auto; border-top:1px solid #454962; box-sizing:border-box; overflow:hidden;}
.borad_view_pop .borad_view_wrap .broad_view_cont .replay_writing .replay_submit { height:50px;}
.borad_view_pop .reviews_writing .box{background-color:#fff; }
.borad_view_pop .reviews_writing .box.nick{ margin-top:20px; border-radius: 10px 10px 0 0; }
.borad_view_pop .reviews_writing .box.title input[type=text]{ padding:0 5px !important; box-sizing:border-box;}
.borad_view_pop .reviews_writing .box.cont{ border-radius: 0 0 10px 10px; }
.borad_view_pop .reviews_writing .box.cont textarea{ min-height:120px !important; padding:5px; box-sizing:border-box;}
.borad_view_pop .btn_close_pop{ width:100%; height:50px; margin:0 0 50px 0; border:1px solid #ddd; border-radius:10px; background-color:#fff; color:#555; font-size:90%; font-weight:600; }

.borad_view_pop .view_desc_list { overflow:hidden; }
.borad_view_pop .view_desc_list .desc_list { position:relative; padding:15px 10px; border-bottom:1px solid #ddd; box-sizing:border-box; overflow:hidden; }
.borad_view_pop .view_desc_list .desc_list .tit { display:block; width:100%; font-size:90%; font-weight:600; }
.borad_view_pop .view_desc_list .desc_list .tit .free { margin-right:8px; color:#e8373d; }
.borad_view_pop .view_desc_list .desc_list .txt { display:block; width:100%; font-size:80%; }

.borad_view_pop .view_desc_list .desc_list.add { height:35px; padding:0 10px; border-top:0; background:#f8f8f8; }
.borad_view_pop .view_desc_list .desc_list.add .btn_list { float:right; width:auto; height:34px; margin:0; font-size:90%; line-height:34px; vertical-align:middle; }
.borad_view_pop .view_desc_list .desc_list.add .btn_list.align_left { float:left; }
.borad_view_pop .view_desc_list .desc_list.add .btn_list input { float:left; height:34px; }
.borad_view_pop .view_desc_list .desc_list.add .btn_list .im { margin:0 0 0 0; font-size:80%; vertical-align:middle; }
.borad_view_pop .view_desc_list .desc_list.add .date { color:#777; font-size:80%; line-height:35px; }

.borad_view_pop .view_desc_list .list_cont.non_list { width:100%; height:150px; border:0; border-bottom:1px solid #ddd;  padding:0; color:#777; font-size:80%; line-height:150px; text-align:center; }


/*주식리딩 작성하기 페이지*/
.borad_write_pop{display:block; position:fixed; top:0; left:0; width:100%; height:100%; padding-top:10px; background-color:#fff; box-sizing:border-box; overflow:hidden; overflow-y:scroll; z-index:10000;}
.borad_write_pop .btn_close{ display:inline-block; width :100%; height:20px; margin-top:10px; color:#222; font-size:100%; text-align:right; z-index:2; }
.borad_write_pop .btn_close .im{ font-size:90%;}
.borad_write_pop .borad_view_wrap { width:100%; margin:0 auto; padding:0 10px; font-family:'Noto Sans KR'; text-align:left; box-sizing:border-box;}
.borad_write_pop .borad_view_wrap .contents_info { width:100%; padding:20px; margin:0 auto; margin-bottom:10px; border-radius:10px; background-color:#e5e6f6; color:#222; font-size:75%; font-weight:500; font-family:'Noto Sans KR'; box-sizing:border-box; }
.borad_write_pop .borad_view_wrap .contents_info span { display:block; width:100%; line-height:25px; }
.borad_write_pop .borad_view_wrap .broad_write_wrap { width:100%; border-top:1px solid #454962; background-color:#f5f5f5; overflow:hidden;}
.borad_write_pop .borad_view_wrap .broad_write_wrap tr{ border-bottom:1px solid #ddd;}
.borad_write_pop .borad_view_wrap .broad_write_wrap tr td{ position:relative; width:100%; padding:15px 10px; }
.borad_write_pop .borad_view_wrap .broad_write_wrap tr td .tit{ display:block; width:calc(100% - 120px); color:#888; font-size:75%; }
.borad_write_pop .borad_view_wrap .broad_write_wrap tr td .title_write{ width:100%; height:32px; margin-top:5px; border:1px solid #ddd; border-radius:5px; background-color:#fff; box-sizing:border-box;}
.borad_write_pop .borad_view_wrap .broad_write_wrap tr td .nick_chk_wrap{ display:block; position:absolute; top:50%; right:10px; transform:translateY(-50%); width:120px; text-align:right;}
.borad_write_pop .borad_view_wrap .broad_write_wrap tr td .nick_chk_wrap .nick_chk_wrap input[type=checkbox]{ width:20px; height:20px; margin-left:10px; vertical-align:middle;}
.borad_write_pop .borad_view_wrap .broad_write_wrap tr td .nick_chk_wrap .nick_chk{ font-size:75%; letter-spacing:-1px;}
.borad_write_pop .borad_view_wrap .broad_write_wrap tr td .article_write{ width:100%; height:auto; margin-top:5px; padding:10px; border:1px solid #ddd; border-radius:5px; background-color:#fff; box-sizing:border-box;}
.borad_write_pop .borad_view_wrap .broad_write_wrap > tr > td >  #smart_editor2 .se2_input_wysiwyg{ width:100% !important;}

.borad_write_pop .borad_view_wrap .box_btn.bottom { float:right; width:auto; margin:30px 0 0 0; overflow:hidden; clear:both; }
.borad_write_pop .borad_view_wrap .box_btn.bottom .cm_btn_line { float:left; width:60px; height:30px; line-height:28px; }
.borad_write_pop .borad_view_wrap .box_btn.bottom .cm_btn_line a { display:block; }
.borad_write_pop .borad_view_wrap .box_btn.bottom .cm_btn_bg { float:left; width:60px; height:30px; line-height:30px; }
.borad_write_pop .borad_view_wrap .box_btn.bottom .cm_btn_bg a { display:block; }
.borad_write_pop .borad_view_wrap .box_btn.bottom .btn_reset { margin-left:10px; }
.borad_write_pop .borad_view_wrap .box_btn.bottom .btn_list { float:right; }
.borad_write_pop .borad_view_wrap .btn_close_pop{ width:100%; height:50px; margin:30px 0; border:1px solid #ddd; border-radius:10px; background-color:#fff; color:#555; font-size:90%; font-weight:600; }
    

/*AS 종목*/
.popup_as_stock .popup_desc { position:relative; height:auto; max-height:calc(100vh - 200px); }
.popup_as_stock .box_info { width:100%; height:auto; padding:4px 15px; margin-top:25px; margin-bottom:20px; border-radius:10px; background:#f8f8f8; line-height:30px; box-sizing:border-box; overflow:hidden; }
.popup_as_stock .box_info .stock { float:left; font-size:95%; line-height:22px; }
.popup_as_stock .box_info .data { float:right; font-size:105%; line-height:22px; }
.popup_as_stock .list_wrap .list_cont{ border:1px solid #ddd; border-top:0; border-bottom:0; }
.popup_as_stock .list_wrap .list_cont:first-child { border-top:1px solid #ddd; }
.popup_as_stock .list_wrap .list_cont .box_tit { position:relative; padding:15px; border-bottom:1px solid #ddd; color:#777; font-size:95%; line-height:22px; }
.popup_as_stock .list_wrap .list_cont .box_tit .im { margin-right:3px; font-size:80%; vertical-align:middle; }
.popup_as_stock .list_wrap .list_cont .box_tit .box_btn { position:absolute; right:15px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.popup_as_stock .list_wrap .list_cont .box_tit .box_btn .im { font-size:95%; }
.popup_as_stock .list_wrap .list_cont .box_desc { display:none; padding:10px 15px; border-bottom:1px solid #ddd; background:#f4f5fa; font-size:95%; line-height:22px; }


/*슈퍼스타가2*/
.superstock_k2_popup { width:250px; background:#667685; margin:0 auto; box-shadow:0 0 7px #999; overflow:hidden; font-family:NanumSquare;}
.superstock_k2_popup.width {width:95%;}
.superstock_k2_popup.titbg {width:95%; background:#4e3e70;}
.superstock_k2_popup h2 {height:50px; line-height:50px; vertical-align:middle; padding:0 15px; font-size:95%; color:#fff; font-weight:500; position:relative;}
.superstock_k2_popup h2 button {position:absolute; right:15px; top:12px; width:25px; height:25px; line-height:25px; vertical-align:middle; border:1px solid #fff; border-radius:30px; cursor:pointer; background:none; color:#fff; font-size:15px; font-weight:600; text-align:center;}

.superstock_k2_popup .share_pop {padding:30px 15px 10px 15px; background:#fff; text-align:center; overflow:hidden;}
.superstock_k2_popup .share_pop li {display:inline-block; width:45px; height:45px; vertical-align:middle; position:relative; text-align:center; color:#fff; font-size:24px; font-weight:600; margin:0 5px; border-radius:5px;}
.superstock_k2_popup .share_pop li i {vertical-align:middle; line-height:45px;}
.superstock_k2_popup .share_pop li i.ka {color:#3b1f1e;}
.superstock_k2_popup .share_pop .facebook { border:1px solid #4b64aa; background:#4c69ba;}
.superstock_k2_popup .share_pop .kakao { border:1px solid #fcdd3b; background:#f9e000;}
.superstock_k2_popup .share_pop .never { border:1px solid #09bf37; background:#00c73c; font-family:'Malgun Gothic';}
.superstock_k2_popup .share_pop .copyurl {width:270px; text-align:left; display:flex; margin-top:15px; }
.superstock_k2_popup .share_pop .copyurl .input_copyurl {display:inline-block; width:130px; height:25px; padding:0 9px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; color:#333; line-height:25px; vertical-align:middle; text-decoration:none; border:1px solid #ccc; background:#f6f6f6; font-weight:normal;}
.superstock_k2_popup .share_pop .copyurl .btn_copyurl {display:inline-block; height:25px; margin-left:-1px; padding:0 7px; font-size:12px; text-align:center; line-height:28px; color:#333; text-decoration:none; vertical-align:middle; border:1px solid #ccc;}

.superstock_k2_popup .text {padding:13px; background:#fff; overflow:hidden; font-family:NanumGothic; font-size:70%; color:#666; line-height:22px; letter-spacing:-0.5px;}
.superstock_k2_popup .text b {display:block; color:#444;}
.superstock_k2_popup .text span {color:#d23030;}
.superstock_k2_popup .text .box_desc {padding:15px; margin-bottom:5px; border:1px solid #ddd;}
.superstock_k2_popup .text input[type=checkbox] {margin-right:5px; color:#d23030; vertical-align:middle; }
.superstock_k2_popup .text .btn_sunmit { display:block; width:100%; height:40px; margin-top:10px; border-radius:5px; border:1px solid #667685; color:#667685; line-height:40px; text-align:center;}
.superstock_k2_popup .text .btn_move { display:inline-block; margin:0 0 0 5px; font-size:100%; color:#777;}
.superstock_k2_popup .text h3 { font-family: Gulim; font-size: 12px; font-weight: bold; color:#41485f; }
.superstock_k2_popup .text ul, .superstock_k2_popup .text ol {margin-bottom:5px; }
.superstock_k2_popup .text ul li {font-family: Gulim; font-size: 11px; color: #667685; line-height: 19px; letter-spacing: -0.7px; padding-left:7px; position: relative; }
.superstock_k2_popup .text ol li {font-family: Gulim; font-size: 11px; color: #667685; line-height: 19px; letter-spacing: -0.7px; padding-left:0px; position: relative; }
.superstock_k2_popup .text ul li:before { position: absolute; left: 2.5px; top: 7px; width: 2px; height: 2px; background: #bdbdbd; content: "";  }

.superstock_k2_popup .challenger_info {width:100%; border: 1px solid #ccc; font-family: Gulim; font-size: 11px; line-height:18px;  }
.superstock_k2_popup .challenger_info tr th {width:18%; background: #f4f5f6; padding: 5px 5px 2px 5px; border: 1px solid #ddd; font-weight: normal; text-align: left; }
.superstock_k2_popup .challenger_info tr td { padding:7px 5px 3px 5px; color:#666; border: 1px solid #ddd; letter-spacing: -0.5px; box-sizing: border-box; vertical-align: middle; }

.superstock_k2_popup .popup_cont2 { background: #fff; padding: 10px; font-family: Gulim; }
.superstock_k2_popup .popup_cont2 li { font-size:11px; color: #667685; line-height:20px;}
.superstock_k2_popup .popup_cont2 .winner {100%; margin:0 auto; overflow:hidden;}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 320dpi), screen and (min-width:360px) {
    .winner img {display:inline-block; width:480px; height:100%; text-align:center;}}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 240dpi), screen and (max-width:420px) {
    .winner img {display:inline-block; width:100%; height:100%; text-align:center;}}

superstock_k2_popup.width .popup_cont2 .text_color_red { color: #e9240f; }


/*2020.11 UI개선 무료 라이브 강연 팝업*/
.popup_free_live { position:fixed; background:transparent !important; bottom:60px; width:100%; z-index:998; }

.popup_free_live .box_detail { display:none; width:100%; max-width:480px; height:auto; margin:0 auto; border-radius:10px 10px 0 0; background:#fff; box-shadow:-1px -2px 20px rgba(000,000,000,0.4); overflow:hidden; }
.popup_free_live .box_detail.on { display:block; }
.popup_free_live .box_detail .ic_onair { display:block; position:relative; width:calc(100% - 230px); padding:0 0 0 15px; margin-top:15px; font-size:0.938rem; line-height:22px; }

.popup_free_live .box_detail .slide_control { width:100%; margin-top:10px; margin-left:3px; overflow:hidden; }
.popup_free_live .box_detail .slide_control li { float:left; display:inline-block; position:relative; width:auto; height:20px; padding:0 8px ;margin:0 7px; color:#999; font-size:0.813rem; font-weight:400; line-height:20px; box-sizing:border-box; text-align:center; }
.popup_free_live .box_detail .slide_control li.on { color:#222; font-weight:600; }
.popup_free_live .box_detail .slide_control li.on:before { display:block; content:''; position:absolute; top:0; right:0; width:3px; height:3px; border-radius:50%; background:#ff7500; }

.popup_free_live .box_detail .list_wrap { width:100%; height:auto; margin:0 !important; margin-top:10px !important; z-index:1; }
.popup_free_live .box_detail .list_wrap li { display:none; width:100%; background:transparent !important; }
.popup_free_live .box_detail .list_wrap li.on { display:block; }

.popup_free_live .box_detail .box_thumb { position:relative; height:auto; padding:0 15px; overflow:hidden; }
.popup_free_live .box_detail .box_thumb .cm_thumb_wrap { display:block; position:relative; width:100%; height:auto;}
.popup_free_live .box_detail .box_thumb .cm_thumb_wrap img { display:block; width:100%; z-index:1; }
.popup_free_live .box_detail .box_thumb .box_desc { width:100%; font-size:0.813rem; font-weight:600; line-height:40px; z-index:2; overflow:hidden; }
.popup_free_live .box_detail .box_thumb .box_desc .time { display:inline-block; margin-left:20px; font-size:0.813rem; font-weight:400; line-height:40px; }
.popup_free_live .box_detail .box_thumb .box_desc .badge { display:inline-block; float:right; margin-top:0; }
.popup_free_live .box_detail .box_thumb .box_desc .badge span { vertical-align:middle;  }
.popup_free_live .box_detail .box_thumb .box_desc .badge .cm_badge { margin-right:5px; margin-top:10px; }
.popup_free_live .box_detail .box_thumb .box_desc .cm_color_red { float:right; }

.popup_free_live .btn_more  { height:40px; border-top:1px solid #ededed; color:#777; font-size:0.813rem; line-height:40px; text-align:center; cursor:pointer; }
.popup_free_live .btn_more  .im { margin:0 0 0 3px; font-size:85%; vertical-align:middle; }

.popup_free_live .box_summary { position:fixed; right:15px; top:calc(100vh - 140px); opacity:0; }
.popup_free_live .box_summary.on { opacity:1; }
.popup_free_live .box_summary .ic_onair { display:block; width:150px; height:40px; padding:0 0 0 26px; border-radius:20px; background:#ededed; font-size:0.813rem; line-height:40px; box-shadow:-1px -2px 20px rgba(000,000,000,0.4); }
.popup_free_live .box_summary .ic_onair:before { display:block; content:''; position:absolute; left:15px; top:17px; width:5px; height:5px; border-radius:50%; background:#ff7500; opacity:0; animation:livePop_show_01 0.8s 0s infinite linear;  -webkit-animation:livePop_show_01 0.8s 0s infinite linear; }


.popup_free_live .box_summary .list_wrap { position:absolute; top:-15px; right:0; width:50px; height:50px; padding:10px 0; background:#fff; border-radius:50%; overflow:hidden; }
.popup_free_live .box_summary .list_wrap li {  float:left; width:50px; height:30px; margin-bottom:15px; color:#ff7500; font-size:0.688rem; line-height:15px; }
.popup_free_live .box_summary .list_wrap li a { display:table-cell; width:50px; height:30px; padding:0 5px; text-align:center; vertical-align:middle; overflow:hidden; }
 
@keyframes livePop_show_01 {
    0% { opacity:0; }
    50% { opacity:1; }
    70% { opacity:1; }
    100% { opacity:0; }
}
@keyframes livePop_show_02 {
    0% { width:30px; }
    100% { width:auto; padding:0 10px; background:#2e2e72; color:#fff; font-weight:600; }
}


/*커리큘럼 팝업*/
.popup_curriculum .popup_wrap { position:relative; height:auto; }
.popup_curriculum .popup_wrap .popup_top { padding-right:30px; }
.popup_curriculum .popup_wrap .popup_desc { max-height:60vh; border:1px solid #ddd; border-top:0; }
.popup_curriculum .popup_desc table { width:100%; text-align:left; }
.popup_curriculum .popup_desc table th { padding:10px; border-bottom:1px solid #ddd; background:#f4f5fa; font-size:95%; font-weight:500; line-height:22px; }
.popup_curriculum .popup_desc table td { padding:15px; border-bottom:1px solid #ddd; color:#777; font-size:0.813rem; line-height:20px; }
.popup_curriculum .popup_desc table tr:last-of-type td { border-bottom:0; }
.popup_curriculum .popup_desc > p { padding:0 10px; color:#777; font-size:0.813rem; line-height:20px; }
.popup_curriculum .popup_desc > p:first-of-type { padding-top:25px; }
.popup_curriculum .popup_desc > p:last-of-type { padding-bottom:25px; }


/*구독상품선택 팝업*/
.popup_subscribe_choice .popup_wrap .popup_desc { position:relative; height:auto; max-height:60vh; }
.popup_subscribe_choice .popup_wrap .popup_desc .popup_info { margin-top:-1px; padding:25px 10px; border:1px solid #ddd; border-top:0; }
.popup_subscribe_choice .list_wrap { width:100%; border:1px solid #ddd; }
.popup_subscribe_choice .list_wrap .subscribe_list { width:100%; padding:10px 10px 15px 10px; border-bottom:1px dashed #ddd; }
.popup_subscribe_choice .list_wrap .subscribe_list:last-child { border-bottom:0; }
.popup_subscribe_choice .list_wrap .subscribe_list .cm_txt { display:block; line-height:24px; }
.popup_subscribe_choice .list_wrap .subscribe_list .cm_txt .ic_type { height:24px; padding:0 8px; margin-right:5px; border:1px solid #ddd; border-radius:12px; color:#ff7500; font-size:0.938rem; line-height:24px; }
.popup_subscribe_choice .list_wrap .subscribe_list .cm_txt + .cm_smtxt { display:block; }
.popup_subscribe_choice .list_wrap .subscribe_list .cm_btn_bg { display:block; width:100%; height:auto; padding:7px 0; line-height:22px; }
.popup_subscribe_choice .list_wrap .subscribe_list .cm_btn_bg span {  font-size:1.125rem; font-weight:normal; line-height:22px; }
.popup_subscribe_choice .list_wrap .subscribe_list .cm_btn_bg .sale { font-size:0.813rem; }
.popup_subscribe_choice .list_wrap .subscribe_list .cm_btn_bg .sale small{ font-size:0.688rem; }
.popup_subscribe_choice .list_wrap .subscribe_list .cm_btn_bg .pre_price { margin:0 3px 0 5px; opacity:0.8; font-size:0.688rem; text-decoration:line-through; }


/*구독 팝업*/
.popup_subscribe { top:0!important; }
.popup_subscribe .popup_wrap .popup_desc { position:relative; height:auto; max-height:calc(100vh - 330px); }
.popup_subscribe .box_noti { padding:10px; margin-top:20px; background-color:#f2f4f7; }
.popup_subscribe .box_noti .cm_txt { margin-bottom:5px; }
.popup_subscribe .box_noti .cm_smtxt.cm_color_red { margin-top:10px; }
.popup_subscribe .popup_desc .desc_top { border-bottom:1px solid #ddd; }
.popup_subscribe .popup_desc .desc_top p b.cm_txt { font-weight:700; }
.popup_subscribe .popup_desc .desc_top.hide { display:none; }

.popup_subscribe .popup_desc .desc_top + .div { border-top:1px solid #ddd; border-bottom:0; padding-top:25px; }

.popup_subscribe .popup_desc .price_list + .desc_top { border-top:1px solid #ddd; border-bottom:0; padding-top:15px; }

.popup_subscribe .popup_desc .cm_subtit span.cm_color_or { margin:0 3px; font-weight:normal; font-size:20px; vertical-align:middle; }

.popup_subscribe .popup_desc .price_list > li { margin-bottom:8px; list-style:none; overflow:hidden; }
.popup_subscribe .popup_desc .price_list > li:last-child { margin-bottom:0; }
.popup_subscribe .popup_desc .price_list li > span { display:block; float:left; font-size:0.938rem; line-height:22px; text-align:left; vertical-align:middle; }
.popup_subscribe .popup_desc .price_list li .txt { width:112px; font-size:0.938rem; font-weight:500; }
.popup_subscribe .popup_desc .price_list li .value { width:calc(100% - 112px); color:#222; font-weight:500; vertical-align:middle; }

.popup_subscribe .popup_desc .price_list li.pay_info .value { font-size:0.938rem; }
.popup_subscribe .popup_desc .price_list li.pay_method .txt { color:#777; }

.popup_subscribe .popup_desc .price_list li .box_detail { float:left; width:100%; padding:10px; margin-top:5px; border:1px solid #ddd; overflow:hidden; clear:both; }
.popup_subscribe .popup_desc .price_list li .box_detail.bg { padding:10px; background:#f2f4f7; }
.popup_subscribe .popup_desc .price_list li .box_detail .txt { width:101px; font-size:70%; line-height:16px; }
.popup_subscribe .popup_desc .price_list li .box_detail .value { width:calc(100% - 101px); font-size:80%; line-height:16px; }

.popup_subscribe .popup_desc .price_list li .box_detail input[type=radio] { display:none;}
.popup_subscribe .popup_desc .price_list li .box_detail input[type=radio] + label { display:block; position:relative;  padding-left:28px; margin:5px 0; font-size:95%; line-height:18px; vertical-align:middle; box-sizing:border-box; }
.popup_subscribe .popup_desc .price_list li .box_detail input[type=radio] + label.wide { max-width:100%; }
.popup_subscribe .popup_desc .price_list li .box_detail input[type=radio] + label:before { display:block; content:''; position:absolute; top:0; left:0; width:18px; height:18px; background:url('/images/common/ic_radio.png') no-repeat 0 0; background-size:100% auto; }
.popup_subscribe .popup_desc .price_list li .box_detail input[type=radio]:checked + label:before { background-position:0 -18px; }

.popup_subscribe .popup_desc .price_list li .box_detail + .cm_xsmtxt { float:left; }

.popup_subscribe .popup_desc .price_list li.pay_total .txt { color:#222; font-size:0.938rem; line-height:22px; }
.popup_subscribe .popup_desc .price_list li.pay_total .value { font-size:0.938rem; }
.popup_subscribe .popup_desc .price_list li.pay_total .value .cm_color_red{ display:inline-block; font-size:0.938rem; line-height:22px; vertical-align:middle; vertical-align:middle; }
.popup_subscribe .popup_desc .price_list li.pay_total .value .cm_color_bl{ display:inline-block; font-size:0.938rem; line-height:22px; vertical-align:middle;  vertical-align:middle; }
.popup_subscribe .popup_desc .price_list li.pay_total .value .cm_color_lg{ display:inline-block; font-size:0.813rem; line-height:22px; vertical-align:middle; }

/*동의하기 체크*/
.popup_subscribe .popup_desc .box_agree { padding:15px; border:1px solid #ddd; }
.popup_subscribe .popup_desc .box_agree li { margin-bottom:10px; }
.popup_subscribe .popup_desc .box_agree li { margin-bottom:10px; }
.popup_subscribe .popup_desc .box_agree li:last-child { margin-bottom:0; }
.popup_subscribe .popup_desc .box_agree input[type=checkbox] + label + a .cm_smtxt { display:inline-block; margin-left:28px; }

.popup_subscribe .popup_desc input[type=checkbox] { display:none; }
.popup_subscribe .popup_desc input[type=checkbox] + label { display:inline-block; position:relative; padding-left:28px; font-size:95%; line-height:18px; vertical-align:middle; box-sizing:border-box; }
.popup_subscribe .popup_desc input[type=checkbox] + label.wide { max-width:100%; }
.popup_subscribe .popup_desc input[type=checkbox] + label:before { display:block; content:''; position:absolute; top:0; left:0; width:18px; height:18px; background:url('/images/common/ic_checkbox.jpg') no-repeat 0 0; background-size:100% auto; }
.popup_subscribe .popup_desc input[type=checkbox]:checked + label:before { background-position:0 -18px; }

/*쿠폰선택*/
.popup_subscribe .popup_desc .box_coupon .cm_tab { overflow:hidden; }
.popup_subscribe .popup_desc .box_coupon .cm_tab:before { display:none;}
.popup_subscribe .popup_desc .box_coupon .cm_tab li { float:left; width:50%; padding:10px 0; background:#f4f5fa; font-size:0.938rem; line-height:20px; text-align:center; overflow:hidden }
.popup_subscribe .popup_desc .box_coupon .cm_tab li.on { background:#222; color:#fff; }
.popup_subscribe .popup_desc .box_coupon .cm_tab li strong { display:inline-block; margin-left:3px; font-size:0.813rem; line-height:20px; vertical-align:middle; }

.popup_subscribe .popup_desc .box_coupon .cm_tab li.auto { float:left; width:100%; padding:10px 0; background:#f4f5fa; font-size:0.938rem; line-height:20px; text-align:center; overflow:hidden }
.popup_subscribe .popup_desc .box_coupon .cm_tab li.auto.on { background:#222; color:#fff; }
.popup_subscribe .popup_desc .box_coupon .cm_tab li.auto strong { display:inline-block; margin-left:3px; font-size:0.813rem; line-height:20px; vertical-align:middle; }

.popup_subscribe .popup_desc .box_coupon .list_wrap { border:1px solid #ddd; border-top:0; }
.popup_subscribe .popup_desc .box_coupon .list_wrap li p input[type=radio] { display:none;}
.popup_subscribe .popup_desc .box_coupon .list_wrap li p input[type=radio] + label { display:block; position:relative;  padding-left:28px; margin:5px 0; font-size:95%; line-height:18px; vertical-align:middle; box-sizing:border-box; }
.popup_subscribe .popup_desc .box_coupon .list_wrap li p input[type=radio] + label.wide { max-width:100%; }
.popup_subscribe .popup_desc .box_coupon .list_wrap li p input[type=radio] + label:before { display:block; content:''; position:absolute; top:0; left:0; width:18px; height:18px; background:url('/images/common/ic_radio.png') no-repeat 0 0; background-size:100% auto; }
.popup_subscribe .popup_desc .box_coupon .list_wrap li p input[type=radio]:checked + label:before { background-position:0 -18px; }

.popup_subscribe .popup_desc .box_coupon .coupon_list { padding:10px; box-sizing:border-box; overflow:hidden; }
.popup_subscribe .popup_desc .box_coupon .coupon_list + .coupon_list { padding-top:0; }
.popup_subscribe .popup_desc .box_coupon .coupon_list .tit { margin:0 0 10px 0; font-size:80%; font-weight:500; line-height:20px; }
.popup_subscribe .popup_desc .box_coupon .coupon_list .box_quantity { overflow:hidden; }
.popup_subscribe .popup_desc .box_coupon .coupon_list .box_quantity .txt_quantity { display:inline-block; color:#ff7500; font-size:0.938rem; line-height:30px; vertical-align:middle; }
.popup_subscribe .popup_desc .box_coupon .coupon_list .box_quantity .box_count { float:right; overflow:hidden; }
.popup_subscribe .popup_desc .box_coupon .coupon_list .box_quantity .box_count input { display:block; float:left; width:30px; height:30px; border:1px solid #ddd; background:#fff; font-size:0.938rem; line-height:30px; text-align:center; }
.popup_subscribe .popup_desc .box_coupon .coupon_list .box_quantity .box_count input[type=text] { min-width:60px; border-right:0; border-left:0;  }
.popup_subscribe .box_coupon + .price_list { margin-top:17px; }


.popup_subscribe.method_choice .popup_desc .desc_top + div > .price_list:first-child { border-top:0; padding-top:0; }


/*게임조아조언서비스 지난 게시글 구독 팝업*/
.popup_last_subscribe .popup_desc { position:relative; height:auto; max-height:525px; padding-right:10px; }
.popup_last_subscribe .box_year .cm_txt{ margin-top:15px; }

.popup_last_subscribe .popup_info .cm_txt { color:#222; }

.popup_last_subscribe .box_month { margin-top:10px; overflow:hidden; }
.popup_last_subscribe .box_month li { float:left; width:33.33%; height:40px; text-align:center;}
.popup_last_subscribe .box_month li:nth-child(3n - 1) { width:33.34%; }
.popup_last_subscribe .box_month li:nth-child(1) { border-top:1px solid #ddd; }
.popup_last_subscribe .box_month li:nth-child(2) { border-top:1px solid #ddd; }
.popup_last_subscribe .box_month li:nth-child(3) { border-top:1px solid #ddd; }
.popup_last_subscribe .box_month li:nth-child(3n) { border-right:1px solid #ddd; }
.popup_last_subscribe .box_month li:nth-child(3n - 1) { border-right:1px solid #ddd; border-left:1px solid #ddd; }
.popup_last_subscribe .box_month li:nth-child(3n - 2) { border-left:1px solid #ddd; }
.popup_last_subscribe .box_month li:last-child { border-right:1px solid #ddd; }
.popup_last_subscribe .box_month li input[type=checkbox] { display:none; }
.popup_last_subscribe .box_month li input[type=checkbox] + label { display:block; width:100%; height:100%; padding-top:1px; padding-left:0; border-bottom:1px solid #ddd; background:#f4f5fa; color:#999; font-size:95%; line-height:40px; box-sizing:border-box; }
.popup_last_subscribe .box_month li input[type=checkbox] + label:before { display:none; }
.popup_last_subscribe .box_month li input:checked + label { background:#222; color:#fff; }

.popup_last_subscribe .pay_total { border-top:1px solid #ddd; padding-top:20px; }
.popup_last_subscribe .pay_total span { display:block; float:left; font-weight:500;  vertical-align:middle; }
.popup_last_subscribe .pay_total .txt { width:144px; font-size:115%; line-height:26px; }
.popup_last_subscribe .pay_total .value { width:calc(100% - 144px);  font-size:125%; line-height:26px; vertical-align:middle; text-align:right; }
.popup_last_subscribe .pay_total .value .cm_xsmtxt { display:inline-block; font-family:'Noto Sans KR'; vertical-align:middle; }


/*구독 확인 팝업*/
.popup_subscribe_confirm { top:0 !important; }
.popup_subscribe_confirm .popup_wrap { height:auto; }
.popup_subscribe_confirm .popup_wrap .popup_desc { max-height:60vh; }
.popup_subscribe_confirm .product_info {  }
.popup_subscribe_confirm .product_info .box_info { padding:15px; border-radius:10px; border:1px solid #ddd; }
.popup_subscribe_confirm .product_info .box_info .box_cont + .box_cont { margin-top:5px } 
.popup_subscribe_confirm .product_info .box_info .box_cont { display:-webkit-box; display:-ms-flexbox; display:flex; gap:10px; justify-content:space-between; }
.popup_subscribe_confirm .product_info .box_info .box_cont span { -webkit-flex:1 1 auto; -ms-flex:1; flex: 1 1 auto; color:#777; }
.popup_subscribe_confirm .product_info .box_info .box_cont span.label { -webkit-flex:1 0 50px; -ms-flex:1; flex: 1 0 50px; width:50px;}
.popup_subscribe_confirm .product_info .box_info .box_cont .value { text-align:right; }
.popup_subscribe_confirm .box_benefit ul li { position:relative; padding-left:55px; margin-top:10px; color:#777; font-size:0.813rem; line-height:20px; vertical-align:middle; }
.popup_subscribe_confirm .box_benefit ul li:first-child { margin-top:0; }
.popup_subscribe_confirm .box_benefit ul li .ic { display:inline-block; position:absolute; top:0; left:0; height:20px; padding:0 9px; border:1px solid #ddd; border-radius:13px; color:#ff7500; font-size:0.813rem; line-height:20px; vertical-align:middle; }
/*구)구독정보테이블*/
.popup_subscribe_confirm .info_subscribe { width:100%; box-sizing:border-box; border-top:2px solid #222; text-align:left; }
.popup_subscribe_confirm .info_subscribe tbody tr th { padding:10px 12px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f2f4f7; color:#777; font-size:80%; font-weight:500; line-height:20px; }
.popup_subscribe_confirm .info_subscribe tbody tr td { padding:10px 12px; border-bottom:1px solid #ddd; font-size:80%; line-height:20px; }


/*포인트 충전 팝업*/
.popup_point_charge .popup_desc { position:relative; height:auto; max-height:calc(100vh - 330px); }
.popup_point_charge .popup_desc .logo img { display:block; width:auto; height:34px; margin:0 auto; }
.popup_point_charge .popup_desc .value .cm_color_red { margin-right:8px; }
.popup_point_charge .popup_desc .value small { display:inline-block; margin-left:0 !important; }

.popup_point_charge .logo img { display:block; width:auto; height:34px; margin:0 auto; }
.popup_point_charge .cm_txt { margin-top:10px; }
.popup_point_charge .cm_txt + .cm_xsmtxt { margin-bottom:21px; word-break:keep-all; }

.popup_point_charge .cm_form.select { float:none; width:100%; height:40px; font-size:95%; line-height:38px; }
.popup_point_charge .noti { margin-top:20px; color:#777; font-size:80%; line-height:20px; text-align:left; }
.popup_point_charge .noti .im { margin-right:3px; font-size:100%; vertical-align:middle; }

.popup_point_charge .box_point { display:flex; height:auto; margin-top:13px; overflow:hidden; }
.popup_point_charge .box_point li { flex:1 1 auto; height:40px; border-bottom:1px solid #ddd; background:#f4f5fa; color:#999; font-size:95%; line-height:40px; text-align:center; box-sizing:border-box; }
.popup_point_charge .box_point li.on { border:0; background:#222; color:#fff; }
.popup_point_charge .box_point li:nth-child(1) { border-top:1px solid #ddd; }
.popup_point_charge .box_point li:nth-child(2) { border-top:1px solid #ddd; }
.popup_point_charge .box_point li:nth-child(3) { border-top:1px solid #ddd; }
.popup_point_charge .box_point li:nth-child(3n) { border-right:1px solid #ddd; }
.popup_point_charge .box_point li:nth-child(3n - 1) { border-right:1px solid #ddd; border-left:1px solid #ddd; }
.popup_point_charge .box_point li:nth-child(3n - 2) { border-left:1px solid #ddd; }


.popup_point_charge .box_point .empty { border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#f4f5fa; }

.popup_point_charge .box_charge { margin-top:20px; }
.popup_point_charge .box_charge li { margin-bottom:8px; text-align:left; overflow:hidden; }
.popup_point_charge .box_charge li span { display:block; float:left; width:110px; color:#777; font-size:95%; line-height:22px; }
.popup_point_charge .box_charge li .value { width:calc(100% - 110px); padding-left:17px; color:#222; font-size:105%; }
.popup_point_charge .box_charge li:last-child { margin-bottom:0; }
.popup_point_charge .box_charge li:last-child span { color:#222; font-size:115%; line-height:26px; }
.popup_point_charge .box_charge li:last-child .value { font-size:125%; }
.popup_point_charge .box_charge li:last-child span small { margin-left:8px; font-size:65%; font-family:'Noto Sans KR'; vertical-align:bottom; }

.popup_point_charge .box_info { padding:20px; margin-top:20px; background:#f2f4f7; color:#777; font-size:80%; line-height:20px; word-break:keep-all; text-align:left; }

.popup_point_charge .box_btn { position:fixed; left:0; bottom:0; width:100%; padding:25px 15px 32px 15px; background:#fff; overflow:hidden; }
.popup_point_charge .box_btn a { float:left; width:calc(50% - 5px); height:45px; border-radius:5px; font-size:80%; font-weight:600; font-size:95%; text-align:center;  }
.popup_point_charge .box_btn .btn_reset { margin-right:10px; border:1px solid #ddd; background-color:#fff; color:#222; line-height:44px; }
.popup_point_charge .box_btn .btn_submit { background-color:#222; color:#fff; line-height:45px; }


/*청약 철회 및 계약 해지 안내*/
.popup_contract_cancel p.cm_smtxt { color:#777; }


/*다음주 TOP3 멘토*/
.popup_top3_mentor .popup_wrap .popup_desc .tit { margin:0 !important; font-size:90%; }
.popup_top3_mentor .popup_wrap .popup_desc .list_cont.vertical04 .mentor_img img { height:auto; max-height:90%; }


/*달력 팝업*/
.popup_calendar { }

.popup_calendar .popup_wrap .popup_desc { max-height:60vh; padding-bottom:25px; }

.popup_calendar .popup_top .btn_arrow { display:inline-block; width:24px; height:24px; vertical-align:bottom; text-align:center; }
.popup_calendar .popup_top .btn_arrow .im { font-size:90%; line-height:24px; vertical-align:middle; }
.popup_calendar .popup_top .btn_arrow:hover { color:#ff7500; }
.popup_calendar .popup_top .btn_prev { margin-right:6px;  }
.popup_calendar .popup_top .btn_next { margin-left:6px; }

.popup_calendar .calendar_table { width:100%; table-layout:fixed; }
.popup_calendar .calendar_table  thead th { border-bottom:1px solid #ddd; color:#999; font-size:80%; font-weight:500; line-height:30px; text-align:center; }
.popup_calendar .calendar_table  tbody td { height:42px; padding:5px 5px 0;  border-bottom:1px solid #ddd; color:#777; font-size:80%; line-height:20px; text-align:center; vertical-align:top; }
.popup_calendar .calendar_table  tbody td .box_ic { min-height:15px; font-size:95%; line-height:15px; text-align:center; }
.popup_calendar .calendar_table  tbody td .box_ic .ic { display:inline-block; width:5px; height:5px; margin-top:5px; border-radius:50%; background:#2e2d72; line-height:15px; vertical-align:middle; }
.popup_calendar .calendar_table  tbody td .box_ic .ic.free { background:#e8373d;  }
.popup_calendar .calendar_table  tbody td .box_ic .ic.broadcast { margin-right:3px; margin-top:0; border:1px solid #e8373d; background:#fff; box-sizing:border-box; }
.popup_calendar .calendar_table  tbody td .box_ic.broadcast { color:#e8373d!important; }

.popup_calendar .box_txt { text-align:right; overflow:hidden; }
.popup_calendar .box_txt .ic { position:relative; display:inline-block; padding-left:7px; margin-right:10px; font-size:70%; line-height:20px; font-weight:500; vertical-align:middle; }
.popup_calendar .box_txt .ic::before { display:block; content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); width:5px; height:5px; border-radius:50%; background:#282b62; }
.popup_calendar .box_txt .ic.free { margin-right:0;  }
.popup_calendar .box_txt .ic.free:before { background:#e8373d; }
.popup_calendar .box_txt .ic.broadcast:before { background:#fff; border:1px solid #e8373d; box-sizing:border-box; }
.popup_calendar .box_txt .dday { float:left; font-weight:500; font-size:80%; line-height:24px; }

.popup_calendar .calendar_list { width:100%; table-layout:fixed; }
.popup_calendar .calendar_list tr td { padding-top:5px !important; }
.popup_calendar .calendar_list tr td:nth-of-type(2) { padding:0 15px; font-size:80%; line-height:20px; text-align:left; }
.popup_calendar .calendar_list tr td:nth-of-type(3) { font-size:80%; line-height:20px; text-align:right; }
.popup_calendar .calendar_list tr td .badge { display:block; width:100%; height:20px; background:#ebf1f7; color:#2e2d72; font-size:70%; line-height:20px; text-align:center; }
.popup_calendar .calendar_list tr td .badge.free { background:#e8373d; color:#fff; }
.popup_calendar .calendar_list tr td .badge.broadcast { border:1px solid #e8373d; background:#fff; color:#e8373d; line-height:19px; }


/*가입혜택*/
.popup_joinbenefit .popup_wrap { top:30px; }
.popup_joinbenefit .popup_wrap .popup_desc { position:relative; height:auto; max-height:60vh; }
.popup_joinbenefit .popup_desc .btn_move { display:inline-block; height:30px; padding:0 15px; margin-top:10px; margin-bottom:5px; border-radius:15px; border:1px solid #ddd; color:#222; font-family:80%; line-height:32px; text-align:center; overflow:hidden; }
.popup_joinbenefit .popup_desc .btn_move .im { margin:0 0 0 3px; font-size:90%; vertical-align:middle; }
.popup_joinbenefit .popup_desc .list_wrap { overflow:hidden; }
.popup_joinbenefit .popup_desc .list_wrap .coupon_list { padding:10px 15px; margin-top:10px;  background-color:#f8f8f8; }
.popup_joinbenefit .popup_desc .list_wrap .coupon_list:first-of-type { margin-top:0; }
.popup_joinbenefit .popup_desc .list_wrap .coupon_list .box_tit { display:block; padding:0 0 5px 0; margin-bottom:8px; border-bottom:1px dashed #ddd; font-size:95%; line-height:22px; }
.popup_joinbenefit .popup_desc .list_wrap .coupon_list .box_desc { font-size:75%; line-height:18px; }
.popup_joinbenefit .popup_desc .list_wrap .coupon_list .box_desc .cm_color_bk { font-weight:600; }

.popup_joinbenefit .popup_desc .list_wrap.small .coupon_list { float:left; width:calc(50% - 5px); padding:10px 15px; margin-right:10px; margin-top:10px; border:1px dashed #ddd;  background-color:#f8f8f8; }
.popup_joinbenefit .popup_desc .list_wrap.small .coupon_list:nth-child(1) { margin-top:0; }
.popup_joinbenefit .popup_desc .list_wrap.small .coupon_list:nth-child(2) { margin-top:0; }
.popup_joinbenefit .popup_desc .list_wrap.small .coupon_list:nth-child(2n) { margin-right:0; }
.popup_joinbenefit .popup_desc .list_wrap.small .coupon_list .box_tit { padding:0; margin-bottom:0; border-bottom:0; word-break:keep-all; font-size:80%; line-height:20px; }
.popup_joinbenefit .popup_desc .list_wrap.small .coupon_list .box_tit .cm_color_or { font-size:125%; line-height:22px; }

.popup_joinbenefit .box_noti { padding-top:20px; margin-top:20px; border-top:1px solid #ddd; color:#999; font-size:70%; line-height:16px; }


/*선물투자 팝업*/
.popup_futures_info {  }
.popup_futures_info .popup_wrap .popup_top { border-bottom:0; }
.popup_futures_info .popup_wrap .box_info { padding:10px; border:1px solid #ddd; background:#f2f4f7; color:#999; font-size:80%; line-height:20px; }
.popup_futures_info .popup_wrap .popup_desc { max-height:65vh; }
.popup_futures_info .popup_wrap .popup_desc .cm_txt { display:block; padding-bottom:5px; border-bottom:2px solid #222; }
.popup_futures_info .popup_wrap .popup_desc .cm_txt + img { display:block; width:100%; height:auto; }

.popup_futures_info .futures_info { border:1px solid #ddd; border-bottom:0; table-layout:fixed; }
.popup_futures_info .futures_info tr > * { border-bottom:1px solid #ddd; padding:10px 15px; font-weight:500; font-size:80%; line-height:20px; word-break:keep-all; }
.popup_futures_info .futures_info th { background:#f4f5fa; text-align:left; vertical-align:top; }

.popup_futures_info .futures_circle { padding:0 10px; overflow:hidden; text-align:center; }
.popup_futures_info .futures_circle li { display:inline-block; position:relative; width:66px; height:66px; border-radius:50%; background:#f2f4f7; text-align:center; overflow:hidden; }
.popup_futures_info .futures_circle li:first-child { background:#ccc; }
.popup_futures_info .futures_circle li span { display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; padding:0 5px; font-size:70%; font-weight:500; line-height:16px; word-break:keep-all; }


/*레이더 무료이용 혜택*/
.popup_themerada .popup_desc { position:relative; height:auto; max-height:calc(100vh - 330px); }
.popup_themerada .box_benefit{ padding:10px; border:1px solid #ddd; background-color:#f4f5fa;}
.popup_themerada .cm_form_wrap { width:100%; }
.popup_themerada .cm_form_wrap .cm_form.text02 { float:left; width:calc(100% - 68px); height:35px; line-height:35px; }
.popup_themerada .cm_form_wrap .cm_btn_bg { float:left; margin-left:10px; width:58px; height:35px; font-size:95%; line-height:35px;}
.popup_themerada .box_noti { padding:10px; margin-top:20px; background-color:#f2f4f7; }


/*이용후기 등록 완료*/
.popup_review_write .popup_desc { position:relative; height:auto; max-height:calc(100vh - 330px); }
.popup_review_write .box_txt { margin-top:25px; font-size:18px; line-height:26px; text-align:center; }
.popup_review_write .box_txt b { font-size:25px; line-height:36px; }
.popup_review_write .box_txt strong { display:inline-block; margin-top:10px; font-size:25px; line-height:36px; }

.popup_review_write .box_add { display:block; position:relative; padding:10px; padding-right:45px; border:1px solid #ddd; background:#f4f5fa; }
.popup_review_write .box_add .im { position:absolute; right:10px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); font-size:100%; }
.popup_review_write .box_add + .box_add { border-top:0; }


/*컨텐츠 이용동의 팝업*/
.popup_agree_contents .box_desc { padding:10px; border:1px solid #ddd; background:#f4f5fa; }
.popup_agree_contents .box_desc .cm_xsmtxt { display:block; }
.popup_agree_contents .box_desc .cm_color_or { font-size:125%; line-height:26px; }
.popup_agree_contents .box_desc b { font-weight:700; }


/*만족도 평가*/
.popup_satisfaction .popup_desc { position:relative; height:auto; max-height:calc(100vh - 300px); }
.popup_satisfaction .box_txt { margin-top:25px; font-size:95%; line-height:22px; text-align:center; }
.popup_satisfaction .box_txt b { font-size:115%; line-height:26px; }
.popup_satisfaction .box_txt strong { display:inline-block; margin-top:10px; font-size:115%; line-height:26px; }
.popup_satisfaction .list_wrap { overflow:hidden; border:1px solid #ddd; overflow:hidden; }
.popup_satisfaction .list_wrap .list_cont { float:left; position:relative; width:33.33%; height:110px; padding:10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#777; }
.popup_satisfaction .list_wrap .list_cont:nth-child(3n) { border-right:0; border-bottom:1px solid #ddd }
.popup_satisfaction .list_wrap .list_cont:nth-child(4) { border-bottom:0;}
.popup_satisfaction .list_wrap .list_cont:nth-child(5) { border-bottom:0;}
.popup_satisfaction .list_wrap .list_cont .score { display:block; margin-top:40px; font-size:95%; line-height:20px; }
.popup_satisfaction .list_wrap .list_cont .txt { display:block; margin-top:5px; font-size:80%; line-height:20px; }
.popup_satisfaction .list_wrap .list_cont .im { position:absolute; top:10px; right:10px; color:#999; font-size:15px;}
.popup_satisfaction .list_wrap .list_cont.on { color:#222; }
.popup_satisfaction .list_wrap .list_cont.on .im { color:#222; }

.popup_satisfaction .box_add { display:block; position:relative; padding:10px; padding-right:45px; border:1px solid #ddd; background:#f4f5fa; }
.popup_satisfaction .box_add .im { position:absolute; right:10px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); font-size:80%; }


/*후원하기 팝업*/
.popup_support .popup_desc { position:relative; height:auto; max-height:calc(100vh - 330px); }
.popup_support .noti .im { margin:0 3px 0 0; padding-left:3px; font-size:90%; vertical-align:middle; }

.popup_support .pay_total { overflow:hidden; }
.popup_support .pay_total span { display:block; float:left; font-weight:500; line-height:26px; vertical-align:middle; }
.popup_support .pay_total .txt { width:112px; line-height:26px; font-size:115% !important; line-height:26px; }
.popup_support .pay_total .value { width:calc(100% - 112px); font-size:125%; line-height:26px; vertical-align:middle; } 

.popup_support .box_point { margin-top:10px; overflow:hidden; }
.popup_support .box_point li { float:left; width:33.3%; height:40px; text-align:center;}
.popup_support .box_point li:nth-child(3n - 1) { width:33.4%; }
.popup_support .box_point li input[type=radio] { display:none; }
.popup_support .box_point li a { display:block; width:100%; height:100%; padding-top:1px; border-bottom:1px solid #ddd; background:#f4f5fa; color:#999; font-size:95%; line-height:40px; box-sizing:border-box; }
.popup_support .box_point li a:active { background:#222; color:#fff; }
.popup_support .box_point li:nth-child(1) a { border-top:1px solid #ddd; }
.popup_support .box_point li:nth-child(2) a { border-top:1px solid #ddd; }
.popup_support .box_point li:nth-child(3) a { border-top:1px solid #ddd; }
.popup_support .box_point li:nth-child(3n) a { border-right:1px solid #ddd; }
.popup_support .box_point li:nth-child(3n - 1) a { border-right:1px solid #ddd; border-left:1px solid #ddd; }
.popup_support .box_point li:nth-child(3n - 2) a { border-left:1px solid #ddd; }

.popup_support .popup_wrap  .cm_form.text01 { display:inline-block; float:right; width:calc(100% - 144px); height:auto; border:0; background:#fff; color:#373fe8; font-size:20px !important; line-height:26px; text-align:right; }
.popup_support .cm_form.textarea { margin-top:10px; height:124px; }


/*후원 안내 팝업*/
.popup_support_info .popup_wrap .popup_desc { max-height:320px; }
.popup_support_info .cm_color_bk .cm_color_or {  font-size:110%; }
.popup_support_info .box_noti { padding:25px 10px; margin-top:20px; background-color:#f2f4f7; }
.popup_support_info .box_noti .cm_txt { margin-bottom:5px; }
.popup_support_info .box_noti .cm_xsmtxt.cm_color_red { margin-top:10px; }


/*주식리딩 상세 > 채팅 리딩 이용 방법*/
.popup_leading_guide .popup_wrap .popup_desc { max-height:60vh; padding-right:5px; }
.popup_leading_guide .cm_smtxt small { font-size:; }
.popup_leading_guide .cm_smtxt.cm_color_dg { padding:10px; border:1px solid #ddd; background:#f4f5fa; }
.popup_leading_guide .box_img { display:block; width:100%; height:auto; overflow:hidden; }


/*주식리딩 상세 > 최근 투자 종목*/
.popup_recent_stock .popup_wrap .popup_desc { max-height:60vh; padding:0 5px; }

.popup_recent_stock .list_wrap { width:100% !important; border:1px solid #ddd; border-bottom:0; }
.popup_recent_stock .list_wrap .list_cont { float:none; padding:8px 14px; border-bottom:1px solid #ddd; background:#f8f8f8; overflow:hidden; }
.popup_recent_stock .list_wrap .list_cont .stock { float:left; width:73%; text-align:left; }
.popup_recent_stock .list_wrap .list_cont .cm_xsmtxt { margin-bottom:0!important; padding-bottom:0!important; }
.popup_recent_stock .list_wrap .list_cont .stock .cm_smtxt { display:-webkit-box; height:20px; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; overflow:hidden; }
.popup_recent_stock .list_wrap .list_cont .value { display:block; float:left; width:calc(27% - 10px); margin-left:10px; color:#777; text-align:right; }
.popup_recent_stock .list_wrap .list_cont .value > * { display:block; }
.popup_recent_stock .list_wrap .list_cont .value strong small { font-size:; }
.popup_recent_stock .list_wrap .list_cont.up { background:#ffefef; }
.popup_recent_stock .list_wrap .list_cont.up .value { color:#ee3128 }
.popup_recent_stock .list_wrap .list_cont.down { background:#ececf4; }
.popup_recent_stock .list_wrap .list_cont.down .value { color:#373fe8; }
.popup_recent_stock .btn_more { display:block; width:100px; height:22px; margin:10px auto 0 auto; color:#777; font-size:95%; line-height:22px; text-align:center; }
.popup_recent_stock .btn_more .im { font-size:90%; vertical-align:middle; }


/*주식리딩 상세 > 채팅 리딩 미리 보기*/
.popup_leading_preview .popup_wrap .popup_desc { max-height:350px; }
.popup_leading_preview .box_tit { position:relative; height:40px; padding:10px 0; border-bottom:1px solid #ddd; overflow:hidden; }
.popup_leading_preview .box_tit .cm_smtxt { display:block; width:calc(100% - 48px); }
.popup_leading_preview .box_tit .box_arrow { position:absolute; top:50%; right:5px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:50px; height:24px; border:1px solid #ddd; overflow:hidden; }
.popup_leading_preview .box_tit .box_arrow a { display:block; position:relative; width:100%; height:100%; text-align:center; }
.popup_leading_preview .box_tit .box_arrow .btn_arrow { float:left; width:24px; height:24px; }
.popup_leading_preview .box_tit .box_arrow .btn_arrow .im { position:absolute; top:50%;left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); color:#999; font-size:80%;  }
.popup_leading_preview .box_tit .box_arrow .btn_arrow.btn_left { border-right:1px solid #ddd; }

.popup_leading_preview .box_img { padding:15px 5px 0 5px; }
.popup_leading_preview .box_img img { display:none !important; max-width:100%; height:auto; }
.popup_leading_preview .box_img img.on { display:block !important; }


/*T-SSA 선정종목: 챌린저 프로필 팝업*/
.popup_challenger_profile .popup_wrap { top:10px; padding:0; max-height:90%; }
.popup_challenger_profile .box_profile { position:relative; height:161px; padding:30px 15px; background-color:#f4f5fa; }
.popup_challenger_profile .box_profile .btn_close { position:absolute; top:20px; right:15px; }
.popup_challenger_profile .box_profile .btn_close .im { font-size:125%; line-height:17px; }
.popup_challenger_profile .box_profile .cm_thumb_wrap { width:60px; height:60px; margin:0 auto; border:1px solid #ededed; border-radius:5px; overflow:hidden; }
.popup_challenger_profile .box_profile .cm_thumb_wrap img { display:block; width:100%; height:100%; }
.popup_challenger_profile .box_profile .cm_subtit { font-weight:600; text-align:center; }
.popup_challenger_profile .box_profile .cm_subtit { font-weight:600; text-align:center; }
.popup_challenger_profile .box_profile .box_info {  padding:12px 12px 9px 12px; margin-bottom:-31px; border-radius:10px; background:#fff; overflow:hidden; }
.popup_challenger_profile .box_profile .box_info .ic_emblem { float:left; width:31px; height:36px; margin-right:5px; background:url('/images/sub/ic-emblem-pro.png') no-repeat center; background-size:contain;  }
.popup_challenger_profile .box_profile .box_info .ic_emblem.pro { background-image:url('/images/sub/ic-emblem-pro.png'); }
.popup_challenger_profile .box_profile .box_info .ic_emblem.ama { background-image:url('/images/sub/ic-emblem-ama.png'); }
.popup_challenger_profile .box_profile .box_info .ic_emblem.rok { background-image:url('/images/sub/ic-emblem-rookie.png'); }
.popup_challenger_profile .box_profile .box_info .cm_xsmtxt { display:block; float:left; width:calc(100% - 36px); color:#e8343f; }
.popup_challenger_profile .box_profile .box_info .cm_smtxt { float:left; width:calc(100% - 36px); }

.popup_challenger_profile .box_profile .box_info .ic_emblem.pro + .cm_xsmtxt { color:#e8343f; }
.popup_challenger_profile .box_profile .box_info .ic_emblem.ama + .cm_xsmtxt { color:#ff9303; }
.popup_challenger_profile .box_profile .box_info .ic_emblem.rok + .cm_xsmtxt { color:#26dc71; }

.popup_challenger_profile .cm_tab { width:calc(100% - 30px); margin-left:15px; margin-top:50px; }

.popup_challenger_profile .popup_wrap .popup_desc { padding:0 15px; max-height:calc(80vh - 365px); }
.popup_challenger_profile .popup_desc .tab_cont { display:none; }
.popup_challenger_profile .popup_desc .tab_cont.on { display:block; }
.popup_challenger_profile .popup_desc .tab_cont.grade table { width:100%; border:1px solid #ddd; text-align:center; table-layout:fixed; }
.popup_challenger_profile .popup_desc .tab_cont.grade table tr th { padding:5px 0; background:#f8f8f8; font-weight:500; font-size:70%; line-height:16px; }
.popup_challenger_profile .popup_desc .tab_cont.grade table tr > * { border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
.popup_challenger_profile .popup_desc .tab_cont.grade table tr > *:last-of-type { border-right:0; }
.popup_challenger_profile .popup_desc .tab_cont.grade table tr:last-of-type > * { border-bottom:0; }
.popup_challenger_profile .popup_desc .tab_cont.grade table tr .cm_subtit { padding:8px 0 5px; font-weight:normal; }
.popup_challenger_profile .popup_desc .tab_cont.grade table tr .cm_subtit small { font-size:75%; }
.popup_challenger_profile .popup_desc .tab_cont.grade table tr .cm_txt { padding:11px 0 7px; line-height:16px; }
.popup_challenger_profile .popup_desc .tab_cont.grade table tr .cm_txt small{ font-size:75%; line-height:16px; }

.popup_challenger_profile .popup_desc .tab_cont.badge { margin-top:-5px; }
.popup_challenger_profile .popup_desc .tab_cont.badge .list_cont { float:left; position:relative; width:25%; height:80px; padding:5px 0; border-bottom:1px dashed #ddd; overflow:hidden; }
.popup_challenger_profile .popup_desc .tab_cont.badge .list_cont img { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); max-width:70px; max-height:70px; }
.popup_challenger_profile .popup_desc .tab_cont.badge .list_cont:nth-child(17) { border-bottom:0; }
.popup_challenger_profile .popup_desc .tab_cont.badge .list_cont:nth-child(18) { border-bottom:0; }
.popup_challenger_profile .popup_desc .tab_cont.badge .list_cont:nth-child(19) { border-bottom:0; }
.popup_challenger_profile .popup_desc .tab_cont.badge .list_cont:nth-child(20) { border-bottom:0; }

.popup_challenger_profile .popup_btn { padding:25px 15px; }


/*선정 종목 제외 대상, 추천종목 제외대상, 순위 산정 팝업*/
.popup_target_info ul.cm_txt { padding:25px 10px; border:1px solid #ddd; border-top:0; }
.popup_target_info ul.cm_txt li { position:relative; padding-left:8px; }
.popup_target_info ul.cm_txt li:before { display:block; position:absolute; top:0; left:0; content:'-'; margin-right:5px; line-height:22px;}

.popup_target_info .popup_desc .cm_tab { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; position:relative; }
.popup_target_info .popup_desc .cm_tab .cm_tab_menu { -webkit-flex:1 1 auto; -ms-flex:1; -ms-flex-order:1; flex:1 1 0; float:left; position:relative; }

.popup_target_info.special .popup_top { border-bottom:0; }
.popup_target_info.special .popup_wrap .popup_desc { padding-right:10px; }
.popup_target_info.special .popup_wrap .popup_desc .cm_txt { display:block; padding-bottom:5px; border-bottom:2px solid #222; }
.popup_target_info.special .box_info { padding:10px; border:1px solid #ddd; background:#f4f5fa; color:#999; font-size:80%; line-height:20px; }
.popup_target_info.special .popup_desc .cm_tab { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; position:relative; }
.popup_target_info.special .popup_desc .cm_tab .cm_tab_menu { -webkit-flex:1 1 auto; -ms-flex:1; -ms-flex-order:1; flex:1 1 0; float:left; position:relative; }
.popup_target_info.special .tab_desc { display:none; }
.popup_target_info.special .tab_desc.on  { display:block; }
.popup_target_info.special .tab_desc .cm_xsmtxt { padding-left:5px; }

.popup_target_info.exclude ul.cm_txt li { padding-left:20px; }
.popup_target_info.exclude ul.cm_txt li:nth-child(1):before { content:'①'; }
.popup_target_info.exclude ul.cm_txt li:nth-child(2):before { content:'②'; }
.popup_target_info.exclude ul.cm_txt li:nth-child(3):before { content:'③'; }
.popup_target_info.exclude ul.cm_txt li:nth-child(4):before { content:'④'; }


/*강의자료 다운로드 팝업*/
.popup_lecture_data ul { width:100%; max-height:350px; padding:0 0; border:1px solid #ddd; border-bottom:0; overflow-y:auto; white-space:nowrap; }
.popup_lecture_data ul li { position:relative; height:auto; padding:10px 45px 10px 15px; border-bottom:1px solid #ddd; color:#222; font-size:0.938rem; line-height:22px; text-align:left; text-overflow:ellipsis; overflow:hidden; }
.popup_lecture_data ul a { display:block; position:absolute; width:45px; height:36px; top:10px; right:15px; text-align:right; }


/*비로그인 참여 가능 팝업*/
.popup_live_join { display:block; position:absolute; right:15px; top:-20px; width:calc(100% - 30px); max-width:480px; height:auto; padding:15px; border:1px solid #ddd; border-radius:15px; background:#fff; font-size:80%; line-height:20px; word-break:keep-all; z-index:50; }
.popup_live_join .btn_close { position:absolute; right:10px; top:8px }
.popup_live_join .btn_close .im { font-size:100%; color:#222; }



/* 투자인사인트 서비스 혜택*/
.popup_insight_benefit { top:30px; left:50%; transform:translateX(-50%); overflow:hidden;}
.popup_insight_benefit .popup_wrap { box-shadow:3px 3px 15px rgba(000,000,000,0.3); }
.popup_insight_benefit .popup_wrap .popup_desc{ max-height:345px; }
.popup_insight_benefit .box_coupon { display:block; border-top:1px dashed #ddd; padding:15px 15px 0 ; }

.popup_insight_benefit .popup_wrap .close_non { margin-top:20px; line-height:20px; font-size:80%; color:#777; text-align:center; }


/*투자인사이트 쿠폰팝업*/
.popup_insight_coupon .popup_img { width:298px; height:208px; }
.popup_insight_coupon .popup_img img { width:298px; height:208px; margin:0 auto; }
.popup_insight_coupon .popup_img .btn_close { position:absolute; top:15px; right:15px; width:25px; height:25px; color:#fff; }
.popup_insight_coupon .popup_img .btn_close .im { font-size:110%; line-height:25px; }
.popup_insight_coupon .popup_img .btn_use { position:absolute; left:37%; width:25%; height:30px; background:#ff7500; opacity:0; }
.popup_insight_coupon .popup_img .btn_use.aos {  bottom:12%; }
.popup_insight_coupon .popup_img .btn_use.ios { bottom:21%; }

.popup_insight_coupon .popup_img .btn_close_non {position:absolute; bottom:-20px; left:50%; transform:translateX(-50%); width:93.5%; height:40px; margin-left:-3px; color:#000; font-size:80%; text-align:center; line-height:40px; background:#ddd; border-radius:10px; border-top-left-radius:0; border-top-right-radius:0; box-shadow:1px 3px 10px #999;}


/*골든시그널_ 상품 선택*/
.popup_golden_choice .cm_form.select { width:100%; }

/*골든 시그널 포트폴리오*/
.popup_golden_portfolio .popup_wrap .popup_desc { max-height:350px; }
.popup_golden_portfolio .list_wrap { width:100%; }
.popup_golden_portfolio .list_wrap .list_cont { width:100%; padding:10px 15px; border:1px solid #ddd; border-top:0; }
.popup_golden_portfolio .list_wrap .list_cont:first-child { border-top:1px solid #ddd; }
.popup_golden_portfolio .list_wrap .list_cont div { overflow:hidden; }
.popup_golden_portfolio .list_wrap .list_cont .box_stock .stock { float:left; width:calc(100% - 90px); font-size:80%; line-height:20px; }
.popup_golden_portfolio .list_wrap .list_cont .box_stock .date { float:right; width:90px; font-size:70%; line-height:20px; text-align:right; }
.popup_golden_portfolio .list_wrap .list_cont .box_value .label { float:left; width:40px; font-size:70%; line-height:16px; }
.popup_golden_portfolio .list_wrap .list_cont .box_value .value { float:right; width:calc(100% - 40px); color:#777; font-size:80%; line-height:16px; text-align:right;  }
.popup_golden_portfolio .list_wrap .list_cont .box_value .value small { font-size:90%; }
.popup_golden_portfolio .list_wrap .list_cont .box_value .value.up { color:#e8373d; }
.popup_golden_portfolio .list_wrap .list_cont .box_value .value.down { color:#373fe8; }
.popup_golden_portfolio .list_wrap .list_cont .box_value + .box_value { margin-top:3px; }

/*강연 VOD 상세 검색*/
.popup_detail_search .popup_wrap { max-height:calc(100vh - 60px); }
.popup_detail_search .box_cont { overflow:hidden; }
.popup_detail_search .box_cont span { float:left; width:50%; padding-right:10px; }
.popup_detail_search .box_cont ul { float:right; width:50%; }
.popup_detail_search .box_cont ul li { height:20px; margin-top:8px; vertical-align:middle; overflow:hidden;}
.popup_detail_search .box_cont ul li label{ float:left; font-size:80%; }
.popup_detail_search .box_cont ul li:first-child { margin-top:0; }


/*신고 팝업*/
.popup_review_report .box_info .label { display:inline-block; position:relative; padding-right:10px; margin-right:10px; }
.popup_review_report .box_info .label:before { display:block; content:''; position:absolute; right:0; top:3px;  width:1px; height:18px; background:#ddd;  }
.popup_review_report .box_info .cm_user_name { line-height:24px; font-size:90%; }
.popup_review_report .box_info .cm_user_name .im { margin-top:-2px; }
.popup_review_report .box_reason { border-top:1px solid #ddd; }
.popup_review_report .box_reason li { overflow:hidden; }
.popup_review_report .box_reason li .box_tit { position:relative; border-bottom:1px solid #ddd; overflow:hidden; }
.popup_review_report .box_reason li .box_tit .im { position:absolute; top:17px; right:15px; width:15px; height:18px; color:#999; font-size:90%; line-height:18px; text-align:center; }
.popup_review_report .box_reason li .box_tit label { padding:15px 40px; margin:0; font-size:80%; }
.popup_review_report .box_reason li .box_tit label:before { top:17px; left:0; }
.popup_review_report .box_reason li .box_desc { display:none; padding:20px 15px; background:#f8f8f8; border-bottom:1px solid #ddd; word-break:keep-all; }


/*구독상품 선택 팝업(toast) _ 투자인사이트*/
.popup_product_choice .list_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; flex-direction: column; gap:10px 0; }
.popup_product_choice .list_wrap .list_cont.choice { padding:15px; margin-top:10px; border:1px solid #ededed; border-radius:10px; }
.popup_product_choice .list_wrap .list_cont.choice:first-child { margin-top:0; }
.popup_product_choice .list_wrap .list_cont.choice .box_desc .price { display:block; text-align:right; font-weight:700; }
.popup_product_choice .list_wrap .btn_free_ex { padding:15px 20px; border-radius:10px; border:1px solid #2e2e72 !important; background:#f4f5fa; color:#2e2e72; font-size:0.813rem; line-height:20px; font-weight:bold; text-align:center; cursor:pointer; }


/*유입 개선 팝업*/
.popup_stock_detail { padding:0; }
.popup_stock_detail .box_stock { float:none !important; width:100% !important; vertical-align:middle !important; overflow:hidden;}
.popup_stock_detail .box_stock .theme { font-weight:700; float:left;}
.popup_stock_detail .box_stock .price { font-weight:700; float:left;}
.popup_stock_detail .box_stock .value { vertical-align:text-bottom; float:left;}
.popup_stock_detail .box_stock .value { display:inline-block; margin-left:10px; line-height:26px; vertical-align:middle; }
.popup_stock_detail .box_stock .value.up { color:#e8373d; }
.popup_stock_detail .box_stock .value.down { color:#373fe8; }
.popup_stock_detail .box_stock .value .im { margin:-2px 3px 0 0; font-size:80%; vertical-align:middle; }
.popup_stock_detail .box_stock .value .percent { display:inline-block; margin-left:10px; }
.popup_stock_detail .box_chart { width:100%; height:auto; }
.popup_stock_detail .box_btn {  display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; gap:10px; }
.popup_stock_detail .box_btn .cm_btn_line { -webkit-flex:1 0 calc(50% - 5px); -ms-flex:1 0 calc(50% - 5px); flex:1 0 calc(50% - 5px);  width:calc(50% - 5px); height:30px; border-radius:5px; color:#222; font-size:80%; line-height:28px; }


/*유입개선 자동완성*/
.popup_tinmce_wrap { display:inline-block; position:absolute; top:200px; left:0; width:auto; height:auto; padding:10px 15px; border:1px solid #ddd; background:#fff; border-radius:10px; z-index:100; }
.popup_tinmce_wrap .word_wrap li { padding:0 5px; font-size:70%; line-height:16px; cursor:pointer; }
.popup_tinmce_wrap .word_wrap li:hover { border-radius:5px; background:#f4f5fa; }
.popup_tinmce_wrap .word_wrap li.hover { border-radius:5px; background:#f4f5fa; }

/*멘토 멤버십 서비스 팝업*/
.popup_membership_service .popup_desc dl { display:inline-flex; width:100%; height:48px;  flex-wrap: wrap; flex-flow:column wrap; }
.popup_membership_service .popup_desc dl dd { display:block; flex:0 0 16px; height:16px !important; vertical-align:top; }


/*구독상품 선택 팝업(toast) _ 멘토멤버십*/
.popup_membership_subscribe .popup_wrap .popup_desc { max-height:calc(65vh - 45px); }

.popup_membership_subscribe .cm_step_wrap { width:100%; height:20px; text-align:right; }
.popup_membership_subscribe .cm_step_wrap li { display:inline-block; float:none; vertical-align:text-top; }
.popup_membership_subscribe .cm_step_wrap li.label { float:left; }
.popup_membership_subscribe .cm_step_wrap li.dot { vertical-align:text-top; }

.popup_membership_subscribe .list_wrap .list_cont.choice { padding:15px; margin-top:10px; border:1px solid #ededed; border-radius:10px; }
.popup_membership_subscribe .list_wrap .list_cont.choice:first-child { margin-top:0; }
.popup_membership_subscribe .list_wrap .list_cont.choice .box_desc .price { display:block; text-align:right; font-weight:700; }
.popup_membership_subscribe .list_wrap .list_cont.choice .box_desc .price .cm_smtxt { margin-right:10px; vertical-align:text-bottom; }
.popup_membership_subscribe .list_wrap .list_cont.choice .box_desc .price .pre_price{ margin-right:5px; text-decoration:line-through; }

.popup_membership_subscribe .product_info {  }
.popup_membership_subscribe .product_info .box_info { padding:15px; border-radius:10px; border:1px solid #ddd; }
.popup_membership_subscribe .product_info .box_info .box_cont + .box_cont { margin-top:5px } 
.popup_membership_subscribe .product_info .box_info .box_cont { display:-webkit-box; display:-ms-flexbox; display:flex; gap:10px; justify-content:space-between; }
.popup_membership_subscribe .product_info .box_info .box_cont span { -webkit-flex:1 1 auto; -ms-flex:1; flex: 1 1 auto; color:#777; }
.popup_membership_subscribe .product_info .box_info .box_cont .value { text-align:right; }

.popup_membership_subscribe .price_info {  }
.popup_membership_subscribe .price_info .box_cont { display:-webkit-box; display:-ms-flexbox; display:flex; gap:10px; justify-content:space-between; }
.popup_membership_subscribe .price_info .box_cont + .box_cont { margin-top:15px } 
.popup_membership_subscribe .price_info .box_cont span { -webkit-flex:1 1 auto; -ms-flex:1; flex: 1 1 auto; }
.popup_membership_subscribe .price_info .box_cont .label { color:#777;}
.popup_membership_subscribe .price_info .box_cont .value { text-align:right; }
.popup_membership_subscribe .price_info .box_cont .value .cm_smtxt { margin-right:10px; vertical-align:text-bottom; }
.popup_membership_subscribe .price_info .box_cont .value .pre_price { margin-right:5px; text-decoration:line-through; }

.popup_membership_subscribe .box_coupon .cm_tab { width:100%; height:auto; border-bottom:0; overflow:hidden; }
.popup_membership_subscribe .box_coupon .cm_tab:before { display:none;}
.popup_membership_subscribe .box_coupon .cm_tab li { float:left; width:50%; padding:10px 0; background:#f4f5fa; font-size:0.813rem; line-height:22px; text-align:center; cursor:pointer; overflow:hidden }
.popup_membership_subscribe .box_coupon .cm_tab li:last-child { float:right; }
.popup_membership_subscribe .box_coupon .cm_tab li.on { background:#222; color:#fff; }
.popup_membership_subscribe .box_coupon .cm_tab li strong { display:inline-block; margin-left:3px; font-weight:700; vertical-align:middle; }

.popup_membership_subscribe .box_coupon .list_wrap { width:100%; border:1px solid #ddd; border-top:0; }
.popup_membership_subscribe .box_coupon .coupon_list { padding:10px; box-sizing:border-box; overflow:hidden; }
.popup_membership_subscribe .box_coupon .coupon_list + .coupon_list { padding-top:0; }
.popup_membership_subscribe .box_coupon .coupon_list .tit { margin:0 0 10px 0; font-size:0.938rem; line-height:22px; }
.popup_membership_subscribe .box_coupon .coupon_list .box_quantity { overflow:hidden; }
.popup_membership_subscribe .box_coupon .coupon_list .box_quantity .txt_quantity { display:inline-block; font-size:0.938rem; font-weight:700; line-height:30px; vertical-align:middle; }
.popup_membership_subscribe .box_coupon .coupon_list .box_quantity .box_count { float:right; overflow:hidden; }
.popup_membership_subscribe .box_coupon .coupon_list .box_quantity .box_count input { display:block; float:left; width:30px; height:30px; border:1px solid #ddd; background:#fff; font-size:0.938rem; line-height:30px; text-align:center; }
.popup_membership_subscribe .box_coupon .coupon_list .box_quantity .box_count input[type=text] { min-width:60px; border-right:0; border-left:0; line-height:27px; }

.popup_membership_subscribe .box_agree { padding:10px; border:1px solid #ddd; border-radius:10px; }
.popup_membership_subscribe .box_agree li + li { margin-top:10px; }


/*유튜브 실시간 방송 스케줄 팝업*/
.popup_youtube_schedule .popup_wrap { display:block; position:relative; padding:30px 15px; overflow:hidden; }
.popup_youtube_schedule .popup_wrap .box_th { text-align:center; }
.popup_youtube_schedule .popup_wrap .box_th .date { display:inline-block; width:140px; margin:0 10px; vertical-align:middle; white-space:nowrap; overflow:hidden; }
.popup_youtube_schedule .popup_wrap .box_th .date li { float:left; display:block; }
.popup_youtube_schedule .popup_wrap .box_th .js_arrow { display:inline-block; width:24px; height:24px; background:url('/images/common/ic-slide-arrow.png') no-repeat; background-size:auto 100%; vertical-align:middle; }
.popup_youtube_schedule .popup_wrap .box_th .js_arrow.btn_next { background-position-x: -24px; }
.popup_youtube_schedule .popup_wrap .box_table { width:100%; height:auto; border-top:2px solid #222; overflow:hidden; }
.popup_youtube_schedule .popup_wrap .box_table .box_day { }

.popup_youtube_schedule .popup_wrap .box_table .box_row { min-height:101px; padding:15px 0; border-bottom:1px solid #ddd; }
.popup_youtube_schedule .popup_wrap .box_table .box_row .box_time { text-align:center; }
.popup_youtube_schedule .popup_wrap .box_table .box_row .box_column .box_mentor { position:relative; width:100%; padding:10px 45px; margin-bottom:10px;  border-radius:5px; background:#f8f8f8; overflow:hidden; }
.popup_youtube_schedule .popup_wrap .box_table .box_row .box_column .box_mentor:last-child { margin-bottom:0; }
.popup_youtube_schedule .popup_wrap .box_table .box_row .box_column .box_mentor .cm_thumb_wrap { position:absolute; top:5px; left:5px; width:30px; height:30px; border-radius:5px; overflow:hidden;  }
.popup_youtube_schedule .popup_wrap .box_table .box_row .box_column .box_mentor .cm_thumb_wrap img { display:block; }
.popup_youtube_schedule .popup_wrap .box_table .box_row .box_column .box_mentor .cm_mentor_name { float:left; margin-right:5px; vertical-align:middle; }
.popup_youtube_schedule .popup_wrap .box_table .box_row .box_column .box_mentor .cm_xsmtxt { float:left; vertical-align:middle; line-height:20px; }
.popup_youtube_schedule .popup_wrap .box_table .box_row .box_column .box_mentor.on::after { display:block; content:'ON'; position:absolute; top:12px; right:5px; width:25px; height:15px; border-radius:10px; background:#e8373d; color:#fff; font-size:0.688rem; line-height:15px; text-align:center; }


/*핀업 경제 TV 편성표*/
.popup_finuptv { display:block; width:100%; height:auto;overflow:hidden; }
.popup_finuptv .box_bn { background:#4c4dfa; background-image: -webkit-linear-gradient(top bottom, #4c4dfa 0%, #3a2bf9 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#4c4dfa), to(#3a2bf9));  background-image: linear-gradient(to bottom,#4c4dfa,#3a2bf9); overflow:hidden; }
.popup_finuptv .box_bn img { display:block; width:100%; max-width:480px; margin:0 auto; }
.popup_finuptv .box_cont { max-width:480px; margin:0 auto; padding:30px 10px 35px; }
.popup_finuptv .box_cont table { width:100%; margin:0 auto; background: #fff;}
.popup_finuptv .box_cont table th { padding:5px; border:1px solid #ddd; background:#f0f0f0; color:#999; font-weight:500 !important; }
.popup_finuptv .box_cont table td { padding:5px 10px; vertical-align:middle; border:1px solid #ddd; font-weight:500 !important; }
.popup_finuptv .box_cont table td:first-child { color:#4840f8; line-height:30px; text-align:center; }
.popup_finuptv .box_cont table td:last-child { text-align:left; }
.popup_finuptv .box_cont .btn_move { display:block; width:calc(100% - 40px); height:45px; margin:0 auto; border-radius:5px; font-size:0.938rem; line-height:45px; text-align:center; }


/*멘토상세페이지 멘토소개팝업*/
.popup_analyst_intro {}
.popup_analyst_intro .popup_wrap.toast .popup_desc { padding:0 20px; }
.popup_analyst_intro .box_history > li.cm_smtxt { position:relative; padding-left:10px; line-height:25px; }
.popup_analyst_intro .box_history > li.cm_smtxt:before { display:block; content:''; position:absolute; top:11px; left:0; width:3px; height:3px; border-radius:50%; background:#222; overflow:hidden; }

.popup_analyst_list .box_align { overflow:hidden; }
.popup_analyst_list .box_align .cm_form.select { float:left; width:160px; overflow:hidden; }
.popup_analyst_list .box_align .cm_tab.text_style{ float:right; margin-top:13px; overflow:hidden; }

.popup_analyst_list .list_wrap { width:100%; }
.popup_analyst_list .list_wrap .list_cont.vertical01 .box_desc { height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.popup_analyst_list .list_wrap .list_cont.vertical01 .cm_thumb_wrap  { height:auto; }
.popup_analyst_list .list_wrap .list_cont.vertical01 .cm_thumb_wrap .cm_badge { top:5px; right:auto; left:5px; }
.popup_analyst_list .list_wrap.youtube .list_cont.vertical01 .cm_thumb_wrap { width:100%; height:auto; padding-top:56.25%; }
.popup_analyst_list .list_wrap.youtube .list_cont.vertical01 .cm_thumb_wrap img { position:absolute; top:50%; left:50%; right:0; bottom:0; transform:translateX(-50%, -50%); -webkit-transform:translate(-50%,-50%); max-width:100%; height:auto; }


/*럭키박스 경품확인 팝업*/
.popup_luckybox_item .cm_badge.common { color:#3361BA; }
.popup_luckybox_item .cm_badge.rare { color:#33AABA; }
.popup_luckybox_item .cm_badge.epic { color:#66BA33; }
.popup_luckybox_item .cm_badge.unique { color:#BA9433; }
.popup_luckybox_item .cm_badge.legendary { color:#BA5333; }

.popup_luckybox_item .box_item { position:relative; padding:15px; border-radius:10px; background:#f4f5fa; }

.popup_luckybox_item .box_item.on::after { content: '';box-sizing:content-box;  position: absolute;  top: 0;  left: 0;  left: 0;  right: 0;  bottom: 0;  border-radius: 5px;  background: linear-gradient(120deg, #b033ba, #d998b0, #ffea91); background-size: 300% 300%;  clip-path: polygon(0% 100%, 8px 100%, 8px 8px, calc(100% - 8px) 8px, calc(100% - 8px) calc(100% - 8px), 8px calc(100% - 8px), 8px 100%, 100% 100%, 100% 0%, 0% 0%);  }
.popup_luckybox_item .box_item.on:after {
  animation:/*frame-enter 0.5s 4s forwards ease-in-out reverse,*/ gradient-animation 2s ease-in-out infinite;
}

/*
@keyframes frame-enter {
  0% {
    clip-path: polygon(0% 100%, 8px 100%, 8px 8px, calc(100% - 8px) 8px, calc(100% - 8px) calc(100% - 8px), 8px calc(100% - 8px), 8px 100%, 100% 100%, 100% 0%, 0% 0%);
  }
  25% {
    clip-path: polygon(0% 100%, 8px 100%, 8px 8px, calc(100% - 8px) 8px, calc(100% - 8px) calc(100% - 8px), calc(100% - 8px) calc(100% - 8px), calc(100% - 8px) 100%, 100% 100%, 100% 0%, 0% 0%);
  }
  50% {
    clip-path: polygon(0% 100%, 8px 100%, 8px 8px, calc(100% - 8px) 8px, calc(100% - 8px) 8px, calc(100% - 8px) 8px, calc(100% - 8px) 8px, calc(100% - 8px) 8px, 100% 0%, 0% 0%);
  }
  75% {
    -webkit-clip-path: polygon(0% 100%, 8px 100%, 8px 8px, 8px 8px, 8px 8px, 8px 8px, 8px 8px, 8px 8px, 8px 0%, 0% 0%);
  }
  100% {
    -webkit-clip-path: polygon(0% 100%, 8px 100%, 8px 100%, 8px 100%, 8px 100%, 8px 100%, 8px 100%, 8px 100%, 8px 100%, 0% 100%);
  }
}*/

@keyframes end-animation {
 0% {
    opacity:1;
  }
  100% {
   opacity:0;
  }

}

@keyframes gradient-animation {
  0% {
    background-position: 15% 0%;
  }
  50% {
    background-position: 85% 100%;
  }
  100% {
    background-position: 15% 0%;
  }
}



@keyframes blur_end-animation {
    0% {
        filter: blur(5px);
    }

    100% {
        filter: blur(0);
    }
}
.popup_luckybox_item .box_item.on .list_wrap { filter:blur(5px);  animation: blur_end-animation 1s 1.5s ease-in-out forwards; }
.popup_luckybox_item .box_item .list_wrap .list_cont.vertical01 .cm_thumb_wrap { border-radius:5px; }
.popup_luckybox_item .box_item .list_wrap .list_cont.vertical01 .cm_thumb_wrap .cm_badge { position:absolute; top:5px; right:5px; left:auto; width:auto; z-index:2; padding:0 5px; height:16px; line-height:16px; }
.popup_luckybox_item .box_item .list_wrap.flex_row .list_cont.vertical01 { -webkit-flex:0 1 calc(50% - 5px); -ms-flex:0 1 calc(50% - 5px); flex:0 1 calc(50% - 5px); width:calc(50% - 5px); }

.popup_luckybox_item .box_item .list_wrap.flex_column .list_cont.vertical01 { width:100%; cursor:default; }
.popup_luckybox_item .box_item .list_wrap.flex_column .list_cont.vertical01 .cm_thumb_wrap { border-radius:10px; }
.popup_luckybox_item .box_item .list_wrap.flex_column .list_cont.vertical01 .cm_thumb_wrap .cm_badge { height:16px; line-height:16px;  }
.popup_luckybox_item .box_item .list_wrap.flex_column .list_cont.vertical01 dl{ margin-top:10px; }
.popup_luckybox_item .box_item .list_wrap.flex_column .list_cont.vertical01 .box_txt{ text-align:center; }
.popup_luckybox_item .box_info { padding:10px; border-radius:10px; background:#fff; }

.popup_luckybox_item .box_animation { position:absolute; left:0; top:60px; width:100%; height:100%; background:#fff; z-index:2; }
.popup_luckybox_item .box_animation img { width:100%; height:100%; object-fit:cover;  z-index:2; }
.popup_luckybox_item .box_animation .btn_skip { position:absolute; left:50%; bottom:15%; transform:translateX(-50%); color:#fff; font-weight:400; background: transparent; z-index:3; }
.popup_luckybox_item .box_animation .btn_skip .im { margin-left:3px; font-size:80%; vertical-align:baseline; }

/*

.luckybox_view .box_visual_open .box_img { display:block; position:absolute; top:20px; left:0; width:100%; height:calc(100vh - 102px); height:calc(100dvh - 258px); }
.luckybox_view .box_visual_open .box_img video { width:100%; height:100%; object-fit:cover;  }
/*

.popup_luckybox_item .box_animation .box  .animation { display:block; position:absolute; left:50%; top:40%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);  width:100%; }
@keyframes luckybox_animation01 {
    0% { opacity:1; }
    80% { opacity:1; }
    100% { opacity:0; display:none; }
}
    */


/*럭키박스 경품 목록 팝업*/
.popup_luckybox_list .box_choice { background:; }

.popup_luckybox_list .cm_badge.common { color:#3361BA; }
.popup_luckybox_list .cm_badge.rare { color:#33AABA; }
.popup_luckybox_list .cm_badge.epic { color:#66BA33; }
.popup_luckybox_list .cm_badge.unique { color:#BA9433; }
.popup_luckybox_list .cm_badge.legendary { color:#BA5333; }

.popup_luckybox_list .box_choice { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; flex-direction:row; gap:0 10px;  }
.popup_luckybox_list .box_choice .box_kind { position:relative; width:calc(50% - 5px); padding:15px 60px 15px 20px; border-radius:10px; color:#999; background:#ededed; cursor:pointer; }
.popup_luckybox_list .box_choice .box_kind b { font-weight:700!important; }
.popup_luckybox_list .box_choice .box_kind i { display:block; position:absolute; top:50%; right:20px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:33px; height:38px; background:url('/images/LuckyBox/img_box_gold_s.png'); background-size:contain; }
.popup_luckybox_list .box_choice .box_kind.premium i { background-image:url('/images/LuckyBox/img_box_pt_s.png') }

.popup_luckybox_list .box_choice .box_kind.on { color:#222; border:1px solid #ededed; background:#fff; box-shadow:3px 3px 10px 0 rgba(0, 0, 0, 0.1); }
.popup_luckybox_list .box_choice + hr { display:block; width:100%; height:1px; border:0; background:#ddd;  }

.popup_luckybox_list .box_tab { display:none; }
.popup_luckybox_list .box_tab.on { display:block; }

.popup_luckybox_list .list_wrap .list_cont.vertical01 .cm_thumb_wrap { border-radius:5px; }
.popup_luckybox_list .list_wrap .list_cont.vertical01 .cm_badge { height:16px; padding:0 5px; line-height:16px; }

.popup_luckybox_list table { table-layout:fixed; width:100%; }
.popup_luckybox_list table tr th { padding:5px; background:#f8f8f8; font-size:0.688rem; font-weight:400; line-height:16px; text-align:center; border:1px solid #ddd; }
.popup_luckybox_list table tr td { padding:5px; color:#777; font-size:0.688rem; line-height:16px; text-align:center; border:1px solid #ddd; }

.popup_luckybox_list h3.cm_smtxt { display:block; overflow:hidden; }
.popup_luckybox_list h3.cm_smtxt .cm_xsmtxt { display:inline-block; float:right; margin-top:4px; }


/*럭키박스 수령/합성 팝업*/
.popup_luckybox_inventory .cm_badge.common { color:#3361BA; }
.popup_luckybox_inventory .cm_badge.rare { color:#33AABA; }
.popup_luckybox_inventory .cm_badge.epic { color:#66BA33; }
.popup_luckybox_inventory .cm_badge.unique { color:#BA9433; }
.popup_luckybox_inventory .cm_badge.legendary { color:#BA5333; }

.popup_luckybox_inventory .list_wrap { flex-wrap:nowrap; max-height:210px; padding:0 15px; border:1px solid #dddd; border-radius:10px; overflow-y:auto; }
.popup_luckybox_inventory .list_wrap .list_cont.horizon03 { -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; height:auto;  }
.popup_luckybox_inventory .list_wrap .list_cont.horizon03 dl { gap:0; }
.popup_luckybox_inventory .list_wrap .list_cont.horizon03 strong { color:#b033ba;  }
.popup_luckybox_inventory .list_wrap .list_cont.horizon03:last-child { border:0; }
.popup_luckybox_inventory .list_wrap .list_cont.horizon03 .cm_thumb_wrap { border-radius:5px; }
.popup_luckybox_inventory .list_wrap .list_cont.horizon03 .cm_thumb_wrap .cm_badge { padding:0 5px; }
.popup_luckybox_inventory .list_wrap .list_cont.horizon03 .box_txt .cm_badge { margin:0;}


.popup_luckybox_inventory table { table-layout:fixed; width:100%; }
.popup_luckybox_inventory table tr th { padding:5px; background:#f8f8f8; font-size:0.688rem; font-weight:400; line-height:16px; text-align:center; border:1px solid #ddd; }
.popup_luckybox_inventory table tr td { padding:5px; border:1px solid #ddd; background:#fff; color:#777; font-size:0.688rem; line-height:16px; text-align:center; }

.popup_luckybox_inventory .box_detail { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; flex-direction:column; gap:5px 0; }
.popup_luckybox_inventory .box_detail li { position:relative; padding-left:10px;  }
.popup_luckybox_inventory .box_detail li:before { display:block; content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:3px; height:3px; border-radius:50%; background:#222; }
.popup_luckybox_inventory .box_detail li b { display:inline-block; text-align:justify; text-align-last:justify;}


/*애니메이션 팝업
.popup_luckybox_animation { padding:0!important; }
.popup_luckybox_animation .popup_wrap { top:0; left:0; transform:translateX(0); width:100% !important; max-width:none; height:100dvh !important; border-radius:0!important; opacity:1;  }
.popup_luckybox_animation .popup_wrap .cm_subtit { position:absolute; top:20%; left:50%; transform:translateX(-50%); font-weight:700  }
.popup_luckybox_animation .popup_wrap .txt_animation01 { animation: txt_animation01 2s infinite;  opacity:1; }
.popup_luckybox_animation .popup_wrap .txt_animation02 { animation: txt_animation01 4s 2s infinite; opacity:0;}
.popup_luckybox_animation .popup_wrap .box { position:absolute; top:55%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform-origin:bottom center !important; width:180px; height:189px;  z-index:2; }
.popup_luckybox_animation .popup_wrap .box.gold { background:url('/images/LuckyBox/img_luckybox_animation05_glod.png') no-repeat; background-size:100% 100%; animation:luckybox_img01 1.5s infinite, luckybox_img02_gold 7.5s  infinite; -webkit-animation:luckybox_img01 1.5s  infinite, luckybox_img02_gold 7.5s  infinite; }
.popup_luckybox_animation .popup_wrap .box.platinum { background:url('/images/LuckyBox/img_luckybox_animation05_pt.png') no-repeat; background-size:100% 100%; animation:luckybox_img01 1.5s infinite, luckybox_img02_platinum 7.5s  infinite; -webkit-animation:luckybox_img01 1.5s  infinite, luckybox_img02_platinum 7.5s  infinite; z-index:2; }
.popup_luckybox_animation .popup_wrap .shadow { position:absolute; bottom:30%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); transform-origin:bottom center !important; width:90px; height:20px; border-radius:50%;  animation: shadow 1.5s infinite; z-index:1; filter:blur(3px); }

@keyframes luckybox_img01 {
    0% { top:45%; }
    53% { height: 189px;  }
    55% { top:55%; height: 120px; transform:translate(-50%,-50%) scale(0.7); }
    65% { top: 50%; height: 189px; }
    100% { top: 45%; }
}

@keyframes shadow {
    0% { transform:translateX(-50%) scale(0.1);  background-color: rgba(0, 0, 0, 0.1); }
    50% { transform:translateX(-50%) scale(1);  background-color: rgba(0, 0, 0, 0.2); }
    55% { transform:translateX(-50%) scale(1); background-color: rgba(0, 0, 0, 0.2); }
    65% { transform:translateX(-50%) scale(0.5); background-color: rgba(0, 0, 0, 0.15);}
    95% { transform:translateX(-50%) scale(0.3); background-color: rgba(0, 0, 0, 0.1); }
    100% { transform:translateX(-50%) scale(0.3);  background-color: rgba(0, 0, 0, 0.1);  }
}
  
@keyframes luckybox_img02_gold {
    0%{ background-image:url('/images/LuckyBox/img_luckybox_animation05_glod.png'); }
    10%{ background-image:url('/images/LuckyBox/img_luckybox_animation05_glod.png'); }
    11%{ background-image:url('/images/LuckyBox/img_luckybox_animation01_glod.png');  }

    31%{ background-image:url('/images/LuckyBox/img_luckybox_animation01_glod.png'); }
    32.5%{ background-image:url('/images/LuckyBox/img_luckybox_animation02_glod.png'); }
    
    50% { background-image:url('/images/LuckyBox/img_luckybox_animation02_glod.png'); }
    51% { background-image:url('/images/LuckyBox/img_luckybox_animation03_glod.png'); }
    
    71% { background-image:url('/images/LuckyBox/img_luckybox_animation03_glod.png'); }
    72% { background-image:url('/images/LuckyBox/img_luckybox_animation04_glod.png'); }

    91% { background-image:url('/images/LuckyBox/img_luckybox_animation04_glod.png'); }
    92% { background-image:url('/images/LuckyBox/img_luckybox_animation05_glod.png'); }

}

@keyframes luckybox_img02_platinum {
    0%{ background-image:url('/images/LuckyBox/img_luckybox_animation05_pt.png'); }
    10%{ background-image:url('/images/LuckyBox/img_luckybox_animation05_pt.png'); }
    11%{ background-image:url('/images/LuckyBox/img_luckybox_animation01_pt.png');  }

    31%{ background-image:url('/images/LuckyBox/img_luckybox_animation01_pt.png'); }
    32.5%{ background-image:url('/images/LuckyBox/img_luckybox_animation02_pt.png'); }
    
    50% { background-image:url('/images/LuckyBox/img_luckybox_animation02_pt.png'); }
    51% { background-image:url('/images/LuckyBox/img_luckybox_animation03_pt.png'); }
    
    71% { background-image:url('/images/LuckyBox/img_luckybox_animation03_pt.png'); }
    72% { background-image:url('/images/LuckyBox/img_luckybox_animation04_pt.png'); }

    91% { background-image:url('/images/LuckyBox/img_luckybox_animation04_pt.png'); }
    92% { background-image:url('/images/LuckyBox/img_luckybox_animation05_pt.png'); }
}
    
@keyframes txt_animation01 {
    54% { opacity:1; }
    50% { opacity:0; }
    98% { opacity:0; }
    99% { opacity:1; }
}
    */