@charset "utf-8";
/*
    [제목] 종목 테마 팝업 CSS
    [생성일] 2022-01-17
    [내용] 종목 테마내에 사용되고 있는 모든 팝업의 스타일.
           * 예외, 메인 플로우팅 팝업, 리스트나 상세에 속한 툴팁팝업 등은 해당 파일에 작성한다.
    [비고] CSS 작성시 핀업 디자인팀 내부에 규정하고 있는 CSS 작성 규칙를 준수하여 작성할 것.
*/
/*공유하기 팝업*/
.popup_share .popup_wrap .popup_desc { height:auto; max-height:none; overflow:hidden; font-weight:500; font-family:'NEXON Gothic'; }
.popup_share .cm_form_wrap { width:100%; height:30px; overflow:hidden; }
.popup_share .cm_form_wrap input { float:left; width:calc(100% - 60px); height:30px; padding:0 10px; border:0; background:#f8f8f8; color:#777; font-weight:500; font-family:'NEXON Gothic'; font-size:80%; line-height:30px; white-space:nowrap; text-overflow:ellipsis; }
.popup_share .cm_form_wrap .btn_copy { float:right; width:50px; height:30px; border-radius:5px; color:#fff; font-size:80%; line-height:30px; 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:30px; font-size:80%; line-height:27px; cursor:pointer; }
.popup_share .box_setting input[type=checkbox] + label:before { display:block; content:''; position:absolute; top:4px; left:4px; width:16px; height:16px; border:1px solid #ddd; }
.popup_share .box_setting input[type=checkbox]:checked + label:before { top:0; left:0; width:24px; height:24px; border:0; background:url('/images/common/ic-checkbox-sel.png') no-repeat; background-size:cover; }

.popup_share .box_setting .cm_from_period { padding-left:30px; height:auto; overflow:hidden; }
.popup_share .box_setting .cm_from_period input { float:left; display:block; width:calc(33% - 14px); max-width:60px; height:30px; border:1px solid #ddd; font-size:80%; line-height:30px; text-align:center; vertical-align:middle; }
.popup_share .box_setting .cm_from_period .box_txt { float:left; display:block; width:21px; color:#777; font-size:80%; line-height:30px;  vertical-align:middle; }

/*테마 전체보기*/
.popup_theme_all { max-width:480px; z-index:101; }
.popup_theme_all .box_list { padding:0 15px 15px; overflow:visible; }
.popup_theme_all .box_list::after { display:block; content:''; clear:both }
.popup_theme_all .box_list li { float:left; width:calc(50% - 3px); height:50px; padding:7px 10px; margin-top:6px; margin-right:6px; border:1px solid #ddd; border-radius:10px; overflow:hidden; }
.popup_theme_all .box_list li:nth-child(1) { margin-top:0; }
.popup_theme_all .box_list li:nth-child(2) { margin-top:0; }
.popup_theme_all .box_list li:nth-child(2n) { margin-right:0; }
.popup_theme_all .box_list li .cm_smtxt_13 { display:block; width:100%; height:18px; margin-bottom:3px; line-height:18px; text-overflow:ellipsis; white-space:nowrap; }
.popup_theme_all .box_list li .cm_smtxt { line-height:15px; font-weight:700; }
.popup_theme_all .box_list li .box_value { overflow:hidden; }
.popup_theme_all .box_list li .box_value span { float:left; max-width:50%; }
.popup_theme_all .box_list li .box_value span.num { float:right; color:#999; }
.popup_theme_all .box_list li .box_value span.num i { display:none; font-weight:500; }
.popup_theme_all .box_list li .box_value span.num .im { position:relative; left:1px; top:2px; color:#ddd; font-size:120%;  }

.popup_theme_all .box_list li.on { box-shadow: 0px 3px 3px 0 #ddd; }
.popup_theme_all .box_list li.on .cm_smtxt_13 { font-weight:700; }
.popup_theme_all .box_list li.on .box_value span.num i { display:inline-block; }

/*시세 전체보기*/
.popup_contract { max-width: 480px; height:calc(100% - 35px); z-index: 101; }
.popup_contract .up { color:#e8373d !important; }
.popup_contract .down { color:#373fe8 !important; }
.popup_contract .popup_wrap .cm_tab .cm_tab_menu { display:block; float:left; width:50%; border-bottom:1px solid #ddd; }
.popup_contract .popup_wrap .cm_tab .cm_tab_menu.on::before { bottom:0; }
.popup_contract .box_cont { display:none; max-height:calc(100% - 95px); padding:0 15px; margin-top:25px; overflow-y:auto; }
.popup_contract .box_cont.on { display:block; }
.popup_contract .box_cont .cm_table_wrap { border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.popup_contract .box_cont .cm_table_wrap thead tr th { font-size:70%; }
.popup_contract .box_cont .cm_table_wrap thead tr th small { font-size:8px; }
.popup_contract .box_cont .cm_table_wrap tbody tr td { color:#777; text-align:right; }

.popup_contract .box_cont .cm_smtxt_13 { font-weight:500; line-height:25px; }
.popup_contract .box_cont .cm_smtxt_13 span { float:right; }

.popup_contract .box_cont .box_chart { width:100%; height:230px; padding:10px 0; border:1px solid #ddd; border-radius:15px; overflow:hidden; }


/*기업 전체보기*/
.popup_company { max-width:480px; z-index:101; }
.popup_company .up { color:#e8373d !important; }
.popup_company .down { color:#373fe8 !important; }
.popup_company .box_cont { padding:25px 15px; }
.popup_company .box_field { padding:5px 15px; background:#f4f4f4; font-size:80%; line-height:20px; }
.popup_company .box_reason { height:auto; padding:10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f8f8f8; line-height:20px; overflow:hidden; }
.popup_company .list_wrap { padding:15px 10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.popup_company .list_wrap li { overflow:hidden; }
.popup_company .list_wrap li span { font-size:80%; line-height:25px; }
.popup_company .list_wrap li span .im { margin:0 0 0 3px; color:#ddd; font-size:95%; vertical-align:middle; }
.popup_company .list_wrap li .name { display:block; float:left; width:calc(100% - 80px); font-size:80%; line-height:25px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.popup_company .list_wrap li .value { float:right; width:70px; text-align:right; }

.popup_company .btn_more { display:block; width:150px; margin:0 auto; font-size:70%; line-height:16px; text-align:center; }
.popup_company .btn_more .im { margin:0 0 0 2px; font-size:95%; vertical-align:middle; }


/*차트 지표*/
.popup_chart .popup_wrap .cm_tab .cm_tab_menu { display:block; float:left; width:50%; border-bottom:1px solid #ddd; }
.popup_chart .popup_wrap .cm_tab .cm_tab_menu.on::before { bottom:0; }
.popup_chart .box_cont { padding:25px 15px; }
.popup_chart .box_cont input[type=checkbox] { display:none; }
.popup_chart .box_cont input[type=checkbox] + label { display:inline-block; position:relative; padding-left:30px; font-size:80%; line-height:27px; cursor:pointer; }
.popup_chart .box_cont input[type=checkbox] + label:before { display:block; content:''; position:absolute; top:4px; left:4px; width:16px; height:16px; border:1px solid #ddd; overflow:hidden; }
.popup_chart .box_cont input[type=checkbox]:checked + label:before { top:0; left:0; width:24px; height:24px; border:0; background:url('/images/common/ic-checkbox-sel.png') no-repeat; background-size:cover; }


/*뉴스 상세*/