/*
    [제목] 종목 테마 팝업 CSS
    [생성일] 2022-01-13
    [내용] 종목 테마내에 사용되고 있는 모든 팝업의 스타일.
           * 예외, 메인 플로우팅 팝업, 리스트나 상세에 속한 툴팁팝업 등은 해당 파일에 작성한다.
    [비고] CSS 작성시 핀업 디자인팀 내부에 규정하고 있는 CSS 작성 규칙를 준수하여 작성할 것.
*/
/*플래티넘 회원혜택*/
.popup_platinum .popup_img { width:470px; height:640px; background-image: url('/Images/Popup/platinum_benefit.png'); }
.popup_platinum .popup_img.year_2020 { height:640px; background:url(/Images/Popup/platinum_benefit2020.png) no-repeat; }
.popup_platinum .popup_img.year_2021 { height:699px; background:url(/Images/Popup/platinum_benefit2021.png) no-repeat; }
.popup_platinum .btn_benefit { display:block; position:absolute; top:274px; right:59px; width:75px; height:30px; background:#ccc; opacity:0; }
.popup_platinum .btn_benefit:last-of-type { top:334px;  }


/*공유하기 팝업*/
.popup_share .popup_wrap .popup_desc { height:auto; max-height:none; overflow:hidden; font-weight:400; font-family:'Noto Sans KR'; }
.popup_share .cm_form_wrap { width:100%; height:35px; overflow:hidden; }
.popup_share .cm_form_wrap input { float:left; width:285px; height:35px; padding:0 15px; border:0; background:#f8f8f8; color:#777; font-weight:400; font-family:'Noto Sans KR'; font-size:15px; line-height:35px; white-space:nowrap; text-overflow:ellipsis; }
.popup_share .cm_form_wrap .btn_copy { float:right; width:65px; height:35px; border-radius:5px; color:#fff; font-size:15px; line-height:35px; text-align:center; }

.popup_share .box_setting input[type=checkbox] { display:none; }
.popup_share .box_setting input[type=checkbox] + label { display:inline-block; position:relative; padding-left:50px; font-size:18px; line-height:27px; cursor:pointer; }
.popup_share .box_setting input[type=checkbox] + label:before { display:block; content:''; position:absolute; top:0; left:0; width:26px; height:27px; border:1px solid #ddd; }
.popup_share .box_setting input[type=checkbox]:checked + label:before { border:0; background:url('/Images/common/ic-checkbox-sel.png') no-repeat; }

.popup_share .box_setting .cm_from_period { padding-left:50px; height:auto; overflow:hidden; }
.popup_share .box_setting .cm_from_period input { float:left; display:block; width:60px; height:35px; border:1px solid #ddd; font-size:15px; line-height:35px; text-align:center; vertical-align:middle; }
.popup_share .box_setting .cm_from_period .box_txt { float:left; display:block; width:30px; color:#777; font-size:15px; line-height:35px;  vertical-align:middle; }


/*사업분야상세 팝업*/
.popup_company_info .box_reason { padding:13px 25px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f4f4f4; }
.popup_company_info .cm_table_wrap tbody td { text-overflow:ellipsis; }
.popup_company_info .cm_table_wrap tbody td .im { margin:-2px 0 0 10px; font-size:95%; vertical-align:middle; }
.popup_company_info .cm_table_wrap tbody td.up { color:#e8373d; }
.popup_company_info .cm_table_wrap tbody td.down { color:#373fe8; }
.popup_company_info .cm_paging_wrap { margin:15px auto 0; }


/*호가록 팝업(뉴스/공시)*/
.pop_data { position:absolute; left: 50%; top:900px; transform: translateX(-50%); -webkit-transform:translateX(-50%); width:auto; height:auto;  }
.pop_data .popup_wrap { box-shadow:3.7px 5.2px 15px 0 rgba(34, 34, 34, 0.8); }
.pop_data .popup_wrap .popup_top { padding:0 15px 20px;  }
.pop_data .popup_wrap .popup_top .btn_close { top:-15px; right:-15px; transform:none; -webkit-transform:none; }
.pop_data .popup_wrap .popup_desc { height:auto; max-height:164px; padding:10px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.pop_data .popup_wrap .popup_desc .list_wrap { width:calc(100% - 20px); }
.pop_data .popup_wrap .popup_desc .list_wrap li { padding:5px 0; }
.pop_data .popup_wrap .popup_desc .list_wrap li p { display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.pop_data .popup_wrap .popup_desc .list_wrap li .cm_smtxt { height:20px; }
.pop_data .popup_wrap .popup_desc .list_wrap li .cm_txt { height:22px; }
.pop_data .popup_wrap .popup_desc .list_wrap li .badge { float:left; height:15px; padding:0 10px; margin-top:1px; margin-right:10px; border-radius:8px; background:#ff7500; background-image:-webkit-linear-gradient(left right, #ff7500 0%, #e8373d 100%); background-image:-webkit-gradient(linear, left, right, from(#ff7500), to(#e8373d)); background-image:linear-gradient( to right,#ff7500,#e8373d); color:#fff; font-size:12px; font-family:'BMJUA'; line-height:18px; overflow:hidden; }

/*레이더 앱다운로드 팝업 v2.5 */
.popup_app_download .box_input { position:absolute; top:158px; left:35px; width:530px; height:51px; overflow:hidden; }
.popup_app_download .box_input input { float:left; width:360px; height:100%; padding:0 15px; border:0; font-size:15px; line-height:51px; }
.popup_app_download .box_input input + .btn_send { float:left; width:170px; height:100%; background:#222; opacity:0; }
.popup_app_download .btn_move { display:block; position:absolute; width:255px; height:51px; background:#222; opacity:0; }
.popup_app_download .btn_view { display:block; position:absolute; width:165px; height:131px; background:#222; opacity:0; cursor:pointer; }
.popup_app_download .popup_img img { z-index:1; }

/*메인 배너 전체보기*/
.popup_bn_all .box_popup { position:relative; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:1200px; }
.popup_bn_all .box_popup .btn_close { display:block; position:absolute; top:0; right:-40px; width:32px; height:32px; cursor:pointer; text-align:center; z-index:10; }
.popup_bn_all .box_popup .btn_close .im { color:#fff; font-size:24px; line-height:32px; }
.popup_bn_all .box_popup .bn_wrap { max-height:770px; overflow:hidden;  overflow-y:auto !important; }
.popup_bn_all .box_popup .bn_wrap::-webkit-scrollbar { width:8px; height:8px;  }
.popup_bn_all .box_popup .bn_wrap::-webkit-scrollbar-thumb { height:30%; border-radius:10px; background:#999; }
.popup_bn_all .box_popup .bn_wrap::-webkit-scrollbar-track  { background:#ededed; border-radius:10px; }
.popup_bn_all .box_popup .bn_wrap .bn_list { float:left; width:570px; height:236px; margin:10px; border-radius:20px; overflow:hidden; }
.popup_bn_all .box_popup .bn_wrap .bn_list a { display:block; width:100%; height:100%; }
.popup_bn_all .box_popup .bn_wrap .bn_list img { display:block; width:100%; height:100%; }