/* [제목] 이전 CSS [생성일] 2020-05-18 [내용] 사용 중인 이전 작업물에 대한 CSS [비고] 추후 삭제 예정 */ /* Html Elements 2019-04-16 CSS 최적화작업 포함 파일 base.css common.css control.css new_control.css (default.css 포함 안함) ----------------------------------------------------------*/ /*웹폰트*/ @import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); @import url(https://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css); @import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); @import url(https://fonts.googleapis.com/earlyaccess/nanumbrushscript.css); @import url(https://fonts.googleapis.com/earlyaccess/nanumpenscript.css); @import url(https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css); @import url(https://cdn.jsdelivr.net/nanumsquare/1.0/nanumsquare.css); @import url(https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.css); @import url(https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css); @import url(https://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css); @import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css); @import url(https://fonts.googleapis.com/css?family=Noto+Sans); @import url(https://cdn.jsdelivr.net/font-kopub/1.0/kopubdotum.css); @import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css); @import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); .notosanskr * { font-family: 'Noto Sans KR', sans-serif; } @font-face {font-family:'NanumGothic'; src: url('font_nanum/NanumGothic.eot');} @font-face {font-family:'NanumBarunGothic'; src: url('font_nanum/NanumBarunGothic.eot');} @font-face {font-family:'MalgunGothic'; src:url(font_nanum/MalgunGothic.eot);} @font-face { font-family:'NanumGothic'; src: url('font_nanum/NanumGothic.eot'); src: url('font_nanum/NanumGothic.eot') format('embedded-opentype'), url('font_nanum/NanumGothic.woff') format('woff'), url('font_nanum/NanumGothic.ttf') format('truetype'); font-weight: normal; font-style: normal;} @font-face { font-family:'NanumBarunGothic'; src: url('font_nanum/NanumBarunGothic.eot'); src: url('font_nanum/NanumBarunGothic.eot') format('embedded-opentype'), url('font_nanum/NanumBarunGothic.woff') format('woff'), url('font_nanum/NanumBarunGothic.ttf') format('truetype'); font-weight: normal; font-style: normal;} @font-face { font-family:'NanumMyeongjo'; src: url('font_nanum/NanumMyeongjo.eot'); src: url('font_nanum/NanumMyeongjo.eot') format('embedded-opentype'), url('font_nanum/NanumMyeongjo.woff') format('woff'), url('font_nanum/NanumMyeongjo.ttf') format('truetype'); font-weight: normal; font-style: normal;} @font-face { font-family:'NanumSquareRoundL'; src: url('font_nanum/NanumSquareRoundL.eot'); src: url('font_nanum/NanumSquareRoundL.eot') format('embedded-opentype'), url('font_nanum/NanumSquareRoundL.woff') format('woff'), url('font_nanum/NanumSquareRoundL.ttf') format('truetype'); font-weight: normal; font-style: normal;} @font-face { font-family:'NanumSquareRoundR'; src: url('font_nanum/NanumSquareRoundR.eot'); src: url('font_nanum/NanumSquareRoundR.eot') format('embedded-opentype'), url('font_nanum/NanumSquareRoundR.woff') format('woff'), url('font_nanum/NanumSquareRoundR.ttf') format('truetype'); font-weight: normal; font-style: normal;} @font-face { font-family:'NanumSquareRoundB'; src: url('font_nanum/NanumSquareRoundB.eot'); src: url('font_nanum/NanumSquareRoundB.eot') format('embedded-opentype'), url('font_nanum/NanumSquareRoundB.woff') format('woff'), url('font_nanum/NanumSquareRoundB.ttf') format('truetype'); font-weight: normal; font-style: normal;} @font-face { font-family: 'OTEnjoystoriesBA'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/OTEnjoystoriesBA.woff') format('woff'); font-weight: normal; font-style: normal; } /*초기화*/ .p0 { padding:0!important; } .mb0 { margin-bottom:0!important; } /*텍스트*/ .tx_ct { text-align:center!important; } /*텍스트 속성*/ . { text-align:left; } .txt_center { text-align:center; } .bold { font-weight:500; } .helv { font-family:돋움, HelveticaNeue, Dotum, 굴림, Gulim, Apple-Gothic;} .vwrd { font-family:Verdana, 돋움, HelveticaNeue, Dotum, 굴림, Gulim, Apple-Gothic; } /*폰트 컬러*/ .fclr_wh { color:#fff; } .fclr_mclr { color:#ee1e38; } .fclr_g3 { color:#333; } .fclr_bp { color:#2e2eae; } .colr_or { color:#f25c37 !important; } .colr_rd { color:#ee3128 !important; } .colr_gr { color:#cccccc !important; } .colr_gr7 { color:#777 !important; } .colr_gr9 { color:#999999 !important; } .colr_sbl { color:#189dba !important;} .colr_pp { color:#950082 !important; } .colr_pb { color:#414082 !important; } .colr_bl { color:#1e489f !important; } .colr_grn { color:#0d9f5c !important; } .colr_edu { color:#ffb606 !important;} .colr_navy { color:#282b62!important; } /* 버튼 모양-둥근박스*/ .btn_rbox3 { border-radius:3px; } .btn_rbox8 { border-radius:8px; } .btn_rbox12 { border-radius:12px; } .btn_rbox100 { border-radius:100px; } /* 버튼 모양-원형*/ .btn_r20 { display:inline-block; width:20px; height:20px; line-height:15px; border-radius:30px; text-align:center; box-sizing:border-box; vertical-align:middle; padding:0!important; font-weight:bold; } .btn_r22 { display:inline-block; width:22px; height:22px; line-height:17px; border-radius:22px; text-align:center; box-sizing:border-box; vertical-align:middle; padding:0!important; font-weight:bold; } .btn_r30 { display:inline-block; width:30px; height:30px; line-height:28px; border-radius:30px; text-align:center; box-sizing:border-box; vertical-align:middle; padding:0!important; font-weight:bold; } /* 버튼 btn_컬러 : 배경색이 있는 버튼 btn_색상_on : 클릭시 변경될 색상 (사용미정) btn_line_색상 : 흰색 배경의 테두리와 폰트색상이 같은 버튼 */ /* 선만있는 버튼*/ .btn_wh { border:1px solid #efeeee; background-color:#fff; color:#7d7d7d; } .btn_line_or { border:1px solid #ff5700; background-color:#fff; color:#ff5700; } .btn_line_bgr { border:1px solid #969fb0; background-color:#fff; color:#969fb0;} .btn_line_skb { border:1px solid #8096b9; background-color:#fff; color:#8096b9;} .btn_line_sky { border:1px solid #01addf; background-color:#fff; color:#01addf;} .btn_line_pbl { border:1px solid #353d62; background-color:#fff; color:#353d62;} .btn_line_bk { border:1px solid #0f0f0f; background-color:#fff; color:#0f0f0f;} .btn_grey { background-color:#ddd; color:#fff; } .btn_or { background-color:#f26530; color:#fff; } .btn_pp { background-color:#181847; color:#fff; } .gr_ror { color:#fff; cursor:pointer; background-image: -webkit-linear-gradient(top bottom, #ff7a00 0%, #ff6000 100%); background-image: -webkit-linear-gradient(top bottom, #ff7a00 0%, #ff6000 100%); background-image: -o-linear-gradient(top bottom, #ff7a00 0%, #ff6000 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#ff7a00), to(#ff6000)); background-image: linear-gradient(to bottom,#ff7a00,#ff6000);} .gr_rpp { color:#fff; cursor:pointer; background-image: -webkit-linear-gradient(top bottom, #888ca0 0%, #4b4f63 100%); background-image: -webkit-linear-gradient(top bottom, #888ca0ca0 0%, #4b4f63 100%); background-image: -o-linear-gradient(top bottom, #888ca0ca0 0%, #4b4f63 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#888ca0), to(#4b4f63)); background-image: linear-gradient(to bottom,#888ca0,#4b4f63);} .gra_dgrey { border:1px solid #1d1b1c; color:#fff; cursor:pointer; background-image: -webkit-linear-gradient(top bottom, #444444 0%, #212021 100%); background-image: -webkit-linear-gradient(top bottom, #444444 0%, #212021 100%); background-image: -o-linear-gradient(top bottom, #444444 0%, #212021 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#212021)); background-image: linear-gradient(to bottom,#444444,#212021);} .gra_grey { border:1px solid #e4e4e4; cursor:pointer; background-image: -webkit-linear-gradient(top bottom, #ffffff 0%, #f8f8f8 100%); background-image: -webkit-linear-gradient(top bottom, #ffffff 0%, #f8f8f8 100%); background-image: -o-linear-gradient(top bottom, #ffffff 0%, #f8f8f8 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f8f8f8)); background-image: linear-gradient(to bottom,#ffffff,#f8f8f8);} .gra_dagrey { border: 1px solid #e4e4e4; cursor: pointer; background-image: -webkit-linear-gradient(top bottom, #ffffff 0%, #ededed 100%); background-image: -webkit-linear-gradient(top bottom, #ffffff 0%, #ededed 100%); background-image: -o-linear-gradient(top bottom, #ffffff 0%, #ededed 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ededed)); background-image: linear-gradient(to bottom,#ffffff,#ededed); } .gra_lightgrey { border:1px solid #f6f6f6; cursor:pointer; color:#ccc; background-image: -webkit-linear-gradient(top bottom, #f6f6f6 0%, #e7e7e7 100%); background-image: -webkit-linear-gradient(top bottom, #f6f6f6 0%, #e7e7e7 100%); background-image: -o-linear-gradient(top bottom, #f6f6f6 0%, #e7e7e7 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e7e7e7)); background-image: linear-gradient(to bottom,#ffffff,#f8f8f8);} .gra_egrey { cursor:pointer; background-image: -webkit-linear-gradient(top bottom, #efeff7 0%, #e1e1ec 100%); background-image: -webkit-linear-gradient(top bottom, #efeff7 0%, #e1e1ec 100%); background-image: -o-linear-gradient(top bottom, #efeff7 0%, #e1e1ec 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#efeff7), to(#e1e1ec)); background-image: linear-gradient(to bottom,#efeff7,#e1e1ec);} .gra_ppb { border:1px solid #2e2e71; cursor:pointer; color:#fff; background-image: -webkit-linear-gradient(top bottom, #2e2e71 0%, #1f1f44 100%); background-image: -webkit-linear-gradient(top bottom, #2e2e71 0%, #1f1f44 100%); background-image: -o-linear-gradient(top bottom, #2e2e71 0%, #1f1f44 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#2e2e71), to(#1f1f44)); background-image: linear-gradient(to bottom,#2e2e71,#1f1f44);} .gra_red { border:1px solid #ee3128; cursor:pointer; color:#fff; background-image: -webkit-linear-gradient(top bottom, #ee3128 0%, #be1911 100%); background-image: -webkit-linear-gradient(top bottom, #ee3128 0%, #be1911 100%); background-image: -o-linear-gradient(top bottom, #ee3128 0%, #be1911 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#ee3128), to(#be1911)); background-image: linear-gradient(to bottom,#ee3128,#be1911);} .gra_lightpb { border:1px solid #9191bb; cursor:pointer; color:#fff; background-image: -webkit-linear-gradient(top bottom, #a6a6cc 0%, #9191bb 100%); background-image: -webkit-linear-gradient(top bottom, #a6a6cc 0%, #9191bb 100%); background-image: -o-linear-gradient(top bottom, #a6a6cc 0%, #9191bb 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#a6a6cc), to(#9191bb)); background-image: linear-gradient(to bottom,#a6a6cc,#9191bb);} .limited_btn { cursor:pointer; background-image: -webkit-linear-gradient(top bottom, #f8f8f8 0%, #e7e7e7 100%); background-image: -webkit-linear-gradient(top bottom, #f8f8f8 0%, #e7e7e7 100%); background-image: -o-linear-gradient(top bottom, #f8f8f8 0%, #e7e7e7 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e7e7e7)); background-image: linear-gradient(to bottom,#f8f8f8,#e7e7e7);} .search_reset { border:0; cursor:pointer; background-image: -webkit-linear-gradient(top bottom, #dcdcdc 0%, #cdcdcd 100%); background-image: -webkit-linear-gradient(top bottom, #dcdcdc 0%, #cdcdcd 100%); background-image: -o-linear-gradient(top bottom, #dcdcdc 0%, #cdcdcd 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#cdcdcd)); background-image: linear-gradient(to bottom,#dcdcdc,#cdcdcd);} .search_submit { color:#fff; cursor:pointer; background-image: -webkit-linear-gradient(top bottom, #f25b36 0%, #e74a23 100%); background-image: -webkit-linear-gradient(top bottom, #f25b36 0%, #e74a23 100%); background-image: -o-linear-gradient(top bottom, #f25b36 0%, #e74a23 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#f25b36), to(#e74a23)); background-image: linear-gradient(to bottom,#f25b36,#e74a23);} .click { color:#fff; border:0; cursor:pointer; background-image: -webkit-linear-gradient(to right, #f47326 0%, #ef4348 100%); background-image: -webkit-linear-gradient(to right, #f47326 0%, #ef4348 100%); background-image: -o-linear-gradient(to right, #f47326 0%, #ef4348 100%); background-image: -webkit-gradient(linear, left left, left right, from(#f47326), to(#ef4348)); background-image:linear-gradient(to right, #f47326 0%, #ef4348 100%);} .actv { border:0; background-color:#f25c37; color:#fff; font-weight:500; cursor:pointer; } .actv_navy { background-color:#454962; } /*채워진 버튼 색상*/ .btn_whgrey { background-color:#e9e9e9; color:#fff; } .btn_ligrey { background-color:#f5f4f4; color:#000; } .btn_ligrey_on { background-color:#e9e9e9; color:#000; } .btn_or { border:1px solid #ff3100; background-color:#ff5700; color:#fff; background-image: -webkit-linear-gradient(top bottom, #ff7100 0%, #ff5700 100%); background-image: -o-linear-gradient(top bottom, #ff7100 0%, #ff5700 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#ff7100), to(#ff5700)); background-image: linear-gradient(to bottom,#ff7100,#ff5700); } .btn_or_on { border:1px solid #ff3100; background-color:#e35004; color:#fff; } .btn_bgr { border:1px solid #8d94a7; background-color:#969fb0; color:#fff; background-image: -webkit-linear-gradient(top bottom, #a5aebf 0%, #969fb0 100%); background-image: -o-linear-gradient(top bottom, #a5aebf 0%, #969fb0 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#a5aebf), to(#969fb0)); background-image: linear-gradient(to bottom,#a5aebf,#969fb0); } .btn_bgr_on { border:1px solid #7c8293; background-color:#8d94a7; color:#fff;} .btn_skb { border:1px solid #768bac; background-color:#8096b9; color:#fff; background-image: -webkit-linear-gradient(top bottom, #9eb3cf 0%, #8096b9 100%); background-image: -o-linear-gradient(top bottom, #9eb3cf 0%, #8096b9 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#9eb3cf), to(#8096b9)); background-image: linear-gradient(to bottom,#9eb3cf,#8096b9); } .btn_skb_on { border:1px solid #768bac; background-color:#647ca4; color:#fff;} .btn_sky { border:1px solid #019cc9; background-color:#01addf; color:#fff; background-image: -webkit-linear-gradient(top bottom, #1fb7e3 0%, #01addf 100%); background-image: -o-linear-gradient(top bottom, #1fb7e3 0%, #01addf 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#1fb7e3), to(#01addf)); background-image: linear-gradient(to bottom,#1fb7e3,#01addf); } .btn_sky_on { border:1px solid #048fb7; background-color:#019cc9; color:#fff;} .btn_pbl { border:1px solid #333a5f; background-color:#353d62; color:#fff; background-image: -webkit-linear-gradient(top bottom, #545f95 0%, #353d62 100%); background-image: -o-linear-gradient(top bottom, #545f95 0%, #353d62 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#545f95), to(#353d62)); background-image: linear-gradient(to bottom,#545f95,#353d62); } .btn_pbl_on { border:1px solid #252a48; background-color:#333a5f; color:#fff;} .btn_bk { border:1px solid #000; background-color:#0f0f0f; color:#fff; background-image: -webkit-linear-gradient(top bottom, #3f3f3f 0%, #0f0f0f 100%); background-image: -o-linear-gradient(top bottom, #3f3f3f 0%, #0f0f0f 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#3f3f3f), to(#0f0f0f)); background-image: linear-gradient(to bottom,#3f3f3f,#0f0f0f); } .btn_bk_on { border:1px solid #363636; background-color:#0f0f0f; color:#fff;} /* 라벨 사이즈 */ .label_size_s { display:inline-block; height:20px; box-sizing:border-box; font-size:12px; font-family:Dotum; line-height:20px; vertical-align:middle; } .label_size_m { display:inline-block; height:28px; box-sizing:border-box; font-size:12px; font-family:Dotum; line-height:28px; vertical-align:middle; } .label_size_l { display:inline-block; height:34px; box-sizing:border-box; font-size:12px; font-family:Dotum; line-height:34px; vertical-align:middle; } .label_size_xl { display:inline-block; height:42px; box-sizing:border-box; font-size:12px; font-family:Dotum; line-height:42px; vertical-align:middle; } /* 라벨 모양 */ .label_r_s { display:inline-block; width:22px; height:22px; line-height:23px; border-radius:20px; text-align:center; box-sizing:border-box; vertical-align:middle; padding:0!important; font-weight:bold; font-size:11px } .label_r_m { display:inline-block; width:28px; height:28px; line-height:28px; border-radius:30px; text-align:center; box-sizing:border-box; vertical-align:middle; padding:0!important; font-weight:bold; } .label_rbox_s { display:inline-block; border-radius:3px; overflow:hidden; } .label_rbox_m { display:inline-block; border-radius:6px; overflow:hidden; } .label_rbox_l { display:inline-block; border-radius:100px; overflow:hidden; } /* 라벨 색상 지정 */ .label_ye { color:#fff; background-color:#ffbd28; } .label_gn { color:#fff; background-color:#2fa448; } .label_wpu { color:#fff; background-color:#777fb2; } .label_pu { color:#fff; background-color:#503767; } .label_red { color:#fff; background-color:#e00000; } .label_or { color:#fff; background-color:#ff4e00; } .label_wgr { color:#fff; background-color:#e4e4e4; } .label_gr { color:#fff; background-color:#bbbbbb; } .label_dgr { color:#fff; background-color:#626c75; } .label_pk { color:#fff; background-color:#f8d3ce; } .label_nb { color:#fff; background-color:#313753; } .label_bl { color:#fff; background-color:#006786; } .label_skb { color:#fff; background-color:#01addf; } .label_ror { color:#fff; background-color:#f34834; } .label_ygn { color:#fff; background-color:#6abc50; } .label_aqu { color:#fff; background-color:#11c9d3; } /* 테두리만 있는 라벨 */ .label_line_ye { background-color:#fff; color:#ffbd28; border:1px solid #ffbd28; box-sizing:border-box; } .label_line_gn { background:#fff; color:#2fa448; border:1px solid #2fa448; box-sizing:border-box; } .label_line_wpu { background:#fff; color:#777fb2; border:1px solid #777fb2; box-sizing:border-box; } .label_line_pu { background:#fff; color:#503767; border:1px solid #503767; box-sizing:border-box; } .label_line_red { background:#fff; color:#e00000; border:1px solid #e00000; box-sizing:border-box; } .label_line_or { background:#fff; color:#ff4e00; border:1px solid #ff4e00; box-sizing:border-box; } .label_line_wgr { background:#fff; color:#bababa; border:1px solid #e4e4e4; box-sizing:border-box; } .label_line_gr { background:#fff; color:#bbbbbb; border:1px solid #bbbbbb; box-sizing:border-box; } .label_line_dgr { background:#fff; color:#626c75; border:1px solid #626c75; box-sizing:border-box; } .label_line_pk { background:#fff; color:#f8d3ce; border:1px solid #f8d3ce; box-sizing:border-box; } .label_line_nb { background:#fff; color:#313753; border:1px solid #313753; box-sizing:border-box; } .label_line_bl { background:#fff; color:#006786; border:1px solid #006786; box-sizing:border-box; } .label_line_skb { background:#fff; color:#01addf; border:1px solid #01addf; box-sizing:border-box; } .label_line_ror { background:#fff; color:#f34834; border:1px solid #f34834; box-sizing:border-box; } .label_line_ygn { background:#fff; color:#6abc50; border:1px solid #6abc50; box-sizing:border-box; } .label_line_aqu { background:#fff; color:#11c9d3; border:1px solid #11c9d3; box-sizing:border-box; } /* 탭 컬러 사용시 ul 사이즈 지정 및 폰트스타일 지정해야함. ul = ctrl_tab li = tab_column */ .ctrl_tab .tab_column { position:relative; float:left; width:25%; height:50px; line-height:50px; text-align:center; border:1px solid #ddd; border-right:0; color:#333; background-color:#fff; box-sizing:border-box; } .ctrl_tab .tab_column:last-of-type { border-right:1px solid #ddd;} /*탭-클릭시 변경*/ .ctrl_tab .tab_column.on_or { border:0; color:#fff; background-color:#ff4e00; } .ctrl_tab .tab_column.on_or:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-top-color: #ff4e00; border-width: 5px; margin-left: -5px; } .ctrl_tab .tab_column.on_wpu { border:0; color:#fff; background-color:#777fb2; } .ctrl_tab .tab_column.on_wpu:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-top-color: #777fb2; border-width: 5px; margin-left: -5px; } .ctrl_tab .tab_column.on_pb { border:0; color:#fff; background-color:#333a5f; } .ctrl_tab .tab_column.on_pb:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-top-color: #333a5f; border-width: 5px; margin-left: -5px; } .ctrl_tab .tab_column.on_bk { border:0; color:#fff; background-color:#272c2f; } .ctrl_tab .tab_column.on_bk:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-top-color: #272c2f; border-width: 5px; margin-left: -5px; } /* 투명도 공통*/ .opa_05 { opacity:0.5; } /* display 상태 */ .dp_show { display:inherit!important; } .dp_hide { display:none!important; } /*공통 디자인 레이아웃*/ .common { /*width:1920px;*/ letter-spacing:-0.5px; font-family:'Noto Sans KR','Noto Sans CJK KR'; } .common { /*padding: 0 30px;*/ } .tit_1 { margin-top:50px; color:#222; font-size:30px; font-weight:bold; } .tit_2 { margin-top:30px; color:#222; font-size:25px; } .sub { margin-top:10px; color:#666; font-size:16px; line-height:22px; } .navigation { margin:25px 0; padding-bottom:7px; font-size: 32px; font-weight:normal; line-height:30px; } .main_top { width:100%; } hr.solid_dd { border:0.5px solid #ddd; } .width100 { width:calc(100% + 30px)!important; margin:0 -15px;} .mbody_wrap { position:relative; margin:0 15px; background:#fff; font-size:100%; font-family:'Noto Sans KR','Noto Sans CJK KR'; } .mbody_wrap.bg { padding:0 15px; margin:0; background-color:#f2f4f7; } /*.view_bg {background-color:#f2f4f7; }*/ .mheader_warp { position:relative; width:100%; background-color:#414082; font-size:100%; } .mheader_warp img { vertical-align:middle; } .main_view { position:relative; width:calc(100% + 30px); margin:0 -15px; background-color:#f2f4f7; overflow:hidden; font-family:'Noto Sans KR','Noto Sans CJK KR'; } .main_view * { box-sizing:border-box;} .mr10 { margin:0 10px;} /*컨텐츠*/ #article_wrap { padding:10px; min-height:300px; overflow:hidden; z-index:1;} #article_sub_wrap {min-height:300px; z-index:1;} /*메인 팝업 close 영역*/ .main_view .ld_popup_wrap ul.close{ display:inline-block; margin-top:-2px; width:100%; min-width:170px !important; } .main_view .ld_popup_wrap ul.close input[type=checkbox]{width:15px; height:20px; vertical-align:middle;} .main_view .ld_popup_wrap ul.close .link{ display:inline-block; font-size:81% !important;} .main_view .ld_popup_wrap ul.close .linke{display:inline-block;font-size:80% !important;margin-left:5px; margin-top:2px;} /* 홈_gnb */ .main_gnb { position:relative; margin:0 -15px; height:50px; background-color:#fff; box-shadow:1px 1px 2px #d2d2d2; } .main_gnb::after { content:""; display:block; clear:both; } .main_gnb li { float:left; width:25%; height:100%; line-height:50px; } .main_gnb li:nth-child(2) { margin-left:-8px; } .main_gnb li.on { border-bottom:2px solid #414082; color:#414082; font-weight:500; box-sizing:border-box; } .main_gnb li a { display:inline-block; width:100%; height:100%; line-height:50px; text-align:center; color:inherit; font-size:80%; } .gnb3 li { width:33.333%!important; } .gnb2 li { width:50%!important; } /* 홈_서브 gnb */ .main_sub_gnb { position:relative; width:100%; display:block; padding:10px; background-color:#fff; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; } .main_sub_gnb button { display:none!important;} .main_sub_gnb li { float:left; display:inline-block; margin:0 6.5px 0 0; height:30px; color:#999; text-align:left; } .main_sub_gnb li.on { border:1px solid #414082; color:#414082; font-weight:600; border-radius:15px; text-align:center } .main_sub_gnb li a { display:inline-block; padding:0 10px; height:100%; line-height:30px; text-align:center; color:inherit; font-size:80%; } .main_sub_gnb li { font-size:85%; } .main_sub_gnb li:nth-child(4) { margin-right:0; } .main_sub_gnb::after { content:""; display:block; clear:both; } /* 테이블 리스트 */ /* 테이블리스트 분류 옵션*/ .body_search { width:100%; padding:10px 0 0 0; margin-bottom:-10px; overflow:hidden;} .body_search .select_box { float:left; width:calc(50% - 5px); margin-right:10px; border-radius:5px; color:#777; line-height: 30px; background: url(../img/sub/select_bg2.png) right 0 #fff no-repeat; -webkit-appearance: none;} .body_search .select_box::-ms-expand{display:none;} .body_search .select_box:last-child { margin-right:0; } .body_search .select_box option { color:#777; } .table_list { width:100%; table-layout:fixed; } /* 마진 추가 (2019.01.14 17:21 */ .table_list.table_margin { margin:15px 0 0 0; } .table_list { background-color:#fff; table-layout:fixed; border-top:1px solid #ddd; } .table_list tr.br_bottom { border-bottom:1px solid #ddd; } .table_list tr td { padding-top:15px; } .table_list tr td:first-child { padding-left:15px; padding-right:5px; } .table_list tr td:last-child { padding-right:15px; width:108px;} .table_list tr td.mentor_emblem_box { padding-right:15px; width:72px;} .table_list tr.br_bottom td { padding-bottom:15px; padding-top:10px; font-weight:500; } .table_list tr td .list_tit { overflow: hidden; text-overflow: ellipsis; display:inline-block; display:inline-flex; line-height:25px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word; overflow:hidden; font-size:75%; } .table_list tr td .title_box { text-align:left; height:23px; margin-bottom:5px; } .table_list.searchlist_table tr td .title_box .label_common { position:relative; bottom:5px; } .table_list tr td.condition_box { width:97px; text-align:right; } .table_list tr td.link_box .list_link_btn { float:left; margin-top:0; display:inline-block; height:35px; line-height:35px; font-size:65%; border:1px solid #eaeaea; text-align:center; background-image: -webkit-linear-gradient(top bottom, #ffffff 0%, #f8f8f8 100%); background-image: -webkit-linear-gradient(top bottom, #ffffff 0%, #f8f8f8 100%); background-image: -o-linear-gradient(top bottom, #ffffff 0%, #f8f8f8 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f8f8f8)); background-image: linear-gradient(to bottom,#ffffff,#f8f8f8);} .table_list tr td.link_box .list_link_btn.size1 { width:100%; } .table_list tr td.link_box .list_link_btn.size2 { width:50%; } .table_list tr td.link_box .list_link_btn.size3 { width:33.333333333333337%; } .table_list tr td.link_box .list_link_btn:first-child { border-right:0; } .table_list tr td.link_box .list_link_btn.disabled { background:#f4f4f4; color:#ccc; } /*.table_list tr td.link_box .katalk { border:0; background:#2a190c; color:#fff; } .table_list tr td.link_box .katalk .im { color:#f7dd2e; font-size:15px; margin-right:4px; margin-top:-2px; vertical-align:middle; }*/ .table_list tr td.link_box .favorite .im { color:#f25c37; font-size:15px; margin-right:4px; padding-bottom:3px; vertical-align:middle; } .table_list .txt_condition { display:inline-block; font-size:70%; font-weight:600; } .table_list .txt_condition b { color:#f25c37; } .table_list .txt_term { display:inline-block; color:#999; font-size:11px; line-height:15px; } .table_list .txt_dday { margin-bottom:10px; font-size:13px; } .table_list .txt_payment { margin-top:0; font-size:13px; color:#f25c37; } .table_list .txt_price { display:inline-block; font-size:12px; line-height:18px; } .table_list .txt_price small { font-size:12px; font-weight:normal; color:#999; } .table_list .list_mentor { margin-top:5px; font-size:65%; color:#999; text-align:center; } .table_list .list_mentor .im { padding-bottom:2px; font-size:13px; color:inherit; vertical-align:middle; } .table_list .division_item_name { margin-right:3px; } .table_list .division_item_name b { overflow:hidden; height:13px; line-height:13px; max-width:70px; margin-bottom:2px; font-weight:600; font-size:13px; vertical-align:middle; text-overflow: ellipsis; display:inline-flex; display: -webkit-inline-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word;} .table_list .division_item_price { font-size:13px; color:#999; } /*검색결과 페이지*/ /*모바일웹(페이지 내 검색박스)*/ .search_box_page { padding:10px 15px; margin:0 -15px; border-bottom:1px solid #ddd; background:#fff; } .search_box_page input[type=text] { width:calc(100% - 20px); padding:0 10px; background:#ededed; font:400 85% 'Noto Sans KR'; color:#777; border-radius:18px; line-height:35px; } /* 테이블리스트 - 관심등록정보_관심멘토 */ .interest_mentor .list_mentor_big { font-size:75%; font-weight:500; line-height:0px; } .interest_mentor .list_mentor_big .im { padding-bottom:3px; font-size:100%; color:inherit; vertical-align:middle; } .interest_mentor .mentor_emblem_box { width:87px; } .interest_mentor .title_box .list_txt_box { overflow: hidden; margin-top:5px; font-size:70%; color:#999; text-overflow: ellipsis; display:inline-block; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap:break-word; } .interest_mentor .title_box .list_txt_box .more_btn { margin-left:3px; text-decoration:underline; } /* 테이블리스트 - 관심등록정보_관심챌린저 */ /* 라벨 .label_service : 강연VOD몰, 매매기법, 추천종목, VIP종목알리미 등 서비스명 .label_division34 : 노하우, 마인드, 실전매매 등 3-4글자 기준 .label_division_item : 보유종목, 관심종목 */ .label_common { display:inline-block; height:20px; line-height:19px; margin-right:3px; border-radius:3px; text-align:center; font-size:12px; background-color:#fff; border: 1px solid #ddd; } .label_icon .im { vertical-align:middle; font-size:23px;} .label_service { width:auto; min-width:80px; padding:0 2px; background-color:#2a2a65; color:#fff; border:1px solid #2a2a65;} .label_service_theme { width:90px; background-color:#b71e4e; color:#fff; border:0;} .label_division67 { width:75px; } .label_division34 { width:54px; } .label_division2 { width:40px; } .label_division_item { display:inline-block; width:60px; height:20px; line-height:18px; font-weight:600; font-size:12px; margin-right:3px; border-radius:3px; text-align:center; } .label_division_item.interest_item { color:#df0000; background-color:#f8d3ce; } .label_division_item.stock_item { color:#ff6023; background-color:#ffe8d3; } .label_new { display:inline-block; width:40px; height:22px; margin-right:3px; line-height:22px; text-align:center; background-color:#f25c37; border-radius:3px; font-size:13px; color:#fff; font-weight:normal; } /* 탭 컬러 사용시 ul 사이즈 지정 및 폰트스타일 지정해야함. ul = ctrl_tab li = tab_column */ .ctrl_tab .tab_column { position:relative; float:left; width:25%; height:50px; line-height:50px; text-align:center; border:1px solid #ddd; border-right:0; color:#333; background-color:#fff; box-sizing:border-box; } .ctrl_tab .tab_column:last-of-type { border-right:1px solid #ddd;} /*탭-클릭시 변경*/ .ctrl_tab .tab_column.on_or { border:0; color:#fff; background-color:#ff4e00; } .ctrl_tab .tab_column.on_or:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-top-color: #ff4e00; border-width: 5px; margin-left: -5px; } .ctrl_tab .tab_column.on_wpu { border:0; color:#fff; background-color:#777fb2; } .ctrl_tab .tab_column.on_wpu:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-top-color: #777fb2; border-width: 5px; margin-left: -5px; } .ctrl_tab .tab_column.on_pb { border:0; color:#fff; background-color:#333a5f; } .ctrl_tab .tab_column.on_pb:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-top-color: #333a5f; border-width: 5px; margin-left: -5px; } .ctrl_tab .tab_column.on_bk { border:0; color:#fff; background-color:#272c2f; } .ctrl_tab .tab_column.on_bk:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-top-color: #272c2f; border-width: 5px; margin-left: -5px; } /*play 버튼*/ .play { z-index:2; position:absolute; bottom:10px; right:10px; width:21px; height:21px; line-height:14px; border:2px solid #fff; border-radius:15px; text-align:center; } .play .im { color:#fff; font-size:13px; padding:0 0 0 3px; } /* 마이페이지_검색박스 */ .inputbtn_style { width:172px; height:35px; line-height:35px; margin-bottom:25px; margin-right:5px; text-align:center; background-color:#fff; border:1px solid #ddd; border-radius:3px; font-size:14px; cursor:pointer; } .inputbtn_style3 { width:292px; } .inputbtn_style.active { border:0; background-color:#f25c37; color:#fff; height:34px; } .inputbtn_style.search_day { position:relative; margin-right:0; border-right:0; width:140px; border-top-right-radius:0px; border-bottom-right-radius:0px; padding-left:15px; } .search_calendar { margin-top:1px; width:35px; height:35px; vertical-align:top; margin-left:-6px; border:1px solid #ddd; border-top-right-radius:3px; border-bottom-right-radius:3px; border-left:0; background-color:#fff;background-image: url('/images/common/calendar.png'); background-repeat:no-repeat; background-position:center center; } .inputbtn_style.select_box { padding-left:15px; margin-bottom:10px; } .inputbtn_style.select_box option { padding:0 15px; } .inputbtn_style.search_title { width:893px; text-align:left; padding:0 15px; margin-bottom:0; cursor:text; } .inputbtn_style.buttonbtn_style { vertical-align:top; margin-bottom:0; } .inputbtn_style.buttonbtn_style .im { margin-bottom:2px; margin-right:3px; padding-bottom:2px; color:inherit; font-size:13px; vertical-align:middle;} .search_box .flexible_area .btn_center { margin-top:15px; text-align:center; } .search_box .flexible_area .inputbtn_style.search_reset { border:0; background-image: -webkit-linear-gradient(top bottom, #dcdcdc 0%, #cdcdcd 100%); background-image: -webkit-linear-gradient(top bottom, #dcdcdc 0%, #cdcdcd 100%); background-image: -o-linear-gradient(top bottom, #dcdcdc 0%, #cdcdcd 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#cdcdcd)); background-image: linear-gradient(to bottom,#dcdcdc,#cdcdcd);} .search_box .flexible_area .inputbtn_style.search_submit { color:#fff; background-image: -webkit-linear-gradient(top bottom, #f25b36 0%, #e74a23 100%); background-image: -webkit-linear-gradient(top bottom, #f25b36 0%, #e74a23 100%); background-image: -o-linear-gradient(top bottom, #f25b36 0%, #e74a23 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#f25b36), to(#e74a23)); background-image: linear-gradient(to bottom,#f25b36,#e74a23);} /*상담만족도 /Item/StockConsultMentorList.aspx */ .mentor_contentment .bar { display:grid; height:7px; background:#eee; overflow:hidden; } .mentor_contentment .bar .gauge { display:inline-block; height:7px; } .mentor_contentment .bar .gauge.up { background:#ff6023; } .mentor_contentment .bar .gauge.down { background:#6d7da8; } .mentor_contentment .contentment { height:45px; padding-bottom:5px; font-family:NanumSquare; font-size:85%; } .mentor_contentment .contentment .tit { display:inline-block; color:#333; line-height:45px; vertical-align:middle; } .mentor_contentment .contentment .tit i { font-size:90%; vertical-align:middle; } .mentor_contentment .contentment .gauge_percent { float:right; font-family:'Noto Sans KR'; line-height:45px; vertical-align:middle; } .mentor_contentment .contentment .gauge_percent b { font-size:140%; line-height:40px; } .mentor_contentment .contentment .gauge_percent.up { color:#ff6023; } .mentor_contentment .contentment .gauge_percent.down { color:#6d7da8; } /* 만족도평가 */ .satisfaction .satisfaction_view { position:relative; top:6px; width:100%; color:#222; font-size:75%; } .satisfaction .satisfaction_view .tit { display:inline-block; width:98px; color:#222; font-size:75%; } .satisfaction .satisfaction_view .bar { display:inline-block; width:100%; height:5px; margin:5px 0; background:#eee; text-align:left; vertical-align:middle; line-height:20px;} .satisfaction .satisfaction_view .bar .gauge { display:inline-block; height:5px; text-align:left; vertical-align:text-top; background:#222222; } .satisfaction .gauge_percent { display:inline-block; width:30px!important; text-align:center!important; font-size:95%; font-weight:500; vertical-align:middle; margin-top:2px; } .satisfaction .gauge_percent b { font-size:22px; } .satisfaction .gauge_percent.up { color:#ee3128; } /* 마이페이지_만족도 평가 버튼*/ .satisfaction.my_position { padding:9px 10px; box-sizing:border-box; text-align:right;} .my_satisfaction_btn { display:inline-block; padding:0 8px; height:22px; line-height:22px; text-align:center; border: 1px solid #ccc; box-sizing:border-box; border-radius: 5px; font-size:12px; font-weight:bold; font-family:Dotum; background-image: -webkit-linear-gradient(top bottom, #fff 0%, #f6f6f6 100%); background-image: -o-linear-gradient(top bottom, #fff7 0%, #f6f6f6 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6)); background-image: linear-gradient(to bottom,#fff,#f6f6f6);} .my_satisfaction_btn.bg_bk {border: 1px solid #1c1b1b; background-color: #474747; background-image: -webkit-linear-gradient(top bottom, #474747 0%, #1c1b1b 100%); background-image: -o-linear-gradient(top bottom, #474747 0%, #1c1b1b 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#474747), to(#1c1b1b)); background-image: linear-gradient(to bottom,#474747,#1c1b1b); background-repeat: repeat-x; color: #fff; } .my_satisfaction_btn.bg_gry { background-color:#d0d4db; background-image:none; } /*플래티넘 라벨*/ span.member_platinum { position:absolute; right:48px; top:6px; width:90px; height:25px; } .platinum_guide_popup { display:none; position:fixed; top:65px; right:0; width:95%; background:#667685; margin:0 2.5%; box-shadow:0 0 7px #999; overflow:hidden; font-family:NanumSquare; z-index:100; } .platinum_guide_popup.selection { top:129px; } .platinum_guide_popup h2 {height:50px; line-height:50px; vertical-align:middle; padding:0 15px; font-size:95%; color:#fff; font-weight:500; position:relative;} .platinum_guide_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;} .platinum_guide_popup .text { background-color:#fff; padding:10px; } .platinum_guide_popup p { font-family: Gulim; font-size: 11px; color: #667685; line-height: 19px; letter-spacing: -0.7px; } .platinum_guide_popup p > strong { font-weight:normal; color:#ee3128; } /*control.css 통합*/ /* Placeholder ----------------------------------------------------------*/ input.placeholder:-ms-input-placeholder { color: #AAAAAA; } /* IE 10+ */ input.placeholder::-webkit-input-placeholder { color: #AAAAAA; } /* Chrome/Opera/Safari */ input.placeholder::-moz-placeholder { color: #AAAAAA; } /* Firefox 19+ */ input.placeholder:-moz-placeholder { color: #AAAAAA; } /* Firefox 18- */ /* BUTTON Font */ .wt_size18b { color: #fff; font-size: 18px; font-weight: bold; font-family: gothic,'고딕','Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; } .wt_size16b { color: #fff; font-size: 16px; font-weight: bold; font-family: gothic,'고딕','Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; } .gray_size16b { color: #555; font-size: 16px; font-weight: bold; text-shadow: 0px 1px 1px #ffffff; font-family: gothic,'고딕','Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; text-shadow: 0px 1px 1px #fff; } .gray_size12 { color: #555; font-size: 12px; letter-spacing: -0.1em; text-shadow: 0px 1px 1px #ffffff; font-family: gothic,'고딕','Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; text-shadow: 0px 1px 1px #fff; } .gray_size16b td a {display:block; color:#b33228; font-weight:bold; font-size:110%; vertical-align:middle; line-height:22px;} .gray_size16b td a i {font-size:80%; display:inline-block; vertical-align:top; line-height:22px; margin-left:3px;} /* BTN */ .ctrl_btn_silver_01 { cursor: pointer; width:95%; } .ctrl_btn_silver_01 td { height: 57px; line-height: 57px; padding: 0px; margin: 0px; } .ctrl_btn_silver_01 td.l { width: 11px; background: url(../images_640/board/btn_silver01_l_nor.png) no-repeat; background-size: 11px 57px; } .ctrl_btn_silver_01 td.c { background: url(../images_640/board/btn_silver01_c_nor.png) repeat-x; background-size: 1px 57px; } .ctrl_btn_silver_01 td.r { width: 11px; background: url(../images_640/board/btn_silver01_r_nor.png) no-repeat; background-size: 11px 57px; } .ctrl_btn_silver_01.pressed td.l { width: 11px; background: url(../images_640/board/btn_silver01_l_pre.png) no-repeat; background-size: 11px 57px; } .ctrl_btn_silver_01.pressed td.c { background: url(../images_640/board/btn_silver01_c_pre.png) repeat-x; background-size: 1px 57px; } .ctrl_btn_silver_01.pressed td.r { width: 11px; background: url(../images_640/board/btn_silver01_r_pre.png) no-repeat; background-size: 11px 57px; } .ctrl_btn_silver_01 td.c span.txt_backlist { display: inline-block; width: 58px; height: 18px; background: url(../images/board/btn_txt_back_list.png) no-repeat; background-size: 58px 18px } /* BTN - RED */ .ctrl_btn_red_01 { cursor: pointer; } .ctrl_btn_red_01 td { height: 43px; padding: 0px; margin: 0px; text-shadow: 0px 1px 1px #9e0d02; } .ctrl_btn_red_01 td.l { width: 7px; background: url(../images_640/basic/ctrl_btn_red_l_nor.png) no-repeat; background-size: 7px 43px;; } .ctrl_btn_red_01 td.c { width: 90%; background: url(../images_640/basic/ctrl_btn_red_c_nor.png) repeat-x; background-size: 1px 43px; } .ctrl_btn_red_01 td.r { width: 7px; background: url(../images_640/basic/ctrl_btn_red_r_nor.png) no-repeat; background-size: 7px 43px; } .ctrl_btn_red_01.pressed td.l { width: 7px; background: url(../images_640/basic/ctrl_btn_red_l_pre.png) no-repeat; background-size: 7px 43px; } .ctrl_btn_red_01.pressed td.c { width: 90%; background: url(../images_640/basic/ctrl_btn_red_c_pre.png) repeat-x; width: 90%;background-size: 1px 43px; } .ctrl_btn_red_01.pressed td.r { width: 7px; background: url(../images_640/basic/ctrl_btn_red_r_pre.png) no-repeat; background-size: 7px 43px; } /* BTN - RED2 - 다음단계 */ .ctrl_btn_red_02 { cursor: pointer; } .ctrl_btn_red_02 td { height: 43px; line-height: 43px; padding: 0px; margin: 0px; text-shadow: 0px 1px 1px #9e0d02; } .ctrl_btn_red_02 td.l { width: 7px; background: url(../images_640/basic/ctrl_btn_red_l_nor.png) no-repeat; background-size: 7px 43px; } .ctrl_btn_red_02 td.c { width: 80%; background: url(../images_640/basic/ctrl_btn_red_c_nor.png) repeat-x; background-size: 1px 43px; } .ctrl_btn_red_02 td.r { width: 20px; background: url(../images_640/basic/ctrl_btn_red_r_arrow_nor.png) no-repeat; background-size: 20px 43px; } .ctrl_btn_red_02.pressed td.l { width: 7px; background: url(../images_640/basic/ctrl_btn_red_l_pre.png) no-repeat; background-size: 7px 43px; } .ctrl_btn_red_02.pressed td.c { width: 80%; background: url(../images_640/basic/ctrl_btn_red_c_pre.png) repeat-x; background-size: 1px 43px; } .ctrl_btn_red_02.pressed td.r { width: 20px; background: url(../images_640/basic/ctrl_btn_red_r_arrow_pre.png) no-repeat; background-size: 20px 43px; } /* BTN - RED3 */ .ctrl_btn_red_03 { cursor: pointer; } .ctrl_btn_red_03 td { height: 43px; padding: 0px; margin: 0px; text-shadow: 0px 1px 1px #9e0d02; } .ctrl_btn_red_03 td.l { width: 7px; background: url(../images_640/basic/ctrl_btn_red_l.png) no-repeat; background-size: 7px 43px;; } .ctrl_btn_red_03 td.c { background: url(../images_640/basic/ctrl_btn_red_c.png) repeat-x; background-size: 1px 43px; } .ctrl_btn_red_03 td.r { width: 7px; background: url(../images_640/basic/ctrl_btn_red_r.png) no-repeat; background-size: 7px 43px; } .ctrl_btn_red_03_pre { cursor: pointer; } .ctrl_btn_red_03_pre td { height: 43px; padding: 0px; margin: 0px; } .ctrl_btn_red_03_pre td.l { width: 7px; background: url(../images_640/basic/ctrl_btn_red_l_pre.png) no-repeat; background-size: 7px 43px; } .ctrl_btn_red_03_pre td.c { background: url(../images_640/basic/ctrl_btn_red_c_pre.png) repeat-x; width: 90%;background-size: 1px 43px; } .ctrl_btn_red_03_pre td.r { width: 7px; background: url(../images_640/basic/ctrl_btn_red_r_pre.png) no-repeat; background-size: 7px 43px; } /* BTN - 뒤로가기 */ .ctrl_btn_back { cursor: pointer; } .ctrl_btn_back td { height: 43px; line-height: 43px; padding: 0px; margin: 0px; text-shadow: 0px 1px 1px #666; } .ctrl_btn_back td.l { width: 20px; background: url(../images_640/basic/ctrl_btn_back_l_nor.png) no-repeat; background-size: 20px 43px; } .ctrl_btn_back td.c { width: 80%; background: url(../images_640/basic/ctrl_btn_back_c_nor.png) repeat-x; background-size: 1px 43px; } .ctrl_btn_back td.r { width: 7px; background: url(../images_640/basic/ctrl_btn_back_r_nor.png) no-repeat; background-size: 7px 43px; } .ctrl_btn_back.pressed td.l { width: 20px; background: url(../images_640/basic/ctrl_btn_back_l_pre.png) no-repeat; background-size: 20px 43px; } .ctrl_btn_back.pressed td.c { width: 80%; background: url(../images_640/basic/ctrl_btn_back_c_pre.png) repeat-x; background-size: 1px 43px; } .ctrl_btn_back.pressed td.r { width: 7px; background: url(../images_640/basic/ctrl_btn_back_r_pre.png) no-repeat; background-size: 7px 43px; } /* BTN - RED (No 3Size) */ .btn_red { height: 43px; line-height: 43px; background: url(../images/basic/btn_bg_red.png) repeat-x; text-align: center; margin: 0 auto; cursor: pointer; display: inline-block; text-shadow: 0px 1px 1px #9e0d02; border-radius: 6px; border-top: 1px solid #c55947; border-right: 1px solid #b8493b; border-bottom: 1px solid #992a22; border-left: 1px solid #b8493b; } .btn_red_pre { height: 43px; line-height: 43px; background: url(../images/basic/btn_bg_red_pre.png) repeat-x; text-align: center; margin: 0 auto; cursor: pointer; display: inline-block; text-shadow: 0px 1px 1px #9e0d02; border-radius: 6px; border-top: 1px solid #d66a56; border-right: 1px solid #b33228; border-bottom: 1px solid #b33228; border-left: 1px solid #b33228; } /* BTN - RED style02 border-top: 1px solid #c55947; border-right: 1px solid #b8493b; border-bottom: 1px solid #992a22; border-left: 1px solid #b8493b; border-top: 1px solid #9e2b22; */ .btn_red_02 { height: 53px; line-height: 53px; background: url(../images/basic/btn_bg_red_style2_nor.png) repeat-x; text-align: center; margin: 0 auto; cursor: pointer; display: inline-block; border-radius: 6px; text-shadow: 0px 1px 1px #9e0d02; box-shadow: 0px 1px 2px #c0c0c0; } .btn_red_02 img { margin-top: 17px; } .btn_red_02.pressed { background: url(../images/basic/btn_bg_red_style2_pre.png) repeat-x; box-shadow: 0px 2px 1px #fff; } /* BTN - GRAY (No 3Size) border-top: 1px solid #92928e; border-right: 1px solid #878782; border-bottom: 1px solid #5e5e57; border-left: 1px solid #878782; border-top: 1px solid #5e5e56;*/ .btn_gray { height: 43px; line-height: 43px; background: url(../images/basic/btn_bg_gray_nor.png) repeat-x; text-align: center; margin: 0 auto; cursor: pointer; display: inline-block; border-radius: 6px; text-shadow: 0px 1px 1px #666; box-shadow: 0px 1px 2px #c0c0c0; } .btn_gray img { margin-top: 12px; } .btn_gray.pressed { background: url(../images/basic/btn_bg_gray_pre.png) repeat-x; box-shadow: 0px 2px 1px #fff; } /* BTN - SILVER */ .btn_silver { height: 46px; line-height: 46px; background: url(../images/basic/btn_bg_silver_nor.png) repeat-x; text-align: center; margin: 0 auto; cursor: pointer; display: inline-block; border-radius: 6px; border: 1px solid #b6b6b6; vertical-align: top; box-shadow: 0px 1px 1px #dddddd; } .btn_silver img { margin-top: 16px; } .btn_silver.pressed { background: url(../images/basic/btn_bg_silver_pre.png) repeat-x; border-top: 1px solid #b6b6b6; box-shadow: 0px 1px 1px #fff; } /* BTN - SILVER 02 */ .btn_silver_style2 { height: 30px; background: url(../images/basic/btn_bg_silver02.png) repeat-x; text-align: center; margin: 0 auto; cursor: pointer; display: inline-block; border-radius: 5px; border: 1px solid #cdcdcd; line-height: 26px; vertical-align: top; } .btn_silver_style2 img { margin-top: 9px; } /* BTN - SILVER 03 */ .btn_silver_style3 { height: 33px; line-height: 33px; margin: 0px 0px 0px 2px; background: url(../images/board/btn_bg_silver03_nor.gif) repeat-x; text-align: center; cursor: pointer; display: inline-block; border-radius: 5px; border: 1px solid #b6b6b6; vertical-align: top; font-size: 14px; font-weight: bold; letter-spacing: -0.1em; text-shadow: 0px 1px 1px #ffffff; box-shadow: 0px 1px 1px #ddd; font-family: gothic,'고딕','Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; } .btn_silver_style3 a { display: block; padding: 0px 9px; color: #555; } .btn_silver_style3.pressed { box-shadow: 0px 1px 1px #fff; background: url(../images/board/btn_bg_silver03_pre.gif) 0px -1px repeat-x; background-size: 1px 34px; } .btn_silver_style3.selected { background: url(../images/board/btn_bg_silver03_sel.gif) repeat-x; border: 1px solid #9f2d24; text-shadow: 0px 1px 1px #9e0d02; box-shadow: 0px 1px 1px #cccccc; } .btn_silver_style3.selected a { color: #fff; } .btn_silver_style3.update {border: 1px solid #9f2d24; text-shadow: 0px 1px 1px #9e0d02; box-shadow: 0px 1px 1px #cccccc; color:#fff; line-height:50px; background: #c72625; /* Old browsers */ background: -moz-linear-gradient(top, #f16d52 0%, #c72625 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f16d52 0%,#c72625 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f16d52 0%,#c72625 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f16d52', endColorstr='#c72625',GradientType=0 ); /* IE6-9 */ } .btn_silver_style3.update a { color: #fff; font-size:120%; } .btn_silver_style3.nodate {border: 1px solid #ccc; box-shadow: 0px 1px 1px #cccccc; color:#fff; line-height:50px; background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */ } .btn_silver_style3.nodate a { color: #999; font-size:120%; } /* BTN - SILVER 04 */ .btn_silver_style4 { height: 30px; line-height: 30px; margin: 0px 0px 0px 2px; padding: 0px 7px; background: url(../images/board/btn_bg_silver03_nor.gif) repeat-x; text-align: center; cursor: pointer; display: inline-block; border-radius: 5px; border: 1px solid #cdcdcd; vertical-align: top; color: #555; font-size: 12px; font-weight: bold; letter-spacing: -0.1em; text-shadow: 0px 1px 1px #ffffff; box-shadow: 0px 1px 0px #ffffff; font-family: gothic,'고딕','Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; } .btn_silver_style4.finish { color: #b2b2b2; } /* TEXT BOX - Style1 */ .ctrl_textbox_style1_top { width: 100%; height: 46px; margin: 0 auto; text-indent: 10px; font-family: dotum,'돋움'; font-size: 16px; line-height: 23px; color: #333; line-height: 46px; vertical-align: top; text-align: left; border-radius: 6px 6px 0 0; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #fff; } .ctrl_textbox_style1_middle { width: 100%; height: 46px; margin: 0 auto; text-indent: 10px; font-family: dotum,'돋움'; font-size: 16px; line-height: 23px; color: #333; line-height: 46px; vertical-align: top; text-align: left; border-radius: 0; border: 1px solid #ccc; } .ctrl_textbox_style1_bottom { width: 100%; height: 46px; margin: 0 auto; text-indent: 10px; font-family: dotum,'돋움'; font-size: 16px; line-height: 23px; color: #333; line-height: 46px; vertical-align: top; text-align: left; border-radius: 0 0 6px 6px; border: 1px solid #ccc; } .ctrl_textbox_style1_top_hint_login { /* 이메일(아이디) 힘트 */ width: 100%; height: 46px; margin: 0 auto; text-indent: 10px; background: url(../images/basic/login_txt_hint_email.png) no-repeat 10px 15px #fff; font-family: dotum,'돋움'; font-size: 16px; line-height: 23px; color: #333; line-height: 46px; vertical-align: top; text-align: left; border-radius: 6px 6px 0 0; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #fff; } .ctrl_textbox_style1_bottom_hint_login { /* 비밀번호 힘트 */ width: 100%; height: 46px; margin: 0 auto; text-indent: 10px; background: url(../images/basic/login_txt_hint_pw.png) no-repeat 10px 15px #fff; font-family: dotum,'돋움'; font-size: 16px; line-height: 23px; color: #333; line-height: 46px; vertical-align: top; text-align: left; border-radius: 0 0 6px 6px; border: 1px solid #ccc; } /* TEXT BOX - Style2 */ .ctrl_textbox_style2 { height: 46px; text-indent: 10px; font-family: dotum,'돋움'; font-size: 16px; color: #333; line-height: 46px; vertical-align: top; text-align: left; border-radius: 6px; border: 1px solid #ccc; } .ctrl_textbox_style2_hint_pw { /* 비밀번호 힘트 */ height: 46px; text-indent: 10px; background: url(../images/basic/login_txt_hint_pw2.png) no-repeat 10px 16px #fff; font-family: dotum,'돋움'; font-size: 16px; color: #333; line-height: 46px; vertical-align: top; text-align: left; border-radius: 6px; border: 1px solid #ccc; } .ctrl_textbox_style2_hint_nickname { /* 닉네임 힘트 */ height: 46px; text-indent: 10px; background: url(../images/basic/login_txt_hint_nickname.png) no-repeat 10px 16px #fff; font-family: dotum,'돋움'; font-size: 16px; color: #333; line-height: 46px; vertical-align: top; text-align: left; border-radius: 6px; border: 1px solid #ccc; } .ctrl_textbox_style2_hint_option { /* 추천인아이디 힘트 */ height: 46px; text-indent: 10px; background: url(../images/basic/login_txt_hint_option.png) no-repeat 10px 16px #fff; font-family: dotum,'돋움'; font-size: 16px; color: #333; line-height: 46px; vertical-align: top; text-align: left; border-radius: 6px; border: 1px solid #ccc; } .ctrl_textbox_style2_hint_pw_placeholder { /* 비밀번호 힘트 */ height: 46px; text-indent: 10px; font-family: dotum,'돋움'; font-size: 16px; color: #333; line-height: 46px; vertical-align: top; text-align: left; border-radius: 6px; border: 1px solid #ccc; } .ctrl_textbox_style2_hint_nickname_placeholder { /* 닉네임 힘트 */ height: 46px; text-indent: 10px; font-family: dotum,'돋움'; font-size: 16px; color: #333; line-height: 46px; vertical-align: top; text-align: left; border-radius: 6px; border: 1px solid #ccc; } /* TEXT BOX - Style3 (핸드폰 입력같은 중앙정렬 글쓰기일 경우 사용) */ .ctrl_textbox_style3 { height: 46px; font-family: dotum,'돋움'; font-size: 16px; color: #333; line-height: 46px; vertical-align: top; text-align: center; border-radius: 6px; border: 1px solid #ccc; } /* SELECT - Style1 */ .ctrl_select_style1 { height: 46px; line-height: 46px; font-family: dotum,'돋움'; border-radius: 6px; border: 1px solid #ccc; padding-left: 7px; font-size: 16px; color: #333; text-align: left; } .ctrl_select_style1 option { height: 46px; line-height: 46px; font-family: dotum,'돋움'; font-size: 16px; color: #333; text-align: left; } /* SELECT - Style2*/ .ctrl_select_style2 { display:block; position:relative; } .ctrl_select_style2 .inner{ display:block; height:46px; border-radius:5px; border: 1px solid #ccc; background:-webkit-gradient(linear,left top,left bottom,color-stop(1%,rgba(255,255,255,1)),color-stop(100%,rgba(239,239,239,1))); background:-webkit-linear-gradient(top,rgba(255,255,255,1) 1%,rgba(239,239,239,1) 100%); appearance: none; } .ctrl_select_style2 select{ width:100%; height:46px; border:0; padding: 0px 0px 0px 5px; background:transparent url(../images/board/bg_select01.png) no-repeat 100% 0; background-size: 45px 46px; font-size:15px; vertical-align:top; -webkit-background-size:45px 46px; -webkit-appearance:none; appearance: none; } .ctrl_select_style2 select::-ms-expand { display:none;} .ctrl_select_style2.wide select{ padding: 0px 0px 0px 5px; background:transparent url(../images/board/bg_select02.png) no-repeat 100% ; } .ctrl_select_style2.wide2 select{ padding: 0px 48px 0px 10px; background:transparent url(../images/board/bg_select03.png) no-repeat 100% 0; } /* TEXTAREA- Style2 */ .ctrl_textarea_style2 { background: #fff; font-family: gulim,'굴림'; font-size: 12px; color: #333; border: 1px solid #ccc; padding: 7px ; } /* TEXTAREA- Style3 */ .ctrl_textarea_style3 { background: #fff; font-family: gulim,'굴림'; font-size: 16px; color: #333; line-height: 20px; text-align: left; border: 1px solid #ccc; border-radius: 6px; padding: 10px; } /* 그림자효과 */ .shadow_style01 { box-shadow: 0px 1px 1px 0px #d1d7de; } /*색상 탭(공통)*/ .tab_wrap {font-family:NanumSquare; letter-spacing:-0.5px; overflow:hidden;} .tab_wrap .tab_box {height:45px; overflow:hidden; margin:7px 10px 10px 10px; font-family:NanumGothic;} .tab_wrap .tab_box li {float:left; width:49.7%; height:38px; background:#fff; border-right:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc; overflow:hidden; text-align:center; line-height:36px; vertical-align:middle; font-size:75%; color:#333; cursor: pointer; box-sizing:border-box;} .tab_wrap .tab_box li:first-child {border-left:1px solid #ccc; box-sizing:border-box;} .tab_wrap .tab_box li.on {height:45px; border:0; background:none;} .tab_wrap .tab_box li.on .arrow_box {display:block; text-align:center; line-height:38px; vertical-align:middle; color:#fff; position: relative; background: #5d493a;} .tab_wrap .tab_box li.on .arrow_box:after {top:100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events:none; border-top-color: #5d493a; border-width: 5px; margin-left: -5px;} .tab_wrap .tab_box li.on:first-child {margin-left:0px;} .tab_wrap .tab_box li.free { color:#e9240f; font-weight:bold; } /*********** 모바일 해상도 240dpi 이상 ************/ @media only screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min-width: 480px) { /*로그인 입력_힌트부분*/ .ctrl_textbox_style1_top_hint_login { background: url(../images_640/basic/login_txt_hint_email.png) no-repeat 10px 15px #fff; background-size: 106px 17px; } .ctrl_textbox_style1_bottom_hint_login { background: url(../images_640/basic/login_txt_hint_pw.png) no-repeat 10px 15px #fff; background-size: 60px 17px; } /*회원가입 입력_힌트부분*/ .ctrl_textbox_style2_hint_pw { /* 비밀번호 힘트 */ background: url(../images_640/basic/login_txt_hint_pw2.png) no-repeat 10px 16px #fff; background-size: 157px 14px; } .ctrl_textbox_style2_hint_nickname { /* 닉네임 힘트 */ background: url(../images_640/basic/login_txt_hint_nickname.png) no-repeat 10px 16px #fff; background-size: 193px 14px; } .ctrl_textbox_style2_hint_option { /* 추천인아이디 힘트 */ background: url(../images_640/basic/login_txt_hint_option.png) no-repeat 10px 16px #fff; background-size: 129px 14px; } } /* 모바일 해상도 320dpi 이상 @media only screen and (-webkit-min-device-pixel-ratio:2) { } */ /*첨부파일 이미지 아이콘*/ span.label_fileimg { display:block; float:left; width:13px; height:12px; margin:6px 0 0 5px; background-image:url(../images/control/ctrl_fileimg.jpg); color:transparent; text-indent:-9999px; overflow:hidden; } /* 방송 상태 */ .label_broadcast { display:inline-block; padding:1.5px 7px 1.5px 7px; border-radius:3px; color:#fff; font-size: 11px; font-weight:bold; font-family:Dotum; line-height:1.364; text-align:center; vertical-align:text-bottom; } /* 작을경우 */.label_broadcast.small { min-width:75px; } /* 클경우 */.label_broadcast.big { min-width:100px; } /* 방송중 */.label_broadcast.on_air { background:#ff4e00; } /* 방송준비 */.label_broadcast.stand_by { background:#f09614; } /* 방송종료 */.label_broadcast.end { background:#9d9d9d; } /* 추가방송중 */.label_broadcast.add { background:#285dad; } .ctrl_btn { position:relative; display:inline-block; padding:5px 12px 7px 12px; margin-bottom:0; font-size:14px; font-family:'Malgun Gothic'; font-weight:700; vertical-align:middle; line-height:1.42857143; text-align:center; white-space:nowrap; -ms-touch-action:manipulation; touch-action:manipulation; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background-image:none; border:1px solid transparent; border-radius:4px; cursor:pointer; } .ctrl_btn:hover { opacity:0.85; -khtml-opacity: 0.85; -moz-opacity: 0.85; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .ctrl_btn > i { font-size:12px; vertical-align:-1px; } .ctrl_btn_xs { padding:4px 10px 4px 10px; font-size:12px; border-radius:3px; } .ctrl_btn.ctrl_btn_xs > i { font-size:11px; vertical-align:0px; } .ctrl_btn_sm { padding:5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px;} .ctrl_btn.ctrl_btn_sm > i { font-size:12px; vertical-align:-3px; } .ctrl_btn_lg { padding:10px 16px; font-size:18px; line-height:1.3333333; border-radius:6px; } .ctrl_btn_lg > i { font-size:18px; vertical-align:-1px; } .ctrl_btn i.icon_right { position:absolute; top:10px; right:11px; font-size:12px; } .ctrl_btn i.icon_left { position:absolute; top:13px; left:11px; font-size:12px; } /*검정색 그라데이션 버튼 배경*/ .ctrl_btn.gradation_black { border:1px solid #1c1b1b; background-color:#474747; background-image:-webkit-linear-gradient(top bottom, #474747 0%, #1c1b1b 100%); background-image:-o-linear-gradient(top bottom, #474747 0%, #1c1b1b 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#474747), to(#1c1b1b)); background-image:linear-gradient(to bottom,#474747,#1c1b1b); background-repeat:repeat-x; color:#fff; } /*회색 그라데이션 버튼 배경*/ .ctrl_btn.gradation_gray { border:1px solid #d6d6d6; background-color:#f6f6f6; background-image:-webkit-linear-gradient(top bottom, #fff 0%, #f6f6f6 100%); background-image:-o-linear-gradient(top bottom, #fff7 0%, #f6f6f6 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6)); background-image:linear-gradient(to bottom,#fff,#f6f6f6); background-repeat:repeat-x; color:#666; } /*진회색 그라데이션 버튼 배경*/ .ctrl_btn.gradation_jgray { border:1px solid #d6d6d6; background-color:#ddd; background-image:-webkit-linear-gradient(top bottom, #fff 0%, #ddd 100%); background-image:-o-linear-gradient(top bottom, #fff7 0%, #ddd 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)); background-image:linear-gradient(to bottom,#fff,#ddd); background-repeat:repeat-x; color:#666; } /*블루회색 그라데이션 버튼 배경*/ .ctrl_btn.gradation_bluegray { background-color:#b2bad1; background-image:-webkit-linear-gradient(top bottom, #b2bad1 0%, #b2bad1 100%); background-image:-o-linear-gradient(top bottom, #b2bad1 0%, #b2bad1 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#b2bad1), to(#b2bad1)); background-image:linear-gradient(to bottom,#b2bad1,#b2bad1); background-repeat:repeat-x; color:#fff; } /*어두운 회색 그라데이션 버튼 배경*/ .ctrl_btn.gradation_darkgray { background-color:#5b5b5b; background-image:-webkit-linear-gradient(top bottom, #6b6b6b 0%, #484848 100%); background-image:-o-linear-gradient(top bottom, #6b6b6b 0%, #484848 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#6b6b6b), to(#484848)); background-image:linear-gradient(to bottom,#6b6b6b,#484848); background-repeat:repeat-x; color:#fff; } /*하얀 버튼 배경*/ .ctrl_btn.background_white{ border: 1px solid #d6d6d6; background-color: #fff; color:#000; } /*회색 버튼 배경*/ .ctrl_btn.background_gray { border:1px solid #ccc; background-color:#dcdcdc; background-image:-webkit-linear-gradient(top bottom, #ececec 0%, #dcdcdc 100%); background-image:-o-linear-gradient(top bottom, #ececec 0%, #dcdcdc 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#ececec), to(#dcdcdc)); background-image:linear-gradient(to bottom,#ececec,#dcdcdc); background-repeat:repeat-x; color:#666; } /*남색 버튼 배경*/ .ctrl_btn.background_indigo { background-color: #434159; color:#fff; } /*오렌지 그라데이션 버튼 배경*/ .ctrl_btn.gradation_orange { border:1px solid #ff6023; background-color:#ff6023; background-image:-webkit-linear-gradient(top bottom, #ff9630 0%, #ff6023 100%); background-image:-o-linear-gradient(top bottom, #ff9630 0%, #ff6023 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#ff9630), to(#ff6023)); background-image:linear-gradient(to bottom,#ff9630,#ff6023); background-repeat:repeat-x; color:#fff; } /*빨강오렌지 그라데이션 버튼 배경*/ .ctrl_btn.gradation_redorange { border:1px solid #dc2900; background-color:#dc2900; background-image:-webkit-linear-gradient(top bottom, #ff4e00 0%, #dc2900 100%); background-image:-o-linear-gradient(top bottom, #ff4e00 0%, #dc2900 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#ff4e00), to(#dc2900)); background-image:linear-gradient(to bottom,#ff4e00,#dc2900); background-repeat:repeat-x; color:#fff; } /*교육서비스(등급)*/ .edufilter { display:inline-block; height:22px; width:40px; text-align:center; line-height:22px; color:#fff; font-family:Dotum; font-size:12px; } .edufilter.level_0 { background-color:#ffab09; } .edufilter.level_1 { background-color:#32a2ac; } .edufilter.level_2 { background:#777fb2; } .edufilter.level_3 { background:#503f50; } /*교육서비스(라벨)*/ .edulabel { position:relative; display:inline-block; width:65px; height:22px; color:#666; line-height:22px; vertical-align:middle; font-family:Dotum; font-size:11px; font-weight:bold; text-align:center; box-sizing:border-box; } .edulabel i { margin-bottom:2px; font-size:100%; vertical-align:middle; } .edulabel.time { background:#fff; border:1px solid #dcdcdc; color:#5e6899; } .edulabel.restriction { padding:0; text-align:right; } .edulabel.file { padding:0; text-align:right; } .edulabel.sub_free { width:35px; background:#6672b0; border-radius:3px; color:#fff; line-height:23px; } .edulabel.sub_limit { background:#f6f6f6; /*border:1px solid #dcdcdc;*/ color:#666; } .edulabel.sub_buy { background:#f6f6f6; /*border:1px solid #dcdcdc;*/ color:#e00000; } .edulabel.lecture { width:80px; } .edulabel.lecture_ing { width:65px; height:22px; line-height:23px; background:#e00000; border-radius:5px; color:#666; font-size:11px; font-family:Dotum; box-sizing:border-box; } .edulabel.lecture_be { width:65px; height:22px; line-height:23px; background:#e00000; border-radius:5px; color:#fff; font-size:11px; font-family:Dotum; box-sizing:border-box;} .edulabel.lecture_end { width:65px; height:22px; line-height:23px; background:#878787; border-radius:5px; color:#fff; font-size:11px; font-family:Dotum; box-sizing:border-box; } /*교육 리스트 버튼 및 라벨*/ .satisfaction_wrap{ color: #999; overflow:hidden;} .satisfaction_wrap .im{ display:inline-block; float:left; margin-right:5px; margin-top:9px; font-size:85%;} .satisfaction_wrap span{ display:inline-block; font-size:100%; line-height:29px; } .intro_btn{ width:70px; height:70px; border:1px solid #ddd; border-radius:12px; text-align:center; overflow: hidden;} .intro_btn .intro_btn_icon{ display: inline-block; width: 28px; height: 28px; margin-top: 9px; color:#adb6c7; border: 1px solid #adb6c7; border-radius: 50%; line-height:28px;} .intro_btn .intro_btn_icon .im{ display: inline-block; font-size: 70%; margin-left: 3px} .intro_btn .intro_btn_txt{ display:block; width:100%; height:15px; color:#999; font-size:70%; margin-top:3px;} .intro_btn.disabled{background:#f4f4f4; color:#ccc !important; cursor:not-allowed !important; } .intro_btn.disabled .intro_btn_icon{ border: 1px solid #ccc;} .intro_btn.disabled .intro_btn_icon .im{color:#ccc;} .intro_btn.disabled .intro_btn_txt{color:#ccc;} .icon_label { display:inline-block; position:absolute; width:142px; height:35px; top:10px; left:-43px; transform:rotate(-45deg); color: #fff; font-size: 14px; line-height: 35px; text-align: center;} .icon_label .label_vod_ribbon{display:inline-block; width:100%; height:100%;} .icon_label .label_vod_ribbon.up { background-color:#ee3128; } .icon_label .label_vod_ribbon.hot { background-color:#282b62; } .icon_label .label_vod_ribbon.free { background-color:#282b62; } .icon_label .label_vod_ribbon.finish { background-color:#777; } .icon_label .label_vod_ribbon.soon { background-color:#ee8c01; letter-spacing:-1.5px; } .pop_curr { position:absolute; z-index:2; margin:10px; left:0; bottom:0; width:100px; height:28px; line-height:28px; text-align:center; font-size:65%; font-weight:600; } .pop_curr .im { font-size:65%;} /*교육 리스트 라벨*/ .label_fr{display:inline-block; float:right;} .label_fl{display:inline-block; float:left;} .curri_label{ display:inline-block; position:absolute; width:100px; height:25px; background-color:#2a2a65; border:1px solid #2a2a65; color:#fff; font-size:13px; line-height:2px; text-align:center; }/*기수*/ .curri_label.channel{ background-color:#7e0043; border:1px solid #7e0043;}/*기수*/ .vod_free_label{display:inline-block; height:25px; padding:0 7px; background-color:#ee3128; border:1px solid #ee3128; color:#ddd; font-size:13px; line-height:22px;}/*무료*/ .limit_label{ display:inline-block; width:auto; height:25px; padding:0 10px; background-color:#f4f4f4; border:1px solid #f4f4f4; color:#666; font-size:13px; line-height:22px; text-align:center; }/*제한*/ .live_free_label{ display:inline-block; width:auto; height:25px; padding:0 10px; background-color:#ee3128; border:1px solid #ee3128; color:#fff; font-size:13px; line-height:22px; text-align:center; }/*무료강연*/ .live_youtube_label{display:inline-block; width:auto; padding:0 10px; height:25px; background-color:#ee3128; color:#fff; font-size:13px; line-height:25px; text-align:center; }/*유투브*/ .live_youtube_label .im{ font-size:25px !important; line-height:25px !important; margin-bottom:2px; color:#fff!important; font-size:14px!important; vertical-align:middle; } .leading_up_label{ display:inline-block; width:auto; height:25px; padding:0 10px; background-color:#2a2a65; border:1px solid #2a2a65; color:#fff; font-size:13px; line-height:22px; text-align:center; } /*구독증가*/ /*레벨 step1 : 입문, step2 : 초급, step3 : 중급, step4: 고급*/ .grade_label{ display:inline-block; height:22px; width:40px; text-align:center; line-height:22px; color:#fff; font-family:Dotum; font-size:12px;} .grade_label.step1{ border-color:#fba62d; color:#fba62d;} .grade_label.step2{ border-color:#f47425; color:#f47425;} .grade_label.step3{ border-color:#950082; color:#950082 ;} .grade_label.step4{ border-color:#2e2e72; color:#2e2e72;} /*라벨(리딩) : 방송중,무료방송중,방송예정 */ .future_lable { color:#fff; font-size:13px; overflow:hidden; } .future_lable i { display:inline-block; min-width:50px; padding:0 10px; line-height:25px; font-style:normal; text-align:center; } .future_lable .live { background:#ee3128; } .future_lable .free { background:#ff4200; } .future_lable .schedule { background:#aaa; } /*라벨(사전예약)*/ .future_reservation { display:inline-block; position:absolute; top:0; right:0; width:120px; height:25px; line-height:25px; border-bottom-left-radius:10px; background:#f2f4f7; font-size:130%; color:#2a2a65; text-align:center; } .future_reservation i { margin-top:-2px; font-size:100%; vertical-align:middle; } /*탭 스타일*/ .view_tab_style01{width:100%; height:40px; margin:0 auto; background-color:#fff; box-sizing:border-box; overflow:hidden;} .view_tab_style01 li{float:left; height:100%; border:1px solid #ddd; border-right:0; background-color:#fff; color:#1c1c1e; font-size:85%; font-family:'NanumSquare'; font-weight:normal; line-height:42px; box-sizing:border-box; cursor:pointer; overflow:hidden;} .view_tab_style01 li:last-child{ border-right:1px solid #ddd;} .view_tab_style01 li.on{ background-color:#454962; color:#fff; border:0;} .view_tab_style01.num02 li{width:50%; text-align:center;} /*--------------E : common------------------------------------------------------------------------*/ /*--------------S : list------------------------------------------------------------------------*/ /*공지사항, 일일시황 /Community/WeekMarketConditionsList.aspx */ .list_style_01 ul li.nt { display:flex; } .list_style_01 ul li.nt .head_box {line-height: 63px; border-right: 1px solid #ccc; font-size: 13px; color: #333; text-align: center; } .list_style_01 ul li.nt .head_box .ic_notice { display: inline-block; width: 23px; background: url(../images/board/ic_notice.png) no-repeat center center; } .list_style_01 ul li.nt .head_box input[type=checkbox] { margin-top:20px; display: inline-block; width: 23px; opacity:0.5;} .list_style_01 ul li.nt .ellipsis_box { border-left: 1px solid #fff; padding:10px 0; width:100%; } .list_style_01 ul li.nt .ellipsis_box .title_alarm { margin: 3px 0px 0px 16px; font-size: 14px; font-weight: bold; color: #333; display: block; overflow: hidden; word-wrap:break-word; } .list_style_01 ul li.nt .ellipsis_box .title_alarm .p_tit {display:block; font-size:90%; line-height:20px;} .list_style_01 ul li.nt .ellipsis_box .info1 { margin-top: 5px; } .list_style_01 ul li.nt img.ic { margin-top: 20px; } /* 기존 게시판 일부 수정사항 */ .discussview_wrap.other { margin:0px; } .re_noti_txt{ margin-top:5px; padding:10px !important; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .discuss_wrap.other .discuss_list .info .tit > span, .discuss_view.other .info_list .title > span{ margin-right:5px; } .discuss_wrap.other .name_date .nick_name, .discussview_wrap.other .name_date .nick_name, .discuss_view.other .name_date .nick_name{ margin-right:10px; } .reply_write .ctrl_textarea_style2.util_block_paste.util_comment_limit { width:100% !important; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-shadow:none; } .discussview_wrap.other #category_name > span { margin-left:7px; } .writing_btn.other { padding:10px; } .btn_common.other { padding:10px 5px 5px 5px; margin:10px 0px; border-top:1px solid #eee; } .freeboard_list.other .info .tit, .discuss_wrap.other .info .tit { max-width:92%; float:left; letter-spacing:0px !important; } .discussview_wrap.other .discuss_view .info_list .title > span#category_name { margin-right:5px; } .freeboard_list.other .info, .discuss_wrap.other .info { overflow:hidden; } .freeboard_list.other .sub_stocklist.none { border:none !important;} /*종목상담 리스트 /Item/StockConsultMentorList.aspx */ .stockconsult .my_noti { height:20px; padding:0 10px; font-family:Dotum; font-size:11px; color:#999; line-height:25px; vertical-align:middle; } .stockconsult .my_noti i { margin-bottom:2px; font-size:100%; vertical-align:middle; } .stockconsult .stockconsult_list { margin:10px 10px 0 10px; overflow:hidden; } .stockconsult .stockconsult_list .consult_list { position:relative; margin-bottom:10px; } .stockconsult .stockconsult_list .consult_list .list_info { padding:0 10px; background:#fff; border:1px solid #ddd; box-sizing:border-box; } .stockconsult .stockconsult_list .consult_list .list_info li { clear:both; } .stockconsult .stockconsult_list .consult_list .list_info .info_mentor { width:100%;} .stockconsult .stockconsult_list .consult_list .list_info .info_mentor h3 { height:30px; padding:20px 0; font-family:NanumSquare; font-size:80%; color:#666; line-height:30px; vertical-align:middle; } .stockconsult .stockconsult_list .consult_list .list_info .info_mentor h3.mypage { height:50px; padding:10px 0; } .stockconsult .stockconsult_list .consult_list .list_info .info_mentor h3 b { font-size:125%; color:#333; font-weight:600; } .stockconsult .stockconsult_list .consult_list .list_info .info_mentor h3.mypage span { display:block; height:25px; margin-bottom:5px; } .stockconsult .stockconsult_list .consult_list .list_info .info_mentor h3.mypage .use { display:block; width:100px; height:20px; border-radius:3px; font-family:Dotum; font-size:80%; color:#fff; text-align:center; font-weight:normal; line-height:22px; vertical-align:middle; } .stockconsult .stockconsult_list .consult_list .list_info .info_mentor h3.mypage .use.ing { background:#ff4e00; } .stockconsult .stockconsult_list .consult_list .list_info .info_mentor h3.mypage .use.end { background:#878787; } .stockconsult .stockconsult_list .consult_list .list_info .info_mentor h3.mypage .use.be { background:#fff; border:1px solid #ff4e00; color:#ff4e00; line-height:20px; box-sizing:border-box; } .stockconsult .stockconsult_list .consult_list .list_info .info_mentor .mentor_reply { float:left; width:49.5%; padding:5px 0; border:1px solid #e8e8e8; border-right:none; font-family:Noto Sans KR; color:#333; } .stockconsult .stockconsult_list .consult_list .list_info .info_mentor .mentor_reply:last-child { width:48.5%; border-right:1px solid #e8e8e8; } .stockconsult .stockconsult_list .consult_list .list_info .info_mentor .mentor_reply:last-child span { color:#394871; } .stockconsult .stockconsult_list .consult_list .list_info .info_mentor .mentor_reply small { display:block; margin-left:15px; line-height:20px; vertical-align:top; font-size:75%; } .stockconsult .stockconsult_list .consult_list .list_info .info_mentor .mentor_reply span { display:block; margin-left:15px; line-height:30px; vertical-align:middle; font-size:90%; } .stockconsult .stockconsult_list .consult_list .list_info .info_mentor .mentor_reply span b { font-size:145%; } .stockconsult .stockconsult_list .consult_list .list_info .mentor_contentment { padding:10px 0 0px 0; } .stockconsult .stockconsult_list .consult_list .list_info .cont_data { height:35px; margin:0 -10px; padding:0 10px; background:#fafafa; font-family:Dotum; font-size:12px; color:#aeadb9; text-align:center; line-height:38px; vertical-align:middle;} .stockconsult .stockconsult_list .consult_list .mentor_emblem { position:absolute; right:10px; top:7px;} .stockconsult .stockconsult_list .consult_list .but_myconsult { width:100%; height:40px; font-family:NanumSquare; font-size:100%; font-weight:500; border-radius:0; border-bottom-left-radius:5px; border-bottom-right-radius:5px; } .list_view_link { display:block; width:calc(100% - 20px); height:48px; margin:10px 10px 0px; line-height:48px; border-radius:5px; font-size:90%; text-align:center; font-weight:bold; border:1px solid #e4e4e4; cursor:pointer; background-image: -webkit-linear-gradient(top bottom, #ffffff 0%, #f8f8f8 100%); background-image: -webkit-linear-gradient(top bottom, #ffffff 0%, #f8f8f8 100%); background-image: -o-linear-gradient(top bottom, #ffffff 0%, #f8f8f8 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f8f8f8)); background-image: linear-gradient(to bottom,#ffffff,#f8f8f8);} .list_view_link.off {background:#ccc; color:#fff; border:0;} .list_view_link .free { margin-bottom:2px; padding:3px 5px 2px 5px; display:inline-block; color:#fff; font-size:11px; line-height:12px; vertical-align:middle; text-align:center; background-color:#fe6d34;} /* 멘토 챌린지리그 랭킹 /League/MentorLeagueRanking.aspx League/StockLeagueList.aspx */ .stocklist_bar {background: #fff; line-height:40px; padding:10px 10px 0 10px; vertical-align:middle; overflow:hidden;} .stocklist_bar { line-height: 0px; } .stocklist_bar.shadow {box-shadow:none; margin-bottom:-15px; background:none;} .stocklist_bar.shadow2 {box-shadow:none; margin-bottom:-15px; background:none; margin-top:5px;} .stocklist_bar .mentor_select {width:49%; height:39px; line-height:38px; vertical-align:middle; border-radius:5px; border:1px solid #ccc; padding: 0 10px; color:#333; font-size:75%; font-weight:bold; background:#fff; background:url(/img/sub/select_bg.png) right 0 no-repeat; -moz-appearance:none; -webkit-appearance:none;} .stocklist_bar .mentor_select::-ms-expand { display:none;} .stocklist_bar .mentor_select::-webkit-expand { display:none;} .stocklist_bar .mentor_select:last-child {float:right;} .stocklist_bar .mentor_select2 {width:100%; height:39px; line-height:38px; vertical-align:middle; border-radius:5px; border:1px solid #aaa; padding: 0 10px; color:#333; font-size:75%; font-weight:bold; background:#fff; background:url(/img/sub/select_bg.png) right 0 no-repeat; -moz-appearance:none; -webkit-appearance:none;} .stocklist_bar .mentor_select2::-ms-expand { display:none;} .stocklist_bar .mentor_select2::-webkit-expand { display:none;} .stocklist_bar .align_btn {float:right; width:37.9%; line-height:38px; vertical-align:middle; border-radius:5px; border:1px solid #aaa; color:#333; font-size:75%; font-weight:bold; background:#f4f4f4; text-align:center; letter-spacing:-1px;} .stocklist_bar .mentor_select1 {float:right; width:63%; height:39px; line-height:38px; vertical-align:middle; border-radius:5px; border:1px solid #aaa; padding: 0 10px; color:#333; font-size:75%; font-weight:bold; background:#f4f4f4; background:url(/img/sub/select_bg.png) right 0 no-repeat; -moz-appearance:none; -webkit-appearance:none;} .stocklist_bar .mentor_select1::-ms-expand { display:none;} .stocklist_bar .mentor_select1::-webkit-expand { display:none;} .stocklist_bar .mentor_btn {float:left; width:48%; line-height:38px; vertical-align:middle; border-radius:5px; border:1px solid #aaa; background: linear-gradient(to bottom,#f4f4f4,#ddd); text-align:center; letter-spacing:-1px;} .stocklist_bar .mentor_btn a {display:block; color:#333; font-size:75%; font-weight:bold;} /*멘토리그종목 /League/StockLeagueList.aspx */ .sub_stocklist .leaguelist_wrap .leaguelist .info_list {padding:9px 0 10px 0; overflow:hidden;} .sub_stocklist .leaguelist_wrap .leaguelist .info_list .info_img {float:left; width:45px; height:45px; border-radius:3px; margin-right:7px; overflow:hidden;} .sub_stocklist .leaguelist_wrap .leaguelist .info_list .info_img img {width:45px; height:45px; border-radius:3px;} .sub_stocklist .leaguelist_wrap .leaguelist .info_list .info {width:82%; height:45px; overflow:hidden;} .sub_stocklist .leaguelist_wrap .leaguelist .info_list .info .tit {display:block; line-height:25px; vertical-align:text-top; font-size:90%; font-weight:bold; color:#333; letter-spacing:-1.5px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .sub_stocklist .leaguelist_wrap .leaguelist .info_list .info .namedata {line-height:20px; vertical-align:middle; font-size:90%;} .sub_stocklist .leaguelist_wrap .leaguelist .info_list .info .namedata span {display:inline-block; color:#ff7a00; letter-spacing:-1px; font-weight:bold;} .sub_stocklist .leaguelist_wrap .leaguelist .info_list .info .namedata small {float:right; display:inline-block; line-height:22px; vertical-align:middle; font-size:11px; font-family:Gulim; color:#999; overflow:hidden; letter-spacing:-0.5px;} .sub_stocklist .leaguelist_wrap .leaguelist .info_list .info_box {margin-top:10px; height:25px; border:1px solid #d9d9d9; line-height:23px; overflow:hidden; text-align:center; font-size:90%; color:#d20303;} /*멘토리그랭킹*/ .sub_stocklist .leaguelist_wrap .leaguelist .list_info {padding:10px 0 9px 0; overflow:hidden;} .sub_stocklist .leaguelist_wrap .leaguelist .list_info .info_img {float:left; width:55px; height:55px; margin-right:7px; overflow:hidden;} .sub_stocklist .leaguelist_wrap .leaguelist .list_info .info_img img {width:53px; height:50px; border:none;} .sub_stocklist .leaguelist_wrap .leaguelist .list_info .info_txtbox {height:55px;} .sub_stocklist .leaguelist_wrap .leaguelist .list_info .info_txtbox .tit {display:block; line-height:25px; vertical-align:text-top; font-size:75%; font-weight:bold; color:#ff7a00; letter-spacing:-1px; margin-bottom:5px;} .sub_stocklist .leaguelist_wrap .leaguelist .list_info .info_txtbox .info {height:23px; border:1px solid #d9d9d9; line-height:17px; overflow:hidden;} .sub_stocklist .leaguelist_wrap .leaguelist .list_info .info_txtbox .info li {display:inline-block; width:48%; border-right:1px solid #d9d9d9; text-align:center; line-height:21px; vertical-align:middle; font-size:75%; font-weight:bold; color:#5e6b9e; letter-spacing:-1px;} .sub_stocklist .leaguelist_wrap .leaguelist .list_info .info_txtbox .info li:last-child {border-right:0;} .sub_stocklist .leaguelist_wrap .leaguelist .list_info .info_txtbox .info li small {font-size:70%;} .sub_stocklist .leaguelist_wrap .leaguelist .list_info .info_txtbox .info li.co {color:#ca4747;} .sub_stocklist .leaguelist_wrap .leaguelist .list_info .info_txtbox .info li.si {color:#5e6b9e;} .sub_stocklist .leaguelist_wrap .leaguelist .list_info .info_txtbox .info li .stit {display:inline-block; font-family:'Gulim','굴림'; font-size:11px; color:#454b5b; vertical-align:middle; font-weight:normal;} /*리그 추천종목*/ .sub_stocklist {border:1px solid #ccc; border-top-left-radius:10px; border-top-right-radius:10px; background:#fff; min-height:50px; margin:10px; overflow:hidden;} .sub_stocklist .none {border-top-left-radius:0; border-top-right-radius:0;} .sub_stocklist .stocklist_top {height:48px;} .sub_stocklist .stocklist_top li {float:left; display:block; width:100%; font-size:90%; letter-spacing:-1px; vertical-align:middle;} .sub_stocklist .stocklist_top li img {margin:0 4px 5px 0; vertical-align:middle; max-width:18px; max-height:25px; } .sub_stocklist .stocklist_top li.list_serch {height:48px; line-height:48px; text-align:center; font-weight:bold; text-shadow:0px 2px 1px #fff; border-top-left-radius:10px; border-top-right-radius:10px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e3e3e3+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */ } .sub_stocklist .stocklist_top li.list_align {width:49.5%; height:48px; float:right; line-height:48px; text-align:center; font-weight:bold; text-shadow:0px 2px 1px #fff; border-top-right-radius:10px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e3e3e3+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e3e3e3 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#e3e3e3 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#e3e3e3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */ } .sub_stocklist .playlist {height:80px; border-bottom:1px solid #ccc} .sub_stocklist .playlist:last-child {border-bottom:0;} .sub_stocklist .playlist ul .cont_txt {width:59%; display:inline-block; border-bottom:0;} .sub_stocklist .playlist ul .cont_txt dt {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .sub_stocklist .playlist ul .play {width:20%; font-size:0.7em; text-align:center; float:right; line-height:80px; background:linear-gradient(to bottom,#ffffff,#f0f0f0);} .sub_stocklist .playlist ul .play a { border-left:1px solid #ccc; display:inline-block; width:100%; color:#e96439; font-weight:bold;} .sub_stocklist .playlist ul .free {border-radius:3px; color:#fff; font-size:0.8em; padding:3px; background:#ff4e00;} .sub_stocklist .stocklist_wrap {border-top:1px solid #ccc; overflow:hidden; position:relative;} .sub_stocklist .stocklist_wrap:first-child {border-top:0;} .sub_stocklist .stocklist_wrap.no_border {border-top:0; border-bottom:1px solid #ccc;} .sub_stocklist .stocklist_wrap.no_border_top {border-top:0;} /*.sub_stocklist .stocklist_wrap:last-child{border:0;}*/ /*무료 추천종목 /Item/StockPreList.aspx /Item/StockList.aspx */ .sub_stocklist .stocklist_wrap .stock_link {border-bottom:1px solid #ccc;margin-bottom:-1px;} .sub_stocklist .stocklist_wrap .stock_link:first-child {border:0;} .sub_stocklist .stocklist_wrap .stock_link:last-child {border:0;} .sub_stocklist .stocklist_wrap .stock_link .n_stocklist { position:relative; padding:9px 10px 0 10px; } .sub_stocklist .stocklist_wrap .stock_link .n_stocklist:first-child { border:0; } .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_tit { width:100%; line-height:25px; vertical-align:middle; font-size:75%; font-weight:bold; color:#333; letter-spacing:-1px; } .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_tit em { float:left; display:inline-block; font-style:normal; max-width:88%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_tit .free { float:left; display:inline-block; height:16px; margin:4px 0 0 5px;; padding:0 5px; background:#6672b0; line-height:18px; vertical-align:middle; font-family:'Gulim','굴림'; font-size:11px; text-align:center; border-radius:2px; color:#fff; font-weight:normal; } .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_data { clear:both; line-height:18px; vertical-align:middle; font-family:'Gulim','굴림'; font-size:11px; color:#999; margin-bottom:7px;} .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_data span {display:inline-block; height:16px; vertical-align:middle; padding:0 4px; border-radius:2px; margin-left:3px; font-size:11px; font-family:'Gulim','굴림'; color:#fff; text-align:center; letter-spacing:-1px;} .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_data span.end {background:#f49a90;} .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_data span.increase {background:#85b1d4;} .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_data .movement { float:right; line-height:18px; vertical-align:middle; } .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_data .movement span { font-family:NanumGothic; font-size:110%; font-weight:bold; } .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_data .movement .up { color:#df1d1f; } .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_data .movement .down { color:#0c5bc3; } .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_data .movement .item { color:#000; } .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_box {border:1px solid #ced2d7; background:#fff6f2; height:43px;} .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_box .list_box_wrap {text-align:center;} .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_box .list_box_wrap li {float:left; width:24%; height:43px; text-align:center;} .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_box .list_box_wrap li:nth-child(3) {width:27%;} .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_box .list_box_wrap li.line {width:1px; height:25px; margin:9px 0; background:#ddd;} .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_box .list_box_wrap li .box_tit {display:block; line-height:20px; vertical-align:bottom; font-family:'Gulim','굴림'; font-size:12px; color:#454b5b; font-style:normal;} .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_box .list_box_wrap li .box_txt {display:block; line-height:20px; vertical-align:top; font-size:97%; color:#454b5b; font-weight:bold; margin:0 2px; letter-spacing:-1.5px;} .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_box .list_box_wrap li .box_txt:nth-child(3) {font-size:95%;} .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_box .list_box_wrap li .box_txt small {font-size:60%; letter-spacing:-1px;} .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_box .list_box_wrap li .box_txt small b.day { color:#df1d1f; } .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_box .list_box_wrap li .box_txt small b.end { color:#aaa; } .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_box .list_box_wrap li .box_txt.profit {color:#ff4e00;} .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_box .list_box_wrap li .box_txt.rise { color:#df1d1f; } .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_box .list_box_wrap li .box_txt.fall { color:#0c5bc3; } .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_mentor {line-height:32px; vertical-align:middle; font-size:75%; font-weight:bold; color:#ff7a00; letter-spacing:-1px;} .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_mentor .ai {display:inline-block; padding:3px 5px 2px 5px; margin:-4px 0 0 0px; border-radius:3px; background:#00c6bf; color:#fff; font-size:11px; font-family:NanumGothic; line-height:12px; vertical-align:middle; text-align:center; letter-spacing:1px;} .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_mentor .success {display:inline-block; padding:4px 5px 3px 5px; margin:-3px 0 0 3px; border-radius:15px; background:#ffd6c4; color:#333; font-size:11px; font-family:Dotum; line-height:13px; vertical-align:middle; text-align:center; letter-spacing:0;} .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_mentor .rise { float:right; display:inline-block; font-size:90%; color:#626c75; } .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_mentor .rise b { color:#d23030; font-size:110%; } .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_memo {height:25px; background:#f8f8f8; margin:0 -10px; padding:8px 10px 0 10px; box-sizing:padding-box!important;} .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_memo ._left {display:block; float:left; min-width:55px; margin-right:3px; line-height:19px; vertical-align:middle; font-family:'Gulim','굴림'; font-size:11px; text-align:center; border-radius:2px; color:#fff; background:#b9babc;} .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_memo ._left.limit {background:#626c75;} .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_memo ._left.boast { padding:0 5px; background:#bc025e;} .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_memo ._right {display:block; float:right; margin-top:-2px; margin-left:3px; padding:4px 0 1px 0; width:55px; line-height:16px; vertical-align:middle; font-family:'Gulim','굴림'; font-size:11px; text-align:center; border-radius:2px; color:#fff;} .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_memo ._right b {font-size:12px;} .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_memo ._right.success {background:#d5200d;} .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_memo ._right.profit {background:#0083dc;} .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_memo ._right.fail {background:#4f4f4f;} .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_memo ._right.loss {background:#008367;} .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_memo ._right.up {background:linear-gradient(to bottom, #fd652f,#d2131e);} .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_memo ._right.down {background:linear-gradient(to bottom, #3ca4f4,#55c958);} .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_memo ._right.free {background:#6672b0; font-weight:bold;} .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_data .item_name {float:right; color:#555; cursor:pointer;} /* 매수기회 불충분 */ .sub_stocklist .stocklist_wrap .stock_link .n_stocklist .list_memo .insufficient {display:block; float:left; padding: 0 5px; line-height:19px; vertical-align:middle; font-family:'Gulim','굴림'; font-size:11px; text-align:center; border-radius:2px; color:#fff; background:#bbbbbb;} /*엠블럼*/ .n_stocklist .mentor_emblem { position:absolute; right:10px; bottom:7px; } /*매매기법list(수정)*/ .sub_stocklist .tradelist_wrap .trade_link {border-top:1px solid #ccc;} .sub_stocklist .tradelist_wrap .trade_link:first-child {border:none;} .sub_stocklist .tradelist_wrap .trade_link .n_tradelist {padding:9px 10px 0 10px;} .sub_stocklist .tradelist_wrap .trade_link .n_tradelist .list_info {height:50px; padding-bottom:10px; border-bottom:1px dashed #ccc; margin-bottom:6px;} .sub_stocklist .tradelist_wrap .trade_link .n_tradelist .list_info .info_img {float:left; width:53px; height:50px; margin-right:7px;} .sub_stocklist .tradelist_wrap .trade_link .n_tradelist .list_info .info_img img {width:53px; height:50px; border:none;} .sub_stocklist .tradelist_wrap .trade_link .n_tradelist .list_info .info_txtbox .tit {display:block; line-height:25px; vertical-align:middle; font-size:90%; font-weight:bold; color:#333; letter-spacing:-1px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .sub_stocklist .tradelist_wrap .trade_link .n_tradelist .list_info .info_txtbox .mentor {display:block; line-height:25px; vertical-align:middle; font-size:90%; font-weight:bold; color:#ff7a00; letter-spacing:-1px;} .sub_stocklist .tradelist_wrap .trade_link .n_tradelist .list_summary {height:20px; max-height:40px; margin-bottom:7px; line-height:20px; font-size:75%; color:#666; letter-spacing:-1px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; vertical-align:text-top;} .sub_stocklist .tradelist_wrap .trade_link .n_tradelist .list_memo {height:25px; background:#f4f4f4; margin:0 -10px; padding:8px 10px 0 10px;} .sub_stocklist .tradelist_wrap .trade_link .n_tradelist ._left {display:block; float:left; min-width:50px; padding:0 3px; line-height:16px; padding-top:3px; vertical-align:middle; font-family:'Gulim','굴림'; font-size:11px; text-align:center; border-radius:2px; color:#fff; background:#b9babc; margin-right:3px;} .sub_stocklist .tradelist_wrap .trade_link .n_tradelist ._left.limit {background:#454b5b;} .sub_stocklist .tradelist_wrap .trade_link .n_tradelist ._left.among {background:#454b5b;} .sub_stocklist .tradelist_wrap .trade_link .n_tradelist ._left.subscription {background:#3e61ba;} .sub_stocklist .tradelist_wrap .trade_link .n_tradelist ._left.restriction {background:#aeadb9;} .sub_stocklist .tradelist_wrap .trade_link .n_tradelist ._left.day {background:#f09614;} .sub_stocklist .tradelist_wrap .trade_link .n_tradelist ._right {display:block; float:right; line-height:19px; vertical-align:middle; font-family:'Gulim','굴림'; font-size:11px; text-align:center; border-radius:2px; color:#999;} /*슈퍼스탁랭킹*/ .sub_stocklist .leaguelist_wrap .leaguelist .list_info .le_ranking {height:30px; line-height:30px; vertical-align:middle;} .sub_stocklist .leaguelist_wrap .leaguelist .list_info .le_ranking li {float:left;} .sub_stocklist .leaguelist_wrap .leaguelist .list_info .le_ranking .nomber {width:25px; line-height:25px; vertical-align:middle; border-radius:25px; text-align:center; font-size:80%; font-weight:bold; color:#fff; background:#5e6b9e; margin-top:3px;} .sub_stocklist .leaguelist_wrap .leaguelist .list_info .le_ranking .nomber.one {background:#ca4747;} .sub_stocklist .leaguelist_wrap .leaguelist .list_info .le_ranking .vary {width:35px; text-align:center; line-height:30px; vertical-align:middle; font-family:'Gulim','굴림'; font-size:12px; color:#666;} .sub_stocklist .leaguelist_wrap .leaguelist .list_info .le_ranking .vary.red {color:#ee3128;} .sub_stocklist .leaguelist_wrap .leaguelist .list_info .le_ranking .vary.blue {color:#156fde;} .sub_stocklist .leaguelist_wrap .leaguelist .list_info .le_ranking .vary.new {color:#ff851e; letter-spacing:-1px;} .sub_stocklist .leaguelist_wrap .leaguelist .list_info .le_ranking .img {width:30px; margin-top:2px; border-radius:3px; margin-right:7px; } .sub_stocklist .leaguelist_wrap .leaguelist .list_info .le_ranking .img img {width:100%; height:30px; border-radius:3px;} .sub_stocklist .leaguelist_wrap .leaguelist .list_info .le_ranking .name {line-height:30px; vertical-align:middle; font-size:80%; color:#333; letter-spacing:-1px; font-weight:bold;} .sub_stocklist .leaguelist_wrap .leaguelist .list_info .le_ranking .success {float:right; margin-top:2px; margin-right:5px; color:#5e6b9e; font-size:110%; font-weight:bold; letter-spacing:-1.5px;} .sub_stocklist .leaguelist_wrap .leaguelist .list_info .le_ranking .success span {font-size:65%;} .sub_stocklist .leaguelist_wrap .leaguelist .list_info .le_ranking .success.one {color:#ca4747;} .sub_stocklist .leaguelist_wrap .leaguelist .list_memo {height:35px; background:#f8f8f8; margin:0 -10px; padding:8px 10px 8px 10px;} .sub_stocklist .leaguelist_wrap .leaguelist ._left {display:block; float:left; min-width:70px; line-height:18px; vertical-align:middle; font-size:90%; font-weight:bold; color:#ff7a00; letter-spacing:-1px;} .sub_stocklist .leaguelist_wrap .leaguelist ._left li {display:inline-block; margin-right:3px; letter-spacing:-0.5px;} .sub_stocklist .leaguelist_wrap .leaguelist ._left li.profit {color:#ca4747;} .sub_stocklist .leaguelist_wrap .leaguelist ._left li.day {color:#5e6b9e;} .sub_stocklist .leaguelist_wrap .leaguelist ._left li.audience {color:#252525;} .sub_stocklist .leaguelist_wrap .leaguelist ._left li span {display:inline-block; font-family:'Gulim','굴림'; font-size:11px; color:#454b5b; vertical-align:middle; font-weight:normal; margin-right:3px;} .sub_stocklist .leaguelist_wrap .leaguelist ._left li small {font-size:70%;} .sub_stocklist .leaguelist_wrap .leaguelist .font {display:block; float:left; min-width:70px; line-height:18px; vertical-align:middle; font-family:'Gulim','굴림'; font-size:11px; color:#666;} .sub_stocklist .leaguelist_wrap .leaguelist .font b {color:#454b5b;} .sub_stocklist .leaguelist_wrap .leaguelist ._right {display:block; float:right; height:18px; padding:0 7px; border-radius:3px; background:#d9d9d9; line-height:20px; vertical-align:middle; font-family:'Gulim','굴림'; font-size:11px; text-align:center; border-radius:2px; color:#454b5b;} .sub_stocklist .leaguelist_wrap .leaguelist ._right i {color:#ff0000;} .sub_stocklist .leaguelist_wrap .leaguelist ._right.profit {background:#b1b3be; color:#fff;} .sub_stocklist .leaguelist_wrap .leaguelist ._right.ing {background:none; font-family:'Noto Sans KR'; color:#000; font-size:80%; font-weight:500; letter-spacing:-1px; padding:0;} .sub_stocklist .leaguelist_wrap .leaguelist ._right.ing.statusEnd1 {color:#ff7a00;} .sub_stocklist .leaguelist_wrap .leaguelist ._right.ing.statusEnd2 {color:#aaa;} .sub_stocklist .leaguelist_wrap .leaguelist ._right.ing.statusEnd3 {color:#3fa098;;} .sub_stocklist .leaguelist_wrap .leaguelist ._right.ing.statusEnd4 {color:#22b0d9;} /*종목상담 /Item/StockConsultMentorList.aspx */ .stockconsult { font-family:'Noto Sans KR'; color:#181e29; letter-spacing:-0.5px;} .stockconsult .stockconsult_top { background:#f6f9ff; } .stockconsult .stockconsult_top.view { padding-bottom:10px; border-bottom:1px solid #d3ddf3; } .stockconsult .stockconsult_top .consult_tit { height:305px; padding:0 10px; text-align:center; letter-spacing:-1px; } .stockconsult .stockconsult_top .consult_tit.view { height:110px; } .stockconsult .stockconsult_top .consult_tit h2 { padding:30px 0 20px 0; font-size:80%; color:#54528b; text-align:center; font-weight:600; line-height:30px; vertical-align:middle; } .stockconsult .stockconsult_top .consult_tit h2.view { height:85px; padding-top:25px; background:url(/images/sub/stockconsult_view.png) right 25px no-repeat; } .stockconsult .stockconsult_top .consult_tit h2 span { display:block; font-size:130%; font-weight:600; color:#181e29; } .stockconsult .stockconsult_top .consult_tit h2 span.view { text-align:left; } .stockconsult .stockconsult_top .consult_tit img { height:195px; } @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 320dpi), screen and (min-width:320px) { .stockconsult .stockconsult_top .consult_tit img { display:inline-block; width:460px; 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) { .stockconsult .stockconsult_top .consult_tit img { display:inline-block; width:100%; height:195px; text-align:center;}} .stockconsult .stockconsult_top .consult_txt { background:#cfdcf6; padding:7px 0; letter-spacing:-1px; } .stockconsult .stockconsult_top .consult_txt.view { margin:0 10px; background:#fff; border:1px solid #d3ddf3; } .stockconsult .stockconsult_top .consult_txt .txt_wrap { text-align:center; font-size:80%; padding:0 10px; } .stockconsult .stockconsult_top .consult_txt .txt_wrap .txt { text-align:left; } .stockconsult .stockconsult_top .consult_txt .txt_wrap .txt.view { font-family:Dotum; font-size:12px; color:#333; font-weight:200; line-height:20px; } .stockconsult .stockconsult_top .consult_txt .txt_wrap .txt span { display:block; line-height:30px; vertical-align:middle; } .stockconsult .stockconsult_top .consult_txt .txt_wrap .txt.view span { line-height:20px; } .stockconsult .stockconsult_top .consult_txt .txt_wrap .txt span i { font-size:80%; font-weight:bold; margin-right:5px; vertical-align:middle; } .stockconsult .stockconsult_top .consult_txt .txt_wrap .txt.view span b { font-weight:normal; } .stockconsult .stockconsult_top .consult_txt .txt_wrap .txt span em { font-style:normal; color:#f72e00; font-weight:bold; } .stockconsult .stockconsult_top .consult_txt .txt_wrap .etc { display: inline-block; padding: 10px 0 10px 55px; background: url(/images/sub/ic_consult.png) -3px no-repeat; text-align: left; font-size: 85%; font-weight: 600; color: #272c39; line-height: 22px; vertical-align: middle; } /*--------------E : list------------------------------------------------------------------------*/ /*--------------S : View------------------------------------------------------------------------*/ @charset "utf-8"; /* UserControl ContentsViewMentor ----------------------------------------------------------*/ .contents_mentor_view { position:relative; } .contents_mentor_view .mentor {position:relative; padding:15px 10px 15px 65px; border-bottom:1px solid #bbb; min-height:100px;} .contents_mentor_view .mentor .mento_img {position: absolute; left:10px; top:15px; width:50px; height:50px; background:#ddd; border:1px solid #ddd; box-sizing:border-box; } .contents_mentor_view .mentor .mento_img img {width:100%; } .contents_mentor_view .mentor .mentor_ect_btn { position:relative; float:right; } .contents_mentor_view .mentor .mentor_ect_btn a { float:left; display:inline-block; height:22px; padding:0 7px; margin-right:5px; line-height:21px; color:#fff; background-color:#333a5f; border-radius:3px; font-size:11px; font-family:NanumGothic; } .contents_mentor_view .mentor .mentor_ect_btn a.intro_vod { z-index:2; display:inline-block; height:22px; font-size:12px; line-height:22px; color:#222; font-weight:normal; border-radius:15px; text-align:center; } .contents_mentor_view .mentor .mentor_ect_btn a.intro_vod>.im { margin:-5px 3px -2px 0; font-size:92%; vertical-align:middle; } .contents_mentor_view .mentor .mentor_ect_btn a.intro_vod.disabled { background:#f4f4f4; color:#ccc; } .contents_mentor_view .mentor .tit { line-height:25px; vertical-align:middle; font-size:75%; font-weight:bold; color:#333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; letter-spacing:-1px;} .contents_mentor_view .mentor .tit .edu_category { color:#42519e; } /* 2018-12-27 만족도 /Education/EducationLiveView.aspx 수정하며 삭제예정 /Analysts/AnalystView.aspx?idx=16111 */.contents_mentor_view .mentor .name { display:inline-block; float:left;} .contents_mentor_view .mentor .name .text { display:inline-block; height:26px; vertical-align:middle; font-size:80%; font-weight:600; letter-spacing:-1px; } .contents_mentor_view .mentor .name .text .im { margin-right:3px; vertical-align:middle; font-size:92%; } /*.contents_mentor_view .mentor .name small { font-size:70%; color:#333; }*/ .contents_mentor_view .mentor .name .ai {display:inline-block; padding:3px 6px 2px 5px; margin:-5px 0 0 0px; border-radius:3px; background:#00c6bf; color:#fff; font-size:11px; font-family:NanumGothic; line-height:12px; vertical-align:middle; text-align:center; letter-spacing:1px;} .contents_mentor_view .mentor .day { position:absolute; left:10px; top:70px; font-size:65%; color:#999;} .contents_mentor_view .mentor .point {font-size:1.05em; font-weight:bold; color:#f23424; float:left; letter-spacing:-1px;} .contents_mentor_view .mentor .name .area { display:inline-block; } .contents_mentor_view .mentor .name .area .interest_btn button { display:inline-block; margin-left:5px; width:auto; padding:0 10px; height:25px; line-height:23px; box-sizing:border-box; font-size:65%; text-align:center; border-radius:20px; font-weight:500; } .contents_mentor_view .mentor .name .area .interest_btn button i { margin-right:3px; margin-bottom:1px; vertical-align:middle; } .contents_mentor_view .mentor .name .area .interest_btn a { display:inline-block; position:relative; top:0px; margin-left:5px; width:auto; padding:0 10px; height:25px; line-height:23px; box-sizing:border-box; font-size:65%; text-align:center; border-radius:20px; font-weight:500; } .contents_mentor_view .mentor .name .area .interest_btn a i { margin-right:3px; margin-bottom:2px; vertical-align:middle;} .contents_mentor_view .mentor .name .area .interest_btn a i.color { color:#e8373d; } .contents_mentor_view .mentor .name .area .share_icon {display:inline-block; float:right; width:30px; margin-top:-2px;} .contents_mentor_view .mentor .name .area .share_icon img {width:100%;} .contents_mentor_view .mentor .mentor_emblem { position:absolute; right:10px; bottom:10px; } /*최근30일 추천종목*/ .contents_mentor_view .recommended_items table {width:100%; border-bottom:1px solid #bbb; border-collapse: collapse;} .contents_mentor_view .recommended_items table , .contents_mentor_view .recommended_items td{border-bottom:1px solid #bbb; border-collapse: collapse; height:50px;} .contents_mentor_view .recommended_items .tit_table2 {color:#214d90; font-size:0.7em; width:24%; font-weight:bold; border-bottom:1px solid #bbb; display:table; float:left;} .contents_mentor_view .recommended_items .tit_table2 p {padding:0 11%; height:120px; display:table-cell; vertical-align:middle;} .contents_mentor_view .recommended_items .cont_table2 { width:75%; float:left;} .contents_mentor_view .recommended_items .avg {font-size:0.7em; color:#333; padding: 0 3%; border-left:1px solid #bbb; text-align:center;} .contents_mentor_view .recommended_items .avg i {color:#ee3128; font-size:14px;} .contents_mentor_view .recommended_items .avg span {font-weight: bold; font-size:14px;} .contents_mentor_view .recommended_items .tab {text-align: center; font-size:14px; color:#666; height:70px; } .contents_mentor_view .recommended_items .tab td {border-left:1px solid #bbb} .contents_mentor_view .recommended_items .tab span {font-weight:bold; font-size:28px; color:#333;} .contents_mentor_view .recommended_items .no_right {border-right:0 !important;} /*멘토성향*/ .contents_mentor_view .mento_disposition {width:100%; display:flex;} .contents_mentor_view .mento_disposition .disposition {float:left; width:76%; border-bottom:1px solid #bbb; display:table; height:70px;} .contents_mentor_view .mento_disposition .disposition_icon {padding-left:15px; overflow-x:hidden; display:table-cell; vertical-align:middle; border-left:1px solid #bbb;} .contents_mentor_view .mento_disposition .tit_2 { margin-top:0; color:#214d90; font-size:0.7em; width:24%; font-weight:bold; border-bottom:1px solid #bbb; float:left; display:table; height:70px;} .contents_mentor_view .mento_disposition .tit_2 p {padding:0 11%; display:table-cell; vertical-align:middle;} /*view_선택버튼*/ .choice_box {border-top:1px solid #ccc; padding:20px 0; text-align: center; margin: 30px 0 0 0; } .choice_box ul li.txt { display: inline-block; width: 160px; height:73px; line-height: 26px; border: 1px solid #ccc; font-family: 'Malgun Gothic'; font-size: 15px; padding: 7px 0 0; box-sizing: border-box; vertical-align: bottom; } .choice_box ul li.txt span { font-weight: 900; font-size: 28px; color: #dc211f; } .choice_box ul li.btn { display: inline-block; margin-left: -4px; } .choice_box ul li.btn button { width: 160px; height: 73px; line-height: 73px; font-family: NanumSquare; font-weight: bold; font-size: 17px; vertical-align: middle; color: #fff; background: #ff4e00; background: linear-gradient( to bottom, #ff9200, #ff6300); border: 0; cursor: pointer; } .choice_box ul li.btn button i { font-size: 20px; vertical-align: middle; } .choice_box ul li.btn button.none {background:linear-gradient(to bottom,#777,#333);} /*게시판 버튼*/ .btn_common {margin:-5px 10px 30px 10px; height:30px; text-align:right;} .btn_common ._white {display:inline-block; min-width:48px; line-height:27px; vertical-align:middle; padding:3px 15px 2px 15px; text-align:center; border-radius:5px; border:1px solid #ccc; font-size:12px; color:#414141; font-weight:bold; background:linear-gradient(to bottom,#fff,#f6f6f6);} .btn_common ._black {display:inline-block; min-width:48px; line-height:27px; vertical-align:middle; padding:3px 15px 2px 15px; text-align:center; border-radius:5px; border:1px solid #242424; font-size:12px; color:#fff; font-weight:bold; background:linear-gradient(to bottom,#474747,#1c1b1b);} .btn_common ._white i {vertical-align:middle; font-size:15px;} .list_style_01 { border-top: 1px solid #ccc; } .list_style_01 ul li { width: 100%; background: #f7f7f5; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; cursor: pointer; } .list_style_01 ul li.pressed { background: #e5e5e5; border-top: 1px solid #f5f5f5; } .list_style_01 ul li .head_box { float: left; width: 60px; } .list_style_01 ul li .ellipsis_box { float: left; display: inline-block; overflow: hidden; } .list_style_01 ul li .ellipsis_box .title_wrap .title { margin:0 15px; font-size: 14px; line-height:20px; font-weight: bold; color: #333; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .list_style_01 ul li .ellipsis_box span.reply { float: right; line-height: 23px; font-size: 14px; font-weight: bold; } .list_style_01 ul li .info1 { margin-left: 16px; margin-top: 7px; font-size: 12px; font-family: arial; color: #b2b2b2; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } /*FAQ /Package/Package2View.aspx*/ .list_style_02 { width: 100%; border-top: 1px solid #ccc; font-size: 14px;} .list_style_02 .reply{ background:#e6e6e3; border-top:0px; padding: 20px; color:#555; } .list_style_02 tr.pressed td { background: #e5e5e5; border-top: 1px solid #f5f5f5; } .list_style_02 td { background: #f7f7f5; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; cursor: pointer; padding: 20px 0px; } .list_style_02 td.head_box { width: 15%; border-right: 1px solid #ccc; text-align:center;} .list_style_02 td.head_box img { width: 20px; height: 21px; } .list_style_02 td.line { width: 1px; background:#fff;} .list_style_02 td.q { padding: 0px 15px; font-weight: bold;} .list_style_02 .position { position: relative;} .list_style_02 .position .img_q { position: absolute; top: 0px; left: 0px; display: inline-block;} .list_style_02 .position .img_q img { width: 14px; height: 18px; } .list_style_02 .position .txt { padding-left: 20px; margin-top: 0px; display: inline-block;} /* view /Education/EducationBeginnerView.aspx /item/freestockview.aspx */ .view_style_01 .view_header { background: #f2f1f0; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; padding: 15px; } .view_style_01 .view_header .txt_title { font-size: 16px; line-height: 21px; color: #333; font-weight: bold; } .view_style_01 .view_header .txt_title .tit_red { color:#e9240f;} .view_style_01 .view_header .txt_title p { display: inline-block; } .view_style_01 .view_header .txt_data { position: relative; font-family: arial; font-size: 12px; color: #404040; margin-top: 10px; display:inline-block;} .view_style_01 .view_header .txt_data .writer { position: absolute; right: 0px; top: 0px; } .view_style_01 .view_header .txt_data .writer .ic { display: inline-block; width: 14px; height: 14px; vertical-align: top; margin: 1px 3px 0px 0px; background: url(../images/board/ic_writer.png) no-repeat; } .view_style_01 .view_body { text-align: center; padding: 15px; padding-bottom: 30px; background: #f7f7f5; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; } .view_style_01 .view_body.txt { text-align: left; font-family: dotum,'돋움'; font-size: 14px; line-height: 23px; color: #333; } .view_style_01 .view_body txt { text-align: left; font-family: dotum,'돋움'; font-size: 14px; line-height: 23px; color: #333; } .view_style_01 .view_body.txt img { max-width: 100%; display: block; margin: 10px auto; } .view_style_01 .check {display:block; padding-bottom:15px; line-height:20px; vertical-align:middle; font-size:70%; text-align:center;} .view_style_01 .check input[type=checkbox] {display:inline-block; vertical-align:middle; width:18px; height:18px; margin-bottom:3px;} /*결제완료*/ .pay_style_01{ border-top: 1px solid #fff; border-bottom: 1px solid #c4bebe; } .pay_style_01 .pay_info { background: #f2f1f0; padding: 12px 15px 12px 15px; font-size: 16px; text-shadow: 0px 1px 1px #fff; border-bottom: 1px solid #ccc;} .pay_style_01 .graph { padding: 19px; background: #fff;} .pay_style_01 .graph p.title { color: #f22a18; font-size: 15px; margin-bottom: 15px;} .pay_style_01 .graph .box { border: 1px solid #e6e6e6; padding: 20px; } .pay_style_01 .graph .box .graph_position { padding-bottom: 20px; font-size: 14px;} .pay_style_01 .graph .box .txt01 { font-size: 14px; color: #333; display: inline-block; vertical-align: top; height: 20px; padding-right: 20px;} .pay_style_01 .graph .box .icon {display: inline-block; vertical-align: top; height:14px; padding-top: 6px; padding-right: 2px;} .pay_style_01 .graph .box .img_icon{ width: 10px; height: 10px; } .pay_style_01 .graph .story {padding-top: 15px; padding-bottom: 20px; font-size: 14px; color: 333; line-height: 20px;} /*멘토의 종목 A/S*/ .as_style_01{ border-top: 1px solid #fff; } .as_style_01 .as_info { background: #f2f1f0; padding: 12px 15px 12px 15px; font-size: 16px; text-shadow: 0px 1px 1px #fff; border-bottom: 1px solid #ccc;} .as_style_01 .as_info .txt01 { color:#f22a18; font-weight:normal; } .as_style_01 .as_info .novice_list {display:block; float:right; font-size: 14px; font-weight:bold;} .as_style_01 .as_story { padding: 19px; background: #fff; font-size: 14px; line-height: 20px; padding-bottom: 30px;} .as_style_01 .as_list { background: #fff; padding:5px 0; overflow:hidden;} .as_style_01 .as_list li {display:block; border-bottom:1px solid #ddd; padding:0 15px; } .as_style_01 .as_list li a { display:block; line-height:35px; font-size: 14px; text-align:left; color:#999;} .as_style_01 .as_list li a.on { font-weight:bold; color:#666;} .as_style_01 .as_list li:nth-child(5) {border:none;} /* btn /item/freestockview.aspx */ .btn_function { padding: 15px 0px; text-align: center; } .btn_function table { margin: 0 auto; } .btn_function .btn_go_top { padding: 20px 18px 20px 0px; text-align: right; } .btn_function .btn_go_top span.txt { display: inline-block; width: 61px; height: 18px; background: url(../images/board/btn_go_top.png) no-repeat; } /*쿠폰함 추가*/ .point_search { padding: 10px 10px 15px 10px; } .point_search .txt {font-size: 16px; color:#777; font-weight: bold; text-shadow: 0px 1px 1px #ffffff; padding-bottom: 6px;} .point_search .img {display: inline-block; padding-right: 1px;} .interview { width: 100%; border-bottom: 2px solid #fff;} .interview div.th { height: 40px; background: url(../images/basic/require_list_bg_th.png) repeat-x; border-top: 1px solid #8c7670; border-bottom: 1px solid #392b2e; padding: 0; } .interview div.th p { padding-top: 9px; font-size: 15px; color: #fff; text-shadow: 0px 1px 1px #3e302e; margin-left: 18px; font-weight: bold; } .interview ul { border-bottom: 0.5px solid #c4bebe; padding: 18px 18px 10px 18px; font-size: 14px;} .interview li {padding-bottom: 8px; overflow: hidden;} .interview .txt01 { float: left; color: #e91010; font-weight: bold; font-size: 15px; text-shadow: 0px 1px 1px #fff; vertical-align: top; width:20px; } .interview .txt02 { float: left; color: #333; vertical-align: top; font-size: 15px; width:92%} .interview .txt03 { float: left; color: #333; font-weight: bold; font-size: 15px; text-shadow: 0px 1px 1px #fff; vertical-align: top; width:20px; } .interview .txt04 { float: left; color: #808080; vertical-align: top; font-size: 15px; width:92%} /*주간시황 /Community/WeekMarketConditions.aspx */ .week_market_bar{ height: 50px; vertical-align:top; text-align: center; background: url(../images/board/point_board_bar_bg01.gif) repeat-x; color: #fff; } .week_market_bar p.txt {width: 70%; display: inline-block; vertical-align:top; text-align: center; font-size: 20px; font-family: Verdana; line-height: 50px; vertical-align: top; text-shadow: 0px 1px 1px #372b29; } .week_market_bar p.arrow { width: 12%; display: inline-block; text-align: center; vertical-align:top; padding-top: 11px;} .arrow_img { width: 15px; height: 24px; } .week_market_title { position: relative; background: #f2f1f0; padding: 8px 0px 10px 16px; border-top: 2px solid #fff; border-bottom: 1px solid #ccc; overflow: hidden; } .week_market_title .photo { height: 102px; float: left; } .week_market_title .photo img.pic { top: 0px; left: 0px; width: 100px; height: 100px; border: 1px solid #cdcdcc; } .week_market_title .txt { padding: 0px 10px 0px 115px; font-size: 17px; color: #4a3434; text-shadow: 0px 1px 1px #fff; } .week_market_title .txt p.date { font-size: 14px; color: #b2b2b2; font-family: Verdana; text-shadow: 0px 1px 1px #fff; margin-top: 10px; } /*********** 모바일 해상도 240dpi 이상 ************/ @media only screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min-width: 480px) { .view_style_01 .view_header .txt_data .writer .ic { background: url(../images_640/board/ic_writer.png) no-repeat; background-size: 14px 14px; } .reply .btn_more_reply span { background: url(../images_640/board/reply_btn_txt_more.png) no-repeat; background-size: 93px 18px; } .btn_function .btn_go_top span.txt { background: url(../images_640/board/btn_go_top.png) no-repeat; background-size: 61px 18px; } .additional .txt02 { background: url(../images_640/board/ic_caution.png) no-repeat 0px 16px; background-size: 12px 12px; } .list_style_01 ul li.nt .head_box .ic_notice { background: url(/images_640/board/ic_notice.png) no-repeat; background-size: 23px 22px; background-position:center center; width:100%; height:100%; } } /*추천종목_멘토 성향 /Education/EducationBeginnerView.aspx */ .anal_tendency {background:#f2f1f0; padding:10px 15px; border-top:2px solid #fff;} .anal_tendency li {display:block; line-height:40px; font-size:80%; overflow:hidden; } .anal_tendency li img {display:inline-block; line-height:40px; vertical-align:middle; padding-bottom:2px;} .anal_tendency li span.tendency_ic {display:inline-block; vertical-align:middle; line-height:35px; } .anal_tendency li.anal_name {font-size:90%; font-weight:bold; line-height:35px;} .anal_tendency li.anal_name span.n_left {display:block; float:left; text-align:left; vertical-align:middle;} .anal_tendency li.anal_name span.n_right {display:block; float:right; text-align:left; vertical-align:middle;} .anal_tendency li.anal_name span a {display:block; float:left; margin-right:5px;} .anal_tendency li.anal_name span a:nth-child(2) {margin:0;} /*마이페이지 구독 요청 뱃지 .badge.premium - 프리미엄 .badge.live - 라이브 .badge.vod - VOD .badge.stock_reading - 주식리딩 .badge.trading - 매매기법 .badge.offline - 오프라인강의 .badge.recommended_items - 추천종목 .badge.virtual_currency - 가상화폐 */ /*가상화폐 상단(추가)*/ .virtual_wrap { font-family:NanumSquare; text-align:center; } .virtual_wrap h4 { margin-bottom:5px; font-size:110%; color:#222; font-weight:bold; line-height:35px; vertical-align:middle; } .virtual_wrap p { margin-bottom:10px; font-size:85%; color:#32526d; font-weight:bold; line-height:25px; vertical-align:middle; letter-spacing:-0.5px; } .virtual_wrap .virtual_news { padding:20px 10px; background:#c3d7d8; } .virtual_wrap .virtual_news a { display:inline-block; width:calc(48% - 2px); margin-right:2px; height:40px; border-radius:5px; line-height:40px; vertical-align:middle; font-size:95%; color:#fff; text-align:center; } .virtual_wrap .virtual_news a.but_method { background:linear-gradient(to bottom, #a6ccbd ,#78a694); border:1px solid #78a694; } .virtual_wrap .virtual_news a.but_news { margin-left:2px; margin-right:0; background:linear-gradient(to bottom, #55bdb9 ,#42a09c); border:1px solid #42a09c; } .virtual_wrap .virtual_sally { padding:20px 10px; margin:5px 0 ; background:#2d4866; color:#fff; } .virtual_wrap .virtual_sally a { color:inherit; width:100%; height:100%; } .virtual_wrap .virtual_sally h4 { color:#fff; font-weight:normal; } .virtual_wrap .virtual_sally p { color:#fff; font-weight:normal; opacity:0.8; } .virtual_wrap .virtual_sally span { display:inline-block; width:85%; height:40px; border-radius:5px; border:1px solid #fff; line-height:40px; vertical-align:middle; font-size:95%; color:#fff; font-weight:normal; text-align:center; } .virtual_wrap .virtual_sally span i { font-size:85%; vertical-align:middle; } /*주요 거래소 실시간 시세*/ .virtual_currency_wrap.superstock_k2 .ranking_tab li { width:50% !important; height:40px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .virtual_currency_wrap .search { overflow:hidden; } .virtual_currency_wrap .search .select_box { width:65%; } .virtual_currency_wrap .btn_open_close { float:right; width:34%; height:35px; border:1px solid #242424; background:linear-gradient(to bottom,#474747,#242424); color:#fff; font-size:70%; line-height:35px; text-align:center; vertical-align:middle;} .virtual_currency_wrap .btn_open_close > i { font-size:12px; } .virtual_currency_wrap .major_exchange_wrap { display:block; padding:10px; } .virtual_currency_wrap .major_exchange_table { width:100%; border:1px solid #cccccc; background-color:#fff; table-layout:fixed; } .virtual_currency_wrap .major_exchange_table th { color: #777777; padding:10px 0 10px 20px; background-color:#fafafa; font-size: 55%; font-weight: normal; white-space:nowrap; } .virtual_currency_wrap .major_exchange_table th > a > i { font-size:11px; } .virtual_currency_wrap .major_exchange_table th.major_exchange, .virtual_currency_wrap .major_exchange_table.other th.coin_name { padding-left:5px; } .virtual_currency_wrap .major_exchange_table th.real_time_indicator > a { color:#d27200; } .virtual_currency_wrap .major_exchange_table td { height:35px; min-height:35px; color:#333333; padding:8px 12px 8px 0; border-top:1px solid #e5e5e5; font-size:55%; font-weight:bold; text-align:right; line-height:16px; white-space:nowrap; } .virtual_currency_wrap .major_exchange_table td i { font-size:10px; margin-right:3px; } .virtual_currency_wrap .major_exchange_table td.major_exchange { padding-left:10px; text-align:left; white-space:nowrap; } .virtual_currency_wrap .major_exchange_table td.major_exchange > a { text-decoration:underline; } .virtual_currency_wrap .major_exchange_table .stock_up { color:#dd2f00; } .virtual_currency_wrap .major_exchange_table .stock_down { color:#0061f2; } .virtual_currency_wrap .major_exchange_table .korea_premium { color:#099e68; } .virtual_currency_wrap .major_exchange_table td small { font-size:11px; } .virtual_currency_wrap .major_exchange_table td.previousday_comparison, .virtual_currency_wrap .major_exchange_table td.previousday_comparison > strong, .virtual_currency_wrap .major_exchange_table .korea_premium { font-weight:normal !important; } .virtual_currency_wrap .freeboard_wrap { padding:10px 10px 0 ; } .virtual_currency_wrap .freeboard_wrap h3 { float:left; color:#333333; margin-top:7px; font-size:100%; font-weight:bold; font-family:NanumSquare; } .virtual_currency_wrap .freeboard_wrap h3 > strong { color:#ff6500; } .virtual_currency_wrap .freeboard_wrap .search { margin:0 -10px; } .virtual_currency_wrap .freeboard_wrap .search .select_box { float:right; width:34%; } .virtual_currency_wrap .freeboard_wrap .freeboard_list { float:none; min-height:180px; margin-top:5px; border:1px solid #cccccc; background-color:#fff; } .virtual_currency_wrap .major_exchange_table.other th { padding:10px 0 10px 20px; } .virtual_currency_wrap .major_exchange_table.other { table-layout:fixed; } .virtual_currency_wrap .major_exchange_table.other td { padding:8px 15px 8px 0; } .virtual_currency_wrap .major_exchange_table.other td.major_exchange.other { position:relative; padding-left:8px; text-align:left; } .virtual_currency_wrap .major_exchange_table.other td.major_exchange.other > a { padding:5px 0 5px 23px; background-position:left center; background-size:20px 18px; background-repeat:no-repeat;} @media screen and (max-width: 350px) { .virtual_currency_wrap .ranking_tab li { font-size:70% !important; } .virtual_currency_wrap .major_exchange_table th { font-size:54%; } .virtual_currency_wrap .major_exchange_table td { font-size: 53%; padding:10px 5px; } } /*실시간 뉴스*/ .virtual_currency_news_wrap { margin:10px; } .virtual_currency_news_wrap .virtual_currency_news_title_img { display:block; width:100%; max-height:120px; margin:0 auto; background-color:#d2bda8; overflow:hidden; } .virtual_currency_news_wrap .virtual_currency_news_title_img > img { display:block; width:100%; max-width:460px; margin:0 auto; } .virtual_currency_news_wrap .virtual_currency_news_title_img > figcaption { display:none; } .virtual_currency_news_wrap .virtual_currency_news_tab_wrap { display:block; padding:0 10px 20px 10px; border:1px solid #cccccc; background-color:#fff; } .virtual_currency_news_wrap .virtual_currency_news_tab_wrap .virtual_currency_news_title_wrap { padding-top:30px; margin-bottom:40px; border-bottom:1px dashed #dddddd; } .virtual_currency_news_wrap .virtual_currency_news_tab_wrap .virtual_currency_news_title_sub { color:#333333; font-size:73%; line-height:28px; text-align:center; letter-spacing:-0.1em; } .virtual_currency_news_wrap .virtual_currency_news_tab_wrap .virtual_currency_news_title_big { color:#680000; font-size:95%; line-height:30px; margin-top:20px; text-align:center; letter-spacing:-0.08em; ;} .virtual_currency_news_wrap .virtual_currency_news_tab_wrap .virtual_currency_news_title_big > strong { font-size:100%; } .virtual_currency_news_wrap .btn_telegram_jump { display:block; width:75%; max-width:334px; margin:30px auto; text-align:center; } .virtual_currency_news_wrap .banner_text_img { display:block; max-width:100%; margin:0 auto; } .virtual_currency_news_wrap .btn_telegram_jump > img { display:block; width:100%;} .virtual_currency_news_wrap .telegram_guide_wrap { display:block; max-width:480px; margin:0 auto; } .virtual_currency_news_wrap .telegram_guide_wrap.bg { padding:0 10px; background:#fff; min-height:550px; overflow:hidden; } .virtual_currency_news_wrap .telegram_guide_title { position:relative; } .virtual_currency_news_wrap .telegram_guide_title h4 { position:absolute; top:17px; padding-left:5px; margin-bottom:10px; color:#46240b; font-size: 90%; font-weight: bold; font-family: NanumSquare; letter-spacing:-0.08em; } .virtual_currency_news_wrap .telegram_guide_title > p { position:absolute; right:0; top:10px; font-size:80%; } .virtual_currency_news_wrap .telegram_guide_title > p.mobile { right:50px; } .virtual_currency_news_wrap .telegram_guide_title > p.active a { border:1px solid #58493f; background-color:#58493f; color:#fff; } .virtual_currency_news_wrap .telegram_guide_title > p > a { display:block; position:relative; min-width:50px; padding:5px 5px; border:1px solid #eee; background-color:#fff; color:#58493f; text-decoration:none; } .virtual_currency_news_wrap .telegram_guide_title > p > a span { display:inline-block; width:100%; text-align:center; cursor:pointer; } .virtual_currency_news_wrap .tab.list { margin:0 auto 20px auto; min-height:550px; overflow:hidden; } .virtual_currency_news_wrap .tab.list ul { position: relative; top:10px; padding: 0; margin: 0; font-size:80%; font-weight: normal; font-family: NanumGothic; *zoom: 1; } .virtual_currency_news_wrap .tab.list ul:after { clear: both; display: block; content: ""; } .virtual_currency_news_wrap .tab.list ul > li { float: right; } .virtual_currency_news_wrap .tab.list li > a { display:block; position:relative; min-width:50px; padding:5px 5px; border:1px solid #eee; background-color:#fff; color:#58493f; text-decoration:none; } .virtual_currency_news_wrap .tab.list li > a span { display:inline-block; width:100%; text-align:center; cursor:pointer; } .virtual_currency_news_wrap .tab.list li > ul { position:absolute; top:40px; left:0; width:100%; padding:0; margin:0; border:0; list-style:none; *zoom: 1; } .virtual_currency_news_wrap .tab.list li ul:after { display: block; clear:both; content: ""; } .virtual_currency_news_wrap .tab.list li ul > li { float:none; position:relative; height:500px; padding:10px; margin-top:15px; border:1px solid #e5e5e5; background:#fff; overflow-y:scroll; } .virtual_currency_news_wrap .tab.list li ul > li > img { display:block; max-width:100%; min-height:500px; margin:0 auto; overflow-y:scroll; } .virtual_currency_news_wrap .tab.list li li a { float:none; padding:0; margin:0; border:0 !important; } .virtual_currency_news_wrap .tab.list li.active a { border:1px solid #58493f; background-color:#58493f; color:#fff; } /*가상화폐칼럼*/ .virtual_column { font-family:NanumGothic; } .virtual_column .column_list_wrap { margin-top:10px; } .virtual_column .column_list { float:left; width:calc(50% - 5px); height:200px; margin:0 5px 20px 0; border:1px solid #ddd; box-sizing:border-box; } .virtual_column .column_list:nth-child(2n) { float:right; margin:0 0 20px 5px; } .virtual_column .column_list .list_thumnail { width:100%; height:110px; background-size:100% 100%; background-position:center center; background-color:#eee; } .virtual_column .column_list .list_thumnail img { width:100%; height:100%; position:center center; } .virtual_column .column_list .list_text p { max-width:100%; height:40px; padding:10px; font-size:15px; color:#333; line-height:25px; overflow:hidden; box-sizing:padding-box; } .virtual_column .column_list .list_text p b { color:#ff4e00; } .virtual_column .column_list .list_text p.list_date { height:25px; padding:0 10px; line-height:25px; vertical-align:middle; color:#999; font-size:12px; font-family:Dotum; } /*멘토별 종목상담리스트*/ .stockconsult .stockconsult_mentorlist { position:relative; } .stockconsult .stockconsult_mentorlist .stocklist_top { border-bottom:1px solid #ccc; } .stockconsult .stockconsult_mentorlist.mypage { border:1px solid #ddd; } .stockconsult .stockconsult_mentorlist .mentorlist_noti { margin-bottom:5px; text-align:right; font-size:13px; color:#999; line-height:20px; vertical-align:middle; } .stockconsult .stockconsult_mentorlist .m_search_wrap { margin:0 0 30px 0; } .stockconsult .stockconsult_mentorlist .mentorlist { clear:both; overflow:hidden; } .stockconsult .stockconsult_mentorlist .mentorlist.mypage { border:none; } .stockconsult .stockconsult_mentorlist .mentorlist.view { margin:20px 10px 10px; border:1px solid #ddd; border-top:2px solid #063185; box-sizing:border-box; } .stockconsult .stockconsult_mentorlist .mentorlist.answer { margin:20px 10px 10px; border:1px solid #ddd; border-top:2px solid #063185; box-sizing:border-box; } .stockconsult .stockconsult_mentorlist .mentorlist li { border-bottom:1px solid #ccc; font-family:NanumGothic; font-size:17px; font-weight:bold; color:#333; } .stockconsult .stockconsult_mentorlist .mentorlist li:last-child { border-bottom:0; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock { position:relative; padding:10px 10px 0 10px; overflow:hidden; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .my_writing { position:absolute; top:0; right:0; width:27px; height:30px; background:url(/images/common/ic_my.png) no-repeat; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock span { display:block; text-align:center; color:#777; font-weight:normal;} .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock span.my { line-height:488px; vertical-align:middle;} .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock li { clear:both; border:0; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_stock { height:25px; font-size:80%; line-height:25px; vertical-align:middle; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_stock em { float:left; display:block; min-width:70px; height:25px; border-radius:15px; font-style:normal; font-weight:600; text-align:center; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_stock em.have { background:#ffe8d3; color:#ff6023; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_stock em.interest { background:#f8d3ce; color:#df0000; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_stock strong { float:left; display:inline-block; max-width:40%; margin-left:5px; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_stock strong b { display:inline-block; vertical-align:middle; font-size:95%; overflow:hidden; max-width:80px; text-overflow:ellipsis; white-space:nowrap; line-height:1.2em; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_stock span { clear:both; display:inline-block; text-align:left; color:#999; font-weight:500; font-size:85%; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_title { height:20px; margin:5px 0; font-size:85%; line-height:20px; vertical-align:middle; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_title.view { width:100%; height:auto; line-height:25px; vertical-align:middle; overflow:hidden; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_title.mypage { font-family:NanumGothic; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_title .view { display:inline-block; min-width:70px; height:25px; margin-right:5px; border-radius:15px; text-align:center; line-height:25px; vertical-align:middle; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_title .view.have { background:#ffe8d3; color:#ff6023; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_title .view.interest { background:#f8d3ce; color:#df0000; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_title .tit { width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_title .tit.mypage { width:425px; margin:0; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_title .tit.answer { float:left; overflow:hidden; text-overflow:clip; white-space:pre-line; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_title .tit.answer b { color:#ff4e00; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_title .in.right { text-align:right; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_title .in { float:right; margin-top:-22px; font-weight:bold; text-align:right; line-height:20px; overflow:hidden; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_title .in.ask { color:#7a86a8; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_title .in.prepare { color:#333; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_title .in.finish { color:#ff6023; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_title .in.expire { color:#c4c4c4; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_data .date { width:120px; text-align:left; font-weight:400; color:#999; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_data { height:20px; margin-bottom:5px; color:#999; font-weight:500; font-family:Dotum; font-size:12px; line-height:20px; vertical-align:middle; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_data.mypage { font-size:14px; margin-top:-5px; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_data p { float:left; overflow:hidden; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_data p i { margin-bottom:2px; font-size:100%; vertical-align:middle; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_data p.tit { font-size:14px; font-weight:bold; color:#333; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_data p.tit span { display:inline-block; font-size:12px; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_data .in { float:right; font-weight:bold; text-align:right; line-height:20px; overflow:hidden; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_data .in.ask { color:#7a86a8; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_data .in.prepare { color:#333; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_data .in.finish { color:#ff6023; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_data .in.expire { color:#c4c4c4; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_contentment { margin: 0 -10px; padding:3px 10px 6px 10px; border-top:1px solid #eee; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_contentment em { font-family:Dotum; font-size:70%; color:#999; font-weight:bold; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_contentment em i { font-size:90%; color:#ccc; vertical-align:middle; margin-right:3px; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_contentment .bar { display:inline-block; width:calc(100% - 110px); height:7px; margin:0 5px; background:#eee; text-align:left; vertical-align:middle; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_contentment .bar .gauge { display:inline-block; height:7px; text-align:left; vertical-align:top; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_contentment .bar .gauge.up { background:#fc914b; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_contentment .bar .gauge.down { background:#6d7da8; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_contentment .gauge_percent { font-size:70%; font-weight:500; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_contentment .gauge_percent b { font-size:120%; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_contentment .gauge_percent.up { color:#fc914b; } .stockconsult .stockconsult_mentorlist .mentorlist .list_userstock .userstock .write_contentment .gauge_percent.down { color:#6d7da8; } .stockconsult .stockconsult_mentorlist .mentorview_but { float:right; padding-top:5px; margin:20px 10px 10px 0; } .stockconsult .stockconsult_mentorlist .margin_manage { margin-top:-5px; } .stockconsult .stockconsult_mentorlist .mentorview_but a { display:inline-block; width:60px; height:30px; padding:0; font-size:12px; line-height:28px; vertical-align:middle; } .stockconsult .stockconsult_mentorlist .view_userstock { padding:10px; font-family:Noto Sans KR; } .stockconsult .stockconsult_mentorlist .view_userstock .view_userstock_consult { width:100%; margin:10px 0 15px 0; text-align:center; font-family:Noto Sans KR; } .stockconsult .stockconsult_mentorlist .view_userstock .view_userstock_consult th { padding:10px; background:#333847; border:1px solid #333847; font-size:100%; color:#fff; line-height:20px; vertical-align:middle; } .stockconsult .stockconsult_mentorlist .view_userstock .view_userstock_consult th small { font-weight:400; } .stockconsult .stockconsult_mentorlist .view_userstock .view_userstock_consult th strong { font-weight:500; } .stockconsult .stockconsult_mentorlist .view_userstock .view_userstock_consult th span { font-weight:200; } .stockconsult .stockconsult_mentorlist .view_userstock .view_userstock_consult td { padding:15px 0; background:#f7f7f7; border:1px solid #ddd; font-size:80%; font-weight:500; line-height:22px; vertical-align:middle; box-sizing:border-box; } .stockconsult .stockconsult_mentorlist .view_userstock .view_userstock_consult td span { display:block; font-size:110%; font-weight:600; margin-left:5px; } .stockconsult .stockconsult_mentorlist .view_userstock .question { clear:both; line-height:25px; font-family:NanumGothic; font-size:90%; font-weight:normal; } .stockconsult .stockconsult_mentorlist .view_userstock .question img { display:block; margin:20px 0; max-width:100%; } .stockconsult .stockconsult_mentorlist .view_userstock .question .table { width:100%; height:auto; margin:15px 0; border:1px solid #ccc; font-size:85%; } .stockconsult .stockconsult_mentorlist .view_userstock .question .table th { border:1px solid #ccc; text-align:center; font-weight:bold; line-height:35px; vertical-align:middle; } .stockconsult .stockconsult_mentorlist .view_userstock .question .table td { border:1px solid #ccc; text-align:center; line-height:35px; vertical-align:middle; } .stockconsult .stockconsult_mentorlist .view_file { background:#f7f7f7; height:45px; vertical-align:middle; font-weight:normal; } .stockconsult .stockconsult_mentorlist .view_file span { display:inline-block; padding:0 10px; border-right:1px solid #ddd; font-family:Dotum; font-size:12px; text-align:center; line-height:45px; } .stockconsult .stockconsult_mentorlist .view_file span i { font-size:95%; vertical-align:middle; margin-bottom:2px; } .stockconsult .stockconsult_mentorlist .view_file .file { display:inline-block; margin-left:10px; font-family:Dotum; font-size:12px; text-decoration:underline; } .stockconsult .stockconsult_mentorlist .view_list { float:left; width:100%; margin-top:30px; border:1px solid #ddd; font-family:Dotum; font-size:12px; letter-spacing:0; table-layout:fixed; } .stockconsult .stockconsult_mentorlist .view_list .title { text-align:left; font-weight:normal; line-height:23px; vertical-align:middle; } .stockconsult .stockconsult_mentorlist .view_list .title a { color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; } .stockconsult .stockconsult_mentorlist .view_list td { height:20px; padding:15px 0; border-bottom:1px solid #ddd; text-align:center; line-height:22px; vertical-align:middle; } .stockconsult .stockconsult_mentorlist .view_list td a { display:block; color:#999; } .stockconsult .stockconsult_mentorlist .view_list td.ask { font-weight:bold; color:#7a86a8; } .stockconsult .stockconsult_mentorlist .view_list td.prepare { font-weight:bold; color:#333; } .stockconsult .stockconsult_mentorlist .view_list td.finish { font-weight:bold; color:#ff6023; } .stockconsult .stockconsult_mentorlist .view_list td.expire { font-weight:bold; color:#c4c4c4; } .stockconsult .stockconsult_mentorlist .view_list td:last-child { color:#c4c4c4; font-weight:bold; } .stockconsult .stockconsult_mentorlist .mentor_satisfaction { margin:10px; padding:20px; border:1px solid #b8d8e2; background:#cceaf4; text-align:center; overflow:hidden; } .stockconsult .stockconsult_mentorlist .mentor_satisfaction h3 { display:inline-block; width:100%; padding:10px 0; margin-bottom:15px; background:#fff; font-size:90%; line-height:25px; vertical-align:middle; } .stockconsult .stockconsult_mentorlist .mentor_satisfaction h3 span { color:#ff4e00; font-weight:600; } .stockconsult .stockconsult_mentorlist .mentor_satisfaction h3 small { font-weight:500; } .stockconsult .stockconsult_mentorlist .mentor_satisfaction h3 b { display:block; } .stockconsult .stockconsult_mentorlist .mentor_satisfaction p { font-size:75%; color:#333; font-weight:500; line-height:22px; } .stockconsult .stockconsult_mentorlist .mentor_satisfaction p span { color:#ff4e00; font-weight:600; } .stockconsult .stockconsult_mentorlist .mentor_satisfaction .appraisal { position:relative; height:110px; margin:20px 0; padding:0 10px; background:#fff; border-radius:10px; } .slider_gauge { width:36px; margin-top:-3px; background:none; border:0; text-align:center; color:#fff; font-weight:bold; line-height:28px; vertical-align:middle; letter-spacing:-1px; } .stockconsult .stockconsult_mentorlist .mentor_satisfaction .appraisal .appraisal_txt { position:absolute; bottom:10px; left:10px; width:100%; margin:0 auto; } .stockconsult .stockconsult_mentorlist .mentor_satisfaction .appraisal .appraisal_txt li { display:inline-block; font-size:75%; font-weight:bold; line-height:30px; vertical-align:middle; } .stockconsult .stockconsult_mentorlist .mentor_satisfaction .appraisal .appraisal_txt li:nth-child(1) { color:#999999; float:left; margin-right:10px; } .stockconsult .stockconsult_mentorlist .mentor_satisfaction .appraisal .appraisal_txt li:nth-child(3) { color:#ff6023; float:right; margin-right:20px; } .stockconsult .stockconsult_mentorlist .mentor_satisfaction .but_updown { float:left; width:120px; height:45px; text-align:left; background:#fff; border:1px solid #add0dc; border-radius:5px; box-sizing:border-box; } .stockconsult .stockconsult_mentorlist .mentor_satisfaction .but_updown .updown { display:inline-block; width:60px; padding:0; margin:0 -3px; font-size:100%; font-weight:bold; color:#333; line-height:45px; vertical-align:middle; } .stockconsult .stockconsult_mentorlist .mentor_satisfaction .but_updown .updown:first-child { border-right:1px solid #add0dc; } .stockconsult .stockconsult_mentorlist .mentor_satisfaction .but_appraisal { float:right; width:150px; height:45px; background:#333; border:0; border-radius:45px; font-size:19px; color:#fff; text-align:center; line-height:47px; vertical-align:middle; cursor:pointer; } .stockconsult .stockconsult_mentorlist .write_mentor { float:left; margin:0 10px; border:1px solid #ddd; border-top:2px solid #063185; border-bottom:none; font-family:NanumSquare; color:#333; } .stockconsult .stockconsult_mentorlist .write_mentor th { display:block; padding-left:10px; font-size:85%; text-align:left; line-height:40px; vertical-align:middle; } .stockconsult .stockconsult_mentorlist .write_mentor th span { color:#ff4e00; } .stockconsult .stockconsult_mentorlist .write_mentor td { display:block; padding:0 10px 7px 10px; background:#fff; border-bottom:1px solid #ddd; font-size:75%; text-align:left; line-height:35px; vertical-align:middle; } .stockconsult .stockconsult_mentorlist .write_mentor td p { margin-top:10px; } .stockconsult .stockconsult_mentorlist .write_mentor td input { border:1px solid #eaeaea; height:35px; padding:0 10px; vertical-align:middle; color:#777; } .stockconsult .stockconsult_mentorlist .write_mentor td input:nth-child(even) { margin-left:15px; } .stockconsult .stockconsult_mentorlist .write_mentor td textarea { width:100%; border:1px solid #e8e8e8; } .stockconsult .stockconsult_mentorlist .write_mentor td input[type=radio] { margin-left:15px; margin-right:5px; width:18px; height:18px; } .stockconsult .stockconsult_mentorlist .write_mentor td input[type=radio]:first-child { margin-left:0; } .stockconsult .stockconsult_mentorlist .write_mentor td input[type=number] { text-align:right; } .stockconsult .stockconsult_mentorlist .but_write { margin:20px 0; text-align:center; overflow:hidden; } .stockconsult .stockconsult_mentorlist .but_write li { display:inline-block; min-width:140px; height:40px; border-radius:50px; text-align:center; font-family:NanumSquare; font-size:90%; line-height:40px; vertical-align:middle; padding:0; box-shadow:none; } .stockconsult .stockconsult_mentorlist .but_write li:last-child { color:#fff; font-weight:500; } /* live 다시보기 - 상세 멘토 무료특강 - 상세 /Education/EducationLiveReplayView.aspx */ /*추천종목리스트(기존)*/ .sub_stocklist .stocklist_wrap a .stocklist li.list_top {height:38px; margin-bottom:10px; font-weight:bold; color:#fff; background:url(../img/default/main_list_bg_value_n.png) no-repeat;} .sub_stocklist .stocklist_wrap a .stocklist li.list_top span {display:block; float:left; line-height:35px; text-align:center; vertical-align:middle; font-size:95%;} .sub_stocklist .stocklist_wrap a .stocklist li.list_top span.target { width:28px; padding:0 18px 0 29px;} .sub_stocklist .stocklist_wrap a .stocklist li.list_top span.day { width:28px; padding:0 28px 0 30px;} .sub_stocklist .stocklist_wrap a .stocklist li.list_top span.ic_img {width:75px;} .sub_stocklist .stocklist_wrap a .stocklist li.list_top span.end {float:right; line-height:38px; font-size:95%; font-weight:bold; color:#ccc; text-shadow:-1px -1px 0px #999; letter-spacing:-2px; vertical-align:middle; margin-right:1px;} .sub_stocklist .stocklist_wrap a .stocklist li.list_top span.end img {margin-right:3px; max-width:15px; max-height:20px; display:inline-block; line-height:38px; vertical-align:top; margin-top:9px;} .sub_stocklist .stocklist_wrap a .stocklist li.list_top span.end_icon {float:right; line-height:38px; } .sub_stocklist .stocklist_wrap a .stocklist li.list_top span.end_icon img {vertical-align:middle;} .sub_stocklist .stocklist_wrap a .stocklist li.list_name {height:25px; font-size:90%; font-weight:bold; line-height:25px;} .sub_stocklist .stocklist_wrap a .stocklist li.list_name span.analyst {display:block; float:left;} .sub_stocklist .stocklist_wrap a .stocklist li.list_name span.analyst_icon {display:block; float:right;} .sub_stocklist .stocklist_wrap a .stocklist li.list_name span.analyst_icon img {float:left; max-width:65px; max-height:15px; margin-left:3px;} .sub_stocklist .stocklist_wrap a .stocklist li.list_con {height:45px; font-size:75%;} .sub_stocklist .stocklist_wrap a .stocklist li.list_con span.txtcon {display:block; height:25px; line-height:25px; letter-spacing:-1px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .sub_stocklist .stocklist_wrap a .stocklist li.list_con span.txtdate {display:block; float:left; height:20px; line-height:20px; font-size:85%; color:#999; font-weight:bold;} /*무료구독추가*/ span.txtfree {display:block; float:left; height:18px; line-height:22px; font-weight:bold; font-family:'dotum'; font-size:80%; color:#bd0000; border:1px solid #bd0000; border-radius:3px; letter-spacing:-1px; padding:0 5px; margin-left:7px;} .sub_stocklist .stocklist_wrap a .stocklist_btn {position:absolute; right:0; bottom:0; width:45px; height:45px;} .sub_stocklist .stocklist_wrap a .stocklist_txt {position:absolute; right:-52px; bottom:20px; padding:0 50px; background-color:#666; font-size:62%; color:#fff; line-height:18px; letter-spacing:-1px; transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);} .sub_stocklist .stocklist_wrap a .stocklist_txt span {font-weight:bold; color:#f8bb00; vertical-align:top;} .sub_stocklist .stocklist_wrap a .stocklist_txt span img { vertical-align:text-top; padding-bottom:7px; display:inline-block; line-height:18px;} .sub_stocklist .stocklist_wrap a .subscribe_icon {position:absolute; right:15px; top:0; width:42px; height:53px;} /*핀업 스탁란?*/ .stockpoint_img {width:100%; min-height:145px; height:100%; text-align:center;} @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 320dpi), screen and (min-width:320px) { .stockpoint_img 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:480px) { .stockpoint_img img {display:inline-block; width:108%; min-height:145px; height:100%; text-align:center; margin-left:-18px;}} .stockpoint_bar {background:#282b32; line-height:40px; padding:10px; vertical-align:middle; box-shadow:0 2px 3px #aaa; overflow:hidden;} .stockpoint_bar .txtbox {line-height:40px; border-radius:5px; background:#f4f4f4; text-align:center; color:#000; font-size:85%; font-weight:bold; vertical-align:middle; letter-spacing:-1.5px;} .stockpoint_bar .txtbox .link {display:block;color:#000; } .stockpoint_bar .txtbox .link span {display:inline-block; vertical-align:middle; margin:0 5px 3px 0;} .stockpoint_bar .txtbox .link i {font-size:70%; display:inline-block; vertical-align:middle; margin-left:3px;} .stockpoint_txt {height:40px; vertical-align:middle; text-align:center; font-size:75%; color:#7f8490; letter-spacing:-1.5px; margin-bottom:10px;} .stockpoint_txt i {font-size:140%; display:inline-block; line-height:40px; vertical-align:middle; margin-right:3px; color:#ee3128;} .stockpoint_cont {} .stockpoint_cont h2 {line-height:50px; vertical-align:middle; text-align:center; font-size:90%; letter-spacing:-1.5px;} .stockpoint_cont .stock_ic_wrap {margin:0 10px; border:1px solid #ccc; background:#fff; padding:0 9px;} .stockpoint_cont .stock_ic_wrap .ic_img img {text-align:center; width:100%;} .stockpoint_cont .stock_mentor_wrap {margin:15px 10px 0 10px; border:1px solid #ccc; background:#fff; padding:0 14px;} .stockpoint_cont .stock_mentor_wrap .mentor_img img {text-align:center; width:100%;} .stockpoint_cont .stock_mentor_wrap .mentor_txt {padding:10px 0; line-height:20px; text-align:center; color:#666; font-size:68%; letter-spacing:-1.5px;} .stockpoint_cont .stock_service_wrap {margin:15px 10px 0 10px; border:1px solid #ccc; background:#fff;} .stockpoint_cont .stock_service_wrap .service_tab {height:110px;} .stockpoint_cont .stock_service_wrap .service_tab li {float:left; width:33.3%; overflow:hidden;} .stockpoint_cont .stock_service_wrap .service_tab .link {display:block; text-align:center;} .stockpoint_cont .stock_service_wrap .service_tab .link i {display:inline-block; width:78px; height:78px; line-height:80px; vertical-align:middle; border:1px solid #ccc; border-radius:80px; text-align:center; font-size:140%; color:#666;} .stockpoint_cont .stock_service_wrap .service_tab .link span {display:block; line-height:30px; vertical-align:middle; font-size:75%; color:#999; letter-spacing:-1.5px; font-weight:bold;} .stockpoint_cont .stock_service_wrap .service_tab .link.on i {background:#353a48; border:none; width:80px; height:80px; color:#fff;} .stockpoint_cont .stock_service_wrap .service_tab .link.on span {color:#353a48;} .stockpoint_cont .stock_service_wrap .service_cont {background:#f6f6f6; padding:10px 9px 0 5px; margin-top:10px; overflow:hidden; position:relative;} .stockpoint_cont .stock_service_wrap .service_cont .service_img {float:left; width:145px; height:159px; overflow:hidden;} .stockpoint_cont .stock_service_wrap .service_cont .service_img img { width:100%;} .stockpoint_cont .stock_service_wrap .service_cont .service_txt {position:absolute; left:155px; top:17px; width:54%; line-height:20px; font-size:65%; color:#666; overflow:hidden; letter-spacing:-1.5px;} .stockpoint_cont .stock_service_wrap .service_cont .service_txt span {color:#ee3128;} .stockpoint_cont .stock_service_wrap .service_cont .service_btn {position:absolute; left:155px; bottom:12px; width:205px;} .stockpoint_cont .stock_service_wrap .service_cont .service_btn a {display:inline-block; border:1px solid #8a8c94; width:78px; line-height:30px; vertical-align:middle; text-align:center; color:#454b5b; font-size:65%; letter-spacing:-1.5px;} .stockpoint_cont .stock_review_wrap {margin:15px 10px 0 10px; border:1px solid #ccc; background:#fff; padding:0 14px;} .stockpoint_cont .stock_review_wrap .review_box .review_cont {margin-bottom:15px; border-bottom:1px dotted #ccc; padding-bottom:15px;} .stockpoint_cont .stock_review_wrap .review_box .review_cont:last-child {border:none; margin:0;} .stockpoint_cont .stock_review_wrap .review_box .review_cont .review_img img {text-align:center; width:100%;} .stockpoint_cont .stock_review_wrap .review_box .review_cont .review_tit {height:30px; line-height:30px; vertical-align:middle; font-size:75%; color:#666; font-weight:bold; letter-spacing:-1.5px;} .stockpoint_cont .stock_review_wrap .review_box .review_cont .review_tit img {width:25px; height:30px; vertical-align:middle;} .stockpoint_cont .stock_review_wrap .review_box .review_cont .review_tit a {display:block; float:right; height:20px; line-height:22px; vertical-align:middle; border-radius:3px; padding:0 10px; background:#ddd; color:#666; text-align:center; font-family:Gulim; font-size:12px; font-weight:normal; margin-top:5px;} .stockpoint_cont .stock_review_wrap .review_box .review_cont .review_txt {line-height:16px; font-family:Gulim; font-size:12px; color:#666; margin-left:29px; padding-top:3px;} .stockpoint_cont .stock_free_wrap {margin:15px 10px; border:1px solid #ccc; background:#fff; padding:0 14px;} .stockpoint_cont .stock_free_wrap .free_box li:nth-child(2) {background:#f6f6f6; border-bottom:1px solid #e7e7e7; border-top:1px solid #e7e7e7; padding:15px 0 0 0; margin:0 -14px 15px -14px;} .stockpoint_cont .stock_free_wrap .free_box li:nth-child(2) .free_tit{margin:0 14px;} .stockpoint_cont .stock_free_wrap .free_box li:nth-child(2) .free_txt {margin:0 14px;} .stockpoint_cont .stock_free_wrap .free_box .free_img img {text-align:center; width:100%;} .stockpoint_cont .stock_free_wrap .free_box .free_img.nth {text-align:center;} .stockpoint_cont .stock_free_wrap .free_box .free_img.nth img {width:184px; height:120px;} .stockpoint_cont .stock_free_wrap .free_box .free_tit {margin-top:10px; height:30px; line-height:30px; vertical-align:middle; font-size:85%; color:#666; font-weight:bold; letter-spacing:-1.5px;} .stockpoint_cont .stock_free_wrap .free_box .free_tit a {display:block; float:right; height:20px; line-height:22px; vertical-align:middle; border-radius:3px; padding:0 5px; background:#62656f; color:#fff; text-align:center; font-family:Gulim; font-size:12px; font-weight:normal; margin-top:5px; letter-spacing:0;} .stockpoint_cont .stock_free_wrap .free_box .free_txt {line-height:16px; font-family:Gulim; font-size:12px; color:#666; padding:3px 0 14px 0;} /*멘토리그(공통)*/ .league_topimg { position:relative; border-bottom:1px solid #dadada; background:#e3e3e3; text-align:center; overflow:hidden;} .league_topimg.bg {background:#e0e4e6;} .league_topimg.other, .league_topimg.other > img { height:auto !important; } /*여변의 외신정보통*/ .vod_banner{display:inline-block; position:relative; width:100%; left:50%; transform:translateX(-50%); text-align:center;} .vod_banner > img{ width:100%; } .vod_banner .video_wrap{position:absolute; left:4.2%; top:25.16%; width:91.8%; height:49.2%;} @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 320dpi), screen and (min-width:320px) { .league_topimg img {display:inline-block; width:480px; height:100%; text-align:center;} .league_topimg.other, .league_topimg.other > img { height:auto !important; } .league_topimg.other .evernote { display:block; position:absolute; bottom:140px; left:0; width:100%; height:50px; background:#fff; opacity:0; } } @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 240dpi), screen and (max-width:480px) { .league_topimg img {display:inline-block; width:100%; min-height:73px; text-align:center;} .league_topimg.other, .league_topimg.other > img { height:auto !important; } .league_topimg.other .evernote { display:block; position:absolute; bottom:110px; left:0; width:100%; height:50px; background:#fff; opacity:0; } } .league_topimg.bg_k {background:#182c39;} .league_list_noti {padding:10px; font-family:'Gulim','굴림'; font-size:11px; color:#ff4e00; line-height:16px; letter-spacing:-1px;} .league_bar {background:#d6d9db; line-height:40px; padding:10px; vertical-align:middle; box-shadow:0 2px 3px #aaa; overflow:hidden;} .league_bar .btn_col {line-height:40px; border-radius:5px; background:linear-gradient(to bottom,#f58b00,#ef5d00); text-align:center; color:#fff; font-size:90%; font-weight:bold; vertical-align:middle; font-family:NanumSquare;} .league_bar .btn_col .link {display:block;color:#fff; } .league_bar .btn_col .link i {font-size:70%; display:inline-block; vertical-align:middle; margin-left:3px;} .league_bar .txtbox {line-height:40px; border-radius:5px; background:#fff; text-align:center; color:#000; font-size:85%; font-weight:bold; vertical-align:middle; letter-spacing:-1.5px;} .league_bar .txtbox .link {display:block;color:#000; } .league_bar .txtbox .link span {color:#ee3128;} .league_bar .txtbox .link i {font-size:70%; display:inline-block; vertical-align:middle; margin-left:3px;} .league_bar .txtbox .name {color:#a04d00;} .league_bar .txtbox .wait {color:#ff7a00;} .league_bar .txtbox .defer {color:#2091d5;} .league_bar .txtbox .ok {color:#ee3128;} .league_bar .txtbox .recognize {color:#ee3128;} .league_txt {height:40px; vertical-align:middle; line-height:50px; text-align:center; font-size:80%; color:#7f8490; letter-spacing:-2px;} .league_txt i {font-size:140%; display:inline-block; line-height:40px; vertical-align:middle; margin-right:3px;} /*멘토리그참여*/ .league_cont {margin:25px 10px; border:1px solid #ccc; background:#fff; padding:0 10px; position:relative; display:flex; flex-wrap:wrap;} .league_cont .league_tab {position:absolute; top:-18px; left:50%; width:238px; height:35px; margin-left:-120px; background:#fff; border:1px solid #ccc; overflow:hidden;} .league_cont .league_tab li {float:left; width:50%; line-height:35px; vertical-align:middle; font-size:80%; letter-spacing:-1.5px; text-align:center; overflow:hidden;} .league_cont .league_tab li a {display:block; color:#353a48;} .league_cont .league_tab li a.on {background:#353a48; color:#fff; margin:-1px;} .league_cont .cont_tab1 {margin:25px 0 30px 0; width:100%;} .league_cont .cont_tab1 h5 {line-height:40px; font-size:18px; color:#333; font-weight:bold; letter-spacing:-1.5px; padding:10px 0 5px 0; border-top:1px dotted #aaa;} .league_cont .cont_tab1 h5:first-child {border:none; padding:0;} .league_cont .cont_tab1 h5 span {color:#ff7a00;} .league_cont .cont_tab1 .tab0 {font-size:90%; color:#666; line-height:22px; margin-bottom:20px;} .league_cont .cont_tab1 .tab0 span {display:inline-block; color:#a04d00;} .league_cont .cont_tab1 .tab1 {margin-bottom:15px; height:50px;} .league_cont .cont_tab1 .tab1:last-child {margin:0;} .league_cont .cont_tab1 .tab1 li {float:left; letter-spacing:-2px;} .league_cont .cont_tab1 .tab1 li.tab1_tit {width:50px; line-height:50px; background:#fcf7f1; border-radius:50px; vertical-align:middle; font-size:80%; color:#a04d00; text-align:center; font-weight:bold; margin-right:10px;} .league_cont .cont_tab1 .tab1 li.tab1_txt {width:81%; height:50px;line-height:22px; font-size:90%; vertical-align:middle; color:#666; padding-top:3px;} .league_cont .cont_tab1 .tab1 li.tab1_txt small {color:#999; letter-spacing:-1px;} .league_cont .cont_tab2 {margin:45px 0 20px 0; width:100%;} .league_cont .cont_tab2 .tab2_img {width:100%; height:100px; background:url(/img/sub/league_img.png) center; border-radius:5px; margin-bottom:20px;} .league_cont .cont_tab2 .img_qtxt {display:block; padding-top:15px; line-height:35px; vertical-align:middle; text-align:center; font-size:80%; color:#fff; letter-spacing:-1.5px;} .league_cont .cont_tab2 .img_atxt {display:block; width:85%; margin:0 auto; line-height:25px; background:#fff; vertical-align:middle; text-align:center; font-size:75%; color:#000; opacity:0.5; letter-spacing:-1.5px; font-weight:bold;} .league_cont .cont_tab2 .tab2 li {margin-bottom:5px; font-size:90%; color:#666; line-height:20px; letter-spacing:-1px;} .league_cont .cont_tab2 .tab2 li i {display:inline-block; float:left; width:25px; line-height:20px; vertical-align:middle; font-size:130%; color:#a04d00;} .league_cont .cont_tab2 .tab2 li span {display:inline-block; width:87%; overflow:hidden;} .league_cont .cont_tab2 .tab2 li span small {color:#999;} .league_cont .cont_btn {width:70%; margin:0 auto 40px auto; line-height:43px; border-radius:5px; border:1px solid #ed6f24; background:linear-gradient(to bottom,#f49d38,#ff7321); text-align:center; font-size:80%; letter-spacing:-2px; font-weight:bold;} .league_cont .cont_btn .link {display:block; color:#fff;} .league_cont .cont_btn .link i {font-size:70%; display:inline-block; line-height:45px; vertical-align:middle; margin-left:3px;} /*멘토리그참여(후)*/ .league_cont2 {margin:0 10px 20px 10px; border:1px solid #ccc; background:#fff; padding:19px 10px; position:relative; display:flex; flex-wrap:wrap;} .league_cont2 ul {width:100%;} .league_cont2 .cont2_tit {height:30px; vertical-align:middle; font-size:85%; color:#353a48; font-weight:bold; letter-spacing:-1.5px;} .league_cont2 .cont2_tit i {display:inline-block; width:19px; padding-top:3px; line-height:16px; vertical-align:middle; color:#d23030; text-align:center; border-radius:18px; border:1px solid #828a98; margin-bottom:4px; font-weight:bold; font-family:Gulim; font-size:12px;} .league_cont2 .cont2_txt {font-size:73%; color:#666; line-height:22px; letter-spacing:-1px;} .league_cont2 .cont2_box {margin-top:5px; border:1px solid #ddd; padding:7px; background:#f4f4f4; text-align:center; font-size:70%; line-height:22px; color:#858d9b; letter-spacing:-1.5px;} .league_cont2 .cont2_btn {width:28%; line-height:31px; margin:15px auto 0 auto; border-radius:3px; border:1px solid #757b8a; background:linear-gradient(to bottom,#8c93a1,#757b8a); vertical-align:middle; text-align:center; font-weight:bold; font-family:Dotum; font-size:14px;} .league_cont2 .cont2_btn .link {display:block; color:#fff; padding-top:2px;} .sub_stocklist .leaguelist_wrap .leaguelist {padding:0 10px; border-top:1px solid #ccc;} .sub_stocklist .leaguelist_wrap .leaguelist:first-child {border:none;} .sub_stocklist .leaguelist_wrap .leaguelist .list_none {padding:17px 0 10px 0; font-family:Gulim; font-size:12px; color:#666; text-align:center; line-height:20px;} /*멘토리그(view)*/ .league_topnoti {min-height:60px; padding:7px 10px; border-bottom:1px solid #dadada; background:#e3e3e3; text-align:center;} .league_topnoti .noti_img {float:left; width:60px; vertical-align:middle; margin-right:7px; overflow:hidden;} .league_topnoti .noti_txt {min-height:60px; text-align:left; overflow:hidden;} .league_topnoti .noti_txt span {display:block; line-height:23px; vertical-align:middle; margin-bottom:5px; font-size:85%; font-weight:bold; color:#524388;} .league_topnoti .noti_txt sub {display:block; line-height:16px; font-family:'Gulim','굴림'; font-size:11px; color:#666; letter-spacing:-1px;} .league_topnoti .noti_txt sub i {font-style:normal; color:#d23030;} .contents_mentor_view .bookmark_mentor {font-size:58%; } .contents_mentor_view .bookmark_mentor .fa { margin-right:0; } /*토론방*/ .sub_stocklist .discuss_wrap .discuss_list {padding:0 10px; border-top:1px solid #ccc;} .sub_stocklist .discuss_wrap .discuss_list:first-child {border:none;} .sub_stocklist .discuss_wrap .discuss_list .info_list {padding:9px 0 5px 0;} .sub_stocklist .discuss_wrap .discuss_list .info_list .info_img {float:left; width:45px; height:45px; margin-right:7px; overflow:hidden; background:#eee;} .sub_stocklist .discuss_wrap .discuss_list .info_list .info_img img {width:45px; height:40px; border-radius:3px;} .sub_stocklist .discuss_wrap .discuss_list .info_list .info {width:100%; height:45px;} .sub_stocklist .discuss_wrap .discuss_list .info_list .info .tit {line-height:25px; vertical-align:top; font-size:75%; font-weight:bold; color:#333; letter-spacing:-1.5px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .sub_stocklist .discuss_wrap .discuss_list .info_list .info .txt {line-height:20px; vertical-align:middle; font-size:70%; color:#646d84; letter-spacing:-1.5px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .sub_stocklist .discuss_wrap .discuss_list .name_date {padding-bottom:10px; height:20px; line-height:20px; vertical-align:middle; font-size:12px; color:#999;} .sub_stocklist .discuss_wrap .discuss_list .name_date span {display:inline-block; color:#666; font-size:120%; font-weight:bold; letter-spacing:-1.5px;} .sub_stocklist .discuss_wrap .discuss_list .name_date small {display:inline-block; font-size:11px; font-family:Dotum; margin:0 0 2px -5px; vertical-align:middle;} .sub_stocklist .discuss_wrap .discuss_list .name_date p {float:right; height:20px; line-height:20px; vertical-align:middle;} .sub_stocklist .discuss_wrap .discuss_list .name_date p span {display:inline-block; font-family:Gulim; font-size:11px; color:#999; margin-left:7px; font-weight:normal;} .sub_stocklist .discuss_wrap .discuss_list .name_date p span i {color:#555; font-size:14px; margin-right:2px;} .discussview_wrap {margin:15px 10px; border:1px solid #ccc; border-top:2px solid #424959; background:#fff;} .discussview_wrap .discuss_view .info_list {padding:10px 9px; border-bottom:1px solid #eee; } .discussview_wrap .discuss_view .info_list .title {line-height:23px; vertical-align:top; font-size:75%; font-weight:bold; color:#333; letter-spacing:-1.5px; overflow:hidden;} .discussview_wrap .discuss_view .info_list .name_date {height:25px; line-height:25px; vertical-align:middle; font-size:12px; color:#999;} .discussview_wrap .discuss_view .info_list .name_date span {display:inline-block; color:#ff7a00; font-size:120%; letter-spacing:-1.5px;} .discussview_wrap .discuss_view .info_list .name_date small {display:inline-block; font-size:11px; font-family:Dotum; margin:0 0 2px -5px; vertical-align:middle; letter-spacing:-0.1px;} .discussview_wrap .discuss_view .info_list .name_date p {float:right; height:25px; line-height:25px; vertical-align:middle;} .discussview_wrap .discuss_view .info_list .name_date p span {display:inline-block; font-family:Gulim; font-size:11px; color:#999; margin-left:6px; font-weight:normal;} .discussview_wrap .discuss_view .info_list .name_date p span i {color:#555; font-size:14px; margin-right:2px;} .discussview_wrap .discuss_view .info_view {line-height:22px; font-size:75%; color:#666; padding:45px 9px 20px 9px; letter-spacing:-1.5px; position:relative;} .discussview_wrap .discuss_view .info_view img {display:block; width:100%;} .discussview_wrap .discuss_view .info_view .urlcopy {display:block; position:absolute; right:9px; top:10px; height:23px; border:1px solid #ccc; line-height:23px; vertical-align:middle; padding:0 13px; color:#666; font-size:12px;} .discussview_wrap .discuss_view .info_view .urlcopy i {margin-right:2px;} .discussview_comment {color:#666; font-size:0.65em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom:3px; } .discussview_wrap .discuss_view .info_view .urlcopy .share {width:20px; height:20px; vertical-align:top; display:inline-block;} .discussview_wrap .discuss_write .info_list {padding:9px; border-bottom:1px solid #eee;letter-spacing:-1px; overflow:hidden;} .discussview_wrap .discuss_write .info_list:last-child {border:none;} .discussview_wrap .discuss_write .info_list label {display:block; line-height:20px; vertical-align:middle; font-size:75%; color:#777; position:relative; } .discussview_wrap .discuss_write .info_list .check {margin-top:-20px; line-height:20px; vertical-align:middle; font-size:70%; text-align:right; color:#999;} .discussview_wrap .discuss_write .info_list .check input[type=checkbox] {vertical-align:middle; width:17px; height:17px; margin-right:3px;} .discussview_wrap .discuss_write .info_list .write {display:block;float:left; margin-top:5px; border:1px solid #ccc; height:30px; padding:0 10px; color:#333; font-size:70%; vertical-align:middle;} .discussview_wrap .discuss_write .info_list .write.bg {background:#f4f4f4; text-align:right; color:#999; font-weight:bold;} .discussview_wrap .discuss_write .info_list .in_btn {display:block; float:right; margin-top:5px; border:1px solid #ccc; height:32px; padding:0 10px; color:#000; font-size:70%; text-align:center; vertical-align:middle; background:linear-gradient(to bottom,#fff,#f4f4f4);} .discussview_wrap .discuss_write .info_list .in_btn.blue {border-radius:3px; color:#0038ef; font-family:Gulim; font-weight:bold; font-size:11px; margin-left:8px;} .discussview_wrap .discuss_write .info_list .in_btn.red {border-radius:3px; color:#e9240f; font-family:Gulim; font-weight:bold; font-size:11px; margin-left:8px;} .discussview_wrap .discuss_write .info_list span {display:block; margin-top:5px; vertical-align:middle; font-size:80%; color:#555; font-weight:bold;} .discussview_wrap .discuss_write .info_list small {display:inline-block; font-size:11px; color:#d23030; font-family:Gulim; font-weight:normal;} /*추천종목_팝업*/ .pop_stocklist_bg{position:fixed; left:0; top:0; width:100%; height:100%; overflow:hidden; background:#000; filter:alpha(opacity=40); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; opacity:0.5; z-index:5;} .pop_stocklist { position:absolute; left:18px; top:145px; width:90%; border:1px solid #b3b3b3; min-height:125px; border-radius:10px; background:#fff; margin:0 auto; z-index:6;} .pop_stocklist .pop_top {height:48px; border-bottom:1px solid #ccc;} .pop_stocklist .pop_top li {float:left; display:block; width:50%; font-size:80%; line-height:48px;} .pop_stocklist .pop_top li img {margin:3px 4px -2px 0; vertical-align:text-bottom; max-width:18px; max-height:25px; padding-top:5px;} .pop_stocklist .pop_top li.pop_serch { height:48px; line-height:48px; text-align:center; border-right:1px solid #b3b3b3; font-weight:bold; text-shadow:0px 2px 1px #fff; border-top-left-radius:10px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e3e3e3+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e3e3e3 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#e3e3e3 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#e3e3e3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */ } .pop_stocklist .pop_top li.pop_serch_off {height:48px; text-align:center; border-right:1px solid #b3b3b3; font-weight:bold; text-shadow:0px 2px 1px #fff; border-top-left-radius:10px; box-shadow:inset 0px 2px 4px #999; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d9d9d9+0,#ffffff+100 */ background: #d9d9d9; /* Old browsers */ background: -moz-linear-gradient(top, #d9d9d9 0%, #ffffff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #d9d9d9 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #d9d9d9 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .pop_stocklist .pop_top li.pop_serch_off a {color:#999;} .pop_stocklist .pop_top li.pop_align {width:49.4%; height:48px; float:right; text-align:center; font-weight:bold; text-shadow:0px 2px 1px #fff; border-top-right-radius:10px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e3e3e3+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e3e3e3 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#e3e3e3 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#e3e3e3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */ } .pop_stocklist .pop_top li.pop_align_off {width:49.4%; height:48px; float:right; text-align:center; border-right:1px solid #b3b3b3; font-weight:bold; text-shadow:0px 2px 1px #fff; border-top-right-radius:10px; box-shadow:inset 0px 2px 5px #aaa; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d9d9d9+0,#ffffff+100 */ background: #d9d9d9; /* Old browsers */ background: -moz-linear-gradient(top, #d9d9d9 0%, #ffffff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #d9d9d9 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #d9d9d9 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .pop_stocklist .pop_top li.pop_align_off a {color:#999;} /*검색팝업창*/ .pop_stocklist .pop_serch_box {margin:15px; min-height:245px; overflow:hidden;} .pop_stocklist .pop_serch_box p {height:35px; line-height:35px; font-size:85%; margin-bottom:5px;} .pop_stocklist .pop_serch_box select { width:100%; border:1px solid #ccc; border-radius:3px; height:35px; padding:4px; line-height:35px; font-size:80%; color:#666; margin-bottom:15px; background:#fff;} .pop_stocklist .pop_serch_box ul li {display:inline-block; width:48.5%; height:45px;} .pop_stocklist .pop_serch_box ul li a {display:block; text-align:center; line-height:45px; font-weight:bold; font-size:85%; color:#fff; border-radius:3px;} .pop_stocklist .pop_serch_box ul li a.btn_serch {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeb400+48,d7a200+50,e7af00+100 */ background: #eeb400; /* Old browsers */ background: -moz-linear-gradient(top, #eeb400 48%, #d7a200 50%, #e7af00 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #eeb400 48%,#d7a200 50%,#e7af00 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #eeb400 48%,#d7a200 50%,#e7af00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeb400', endColorstr='#e7af00',GradientType=0 ); /* IE6-9 */} .pop_stocklist .pop_serch_box ul li a.btn_cencle {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a0a0a0+48,8b8a8a+50,9c9c9c+100 */ background: #a0a0a0; /* Old browsers */ background: -moz-linear-gradient(top, #a0a0a0 48%, #8b8a8a 50%, #9c9c9c 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #a0a0a0 48%,#8b8a8a 50%,#9c9c9c 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #a0a0a0 48%,#8b8a8a 50%,#9c9c9c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0a0a0', endColorstr='#9c9c9c',GradientType=0 ); /* IE6-9 */} /*멘토랭킹 Analysts/AnalystRanking.aspx /League/MentorLeagueRanking.aspx */ /*멘토랭킹 산정기준 */ .anal_ranking { font-size:75%; font-weight:bold; color:#333; line-height:22px; padding:15px 10px 0 10px; letter-spacing:-0.5px;} .anal_ranking span {display:block; text-align:left; width:100%; line-height:30px; vertical-align:middle; font-size:85%; color:#888; font-weight:normal; letter-spacing:0;} .anal_ranking span.red{color:#e8373d; display:inline-block; width:auto; font-size:100%; line-height:22px; vertical-align:inherit; font-weight:bold;} /*멘토소개*/ .sub_analystlist {border:1px solid #b3b3b3; border-top-left-radius:10px; border-top-right-radius:10px; background:#fff; min-height:80px; margin:14px 9px;} .sub_analystlist.s_view {border:none; border-top-left-radius:none; border-top-right-radius:none; background:#fff; min-height:80px; margin:0;} .sub_analystlist select {width:94%; height:39px; margin:14px 10px 0 10px; line-height:38px; vertical-align:middle; border-radius:5px; border:1px solid #aaa; padding: 0 10px; color:#333; font-size:75%; font-weight:bold; background:#f4f4f4; background:url(/img/sub/select_bg.png) right 0 no-repeat; -moz-appearance:none; -webkit-appearance:none;} .sub_analystlist select::-ms-expand { display:none;} .sub_analystlist select::-webkit-expand { display:none;} .sub_analystlist .analystlist_wrap {padding:10px; border-bottom:1px solid #ccc; min-height:70px; overflow:hidden; position:relative;} .sub_analystlist .analystlist_wrap > span {min-height:60px; overflow:hidden;} .sub_analystlist .analystlist_wrap .analystlist .ranking {position:absolute; left:10px; top:10px; width:42px; height:46px; line-height:35px; text-align:center; font-weight:bold; font-size:70%; color:#fff; background:url(/img/sub/anl_flag.png) no-repeat; text-shadow:1px 1px 0px #900; z-index:1;} .sub_analystlist .analystlist_wrap .analystlist .ranking_g {position:absolute; left:10px; top:10px; width:42px; height:46px; line-height:35px; text-align:center; font-weight:bold; font-size:70%; color:#fff; background:url(/img/sub/anl_flag_g.png) no-repeat; text-shadow:1px 1px 0px #777; z-index:1;} .sub_analystlist .analystlist_wrap .analystlist dt {display:block; float:left; width:95px; height:100px; border:1px solid #cacaca; box-sizing:border-box; margin-right:8px; background-color:#f4f4f4; position:relative; background:url(/img/cutting/cm_ic_none_analyst.png) center center no-repeat; position:relative;} .sub_analystlist .analystlist_wrap .analystlist dt > img { width: 93px; height: 98px; } .sub_analystlist .analystlist_wrap .analystlist dd {display:block; height:100px;} .sub_analystlist .analystlist_wrap .analystlist dd.select {display:block; height:70px;} .sub_analystlist .analystlist_wrap .analystlist dd .anl_name {height:27px; vertical-align:top; font-size:80%; font-weight:bold;} .sub_analystlist .analystlist_wrap .analystlist dd .anl_name img { vertical-align:middle; margin:0 5px 3px 0; text-align:center;} .sub_analystlist .analystlist_wrap .analystlist dd .anl_name .ai {display:inline-block; padding:3px 6px 2px 5px; margin:-5px 0 0 0px; border-radius:3px; background:#00c6bf; color:#fff; font-size:11px; font-family:NanumGothic; line-height:12px; vertical-align:middle; text-align:center; letter-spacing:1px;} .sub_analystlist .analystlist_wrap .analystlist dd .anl_hit {height:22px; line-height:18px; vertical-align:top; font-size:65%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .sub_analystlist .analystlist_wrap .analystlist dd .anl_hit img { vertical-align:text-top; text-align:center; margin-right:5px; width:14px; height:14px;} .sub_analystlist .analystlist_wrap .analystlist dd .anl_hit span {font-weight:bold; margin-left:3px;} .sub_analystlist .analystlist_wrap .analystlist dd .anl_rev {height:22px; vertical-align:top; font-size:90%; } .sub_analystlist .analystlist_wrap .analystlist dd .anl_rev img { vertical-align:text-top; text-align:center; margin-right:5px; width:14px; height:15px;} .sub_analystlist .analystlist_wrap .analystlist dd .anl_rev span {font-weight:bold; color:#d23030; margin-left:3px;} .sub_analystlist .analystlist_wrap .analystlist dd .anl_txt {height:29px; border-top:1px dashed #aaa; vertical-align:bottom; font-size:80%; color:#999; margin:5px 9px 0 10px; padding-top:8px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .sub_analystlist .analystlist_wrap .analystlist dd .anl_r_txt {height:29px; border-top:1px dashed #aaa; vertical-align:bottom; font-size:80%; color:#999; margin:5px 9px 0 10px; padding-top:8px; font-weight:bold; text-overflow:ellipsis; overflow:hidden;} .sub_analystlist .analystlist_wrap .analystlist dd .anl_r_txt span { display:inline-block; padding:0 5px; margin:0 5px; border-left:1px solid #ddd; color:#d23030;} .sub_analystlist .analystlist_wrap .analystlist dd .anl_btn { height:27px; padding-top:8px; border:1px solid #ccc; border-radius:3px; color:#666; font-weight:bold; text-shadow:0px 1px 0px #fff; font-size:75%; text-align:center; text-overflow:ellipsis; overflow:hidden; margin-top:5px; } .sub_analystlist .analystlist_wrap .analystlist dd .anl_btn img { display:inline-block; vertical-align:text-bottom; margin:0 5px 0 0; padding-bottom:3px; width:20px; height:15px;} .sub_analystlist .analystlist_wrap .analystlist dd .anl_btn span { display:inline-block; float:right; line-height:15px; padding-right:5px; text-shadow:inset 0px 1px 2px #aaa; color:#999; font-size:130%;} .sub_analystlist .analystlist_wrap .analystlist_btn {position:absolute; right:0; bottom:0; width:45px; height:45px;} /*본인인증*/ .mobile_wrap { margin:15px; border:1px solid #ccc; border-radius:10px; background-color:#fff; padding:15px; overflow:hidden;} .mobile_wrap .certify_img {text-align:center; height:165px; background-color:#b0d0cc; margin-bottom:20px;} .mobile_wrap .certify_img img {width:100%; height:100%;} .mobile_wrap .certify_con_txt {font-size:75%; color:#333; font-weight:bold; line-height:22px;} .mobile_wrap .certify_con_txt span {display:block; font-size:80%; color:#666; font-weight:normal;} .mobile_wrap .certify_con_txt span.point_red {color:#d23030; display:inline; font-size:100%;} .mobile_wrap .certify_con_box {padding:10px; background-color:#f0f0f0; color:#333; font-family:dotum; font-size:60%; line-height:18px; margin:20px 0; overflow:hidden;} /*포인트결제*/ .login_wrap select { width:100%; border:1px solid #b3b3b3; border-radius:5px; height:35px; padding:4px; line-height:35px; font-size:80%; color:#666; background:#fff; margin-top:10px;} .login_wrap .point_box {padding:8px; border:1px solid #b3b3b3; border-radius:10px; background:#fff; margin-top:10px; position:relative; clear:both;} .login_wrap .point_box li {} .login_wrap .point_box li.pay_txt {height:30px; line-height:30px; font-weight:bold; color:#333; text-align:left; position:relative;} .login_wrap .point_box li.pay_txt span {display:inline-block; width:20px; height:20px; border-radius:20px; background:#f8bb00; text-align:center; font-size:80%; vertical-align:text-bottom; color:#fff; line-height:20px; margin-bottom:3px;} .login_wrap .point_box li.pay_txt input[type=button]{ display:block; position:absolute; right:0; top:0; margin-top:0px; padding:0; border:0; border-radius:3px; width:80px; height:30px; line-height:10px; vertical-align:top; color:#fff; font-weight:bold; font-size:65%; background:#666; cursor:pointer; clear:both} .login_wrap .point_box .bonus_box {position:absolute; left:153px; top:15px; width:85px; height:25px;} .login_wrap .point_box .bonus_box span {display:inline-block;} .login_wrap .point_box .bonus_box span.bonus_b {display:inline-block; color:#d23030; font-size:80%; font-weight:bold;} .login_wrap .point_box .bonus_box span.bonus_p {display:inline-block; color:#d23030; font-size:60%; border:1px solid #d23030; border-radius:3px; text-align:center; line-height:23px; padding:0 4px; margin-left:2px;} .login_wrap .point_box li.pay_box {height:38px; border:1px solid #ccc; border-radius:3px; margin-top:10px; letter-spacing:-1.5px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f4f4f4+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */ } .login_wrap .point_box li.pay_box span {display:inline-block; line-height:37px; font-size:11px; text-align:center; font-family:dotum; } .login_wrap .point_box li.pay_box span.pay_left {width:47.5%; border-right:1px solid #ccc; text-align:center;} .login_wrap .point_box li.pay_box span.pay_left .color_b {color:#003fcd; display:inline; font-size:100%; letter-spacing:normal;} .login_wrap .point_box li.pay_box span.pay_left .color_g {color:#999; display:inline; font-size:90%; margin-left:-3px;} .login_wrap .point_box li.pay_box span.pay_right { margin-left:-3px; text-align:center;} .login_wrap .point_box li.pay_box span.pay_right .color_r {color:#d23030; display:inline; font-size:100%; letter-spacing:normal;} .login_wrap .point_box li.pay_box span.pay_right .bonus {color:#003fcd; display:inline; font-size:100%; font-weight:bold;} /*포인트 내역*/ .mobile_wrap .certify_con_box li{line-height:21px; font-size:100%; color:#666;} .mobile_wrap .certify_con_box li input[type=radio]{ margin:0 5px 0 0; } .mobile_wrap .certify_con_box li span {display:inline-block; float:right; color:#27448a; font-size:90%; font-weight:bold;} .mobile_wrap .certify_con_box li span b {color:#333; display:inline-block;} .mobile_wrap .certify_con_box li i {display:inline-block; color:#707d99; width:10px; margin-right:5px; text-align:center;} .mobile_wrap .certify_con_box li i._no {color:#d23030;} /*가상계좌 정보 페이지*/ .mobile_wrap .certify_con_box dt.cpcgi {display:block; float:left; width:30%;} .mobile_wrap .certify_con_box dt.cpcgi span {display:block; line-height:25px;} .mobile_wrap .certify_con_box dd.cpcgidd {display:block; float:left; width:60%; } .mobile_wrap .certify_con_box dd.cpcgidd span {display:block; line-height:25px; font-weight:bold;} .mobile_wrap input[type=button] {width:140px; height:45px; display:block; margin:30px auto 0 auto; border-radius:5px; line-height:45px; text-align:center; font-size:75%; color:#fff; font-weight:bold; border:0; cursor:pointer; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f4f4f4+100 */ background: #f66346; /* Old browsers */ background: -moz-linear-gradient(top, #f66346 0%, #c82726 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f66346 0%,#c82726 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f66346 0%,#c82726 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f66346', endColorstr='#c82726',GradientType=0 ); /* IE6-9 */ } /*회원가입_프로모션 */ @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 320dpi), screen and (min-width:320px) { .promotion_top {background:url(../images/event/member_promotion_top.png) no-repeat center top #0067c4; background-size:450px auto; min-width:480px; max-width:100%; min-height:380px; max-height:100%;} .promotion_top span {background:url(../images/event/bg_new.png) repeat-x bottom; background-size:150% 9px; width:100%; height:380px; display:block; z-index:999; border-bottom:1px solid #bae2f3;border-top:1px solid #0067c4;} .promotion_con {background:url(../images/event/member_promotion_con1.png) no-repeat center top #bae2f3; background-size:450px auto ; min-width:480px; max-width:100%; min-height:340px; max-height:100%;} } @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 240dpi), screen and (max-width:480px) { .promotion_top {background:url(../images/event/member_promotion_top.png) no-repeat center top #0067c4; background-size:350px auto; min-width:320px; max-width:100%; min-height:300px; max-height:100%;} .promotion_top span {background:url(../images/event/bg_new.png) repeat-x bottom; background-size:150% 9px; width:100%; height:300px; display:block; z-index:999; border-bottom:1px solid #bae2f3;border-top:1px solid #0067c4;} .promotion_con {background:url(../images/event/member_promotion_con1.png) no-repeat center top #bae2f3; background-size:370px auto ; min-width:320px; max-width:100%; min-height:260px; max-height:100%;} } /*회원가입_랜딩*/ @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 320dpi), screen and (min-width:320px) { .landing_top {width:100%; height:auto; margin-left:-13%; text-align:center;} .landing_top img {display:inline-block; width:126%; height:100%; text-align:center;} .landing_con {width:100%; height:auto; margin-left:-5%; text-align:center;} .landing_con img {display:inline-block; width:110%; height:100%; text-align:center;} .landing_joinbtn {text-align:center; display:block; width:100%; height:auto; margin:0 auto; padding:30px 0; background:#fff;} .landing_joinbtn img {display:inline-block; width:65%; 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:480px) { .landing_top {width:100%; height:auto; margin-left:-13%; text-align:center;} .landing_top img {display:inline-block; width:126%; height:100%; text-align:center;} .landing_con {width:100%; height:auto; margin-left:-5%; text-align:center;} .landing_con img {display:inline-block; width:110%; height:100%; text-align:center;} .landing_joinbtn {text-align:center; display:block; width:100%; height:auto; margin:0 auto; padding:30px 0; background:#fff;} .landing_joinbtn img {display:inline-block; width:65%; height:100%; text-align:center;} } /*회원가입_운세랜딩*/ @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 320dpi), screen and (min-width:320px) { .stock_fortune_top {width:100%; height:auto; margin-left:-20%; text-align:center;} .stock_fortune_top img {display:inline-block; width:140%; height:100%; text-align:center;} .stock_fortune_join {width:100%; height:auto; margin-left:-30%; text-align:center;} .stock_fortune_join img {display:inline-block; width:160%; height:100%; text-align:center;} .stock_fortune_intro {width:100%; height:auto; margin-left:-10%; text-align:center;} .stock_fortune_intro img {display:inline-block; width:120%; 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:480px) { .stock_fortune_top {width:100%; height:auto; margin-left:-20%; text-align:center;} .stock_fortune_top img {display:inline-block; width:140%; height:100%; text-align:center;} .stock_fortune_join {width:100%; height:auto; margin-left:-30%; text-align:center;} .stock_fortune_join img {display:inline-block; width:160%; height:100%; text-align:center;} .stock_fortune_intro {width:100%; height:auto; margin-left:-10%; text-align:center;} .stock_fortune_intro img {display:inline-block; width:120%; height:100%; text-align:center;} } .stock_fortune_tit { background:#515965; overflow:hidden;} .stock_fortune_tit span {display:inline-block;} .stock_fortune_tit span.img {float:left; margin-right:-12px;} .stock_fortune_tit span.img img {width:80%;} .stock_fortune_tit span.txt {background:none; line-height:40px; vertical-align:middle; font-size:85%; color:#fff; padding-top:10px; letter-spacing:-1px;} .stock_fortune_tit span.txt b {color:#ff901c;} .stock_fortune_tit span.txt2 {background:none; line-height:22px; vertical-align:middle; font-size:85%; color:#fff; padding-top:5px; letter-spacing:-1px;} .stock_fortune_tit span.txt2 b {display:block; color:#ff901c;} .stock_join_input {float:left; width:20px; height:20px; margin-right:8px;} .stock_join_add {float:left; line-height:16px; vertical-align:middle; font-size:75%; font-weight:bold; color:#666;} .stock_join_add a {display:inline-block; text-decoration:underline;} .stock_fortune_cont {background:#515965;} .stock_fortune_cont .cont_tit {background:url(/images/event/fortune_titbg.png) no-repeat; padding:20px 40px 10px 100px; width:760px; line-height:40px; vertical-align:middle; font-family:NanumSquare; font-size:20px; color:#fff;} .stock_fortune_cont .cont_tit span {color:#ff901c; font-size:24px; font-weight:bold;} .stock_fortune_cont .fortune_cont {padding:15px; border-radius:20px; background:#fff; letter-spacing:-1px;} .stock_fortune_cont .fortune_cont .cont_txt {margin-bottom:10px; text-align:left; line-height:30px; font-size:75%; color:#373f4c;} .stock_fortune_cont .fortune_cont .fortune_table {border:1px solid #d2d5da; width:100%; border-bottom:0;} .stock_fortune_cont .fortune_cont .fortune_table th {background:#fff3e9; border-bottom:1px solid #d2d5da; border-right:1px solid #d2d5da; line-height:19px; text-align:left; padding:10px 5px 10px 0; color:#5f0707; font-size:70%; font-weight:normal;} .stock_fortune_cont .fortune_cont .fortune_table td {background:#fff; border-bottom:1px solid #d2d5da; line-height:19px; text-align:left; padding:10px 5px; color:#bf1203; font-size:70%;} .stock_fortune_cont .cont_notice {line-height:18px; font-family:Gulim; color:#979ba2; font-size:12px; padding:7px 0; letter-spacing:-1px;} .stock_fortune_conbtn { width:270px; height:45px; margin:20px auto 0 auto; border-radius:25px; background-color:#ff7a00; text-align:center;} .stock_fortune_conbtn input[type=button] {border:0; width:100%; line-height:48px; vertical-align:middle; color:#fff; font-weight:bold; font-size:90%; cursor:pointer;} .stock_fortune_noti {font-size:12px; color:#979ba2; font-family:Gulim; line-height:18px; padding:7px 0;} .stock_fortune_btn { width:270px; height:45px; margin:20px auto; border-radius:25px; background-color:#1c2a3f; text-align:center;} .stock_fortune_btn input[type=button] {border:0; width:100%; line-height:45px; color:#ff901c; font-weight:bold; font-size:90%; cursor:pointer;} .mobile_wrap { margin:10px 15px; border:1px solid #b3b3b3; border-radius:10px; background-color:#fff; padding:10px 15px; overflow:hidden; text-align:left;} .mobile_wrap .certify_img {text-align:center; height:165px; background-color:#b0d0cc; margin-bottom:20px;} .mobile_wrap .certify_img img {width:100%; height:100%;} .mobile_wrap .certify_con_txt_2 {font-size:90%; color:#e9240f; font-weight:bold; line-height:20px; margin-bottom:10px;} .mobile_wrap .certify_con_txt_2 span.point {display:inline-block; float:right; font-size:120%; font-weight:bold; color: #e9240f; } .mobile_wrap .certify_con_txt {font-size:90%; color:#333; font-weight:bold; line-height:20px; margin-bottom:10px; text-align:left; } .mobile_wrap .certify_con_txt span.point {display:inline-block; float:right; color:#be2716; font-size:130%; font-weight:bold;} .mobile_wrap .certify_con_txt3 {font-size:85%; font-weight:bold; line-height:15px; margin-bottom:12px; padding-left:10px} .mobile_wrap .certify_con_txt3 span.point {display:inline-block; float:right; font-size:100%; font-weight:bold;} .mobile_wrap .certify_con_txt b {width:15px; height:15px; border-radius:15px; border:1px solid #333; display:inline-block; overflow:hidden; text-align:center; vertical-align:middle; line-height:15px; font-size:12px; margin-bottom:5px;} .mobile_wrap .certify_con_txt span {display:block; font-size:90%; color:#666; font-weight:normal; letter-spacing:-1px;} .mobile_wrap .certify_con_txt span.point_red {color:#d23030; display:inline; font-size:110%;} .mobile_wrap .certify_con_box {padding:5px 10px; background-color:#f6f9fa; color:#333; font-family:dotum; font-size:100%; margin:5px 0; overflow:hidden; border:1px solid #f4f6f7; border-radius:5px;} /*가상계좌결제정보*/ .mobile_wrap .certify_con_box dt {display:block; float:left; } .mobile_wrap .certify_con_box dt span {display:block; line-height:27px; font-weight:bold; color:#27448a;} .mobile_wrap .certify_con_box dd {display:block; float:right; text-align:right;} .mobile_wrap .certify_con_box dd span {display:block; line-height:27px; font-weight:bold; color:#27448a;} .mobile_wrap .certify_con_box dd span.p_red {color:#be2716;} .poin_payment {height:48px; display:block; margin:30px 15px 20px 15px; border-radius:10px; line-height:48px; text-align:left; font-size:80%; color:#333; font-weight:bold; border:1px solid #b3b3b3; padding:0 15px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f4f4f4+100 */ background: #fefefe; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#f8f8f8 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#f8f8f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */ } .poin_payment span {display:inline-block; float:right; font-size:120%; color:#e91010;} .coupon_box { margin-bottom:15px;} .coupon_box select {display:block; width:100%; height:44px; line-height:44px; padding:0 0 0 5px; border:1px solid #b3b3b3; color:#666; font-size:16px; background:url(../img/sub/select.png) 99% 4px #fff no-repeat; appearance: none; -webkit-appearance:none; vertical-align:middle; font-weight:bold; } .coupon_box select::-ms-expand { display:none;} .coupon_box select::-webkit-expand { display:none;} .coupon_box p {line-height:25px; vertical-align:middle; font-size:11px; color:#a0aabd;} .coupon_box p span {color:#707d99; font-weight:bold;} /*초보자 강좌*/ .novice_txt {text-align:center; font-size:90%; color:#333; line-height:25px; vertical-align:middle; font-weight:bold; padding:20px 0 0 0; letter-spacing:-1px;} .novice_txt span {display:block; font-size:77%; color:#666; line-height:20px; padding-top:5px; font-weight:normal;} .novice_txt span b {display:inline-block; color:#d23030; font-weight:normal;} /*설정*/ .setting_wrap { overflow:hidden;} .setting_wrap h2 {height:39px; line-height:39px; padding:0 15px; background:#f1e6d2; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:80%; font-weight:bold;color:#743a44;} .setting_wrap.ios h2 { margin-top:10px; background:#454b5b; border:none; color:#fff; } .setting_wrap.ios h2 i { margin-bottom:3px; font-size:15px; vertical-align:middle;} .setting_wrap.ios li {background:#fff;} .setting_wrap li a { display:block; height:44px; border-bottom:1px solid #e4e4e4; line-height:45px; padding:0 15px; font-size:80%; color:#333; font-weight:normal;} .setting_wrap li a span {display:block; font-size:100%; float:right; color:#989898; font-size:85%; line-height:45px;} .setting_wrap li a span.logout { padding:0 10px; line-height:30px; vertical-align:middle; text-align:center; border:1px solid #ccc; border-radius:5px; margin-top:7px; color:#666; background: #efefed; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #efefed 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#efefed 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#efefed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefed',GradientType=0 ); /* IE6-9 */ } .setting_wrap li a span i {margin-left:7px; display:inline-block; text-shadow:inset 0 1px 2px #333;} .setting_wrap li a span._nor {width:25px; height:25px; color:#999; font-size:25px; margin-right:5px; margin-top:12px;} .setting_wrap li a span._sel {width:25px; height:25px; color:#ee3128; font-size:25px; margin-right:5px; margin-top:12px; } .setting_wrap li.cus { border-bottom:1px solid #e4e4e4; line-height:25px; padding:10px 15px; font-size:75%; color:#666; font-weight:normal;} .setting_wrap li.cus i {color:#f8bb00; display:inline-block; margin-right:5px;} .setting_wrap li.cus b {font-weight:normal; color:#333; font-size:90%; margin-left:5px; display:inline-block;} .setting_wrap li.cus b a {display:block; border:0; padding:0; clear:both; font-size:120%; margin-top:-10px;} /*리그종목 상세*/ .day_item-view .league_view { position: relative; display:flex; background: #af8b87; box-shadow:0px 0px 12px -3px #000 inset; padding: 0.2em; } .day_item-view .league_view div {width: 33.3%; float: left; margin: 0.2em; background: linear-gradient( to bottom, #fff 80% , #e6e6e6); border-radius: 6px; text-align: center; padding: 0.2em; } .day_item-view .league_view div h6 { font-size: 0.7em; } .day_item-view .league_view div b {font-size:1.6em; font-weight: bold; color:#333;} .day_item-view .league_view div span {font-size: 0.6em; vertical-align: middle;} .day_item-view .league_view .date {font-size: 0.4em; font-weight: normal; color:#777;} .day_item-view .league_view .rate b { color:#d23030;} .day_item-view .league_view .rate h6 {color:#333;} .day_item-view .league_view .label {border-radius:3px; width: 46px; margin: 0 auto; color:#fff; font-size: 0.4em;} .day_item-view .league_view .label.single {background:#ff7a00;} .day_item-view .league_view .label.small {background:#405e9c;} .day_item-view .league_view .label.middle {background:#3fa098;} .day_item-view .league_view .label.long {background:#73c3dd;} .day_item-view .league_view .hold_down { background:#113f96; border-radius:3px; width: 46px; margin: 0 auto; color:#fff; font-size: 0.4em;} .day_item-view .league_view .font_size b {font-size: 1em;} /*단타종목 상세*/ .day_item-view .subscription { position: relative; display:flex; background: #af8b87; box-shadow:0px 0px 12px -3px #000 inset; padding: 0.2em; } .day_item-view .subscription div {width: 25%; float: left; margin: 0.2em; background: linear-gradient( to bottom, #fff 80% , #e6e6e6); border-radius: 6px; text-align: center; padding: 0.2em; } .day_item-view .subscription div h6 { font-size: 0.7em; } .day_item-view .subscription div b {font-size:1.6em; font-weight: bold; color:#333;} .day_item-view .subscription div b._red { color:#df1d1f; } .day_item-view .subscription div b._blue { color:#0c5bc3; } .day_item-view .subscription div span {font-size: 0.6em; vertical-align: middle;} .day_item-view .subscription .date {font-size: 0.4em; font-weight: normal; color:#777;} .day_item-view .subscription .rate b { color:#d23030;} .day_item-view .subscription .rate h6 {color:#333;} .day_item-view .subscription .hold_up { background:#e9240f; border-radius:3px; width: 46px; margin: 0 auto; color:#fff; font-size: 0.4em;} .day_item-view .subscription .hold_down { background:#113f96; border-radius:3px; width: 46px; margin: 0 auto; color:#fff; font-size: 0.4em;} .day_item-view .subscription .font_size b {font-size: 1em;} /*종목정보*/ .day_item-view .item_info {position: relative;} .day_item-view .item_info table {width: 100%; border-collapse:collapse;} .day_item-view .item_info table tr { border-bottom: 1px solid #ccc; } .day_item-view .item_info table tr th { font-size:0.7em; font-weight: bold; color:#113f96; width: 24%; padding: 6px 10px; text-align:left;} .day_item-view .item_info table tr td {font-size: 0.7em; font-weight: bold; padding: 6px 15px; border-left: 1px solid #ccc;} .day_item-view .item_info table .item_name { background:#5e4c49; color:#fff;} .day_item-view .item_info table .item_name th {color:#fff;} .day_item-view .item_info table .item_name td { border-left: 1px solid #796b68; min-height:30px; } .day_item-view .item_info table .red { color:#e9240f; } .day_item-view .item_info table .blue { color:#113f96; } .day_item-view .item_info .mosaic {display:table; padding:0 0 0 6px; position:absolute; overflow-x:hidden;} .day_item-view .item_info .mosaic img {display:table-cell; vertical-align:middle; height:100%; overflow-x:hidden;} /*멘토 코멘트*/ .writer_info {padding: 12px 10px; } .writer_info .reason { border-bottom: 1px dashed #ccc; padding-bottom: 12px; text-align:center; } .writer_info p { padding-top:12px; font-size: 0.7em; } .writer_info p img {width:auto; max-width:100%; overflow:hidden;} .writer_info .reason img {width:13%; max-width:78px;} /*질의응답(A/S) 멘토글*/ .item_contents { background-color:#fff; } .item_contents .AS_tit {margin: 10px; background: #fff; border:1px solid #ccc; padding: 10px; } .item_contents .AS_tit h3 {font-size:0.7em; font-weight:bold } .item_contents .AS_tit h3 span { font-weight:normal; color:#e9240f;} .item_contents .AS_tit p { font-size:0.6em; margin-top:6px;} /*구독후기 안내글*/ .item_contents .review_notice { font-size:0.6em; color:#e9240f; line-height:1.4em; padding: 10px; border-bottom: 1px solid #ccc;} /*단타 추가CSS_수정*/ .dayitem .trade_tab .tab li .tab_as {font-weight: normal; font-size: 0.7em;} .trade_view .info .area .left { float:left; margin-top:2%;} .subscribe_button .restriction {font-size:0.8em;} @media all and (min-width: 200px) and (max-width: 504px) { .writer_info .reason img { margin-left:-1%;} } @media all and (min-width: 200px) and (max-width: 380px) { .day_item-view .subscription div h6 {font-size:0.6em;} .day_item-view .subscription div b {font-size:1.2em;} .day_item-view .subscription .font_size b {font-size:0.85em; line-height:1.2em;} } @media all and (min-width: 200px) and (max-width: 360px) {.day_item-view .item_info table tr th{width:30%;}} /*매매기법_상세*/ .trade_view .info {position:relative; padding:15px 15px 15px 130px; border-bottom:1px solid #bbb; min-height:120px;} .trade_view .info.no-pad { padding:0; border-bottom:0; } .trade_view .info .mento_img {position: absolute; left:15px; top:15px;} .trade_view .info .mento_img img {border:1px solid #ddd; background:#ddd; width:100px; height:118px; } .trade_view .info .tit {font-size:0.8em; font-weight:bold; color:#333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .trade_view .info .name { margin-left:-60px; font-size:1em; font-weight:bold; color:#333;} .trade_view .info .day { margin:0 0 10px -60px; font-size:0.6em; color:#999;} .trade_view .info .point {font-size:1.1em; font-weight:bold; color:#f23424; float:left;} /*관심 멘토 등록_btn*/ .trade_view .info .area {min-height:32px; display:inline-block; width:100%;} .trade_view .info .area.no-width { width:auto; } .trade_view .info .area .interest_btn {float:right;} .trade_view .info .area .interest_btn button {height: 26px; text-align: center; line-height: 26px; box-shadow: 0px 1px 1px #dedede; font-size: 0.6em;font-weight: bold; font-family: dotum,'돋움'; color: #666666;border: 1px solid #bdbdbd; background:url(../images/board/reply_btn01_bg_nor.gif) repeat-x; padding:0 10px; width:100%;} .trade_view .info .area .interest_btn button i {color:#ee3128; font-size:14px;} .trade_view .info .area .interest_btn a {height: 26px; text-align: center; line-height: 26px; box-shadow: 0px 1px 1px #dedede; font-size: 0.6em;font-weight: bold; font-family: dotum,'돋움'; color: #666666;border: 1px solid #bdbdbd; background:url(../images/board/reply_btn01_bg_nor.gif) repeat-x; padding:0 10px; } .trade_view .info .area .interest_btn a i {color:#ee3128; font-size:14px;} .info_2 {border-top:1px solid #fff;} /*요약내용*/ .summary_content .cont_2 { float:left; width:100%;} .summary_content .cont_2 h4 {color:#214d90; font-size:0.8em; padding:15px 15px 0; font-weight:bold;} .summary_content .cont_2 p {font-size:14px; color:#333; font-weight:bold; min-height:70px; padding: 15px;} .summary_content .cont_2 span {color:#777; font-size:14px; font-weight:normal; padding-top:0; } .summary_content .tit_2 p { padding:0 11%; height:28px; border-right:0; padding:0 11%; display:table-cell; vertical-align:middle;} .summary_content .tit_2 {border:0; color:#214d90; font-size:0.7em; width:24%; font-weight:bold; float:left; display:table; height:70px;} /*매매기법_list 미디어쿼리*/ @media all and (min-width: 200px) and (max-width: 320px) { .trade_view .info .area .interest_btn{float:none;} } /*구독하기_btn*/ .subscribe_button {width:100%; border-top:1px solid #bbb; text-align: center; display:flex; flex-wrap:wrap;} .subscribe_button .subscribe_btn {background:linear-gradient(to bottom, #585858, #373737); border-radius:6px; color:#fff; font-weight:bold; padding:15px; margin:15px; width:100%; text-shadow: 0px 1px 1px #333; box-shadow: 0px 1px 2px #c0c0c0;} .subscribe_button .subscribe_btn.free { background:linear-gradient(to bottom,#6672b0,#445192); background-color:#6672b0; color:#ffea00; } .subscribe_button .subscribe_btn.free i { color:#ffea00; } .subscribe_button .subscribe_btn span { color:#feb900; font-weight:normal;} .subscribe_button .subscribe_btn .restriction {color:#8c93a1;} .subscribe_button .btn_pause {background:linear-gradient(to bottom,#afb7c1,#8d94a1); color:#4e535b; text-shadow:none;} .subscribe_button .btn_pause span {color: #50616e;} .subscribe_button .subscribe_btn .success_item { display:block; font-size:0.85em; color:#1e489f; margin-top:3px; color:#fff; } .subscribe_button .subscribe_btn .success_item span { color:#1e489f; display:inline-block; font-weight:600; color:#fff;} /*무료구독_안내글*/ .freestock_notice {line-height:20px; font-size:70%; color:#743a44; margin:0 10px 15px 10px; font-weight:600;} .freestock_notice span {width:25px; text-align:center; display:inline-block;font-size:120%;} /*tab /Item/StockViewAlgo.aspx 상세페이지 주황색 탭 */ .trade_tab .tab { list-style-type: none; margin: 0; padding: 0; overflow: hidden; border-top: 1px solid #ccc; background-color: #f1f1f1; width:100%;} .trade_tab .tab li {float: left; width: 25%; display: table;} .trade_tab .tab.five li { width:20%; } .trade_tab .tab li span {color: #fff; text-align: center; text-decoration: none; width: 100%; height: 60px; border-left: 1px solid #fc937c; border-right: 1px solid #d3422f; display: table-cell; vertical-align: middle; background: linear-gradient(to bottom, #e47860 2px , #f25a46); font-weight: bold; font-size: 90%; border-top: 1px solid #bbb;} .trade_tab .tab li.on span { background: linear-gradient(to bottom, #cdcdcd , #f5f5f5); color:#f25a46; box-shadow:0 2px 4px #999 inset; border-left:0; font-weight:bold;} .trade_tab .tabcontent {display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none;} /*tab 기법내용*/ .tab_trade_cont { width:100%; background-color:#fff;} .tab_trade_cont .technique_cont {display:inline-block; width:100%;} .tab_trade_cont .info3_tit {font-size: 75%; font-weight:bold; padding:5px 15px; color:#333; display:block; } .tab_trade_cont .info3_tit i { margin-right:5px; color:#ffb606;} .tab_trade_cont .preview {border-bottom:1px solid #ddd; padding-bottom: 30px;} .tab_trade_cont .preview_img {padding:9px;} .tab_trade_cont .preview_img div { margin-bottom:10px; display:inline-block; width:21%; margin-left:6px;} .tab_trade_cont .preview_img figure { margin-bottom:10px; display:inline-block; width:21%; margin-left:6px;} .tab_trade_cont .preview_img img {border:1px solid #bbb; width:100%; height:118px; background:#ddd; } .tab_trade_cont .contents {display:inline-block; border-bottom:1px solid #ddd; width:100%;} .tab_trade_cont .trade_explanation { margin-top:30px; border-bottom:1px solid #ddd; } .tab_trade_cont .info3_cont {font-size:14px; color:#666; padding:0 15px; } .tab_trade_cont .info3_cont img { width:100%; height:auto; max-width:480px; } .tab_trade_cont .info3_cont p img{width:100%; height:auto;} .tab_trade_cont .notice {color:#ee3128; text-align:center; padding:15px 0; font-size:0.6em; background:#ededed; font-weight:bold;} /*기법토론(댓글)*/ /*댓글 입력box*/ .tab_qna .CommentWrite { border-bottom:1px solid #bbb; padding:15px; height:70px; } .tab_qna .CommentWrite textarea {border:1px solid #bbb; height:68px; width:calc(100% - 87px); float:left;} .tab_qna .reply_btn button { text-align: center; line-height: 26px; box-shadow: 0px 1px 1px #dedede; font-size: 12px;font-weight: bold; font-family: dotum,'돋움'; color: #666666;border: 1px solid #bdbdbd; background:url(../images/board/reply_btn01_bg_nor.gif) repeat-x; padding:0 10px; margin-right:15px;} .tab_qna .CommentWrite .reply_btn button {height:70px; width:70px; margin:0;} .tab_qna .CommentWrite .reply_btn {text-align:right; width:70px; float:left; margin-left:15px;} .tab_qna .com_inp { width:100% } /*댓글 리스트*/ .tab_qna .CommentList {padding:15px; border-bottom:1px solid #bbb;} .tab_qna .reply_data{ font-size:14px; font-weight:bold; color:#333;} .tab_qna .date {font-weight:normal; color:#999; } .tab_qna .reply .reply_cont {font-size:14px; color:#333; margin-top:3px;} .tab_qna .CommentList .reply_btn {margin-top:6px;} /*대댓글*/ .tab_qna .reply {padding:15px; padding-left:30px; position:relative; border-bottom:1px solid #bbb;} .tab_qna .reply img {position:absolute; left:15px; top:17px; width:9px;} /*대댓글 입력*/ .tab_qna .replywrite {padding:15px; padding-left:30px; position:relative; border-bottom:1px solid #bbb;} .tab_qna .replywrite img {position:absolute; left:15px; top:17px; width:9px;} .tab_qna .reply_txt {margin-top:6px;} .tab_qna .reply_txt textarea {border:1px solid #bbb; width:100%;} .tab_qna .replywrite .reply_btn button {margin-right:0;} /*글쓰기_btn*/ .tab_review .writing {width:100%; display: flex; text-align: center ;} .tab_review .writing button {background:linear-gradient(to bottom , #fefefe, #e9e9e9); border-radius:6px; color:#333; font-weight:bold; padding:10px 15px; line-height:25px; margin:15px 10px; width:100%; border:1px solid #ccc; vertical-align:middle;} .tab_review .writing button i {vertical-align:middle; margin-bottom:3px; font-size:70%;} .writing_btn {text-align:center; padding:0 10px; margin-top:-5px; letter-spacing:-1.5px;} .writing_btn .btn_bg {display:block; background:linear-gradient(to bottom , #484848, #1b1a1a); border-radius:6px; color:#fff; padding:10px 0; font-size:90%; line-height:25px; border:1px solid #1b1a1a; vertical-align:middle;} .writing_btn .btn_bg._off {color:#414141; background:linear-gradient(to bottom,#eee,#fff); border-color:#ccc;} .writing_btn .btn_bg i {vertical-align:middle; margin-bottom:3px; font-size:70%; margin-left:3px;} .writing_btn .btn_bg i._on {font-size:100%; color:#ddd; text-shadow:1px 1px 1px #000;} .writing_btn .btn_bg i._off {font-size:100%; color:#ccc; text-shadow:1px 1px 1px #fff;} /*preview*/ .modal { position: fixed; z-index: 1;left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } .modal .modal-content {background-color: #fefefe; margin: 12% auto; border: 1px solid #888; width: 80%; border-radius:6px; position:relative; box-shadow: 0px 1px 2px #828282; padding:2%;} .modal .close { color: #fff; float: right; font-size: 24px; font-weight: bold; background: #831b16; border-radius: 100px; width: 32px; text-align: center; height: 32px; line-height: 26px; position: absolute; top: -12px; right: -6px; box-shadow: 0px 1px 2px #828282;} .modal .close:hover, .close:focus {color: black; text-decoration: none; cursor: pointer;} .modal .modal-content img {width:100%; height:100%;} /* 질의응답(A/S)*/ .mentorAS_Area p { font-size:100%; background-color:#fff; padding:5px 10px;} .mentorAS_Area .mentorAS_box {position:relative; width:100%; padding:5px 10px; background-color:#fff; } .mentorAS_Area .mentorAS_box .mentorAS_cont{position:relative; width:100%; margin-top:10px; } .mentorAS_Area .mentorAS_box .mentorAS_cont li {width:100%; font-size:12px; text-align:left; font-weight:bold;line-height:1.8;padding:5px; overflow:hidden;} .mentorAS_Area .mentorAS_box .mentorAS_cont li img{width:100%; height:auto;} .mentorAS_Area .mentorAS_box .mentorAS_cont .mentorAS_cont_Data {padding:5px; font-weight:normal;} .mentorAS_Area .mentorAS_box .mentorAS_cont .mentorAS_cont_Data .im{position:relative; top:4px; font-size:16px;} .mentorAS_Area .mentorAS_box .mentorAS_cont .mentorAS_cont_txt .mentorAS_cont_img {width:auto; height:auto; display:block; } .mentorAS_Area .mentorAS_box .mentorAS_cont .mentorAS_cont_txt .mentorAS_cont_img img{ height:auto; display:block; } .mentorAS_Area .mentorAS_box .mentorAS_cont_moreView {display:block;cursor:pointer; } .mentorAS_Area .mentorAS_box .mentorAS_cont_moreView .im{display:block;font-size:15px; padding:5px;text-align:right; } .mentorAS_Area .mentorAS_moreView { position:relative; padding:8px; margin:15px 0; border: 1px solid #d6d6d6; border-radius:10px; background-color:#fff; text-align:center; font-size:14px; font-weight:bold; cursor:pointer;} .mentorAS_Area .mentorAS_moreView .im{position:relative; top:2px; font-size:14px;} /*첨부파일 다운로드 list*/ .download_list {font-size:0.7em; padding:15px;border-top:dashed 1px #ddd; } .download_list li i {height:25px; line-height: 25px; vertical-align:middle; font-style:normal;} .download_list span {color:#ee3128; display:inline-block; float:right;} .download_list a {color:#ee3128; display:inline-block; float:right;} /*내 구독정보*/ .subscription_list { background: #fff; border-bottom:1px solid #ccc; line-height:45px; vertical-align:middle; padding:0 15px; font-size:80%; height:44px; } .subscription_list span {font-weight:bold; font-size:95%; color:#d23030;} .subscription_list small {display:inline-block; width:24px; height:24px; background:linear-gradient(to bottom,#fe6b34,#cf1520); background-color:#fe6b34; border-radius:20px; color:#fff; font-family:Dotum; font-size:11px; font-weight:bold; text-align:center; line-height:23px; box-shadow: 0px 1px 1px #555;} .subscription_list i { display:block; float:right; color:#989898; line-height:45px;} /*멘토 챌린지 coming soon /League/MentorLeagueIntro.aspx */ .subscribe { box-sizing:border-box; padding: 0 10px 15px 10px; } .sub_margin { padding:0; } .coming_soon .Tit { background:#524388; color:#fff; text-align:center; font-size:90%; font-weight:bold; line-height:60px; border-bottom:1px solid #ccc;} .coming_soon .Tit span {color:#fad00d;} .coming_soon .Img { padding:10px; text-align:center; border-bottom:1px solid #ccc; background-color:#f1f1f1;} .coming_soon .Img img {width:100%;} .coming_soon .Img p {color:#524388; font-weight:bold; font-family:NanumSquare; margin:12px 0;} .coming_soon .Cont { padding:20px 10px;} .coming_soon .Cont ul li {margin-bottom:20px;} .coming_soon .Cont h4 {color:#1c2830; font-weight:bold; margin-bottom:6px;} .coming_soon .Cont p {font-size:90%; color:#666; line-height:1.6em;} .coming_soon .application_link { text-align:center; font-size:1.2em; font-weight:bold; display:block; border-radius:3px; background: linear-gradient(to bottom, #555, #343434); color:#fff; width:100%; height:36px; margin-top:12px; padding:10px 0 15px 0; line-height:40px;} .coming_soon .progress_link { text-align:center; font-size:1.2em; font-weight:bold; display:block; border-radius:3px; background: linear-gradient(to bottom, #8d94a1, #afb8c1); color:#fff; width:100%; height:36px; margin-top:12px; padding:10px 0 15px 0; line-height:40px;} .coming_soon i { margin: 0 2px 0 0; font-size: 100%; } .subscribe i { vertical-align:middle; margin-right:10px; } .coming_soon .league_link { text-align:center; font-size:90%; font-weight:bold; display:block; border-radius:3px; background: linear-gradient(to bottom, #ff9b2b, #ff711f); color:#fff; width:100%; height:36px; margin-top:12px; line-height:36px;} .coming_soon .size { font-size:130%; } .coming_soon .league_link span {font-weight:normal; font-size:0.7em; color:#a04d00; letter-spacing:-1px} .coming_soon .Cont .notice {color:#e9240f; font-size:0.75em; padding-top:10px;} @media all and (min-width: 200px) and (max-width: 360px) {.coming_soon .Tit {font-size:1.4em;} .coming_soon .Img p { font-size:0.85em; margin:6px 0;}} /*슈퍼스탁K*/ .superstock_k .Tit {background:#111858; border:0;} .superstock_k .Img {padding:0;} .superstock_k .Img img {display:block;} .superstock_k .Btn {padding:0 10px 14px;} .superstock_k .Cont .rank_txt {margin-bottom:-45px;} .superstock_k .Cont .notice {font-size:0.9em;} .superstock_k .Cont .award {background:url(../images/mentor/trophy.png) #fbfcfd no-repeat right; border:1px solid #ddd; padding:4px 16px; font-family:NanumSquare;} .superstock_k .Cont .award li {display:flex; line-height:23px; position:relative; margin-bottom:12px;} .superstock_k .Cont .award li .rank {float:left; border-radius:100%; background:#454b5b; color:#fff; width:22px; height:22px; font-weight:bold; text-align:center; margin-right:3px;} .superstock_k .Cont .award .one {margin-top:12px;} .superstock_k .Cont .award .one .rank {background:#ca4747; color:#fff;} .superstock_k .Cont .award li .rank span {font-size:0.6em;} .superstock_k .Cont .award li p {color:#424242;} .superstock_k .Cont .award li p span {color:#777;} .superstock_k .Cont .buttom_sharing {display:flex;} .superstock_k .Cont .buttom_sharing .kakaotalk {background:url(../images/mentor/kakaotalk.png) no-repeat #ede341 left center; display:block; float:left; width:100%; height:40px; color:#381e1f; padding:11px 0 11px 60px; line-height:40px; font-weight:bold;} .superstock_k .Cont .buttom_sharing .sharing {display:block; float:left; width:60px; height:40px; border:1px solid #454b5b; background:#424242; color:#fff; padding:10px; text-align:center;font-size:1.5em;} .superstock_k .Cont .buttom_sharing .sharing i {line-height:40px;} .superstock_k .Cont .mantor_league { font-size:0.8em; color:#999; background:#fff; border:1px solid #ccc; padding:6px 10px 10px;} .superstock_k .Cont .mantor_league.none { background:none; border:none; padding:0; margin-top:-10px;} .superstock_k .Cont .mantor_league.none ._text {line-height:20px; font-weight:bold; font-size:14px;} .superstock_k .Cont .mantor_league.none small {font-size:12.5px; line-height:18px; padding-top:3px;} .superstock_k .Cont .mantor_league.none a { display:inline-block; font-weight:bold; color:#d23030;} .superstock_k .Cont .mantor_league span {font-size:1.1em; color:#666; line-height:30px; } .superstock_k .Cont .mantor_league a {color:#ff7900; display:inline-block;} .superstock_k .Cont .no_1 p {display:inline-block;} .superstock_k .Cont .policy {margin:6px 0 20px; float:right; display:inline-block; width:140px; height: 26px; text-align: center; line-height: 26px; box-shadow: 0px 1px 1px #dedede; font-size: 0.9em;font-weight: bold; font-family: dotum,'돋움'; color: #666666;border: 1px solid #bdbdbd; background:url(../images/board/reply_btn01_bg_nor.gif) repeat-x; padding:0 5px; } .superstock_k .Cont .sub_btn {text-align:center;} .superstock_k .Cont .no_4 li {font-size:0.8em; color:#666; margin-bottom:6px; padding-left:15px;} .superstock_k .Cont .no_1 p span {font-size:12px; color:#999; letter-spacing:-0.5px;} .superstock_k .end .no_3 p {margin-bottom:10px;} .superstock_k .end .no_3 p em {font-size:12px; color:#777;} .superstock_k .end .policy {margin:6px 0; float:none;} .league_topimg.stock_K_banner-bg {background:#26201f;} .league_topimg.rank_banner-bg {background:linear-gradient(to right,#26201f 50%,#4d4445 50%);} /*주식리딩_TAB*/ .leading_tab {position:relative; height:65px; overflow:hidden;} .leading_tab ul {padding:0 10px; height:59px; background:#f9f9f8; border-bottom:1px solid #ccc; box-shadow:0 1px 5px #ccc; position:relative;} .leading_tab ul.no_btn {padding:0; text-align:center;} .leading_tab ul.no_btn li {padding:0 8px; font-size:75%; letter-spacing:-1.5px; text-align:center; float:none; margin-left:-3px;} .leading_tab ul li {display:inline-block; float:left; font-size:100%; color:#555; padding:0 10px; text-align:center; height:58px; line-height:58px;} .leading_tab ul li.gray{color:#bbb;} .leading_tab ul li.on {height:49px; color:#ff7a00; border-bottom:3px solid #ff7a00; padding-bottom:7px; font-weight:bold;} .leading_tab .cont_menu {position:absolute; top:0; right:0; padding:0; width:59px; height:58px; border-left:1px solid #ddd; background:linear-gradient(to bottom,#fff,#f4f4f4);} .leading_tab .cont_menu a {display:block; text-align:center; padding-top:18px;} .cont_list_menu .tit {position:relative; padding:0 10px; line-height:59px; color:#555; font-size:80%; font-weight:bold; border-bottom:1px solid #ccc; background:#f9f9f8;} .cont_list_menu .tit a {display:block; position:absolute; top:0; right:0; width:59px; height:39px; text-align:center; border-left:1px solid #ddd; background:linear-gradient(to bottom,#f4f4f4,#fff); padding-top:20px;} .cont_list_menu .nav_list {background:#fbfbfb; color:#333; box-shadow:0 1px 3px #777; z-index:999; position:relative;} .cont_list_menu .nav_list li { display:inline-block; width:33.3%; text-align:center; padding:20px 0; box-sizing:border-box; vertical-align:middle; font-size:0.8em; border-bottom:1px solid #ddd; margin-left:-5px; border-left:1px solid #ccc;} .cont_list_menu .chat_nav_list li {display:inline-block; width:25%;text-align:center; height:29px; padding:29px 0; vertical-align:middle; font-size:0.8em; border-bottom:1px solid #ddd; margin-left:-7px; border-left:1px solid #ccc;} .cont_list_menu .nav_list .on {color:#ff7a00; font-weight:bold;} /*주식리딩_TAB-list /Package/Package5View.aspx */ .TAB_list .box {background:#f4f4f4; margin:0; border-radius:0; border:0; border-bottom:1px solid #ccc; } .TAB_list ul li.nt .head_box {line-height:normal; padding-top:12px;} .TAB_list .list_style_01 ul li .ellipsis_box .title_wrap .title {white-space:normal; font-family:NanumGothic;} .TAB_list .list_style_01 ul li .ellipsis_box .title_wrap .title b { color:#6672b0; } .TAB_list .list_style_01 ul li .ellipsis_box .title_wrap .reply { float:none; border-top:0;color:#f66346;} .TAB_list .list_style_01 ul li.nt .head_box .ic_notice {width:23px; height:22px;} .TAB_list .list_style_01 ul li .info1 .name {color:#ff7a00;} .TAB_list .reviews_writing .notice_txt span {font-size:0.9em;} .TAB_list .comment_wrap .reply_write .notice_txt {font-size:0.6em; margin-bottom:10px; color:#ff7a00;} .TAB_list .reviews_detail .title .nick {color:#ff7a00; margin-top:3px;} /*검색 /League/SuperStockK/LeagueRanking.aspx /Education/EducationBeginnerList.aspx */ .search { height:35px; padding:0 10px 0; letter-spacing:-1px; position:relative; } .search::after { content:""; display:block; clear:both; } .search.edu { height:40px; margin-bottom:15px; overflow:hidden; } .search.consult { overflow:hidden; } .search.margin {margin:10px -10px;} .search.margin span { float:left; line-height:37px; vertical-align:middle; font-size:80%; color:#252525;} .search .select_box { float:left; width:28%; height:35px; line-height:33px; vertical-align:middle; border:1px solid #aaa; border-radius:5px; padding:0 5px; color:#333; font-size:70%; background:url(/img/sub/select_bg2.png) right 0 #fff no-repeat; -moz-appearance:none; -webkit-appearance:none;} .search .select_box::-ms-expand { display:none;} .search .select_box2 { float:left; width:49%; height:35px; margin-top:5px; line-height:33px; vertical-align:middle; border:1px solid #aaa; border-radius:5px; padding:0 5px; color:#333; font-size:70%; background:url(/img/sub/select_bg2.png) right 0 #fff no-repeat; -moz-appearance:none; -webkit-appearance:none;} .search .select_box2::-ms-expand { display:none;} .search .select_box2:last-child {float:right;} .search .text_box {float:right; width:64%; border:1px solid #aaa; background:#fff; height:33px; line-height:35px; padding:0 10px; vertical-align:middle; font-size:70%; color:#888;} .search .text_box::after { content:""; display:block; clear:both;} .search .text_box.width { float:right; width:calc(100% - 150px); margin-right:5px; } .search .search_btn { float:right; position:absolute; right:10px; width:15%; display:inline-block; height:33px; line-height:35px; font-size:75%; color:#fff; font-family:Dotum; font-size:14px; font-weight:bold; font-weight:bold; border-radius:0; background:#727272; text-align:center; float:right; -webkit-appearance: none;-webkit-border-radius: 0;} /*기간연장 팝업 0626추가*/ .Primium_Pakage_wrap .popup_01 {position:fixed; z-index:9000; box-shadow:0 1px 3px #666; width:93%; height:auto; top:32%; left:10px;} .Primium_Pakage_wrap .popup_01 p a img {display:block;} .Primium_Pakage_wrap .popup_01 .bar_close {height:45px; padding:0 15px; line-height:45px; background:#262626; color:#ccc; font-family:Gulim; font-size:12px; vertical-align:middle;} .Primium_Pakage_wrap .popup_01 .bar_close li {display:inline-block;} .Primium_Pakage_wrap .popup_01 .bar_close li input[type=checkbox] { vertical-align:middle; border:0; margin-right:3px; width:16px; height:16px;} .Primium_Pakage_wrap .popup_01 .bar_close li .link {cursor:pointer;} .Primium_Pakage_wrap .popup_01 .bar_close li.close_ {float:right;} /*프리미엄 패키지_결제popup*/ .Primium_Pakage_wrap .additional .txt01 .txt_cont { line-height:17px; margin-top:20px; color:#555;} .Primium_Pakage_wrap .mobile_wrap .certify_con_txt span.point em {font-style:normal; font-weight:bold; font-size:13px; vertical-align:bottom;} .Primium_Pakage_wrap .coupon_box p {line-height:17px; margin-top:-7px;} .Primium_Pakage_wrap .mobile_wrap .certify_con_box {margin-bottom:15px;} .Primium_Pakage_wrap .mobile_wrap .certify_con_box ._tit {font-size:1.2em; color:#333;} .Primium_Pakage_wrap .mobile_wrap .certify_con_box ._check p {display:inline-block; font-weight:normal; margin-right:12px; } .Primium_Pakage_wrap .mobile_wrap .certify_con_box ._check p input {vertical-align:middle; margin-right:4px;} .Primium_Pakage_wrap .mobile_wrap .certify_con_txt_2 span.point em {font-style:normal; font-weight:bold; font-size:13px; vertical-align:bottom;} .Primium_Pakage_wrap .mobile_wrap .certify_con_txt_2 span.point small {font-style:normal; font-weight:normal; font-size:13px; vertical-align:bottom;} .Primium_Pakage_wrap .additional .txt03 { padding:15px;} .Primium_Pakage_wrap .additional .caution { font-size:12px; } .Primium_Pakage_wrap .additional .caution span { font-size:12px; text-align:left; } .Primium_Pakage_wrap .additional .caution span input[type=checkbox] { margin-right:4px; margin-bottom:1px; vertical-align:middle;} .Primium_Pakage_wrap .additional .txt03 input[type=checkbox] { margin-right:4px; margin-bottom:1px; vertical-align:middle;} /*청약철회 및 계약해지 안내 popup*/ .Primium_Pakage_wrap .contract_popup {position:absolute; z-index:9999; width:93%; box-shadow:0 1px 3px #888; left:20.5%; top:70px; margin-left:-17%; background:#fff;} .Primium_Pakage_wrap .contract_popup .tit { background:#27448a; border-bottom:1px solid #2d68c5; padding:12px 15px; color:#fff; font-size:0.85em; font-family:'Malgun Gothic'; position:relative; letter-spacing:-1px;} .Primium_Pakage_wrap .contract_popup .tit span {float:right; font-family:'Malgun Gothic'; line-height:16px; font-weight:normal; font-size:23px;} .Primium_Pakage_wrap .contract_popup .txt {font-family:Gulim; font-size:11.5px; color:#888; line-height:17px; padding:15px 10px 0;} .Primium_Pakage_wrap .contract_popup .txt li {margin-bottom:10px; background:url(../images/PrimiumPakage/li_ic.png)no-repeat left 5px; padding-left:10px;} /*추천종목 종목확인 팝업 추가*/ .additional { margin-top:10px; font-family: dotum,'돋움'; color: #333; background: #fff; padding-bottom: 20px; overflow:hidden; } .additional img {width:100%;} .additional .txt01 { font-size: 13px; line-height: 18px; /*text-align: center;*/ clear: both; padding: 15px 0; margin: 0 15px; letter-spacing:-0.5px } .additional .txt02 { font-size: 14px; font-weight: bold; color: #e9240f; background: url(../images/board/ic_caution.png) no-repeat 0px 16px; margin: 0 0 0 15px; text-align: left; padding: 15px 0 5px 15px; } .additional .caution { margin: 0 auto; margin-top: 3px;} .additional .txt03 { display:block; background: #f3f3f3; font-size: 11px; color: #666; text-align: left; padding: 10px; line-height: 16px; border-radius: 6px; margin: 0 15px 10px; } .additional .txt03 input[type=checkbox] { margin:-2px 2px 0 0; } .additional .txt04 { font-size: 14px; color: #666; text-align: left; line-height:20px; padding:30px 15px; border-radius: 6px; } .additional .txt05 { font-size: 11px; color: #999; font-weight: bold; text-align: left; padding:0 15px 15px 15px; line-height: 16px; border-radius: 6px; margin:0; } .additional .line_height { display:inline-block; line-height:22px; } .additional .line_height.mar { margin-top:10px; } .additional .line_height b { color:#d23030; font-weight:normal; } .additional .txt_blue { color: #1f54cf; } .additional .txt_red { color: #e9240f; } .additional .txt01 .success_item {line-height:18px; margin-top:6px;} .additional .txt01 .due_date {line-height:18px; margin-top:3px; font-weight:bold; color:#e9240f;} .additional .txt01 .due_date span {font-weight:normal;} /*프리미엄패키지_Vip종목 /Package/Package2View.aspx */ .Pakagevip_wrap {font-family:NanumGothic; letter-spacing:-1px; overflow:hidden;} .Pakagevip_wrap .list_nomal {padding:20px 0; font-family:NanumGothic; font-size:16px; color:#333; text-align:center;} .Pakagevip_wrap h3 {height:30px; margin-bottom:5px; line-height:30px; vertical-align:middle; font-size:82%; color:#353535; font-weight:bold; font-weight:600; font-family:NanumSquare; position:relative; letter-spacing:-0.5px;} .Pakagevip_wrap h3 img {display:inline-block; vertical-align:middle;} .Pakagevip_wrap>h3 span {display:block; float:right; line-height:25px; font-size:12px; font-family:Gulim; color:#666; font-weight:normal; vertical-align:text-bottom; letter-spacing:-0.5px;} .Pakagevip_wrap h3 em {position:absolute; display:inline-block; font-style:normal; font-family:Gulim; right:-10px; top:2px; } .Pakagevip_wrap h3 em ._black {font-size:12px; line-height:21px;} .Pakagevip_wrap h3.margin {margin-bottom:-20px;} .Pakagevip_wrap .ored {color:#ff4e00;} .Pakagevip_wrap .blue {color:#0056e9;} .Pakagevip_wrap .dred {color:#9e0000;} .Pakagevip_wrap .red {color:#ee0c00;} .Pakagevip_wrap .gray {color:#768491;} .Pakagevip_wrap .orange {color:#ff7a00} .Pakagevip_wrap .green{color:#3fa098;} .Pakagevip_wrap .sky {color:#22b0d9;} .Pakagevip_header {background:#eceef3; padding:15px 10px; overflow:hidden; font-family:NanumGothic; letter-spacing:-1px;} .Pakagevip_header .Pakagevip_tit { padding-bottom:9px; border-bottom:1px dashed #ccc; text-align:center;} .Pakagevip_header .Pakagevip_tit em {display:block; font-style:normal; line-height:25px; vertical-align:middle; color:#646d84; font-size:82%;} .Pakagevip_header .Pakagevip_tit em b {color:#4d515b;} .Pakagevip_header .Pakagevip_tit span {display:block; line-height:35px; vertical-align:middle; font-family:NanumSquare; font-weight:600; font-size:127%; color:#333;} .Pakagevip_header .Pakagevip_tit span b {color:#b20201;} .Pakagevip_header .Pakagevip_txt {padding-top:9px; border-top:1px dashed #fff; margin-bottom:5px; text-align:center;} .Pakagevip_header .Pakagevip_txt small {display:block; line-height:20px; vertical-align:middle; font-size:65%; color:#666;} .Pakagevip_header .Pakagevip_txt span {display:block; line-height:25px; vertical-align:middle; font-size:75%; color:#454b5b; font-weight:bold;} .Pakagevip_header .Pakagevip_txt span b {color:#ff7000;} .Pakagevip_header .Pakagevip_txt sub {display:block; line-height:25px; font-size:75%; padding-bottom:5px;} .Pakagevip_header .Pakagevip_btn {height:80px; text-align:center; position:relative;} @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 320dpi), screen and (min-width:360px) { .Pakagevip_header .Pakagevip_btn img {display:inline-block; width:450px; 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:480px) { .Pakagevip_header .Pakagevip_btn img {display:inline-block; width:100%; height:80px; text-align:center;}} .Pakagevip_header .Pakagevip_btn a {display:block; position:absolute; left:50%; top:15px; width:305px; height:45px; margin-left:-153px; line-height:45px; vertical-align:middle; font-size:90%; color:#fff; font-weight:bold; z-index:999; letter-spacing:0px;} .Pakagevip_header .Pakagevip_btn a i {vertical-align:middle; color:#ffd800; margin-right:3px; font-size:120%;} .Pakagevip_header .Pakagevip_noti {font-family:Gulim; font-size:11px; color:#69727a; line-height:17px; margin-top:5px;} .Pakagevip_themeradar {height:60px; background:#667685; box-shadow:0 2px 3px #aaa; text-align:center; overflow:hidden;} @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 320dpi), screen and (min-width:360px) { .Pakagevip_themeradar 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) { .Pakagevip_themeradar img {display:inline-block; width:100%; height:60px; text-align:center;}} .Pakagevip_display {padding:10px 10px 0 10px; overflow:hidden;} .Pakagevip_display .display_box {border:1px solid #ccc; background:#fff; text-align:center; padding:19px 8px; overflow:hidden;} .Pakagevip_display .display_box li {display:inline-block; width:23%; height:95px; margin-right:6px; text-align:center; position:relative;} .Pakagevip_display .display_box li:last-child {margin-right:0;} .Pakagevip_display .display_box li.dark {display:inline-block; border:4px solid #454b5b; border-radius:100%; width:64px; height:64px; line-height:50px; vertical-align:middle; font-size:120%; color:#454b5b; font-weight:bold; font-family:MalgunGothic; letter-spacing:-1.5px; } .Pakagevip_display .display_box li.dark.ored {border-color:#ff4e00;} .Pakagevip_display .display_box li.dark.blue {border-color:#0056e9;} .Pakagevip_display .display_box li.dark small {font-size:65%;} .Pakagevip_display .display_box li .txt_box {display:block; position:absolute; left:50%; bottom:-4px; background:#fff; width:72px; height:33px; margin-left:-36px; z-index:999;} .Pakagevip_display .display_box li .txt_box span {display:block; border-top:1px solid #a2a5ad; margin-top:10px; line-height:33px; vertical-align:middle; font-size:60%; color:#333; font-weight:normal; font-family:NanumGothic;} .Pakagevip_free {margin:15px 10px 0 10px; padding:14px; border:1px solid #c2cccf; height:55px; background:#cce6ed; text-align:center; overflow:hidden;} @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 320dpi), screen and (min-width:360px) { .Pakagevip_free img {display:inline-block; width:420px; 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) { .Pakagevip_free img {display:inline-block; width:100%; height:55px; text-align:center;}} .Pakagevip_top3 {padding:15px 10px 0 10px; overflow:hidden;} .Pakagevip_top3 .top3_box {border:1px solid #ccc; background:#fff; padding:0 14px; overflow:hidden;} .Pakagevip_top3 .top3_box .top_mentor { padding:9px 0; border-bottom:1px dashed #ccc;} .Pakagevip_top3 .top3_box .top_mentor:last-child {border-bottom:0;} .Pakagevip_top3 .top3_box .top_mentor .top_mimg {float:left; width:50px; height:50px; border-radius:5px; background:#ddd; margin-right:10px;} .Pakagevip_top3 .top3_box .top_mentor .top_minfo {height:51px; overflow:hidden;} .Pakagevip_top3 .top3_box .top_mentor .top_minfo span {display:block; line-height:20px; vertical-align:middle; margin-bottom:5px; font-size:72%; color:#ff6500; font-weight:500;} .Pakagevip_top3 .top3_box .top_mentor .top_minfo small {display:block; border:1px solid #f0eeed; line-height:23px; vertical-align:middle; text-align:center; font-size:60%; color:#666;} .Pakagevip_top3 .top3_noti {line-height:20px; vertical-align:middle; font-family:Gulim; font-size:12px; color:#69727a; padding-top:5px;} .Pakagevip_top3 .top3_noti a {color:#b20201; text-decoration:underline; display:inline;} /*/Package/Package2View.aspx*/ .Pakagevip_notification {padding:15px 10px 0 10px; overflow:hidden;} .Pakagevip_notification .my_Pakagevip_noti {line-height:20px; vertical-align:middle; font-family:Gulim; color:#69727a; font-size:12px; margin-bottom:5px; } .Pakagevip_notification .notification {margin-bottom:10px; background:#fff; border:1px solid #dadada; box-shadow: 0 2px 2px #ebedee; overflow:hidden;} .Pakagevip_notification .notification:last-child {margin-bottom:0;} .Pakagevip_notification .notification h4 {padding:0 10px; height:35px; line-height:35px; vertical-align:middle; background:#768491; font-size:72%; color:#fff; font-weight:500; letter-spacing:-1px;} .Pakagevip_notification .notification h4 span {display:inline-block; margin-bottom:2px; padding:0 7px; background:#f3f3f3; border-radius:25px; height:22px; line-height:22px; vertical-align:middle; font-family:'Malgun Gothic'; letter-spacing:-1px;} .Pakagevip_notification .notification h4 span b {display:inline-block; font-size:110%; margin-bottom:10px;} .Pakagevip_notification .notification ._conbox {margin:10px 10px 0 10px; border:1px solid #e5e5e5; padding:9px 14px; overflow:hidden;} .Pakagevip_notification .notification ._conbox .m_name {height:25px; line-height:25px; vertical-align:middle; padding-bottom:5px; border-bottom:1px dashed #ccc; margin-bottom:4px; font-size:75%; color:#ff6500; position:relative;} .Pakagevip_notification .notification ._conbox .m_name .as_btn {display:block; position:absolute; right:0; top:-2px; line-height:25px; vertical-align:middle; padding:0 7px; border-radius:3px; text-align:center; color:#fff; font-size:85%; background:#dc1a10; cursor:pointer;} .Pakagevip_notification .notification ._conbox li {line-height:25px; vertical-align:middle; font-size:65%; color:#666;} .Pakagevip_notification .notification ._conbox li:nth-child(2) {color:#000;} .Pakagevip_notification .notification ._conbox li.dred {color:#9e0000; font-weight:bold;} .Pakagevip_notification .notification ._conbox li span {color:#9e0000; font-weight:bold;} .Pakagevip_notification .notification ._condate {height:30px; line-height:30px; vertical-align:middle; text-align:right; font-family:Gulim; font-size:12px; color:#69727a; letter-spacing:0; margin-right:10px;} .Pakagevip_notification .notification ._condate i {font-size:14px; vertical-align:middle; color:#666;} .Pakagevip_banner {padding:15px 10px 0 10px; overflow:hidden;} .Pakagevip_banner li {height:80px; text-align:center; overflow:hidden; position:relative;} @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 320dpi), screen and (min-width:360px) { .Pakagevip_banner li img {display:inline-block; width:450px; 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) { .Pakagevip_banner li img {display:inline-block; width:100%; height:80px; text-align:center;}} .Pakagevip_banner li a {display:inline-block; position:absolute; left:50%; width:450px; margin-left:-225px; line-height:80px; vertical-align:middle; font-family:NanumSquare; font-size:110%; color:#fff; z-index:999;} .Pakagevip_banner li a span {display:inline-block; width:27px; line-height:27px; border-radius:27px; vertical-align:middle; background:#005a87; font-size:70%; margin-left:5px;} .Pakagevip_banner li a span.ic_green {background:#019178;} .Pakagevip_banner li:nth-child(1) { display:none; background:url(/img/sub/Pakagevip_banner1_bg.png) repeat-x; margin-bottom:10px;} .Pakagevip_banner li:nth-child(2) {background:url(/img/sub/Pakagevip_banner2_bg.png) repeat-x;} .Pakagevip_faq {padding:15px 10px 0 10px; overflow:hidden;} .Pakagevip_faq .vipfaq_box {border:1px solid #ccc; border-bottom:0; overflow:hidden; background:#fff;} /* 매수기회 불충분 */ .Pakagevip_notification .notification ._condate .insufficient {display:block; float:left; padding: 0 5px; margin: 5px 10px; line-height:19px; vertical-align:middle; font-family:'Gulim','굴림'; font-size:11px; text-align:center; border-radius:2px; color:#fff; background:#9ba0a4;} /*공유하기_ 버튼*/ .share_icon { display:inline-block; float:right; width:28px; margin-top:5px;} .share_icon img { width:100%;} .discussview_wrap .discuss_view .info_list .name_date .left {display:inline-block; float:none; margin-left:-8px; vertical-align:baseline;} .discussview_wrap .discuss_view .info_list .name_date .share_icon {display:inline-block; float:right; margin-top:-3px;} /*주소복사*/ .url_copy { display:inline-block; height:24px; line-height:24px; width:76px; text-align:center; border:1px solid #bdbdbd; background:url(../images/board/reply_btn01_bg_nor.gif) repeat-x; font-size:12px; font-weight:bold; font-family:Dotum; color:#666 !important; box-shadow:0px 1px 1px #dedede; margin-top:2px; letter-spacing:-1px;} .url_copy.right {float:right; margin-top:7px;} .url_copy.position {position:absolute; right:15px; bottom:10px;} .contents_mentor_view .mentor .area .interest_btn.margin { margin-right:3px;} /* BEST주식강의 */ .bestvod_banner { height: 73px; background: #e2dbd5; text-align: center; overflow:hidden; } .bestvod_banner img { display: inline-block; width:100%; height:73px; text-align:center; } .best_vod { padding: 15px 10px; font-family: 'Malgun Gothic'; color: #333; letter-spacing:-1px;} .best_vod h5 { font-family: NanumSquare; font-size: 1em; font-weight: bold; margin-bottom: 6px;} .best_vod p { font-size: 0.7em; line-height: 20px; } .best_vod p span { color: #ff4e00; } .best_vod p em { font-style: normal; font-size: 12px; font-family: Dotum; color: #777; margin-top: 10px; display: block; line-height: 17px; } .best_vod .donation_btn { height: 46px; line-height: 46px; margin-top:15px; border-radius: 6px; background: #454b5b; background: linear-gradient( to bottom, #52596c, #393e4b); font-family: NanumSquare; font-size: 1em; color: #fff; text-align: center; display: block; } .VOD_list .list_date .period { float: right; font-size: 11.6px; font-family: Dotum; color :#777; margin-right: 10px; display: inline-block; line-height: 34px; letter-spacing:-0.5px; } .subscribe_button .donation_btn { background: #5c516b; background: linear-gradient( to bottom, #6e6180, #4a4157); } .subscribe_button .notice { color: #e9240f; font-size: 12px; font-family: Dotum; text-align: left; padding: 0 15px; } /* 카카오스탁 추천종목 */ .tab_trade_cont .cont_tit { padding: 10px 15px 6px; font-size: 0.8em; } .tab_trade_cont .kakaostock ul li { padding-left: 28px; padding-right: 15px; margin-bottom: 4px; font-size: 0.7em; color:#666; position: relative; } /* 가상화폐리딩 */ .bitcoin_wrap .lecture_content { margin-top: 10px; } .bitcoin_wrap .bitcoin_marketprice { margin: 30px 10px; height:57px; padding: 7px 10px; border: 1px solid #ccc; background: url(../images/leading/marketprice_ic.png) left center #fff no-repeat; padding-left: 100px; position: relative; } .bitcoin_wrap .bitcoin_marketprice h2 { font-family: 'Malgun Gothic'; font-weight: bold; font-size: 0.8em; color: #454b5b; letter-spacing:-1.5px; margin-bottom: 3px; } .bitcoin_wrap .bitcoin_marketprice h2 span { color:#ff4e00;} .bitcoin_wrap .bitcoin_marketprice p { font-family: Dotum; font-size: 12px; letter-spacing: -1px; color: #888; line-height: 17px; } .bitcoin_wrap .leading_services { margin: 0 10px; overflow: hidden; } .bitcoin_wrap .leading_services h2 { font-family:NanumGothic; font-weight: bold; font-size: 95%; line-height:24px; margin-bottom: 10px; letter-spacing:-1px; color: #333; text-align: center; } .bitcoin_wrap .leading_services h2 span { color: #ff7a00; } .bitcoin_wrap .leading_services ul { width: 100%; } .bitcoin_wrap .leading_services ul li { display:inline-block; width:31.7%; padding: 10px 5px; border: 1px solid #ccc; background: #fff; box-sizing: border-box; text-align: center; } .bitcoin_wrap .leading_services ul li h3 { font-family: NanumGothic; font-weight: bold; font-size: 0.75em; margin-bottom:3px; color: #454b5b; } .bitcoin_wrap .leading_services ul li p { font-family: Dotum; font-size: 11px; color: #888; line-height: 16px; margin-bottom: 7px; } .leading_view .broadcasting .notice p em { display: block; font-family: Dotum; font-size: 11px; letter-spacing: -0.5px; line-height: 16px; margin: 6px 4px 0; color: #999; } .leading_view .broadcasting .writing_btn { padding: 0; margin: 15px 0; } /*가상화폐 지난 채팅 내역*/ .leading_view .video_player .playlist ul .cont_txt h2 { font-size: 72.4%; font-weight: bold; color: #ff7a00; line-height: 20px; padding: 7px 10px 3px; } .leading_view .video_player .playlist ul .cont_txt p { font-size: 68%; color: #666; line-height: 20px; padding: 0 10px 9px; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .chatting_breakdown h2 { font-family: 'Malgun Gothic'; font-weight: bold; font-size: 75%; color: #ff4e00; margin-bottom: 3px; letter-spacing: -0.5px; } .chatting_breakdown p { font-family: 'Malgun Gothic'; font-weight: bold; font-size: 70%; color: #454b5b; letter-spacing: -0.5px; line-height: 19px; } .chatting_breakdown .chatting_list { margin-top: 10px; border-radius: 5px; background: #f6f6f6; font-family: Dotum; font-size: 12px; padding: 10px; } .chatting_breakdown .chatting_list li { border-bottom: 1px dashed #ddd; padding: 10px 0 8px; color: #666; } .chatting_breakdown .chatting_list li:last-child { border-bottom: 0; } .chatting_breakdown .chatting_list li h3 { margin:0; line-height: normal; font-weight: bold; margin-bottom: 5px; font-size: 12px;} .chatting_breakdown .chatting_list li h3 span.time { font-weight: normal; color: #353535; } .chatting_breakdown .chatting_list li p { font-size: 12px; font-weight: normal; letter-spacing: -1px; line-height:17px; color: #777; } .chatting_breakdown .chatting_list li.mentor h3 { color: #ff7a00; } .chatting_breakdown .chatting_list li.mentor h3 span.time { color: #ff7a00; } .chatting_breakdown .chatting_list li.mentor p { color: #ff9c00; } .writing_btn .btn_bg2 {display:block; background:linear-gradient( to bottom, #52596c,#383d4a); border-radius:6px; color:#fff; padding:10px 0; font-size:90%; line-height:25px; border:1px solid #1b1a1a; vertical-align:middle;} /*하루매매*/ .stockaigo_wrap { text-align:center; } @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 320dpi), screen and (min-width:360px) { .stockaigo_wrap img {display:inline-block; 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:480px) { .stockaigo_wrap img {display:inline-block; width:100%; height:100%; text-align:center;}} .stockaigo_non { margin:0 10px 20px 10px; background:#00c6bf; border-radius:5px; text-align:center; font-size:70%; color:#fff; font-weight:bold; line-height:45px; vertical-align:middle; letter-spacing:-1px; } .stockaigo_non span { font-size:11px; color:#17716e; font-family:Dotum; } .stockaigo { margin:10px; border:1px solid #ddd; background:#fff; text-align:center; overflow:hidden; } .stockaigo .imgtext { padding:15px 10px; font-family:NanumSquare; font-size:90%; color:#001415; text-align:center; letter-spacing:-0.6px; line-height:26px; overflow:hidden; } .stockaigo .imgtext span { font-size:110%; color:#ff4c15; } .stockaigo .imgtext button { width:100%; height:45px; margin-top:10px; font-family:NanumBarunGothic; font-size:105%; font-weight:normal; } .stockaigo .imgtext button i { margin-left:3px; vertical-align:middle; font-size:120%; color:#ccc; } @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 320dpi), screen and (min-width:360px) { .stockaigo img {display:inline-block; 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:480px) { .stockaigo img {display:inline-block; width:100%; height:100%; text-align:center;}} .stockaigo_today { margin-top:-1px; } /*채팅 Popup*/ .mentor_chatpopup_wrap { width:100%; height:100%; background-color:#fff; font-size:60%; } .mentor_chatpopup_wrap .chatpopup_contents {position:relative; box-sizing:border-box; } /*채팅 공지*/ .chatpopup_wrap {width:100%; height:100%;} .chatpopup_wrap h1 { position:fixed; width:100%; box-sizing:border-box; line-height:35px; height:55px; z-index:5; display:block; padding:15px; background:linear-gradient(#fa7822, #fb6b0a); color:#fff; font-weight:bold;} .chatpopup_wrap h1 span{display:inline-block; width:calc(100% - 77px); } .chatpopup_wrap h1 button {background:none; border:none; vertical-align:top;position:relative; top:2px; } .chatpopup_wrap h1 button:last-child{ float:right;} .chatpopup_wrap h1 button .im{font-size:25px; line-height:30px; color:#fff;} .chatpopup_wrap .history-search { position:fixed; z-index:5; height:76px; top:55px; width:100%; background-color:#eee; padding:10px;box-sizing:border-box; } .chatpopup_wrap .history-search .chat_select{ width:calc(100% - 230px); height: 30px; vertical-align: middle;border-radius: 5px; border: 1px solid #aaa; color: #333; font-weight: bold; font-size:100%; } .chatpopup_wrap .history-search p{text-align:right; font-size:100%; color:#333;} /*채팅 화면*/ .chatpopup_wrap .cont_view { width:100%; background-color:#fff; top:130px; position:absolute; padding:10px 0;} .chatpopup_wrap .cont_view dl {position:relative; width:auto; box-sizing:border-box;} .chatpopup_wrap .cont_view dl dt {width:auto; margin-bottom:10px;} .chatpopup_wrap .cont_view dl dd {display:inline-block; padding:10px; max-width:80%; word-wrap:break-word;} .chatpopup_wrap .cont_view .tipping dd {margin:0px 0px 10px 0px;} .chatpopup_wrap .cont_view .tipping1 {display:block; padding:0px 10px;} .chatpopup_wrap .cont_view .tipping2 {display:block;} .chatpopup_wrap .cont_view .tipping1 dd {border-radius:0px 5px 5px 5px; background:#efefef url('/images/common/bg_mark_gray.png') repeat; } .chatpopup_wrap .cont_view .tipping1 dd img{max-width:200px; height:auto;} .chatpopup_wrap .cont_view .tipping2 dd img{max-width:200px; height:auto;} .chatpopup_wrap .cont_view .tipping2 dd {background:#fff6b5 url('/images/common/bg_mark_gray.png') repeat; border-radius:5px 0px 5px 5px; margin-right:10px; text-align:left;} .chatpopup_wrap .cont_view dl .chat_data_time{display:inline-block; margin:10px 10px; vertical-align:bottom; font-size:90%; color:#ccc; } .chatpopup_wrap .cont_view dl .chat_data_time2{text-align:left;} .chatpopup_wrap .cont_view .data_day{ display:block; clear:both; text-align:center; color:#ccc; } .cont_view .data_day:before,.cont_view .data_day:after{ content: ""; display: inline-block; margin: 0 10px; vertical-align: middle; width: 20%; border-bottom: 1px solid #eee;} .chatpopup_wrap .cont_view .tiping_style1{display:block; padding:10px;} .chatpopup_wrap .cont_view .tiping_style1 dl { display:inline-block; border:1px solid #eee; background-color:#FFF;} .chatpopup_wrap .cont_view .tiping_style1 dl dt{ width:230px; padding:10px; border-bottom:1px solid #eee; margin:0;} .chatpopup_wrap .cont_view .tiping_style1 dl dt span:first-child { border-radius:5px; padding:5px; color:#fff; } .chatpopup_wrap .cont_view .tipping3 dl dt span:first-child {background-color:#ff6002;} .chatpopup_wrap .cont_view .tipping3 dl dt { background-color:#fef4eb;} .chatpopup_wrap .cont_view .tiping_style1 dl dt span:last-child {float:right; font-size:90%; color:#666;} .chatpopup_wrap .cont_view .tiping_style1 dl dt span:last-child::after{display:block; content:""; clear:both;} .chatpopup_wrap .cont_view .tiping_style1 dl dd{ width:40%; float:left; padding:10px 5px 10px 10px; line-height:2; box-sizing:border-box; } .chatpopup_wrap .cont_view .tiping_style1 dl dd::after{display:block; content:""; clear:both;} .chatpopup_wrap .cont_view .tiping_style1 dl dd:last-child{ width:60%; padding:10px 10px 10px 5px; text-align:right; font-weight:bold;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .chatpopup_wrap .cont_view .tipping4 dl dt span:first-child {background-color:#4d5d74;} .chatpopup_wrap .cont_view .tipping4 dl dt { background-color:#ecf1f7;} .chatpopup_wrap .cont_view .tipping_user{ display:block; text-align:right;} .tipping::after{display:block; content:""; clear:both;} .tipping_right{float:right;} .tipping_right::after{display:block; content:""; clear:both;} .tipping_right::before{display:block; content:""; clear:both;} .tiping_style2::after{display:block; content:""; clear:both;} .chatpopup_wrap .cont_view .tiping_style2 { position:relative; padding:10px; text-align:right; } .chatpopup_wrap .cont_view .tiping_style2 dl {text-align:left; display:inline-block; border:1px solid #eee; background-color:#fff;} .chatpopup_wrap .cont_view .tiping_style2 dl dt{ width:230px; text-align:left; padding:10px; border-bottom:1px solid #eee; margin:0;} .chatpopup_wrap .cont_view .tiping_style2 dl dt span:first-child { border-radius:3px; padding:5px; color:#fff; } .chatpopup_wrap .cont_view .tiping_style2 dl dt span:last-child {float:right; font-size:90%; color:#666;} .chatpopup_wrap .cont_view .tiping_style2 dl dd{ width:40%; float:left; padding:10px 5px 10px 10px; line-height:2; box-sizing:border-box; } .chatpopup_wrap .cont_view .tiping_style2 dl dd:last-child{ width:60%; padding:10px 10px 10px 5px; text-align:right; font-weight:bold;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} /*가맹상담(핸즈업, 큐브 공통사용)*/ .FranchiseConsult { width:100%;padding:35px 15px; box-sizing:border-box; margin:0 auto; } .FranchiseConsult.no-margin { padding:0; } .FranchiseConsult .terms_container { width:100%; } .FranchiseConsult .terms_container .terms { position:relative; border:1px solid #ddd; border-top:2px solid #3071c1; margin-top:0; padding:20px 10px; font-family:Dotum; font-size:12px; line-height:20px; background-color:#fff; } .FranchiseConsult .terms_container .border_color { background:#f7f7f7; border-top:1px solid #ddd; } .FranchiseConsult .terms_container .border_color .padding { box-sizing:border-box; border:1px solid #ddd; background:#fff; padding:10px; } .FranchiseConsult .terms_container .terms.style_margin { margin-top:45px; } .FranchiseConsult .terms_container p { margin:15px 0; height:22px; line-height:24px; font-family:Dotum; font-size:12px; color:#555; font-weight:700; } .FranchiseConsult .terms_container p input[type="checkbox"]{position:relative; top:3px; margin-right:5px; width:17px; height:17px; border:1px solid #ddd; } .FranchiseConsult .consult_form p { text-align:right; font-family:Dotum; line-height:25px; font-size:12px; color:#666; } .FranchiseConsult .consult_form p .im{ position:relative; top:2.5px; font-size:14px; } .FranchiseConsult .consult_form table { width:100%; position:relative; border:1px solid #ddd; background-color:#fff; } .FranchiseConsult .consult_form table .width_wide input { width:100%; box-sizing:border-box; } .FranchiseConsult .consult_form table .border_none input { border:0; } .FranchiseConsult .consult_form table .mail_width input:first-child { width:40%; } .FranchiseConsult .consult_form table .mail_width input:nth-child(2) { width:calc( 60% - 20px ); margin-bottom:5px; } .FranchiseConsult .consult_form table tr{ height:50px; border-bottom:1px solid #ddd; } .FranchiseConsult .consult_form table tr:last-child{ height:200px; } .FranchiseConsult .consult_form table tr td:first-child{ width:80px; border-right:1px solid #ddd; background-color:#f9f9f9; } .FranchiseConsult .consult_form table tr td{ font-family:'Noto Sans KR'; font-size:14px; line-height:30px; color:#000; font-weight:bold; } .FranchiseConsult .consult_form table tr td { padding:5px; } .FranchiseConsult .consult_form table tr td:first-child .im { position:relative; top:2px; width:14px; font-size:10px; } .FranchiseConsult .consult_form table tr td.not_ipt { padding-left:20px;} .FranchiseConsult .consult_form table tr td input, .FranchiseConsult .consult_form table tr td select { height:30px; padding:0 0 0 5px; border:1px solid #ccc; box-sizing:border-box; } .FranchiseConsult .consult_form table .txtbox td:last-child { padding:0; } .FranchiseConsult .consult_form table .txtbox td:last-child input[type=text]{ height:185px; width:100%; border:0; padding-top:2px; } .FranchiseConsult .save_btn { position:relative; margin:20px auto; text-align:center; font-size:90%; font-family:NanumSquare; } .FranchiseConsult .save_btn a { display:inline-block; width:150px; height:40px; border:1px solid #333; border-radius:50px; line-height:40px; vertical-align:middle; color:inherit; background-color:#fff; } .FranchiseConsult .save_btn a:first-child { background-color:#333; color:#fff; } /*게임조아 멤버십 신청*/ .gamezoa_membership { margin:0 auto 40px auto; padding:0 0 40px 0; background:#f4f4f4; color:#333; letter-spacing:-0.5px; font-family:NanumBarunGothic; } .gamezoa_membership .banner { display:block; width:100%; height:auto; margin:0 auto; } .membership_guide { box-sizing:border-box; margin: 20px 10px 0 10px; padding:15px; border:1px solid #f0dccc; background:#fff7f1; font-family:NanumBarunGothic; } .membership_guide .big_txt { margin-bottom:10px; color:#ff6023; font-weight:bold; font-size:150%; } .membership_guide .guide_txt { color:#333; font-size:75%; line-height:23px; margin-top:15px; font-family:NanumBarunGothic; } .membership_guide .guide_txt .reopen_tit { margin-bottom:10px; color:#333; font-weight:bold; font-size:150%; } .membership_guide .guide_txt .reopen_txt { margin: 10px 0; } .membership_guide .guide_txt .reopen_txt i { margin-right:3px; color:#ff6023; font-size:80%; } .membership_guide .guide_txt .big_txt { display:block; margin-bottom:7px; color:#ff6023; font-size:120%; font-weight:bold; } .membership_guide .guide_txt .txt_red { color:#c20a0a; } .membership_guide .guide_txt .reopen_tit { display:block; margin-bottom:25px; font-size:180%; font-weight:bold; line-height:40px; } .membership_guide .guide_txt .reopen_tit b { color:#ff6023; } .gamezoa_membership .membership_wrap { box-sizing:border-box; padding:0; margin:20px 10px 10px 10px; border:1px solid #ccc; background:#fff; font-family:NanumSquare; } .gamezoa_membership .membership_wrap .tit b { color:#ee4f1e; } .gamezoa_membership .membership_wrap .service .con_tit { box-sizing:border-box; line-height:25px; padding: 10px 0; background:#ff6023; color:#fff; text-align:center; font-size:110%; font-weight:bold; } .gamezoa_membership .membership_wrap .service .con_txt { box-sizing:border-box; padding:0 15px 0 15px; margin:15px 0 15px 0; font-size:72%; line-height:23px; font-family:NanumBarunGothic; } .gamezoa_membership .membership_wrap .service .con_txt_red { line-height:22px; color:#ff6023; } .gamezoa_membership .membership_wrap .service .middle_line { margin-top:20px; padding-top:20px; border-top:1px dashed #ddd; } .gamezoa_membership .membership_wrap .con_img { display:block; width:100%; height:auto; box-sizing:border-box; padding:15px; margin:15px auto; } .gamezoa_membership .margin { margin-top:10px; } .gamezoa_membership .cost { box-sizing:border-box; margin:10px 10px 10px 10px; border:1px solid #ccc; background:#fff; clear:both; } .gamezoa_membership .cost_area { box-sizing:border-box; padding: 25px 15px 0 15px; } .gamezoa_membership .cost_area .overline { margin-bottom:3px; color:#999; text-align:right; font-size:70%; text-decoration: line-through; } .gamezoa_membership .cost_area .tit { display:inline-block; font-size:100%; font-weight:bold; } .gamezoa_membership .cost_area .tit2 { float:right; display:inline-block; font-size:100%; font-weight:bold; } .gamezoa_membership .cost_area .txt { display:inline-block; margin-top:5px; margin-right:30px; color:#999; font-size:65%; font-family:Dotum; } .gamezoa_membership .cost_area .txt b { color:#ff6023; } .gamezoa_membership .cost_area .txt2 { float:right; display:inline-block; margin-top:5px; color:#e8373d; font-size:65%; font-family:Dotum; } .gamezoa_membership .cost_area .tit_final { margin-top: 20px; text-align:right; font-size:120%; font-weight:bold; } .gamezoa_membership .final { margin-top:20px; padding:35px 15px; border-top: 1px dashed #ddd; } .gamezoa_membership .progress { box-sizing:border-box; padding:15px 0 20px 0; } .gamezoa_membership .progress .txt { padding:0 15px; margin-bottom:7px; letter-spacing:-1px; line-height:20px; font-size:65%; font-family:Dotum; } .gamezoa_membership .progress .txt input[type] { margin-right:3px; vertical-align:middle; } .gamezoa_membership .progress .txt a { display:inline-block; color:#999; text-decoration:underline; } /*종목상담 /Item/StockConsultList.aspx */ .stockconsult .stockconsult_mentor { padding:10px; background:#333847; font-family:'Noto Sans KR'; } .stockconsult .stockconsult_mentor.write { padding-bottom:20px; background:#f6f9ff; border-bottom:1px solid #d3ddf3; } .stockconsult .stockconsult_mentor.write h2 { font-family:NanumSquare; font-size:110%; color:#181e29; text-align:left; font-weight:600; line-height:40px; vertical-align:middle; } .stockconsult .stockconsult_mentor.write .noti { padding:10px 0 0; font-size:75%; color:#4a4a84; } .stockconsult .stockconsult_mentor.write .noti h3 { font-size:110%; color:#d23030; line-height:30px; vertical-align:middle; } .stockconsult .stockconsult_mentor.write .noti span { display:block; } .stockconsult .stockconsult_mentor.write .noti span b { font-weight:500; } .stockconsult .stockconsult_mentor .mentortop { padding:0 10px; background:#fff; overflow:hidden; } .stockconsult .stockconsult_mentor .mentortop.write { border:1px solid #d3ddf3; } .stockconsult .stockconsult_mentor .mentortop .mentor_info { padding:20px 0 10px 0; overflow:hidden; } .stockconsult .stockconsult_mentor .mentortop .mentor_info.write { padding-bottom:0; } .stockconsult .stockconsult_mentor .mentortop .mentor_info .mentor_emblem { display:inline-block; width:55px; height:55px; margin:0 10px 0 -5px; } .stockconsult .stockconsult_mentor .mentortop .mentor_info .mentor_name { display:inline-block; height:55px; margin-top:-5px; overflow:hidden; } .stockconsult .stockconsult_mentor .mentortop .mentor_info .mentor_name.write { height:27px; } .stockconsult .stockconsult_mentor .mentortop .mentor_info .mentor_name .name { height:27px; margin-bottom:3px; font-size:80%; color:#666; line-height:20px; vertical-align:middle; } .stockconsult .stockconsult_mentor .mentortop .mentor_info .mentor_name .name b { font-size:125%; color:#333; font-weight:500; } .stockconsult .stockconsult_mentor .mentortop .mentor_info .mentor_name .tendency { height:23px; vertical-align:middle; } .stockconsult .stockconsult_mentor .mentortop .mentor_info .mentor_name .tendency img { display:inline-block; } .stockconsult .stockconsult_mentor .mentortop .mentor_info .mentor_intro { height:80px; margin:0 0 10px 0; font-family:NanumGothic; font-size:70%; color:#555; line-height:20px; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; } .stockconsult .stockconsult_mentor .mentortop .mentor_info .mentor_results { height:30px; border:1px solid #ddd; background:#f7f7f7; box-sizing:border-box; } .stockconsult .stockconsult_mentor .mentortop .mentor_info .mentor_results li { float:left; width:49%; height:28px; border-right:1px solid #ddd; text-align:center; font-size:70%; color:#333; line-height:25px; vertical-align:middle; box-sizing:border-box; overflow:hidden; } .stockconsult .stockconsult_mentor .mentortop .mentor_info .mentor_results li:last-child { border-right:none; padding:0; margin:0; } .stockconsult .stockconsult_mentor .mentortop .mentor_info .mentor_results li:last-child span { color:#f1160b; } .stockconsult .stockconsult_mentor .mentortop .mentor_info .mentor_results li i { font-size:100%; vertical-align:middle; margin-bottom:3px; } .stockconsult .stockconsult_mentor .mentortop .mentor_info .mentor_results li span { color:#ff6023; } .stockconsult .stockconsult_mentor .mentortop .mentor_info .mentor_results li span b { font-size:130%; } .stockconsult .stockconsult_mentor .mentortop .mentor_consult { position:relative; padding:20px 0 0 0; overflow:hidden;} .stockconsult .stockconsult_mentor .mentortop .mentor_consult.write { padding-top:0; } .stockconsult .stockconsult_mentor .mentortop .mentor_consult .mentor_reply { border:1px solid #ddd; box-sizing:border-box; overflow:hidden; } .stockconsult .stockconsult_mentor .mentortop .mentor_consult .mentor_reply li { float:left; width:49%; padding:5px 0; border-right:1px solid #ddd; font-size:80%; color:#333; box-sizing:border-box; overflow:hidden; } .stockconsult .stockconsult_mentor .mentortop .mentor_consult .mentor_reply li:last-child { width:50%; border-right:none; margin:0; } .stockconsult .stockconsult_mentor .mentortop .mentor_consult .mentor_reply li:last-child span { color:#394871; } .stockconsult .stockconsult_mentor .mentortop .mentor_consult .mentor_reply li small { display:block; padding: 0 15px; line-height:25px; vertical-align:text-bottom; } .stockconsult .stockconsult_mentor .mentortop .mentor_consult .mentor_reply li span { display:block; padding:0 15px; line-height:30px; vertical-align:middle; } .stockconsult .stockconsult_mentor .mentortop .mentor_consult .mentor_reply li span b { font-size:160%; } .stockconsult .stockconsult_mentor .mentortop .mentor_consult .mentor_contentment { padding:10px 0 0 0; overflow:hidden; } .stockconsult .stockconsult_mentor .mentortop .mentor_consult .but_regularly { width:100%; height:50px; border-radius:5px; text-align:center; margin:30px 0 0 0; font-family:NanumSquare; font-size:20px; box-sizing:border-box; box-shadow:none; cursor:pointer; } .stockconsult .stockconsult_mentor .mentortop .mentor_consult .but_regularly.gradation_dgray { font-weight:500; line-height:40px; } .stockconsult .stockconsult_mentor .mentortop .mentor_consult .noti { display:block; position:absolute; bottom:15px; right:0; font-size:12px; color:#888; font-weight:400; letter-spacing:0; line-height:25px; vertical-align:middle; } .stockconsult .stockconsult_mentor .mentortop .mentor_consult .but_layer { position:absolute; top:5px; right:0; height:20px; padding:0 0 0 5px; font-family:Dotum; font-size:11px; color:#999; overflow:hidden; } .stockconsult .stockconsult_mentor .but_mentorconsult { width:100%; margin-top:-2px; font-family:NanumSquare; font-size:100%; color:#222; border:0; border-top:1px solid #ddd; border-top-left-radius:0; border-top-right-radius:0; line-height:40px; vertical-align:middle; } .stockconsult .stockconsult_mentor .but_regularly { width:100%; margin:10px 0; font-family:NanumSquare; font-size:100%; font-weight:500; letter-spacing:-0.5px; line-height:40px; vertical-align:middle; background-color:#ddd; } .stockconsult .stockconsult_mentor .noti_regularly { text-align:right; font-family:Dotum; font-size:11px; color:#999; line-height:12px; vertical-align:middle; } .stockconsult .stockconsult_mentor .mentortop .mentorwrite { margin:0 -10px; padding:10px; background:#f9f9f9; border-top:1px dashed #ddd; overflow:hidden; } .stockconsult .stockconsult_mentor .mentortop .mentorwrite p { font-size:75%; letter-spacing:-0.5px; } .stockconsult .stockconsult_mentor .mentortop .mentorwrite p:first-child { margin-bottom:5px; } .stockconsult .stockconsult_mentor .mentortop .mentorwrite p span { color:#ff6023; } .stockconsult .stockconsult_mentor .mentortop .mentorwrite p i { font-size:90%; margin-bottom:3px; } .stockconsult .button_box { margin:10px; overflow:hidden; } .stockconsult .button_box p { padding:10px; background:#fafafa; border:1px solid #ddd; border-bottom:0; text-align:center; font-family:Dotum; font-size:12px; color:#666; line-height:18px; } .stockconsult .button_box .but {display:block; width:100%; line-height:50px; vertical-align:middle; text-align:center; font-family:NanumSquare; font-size:90%; color:#fff; background-color:#ff6023; background:linear-gradient(to bottom,#ff9630,#ff6023);} .stockconsult .button_box .ing {display:block; width:100%; line-height:50px; vertical-align:middle; text-align:center; border:1px solid #96a9e3; font-family:NanumSquare; font-size:90%; color:#333; background-color:#cfd9f7; background:linear-gradient(to bottom,#cfd9f7,#8797c8);} /*메뉴 */ .menu_mheader_warp { position:relative; } .mbody_wrap2 { top:0; } /* 로그인시 포인트,쿠폰 /MainMenu.aspx */ .my_point { width:calc(100% + 30px); margin:0 -15px 5px; background-color:#fff; border-bottom:1px solid #eaeaea; } .my_point::after { content:""; display:block; clear:both;} .my_point li { float:left; width:50%; padding:15px 0; border-right:1px solid #eaeaea; text-align:center; font-size:85%; font-weight:600; box-sizing:border-box; letter-spacing:-1px; } .my_point li:nth-child(2) { border-right:0; } .my_point li .im { padding-bottom:4px; font-size:100%; vertical-align:middle; } .my_point li .value { font-size:120%; } .my_point li.subscribe { width:100%; border:0; padding:15px;} .my_point li.subscribe .subscribe_btn { display:block; height:40px; line-height:40px; font-weight:normal; text-align:center;} /* 드로우메뉴_배너 /MainMenu.aspx */ .menu_banner { width:calc(100% + 30px); margin:0 -15px 5px -15px; height:100%; max-height:90px; font-family: 'Noto Sans KR';} .menu_banner a { display:inline-block; width:100%; height:100%; max-height:90px; } .menu_banner a img { width:100%; height:auto; max-height:90px; } /* 드로우메뉴_메뉴 /MainMenu.aspx */ .bookmark_mentor { display:inline-block; margin-left:5px; width:auto; padding:0 10px; height:25px; line-height:25px; font-size:85%; text-align:center; border-radius:20px; } .bookmark_mentor .fa { margin-right:3px; margin-bottom:1px; vertical-align:middle; } .bookmark_mentor.on .fa { color:#e8373d; } /* 홈_배너*/ /*랭킹*/ .lanking_tit { font-size:85%; padding:20px 15px 10px; font-weight:500;font-family: 'Noto Sans KR'; } .lanking_list { width:100%; background-color:#fff; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea;font-family: 'Noto Sans KR'; } .lanking_warp:last-of-type { margin-bottom:60px;} .lanking_list ul { display:block; height:75px; margin:0 15px; border-bottom:1px solid #eaeaea; } .lanking_list ul::after { content:""; display:block; clear:both; } .lanking_list>ul:last-of-type { border-bottom:0; } .lanking_list ul li { float:left; padding:15px;} .lanking_list ul li:first-child { font-size:200%; height:75px; line-height:40px; text-align:center; width:75px; color:#999; font-weight:lighter; } .lanking_list ul li:first-child.colr_rd { color:#ee3128; font-weight:400; } .lanking_list ul li:last-child { width:calc(100% - 75px); padding-left:0; font-size:80%; } .lanking_list ul li:last-child b { display:inline-block; width:100%; height:20px; line-height:22px; font-size:95%;font-weight:normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word; } .lanking_list ul li:last-child span { font-size:85%; line-height:25px;} .lanking_list ul li:last-child span.colr_rd { font-weight:500;} .lanking_list ul li:last-child span .im { margin-left:8px; font-size:80%;} /*소개영상 (공통)*/ .mentor_info .intro_vod { z-index:2; float:right; display:inline-block; padding:0 10px; min-width:75px; height:22px; font-size:12px; line-height:22px; font-weight:normal; border-radius:15px; text-align:center; } .mentor_info .intro_vod >.im { margin-right:3px; margin-top:1px; font-size:90%; vertical-align:middle; } .mentor_info { position:relative; padding:10px 10px 5px; display:block; font-size:80%; line-height:25px; background-color:#fff;font-family: 'Noto Sans KR'; } .mentor_info a.disabled { background:#f4f4f4; color:#ccc; } .mentor_info .mentor_link { z-index:2; display:inline-block; position:relative; font-size:19px; font-weight:500; } .mentor_info .mentor_link>.im{ font-size:83%; vertical-align:middle; margin:0 3px -1px 0; } .mentor_txt { font-size:90%; line-height: 22px; height: 20px; overflow: hidden; text-overflow: ellipsis; display:block; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word; font-weight:normal; color:#999; } .all_view_btn { display:block; margin:30px 15px; width:calc(100% - 30px); height:60px; line-height:60px; text-align:center; color:#fff!important; border-radius:10px; background-image: -webkit-linear-gradient(top bottom, #414082 0%, #2e2e72 100%); background-image: -webkit-linear-gradient(top bottom, #414082 0%, #2e2e72 100%); background-image: -o-linear-gradient(top bottom, #414082 0%, #2e2e72 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#414082), to(#2e2e72)); background-image: linear-gradient(to bottom,#414082,#2e2e72);} /*검색화면*/ .header_search { padding:5px 15px 10px 15px; border-bottom: 1px solid #e6e9ed; background-color: #fff; font-size: 90%; box-sizing:border-box; } .header_search input { width:100%; padding:0 15px; background-color:#ededed; height:50px; line-height:48px; border-radius:40px; } p.none_search { display:inline-block; width:100%; text-align:left; padding:0 20px; height:45px; line-height:43px; font-size:80%; color:#777;height:75px; line-height:73px; } div.none_search { display:inline-block; width:100%; text-align:left; padding:0 20px; height:45px; line-height:43px; font-size:80%; color:#777;height:75px; line-height:73px; } .m_bottom_banner { width:100%; height:auto; min-height:70px; background-color:#ddd; } .m_bottom_banner img { width:100%; height:auto; min-height:70px; } /*--------------E : View------------------------------------------------------------------------*/ /*해외선물강의(해외선물) .lecture_popup_wrap {width:95%; padding-top:25px; margin:0 auto; position:relative;z-index:10;} .lecture_popup {width:90%; background:#fff; padding:10px; box-shadow:0 0 7px #999; overflow:hidden; z-index:9999999; font-family:NanumGothic; letter-spacing:-1px;} .lecture_popup .button {position:absolute; top:0; right:0; width:40px; height:40px; border:0; border-radius:30px; background:#222; text-align:center; color:#fff; font-size:95%; font-weight:bold; z-index:99999999;} .lecture_popup .popup_tab {height:45px; overflow:hidden; background-color:white; margin-top:10px;} .lecture_popup .popup_tab li {float:left; width:33%; height:38px; border-right:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc; overflow:hidden; text-align:center; line-height:40px; vertical-align:middle; font-size:75%; color:#333; cursor: pointer;} .lecture_popup .popup_tab li:first-child {border-left:1px solid #ccc;} .lecture_popup .popup_tab li.on {height:45px; border:0; margin-left:-1px;} .lecture_popup .popup_tab li.on .arrow_box {display:block; text-align:center; line-height:40px; vertical-align:middle; color:#fff; position: relative; background: #667685;} .lecture_popup .popup_tab li.on .arrow_box:after {top:100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events:none; border-top-color: #667685; border-width: 5px; margin-left: -5px;} .lecture_popup .popup_tab li.on:first-child {margin-left:0px;} .lecture_popup h3 {margin:15px 0 0 0; line-height:35px; vertical-align:middle; font-size:80%; font-weight:bold; color:#353535;} .lecture_popup h3 span {color:#d23030;} .lecture_popup .lecture_pop_txt {line-height:20px; font-size:12px; letter-spacing:-1px; color:#646d84; } .lecture_popup .lecture_table {width:100%; border:1px solid #dadfe3; text-align:left;} .lecture_popup .lecture_table:last-child {border-bottom:0;} .lecture_popup .lecture_table th {background:#f3f4f4; border-bottom:1px solid #dadfe3; padding:10px; line-height:22px; font-family:NanumGothic; font-size:14px; color:#667685; text-align:left;} .lecture_popup .lecture_table th span {color:#d23030;} .lecture_popup .lecture_table td {padding:10px; border-bottom:1px solid #dadfe3; font-family:Gulim; font-size:11px; color:#878787; line-height:20px;} .lecture_popup .lecture_table td span {display:block; color:#333;} .lecture_popup .lecture_table td span b {display:block; padding-top:5px; font-weight:normal;} .lecture_popup .lecture_table td span em {display:block; font-style:normal; color:#d23030; padding-top:5px;} */ /*종목팝업 .stocklist_popup { position:absolute; left:18px; top:65px; width:90%; border:1px solid #b3b3b3; min-height:200px; background:#fff; box-shadow:0 0px 7px #666; margin:0 auto; z-index:6;} .stocklist_popup.left { margin-left:-3%; } .stocklist_popup .popup_tit {padding:0 15px; line-height:40px; vertical-align:middle; background:#27448a; color:#fff; font-size:80%; font-family:'NanumSquare'; font-weight:bold;} .stocklist_popup .popup_tit i {opacity:0.5;} .stocklist_popup .popup_tit .btn_close {float:right; width:45px; line-height:42px; vertical-align:middle; text-align:center; color:#fff; font-size:135%; font-weight:normal; background:none; cursor:pointer; margin-right:-15px;} .stocklist_popup .popup_tit .btn_close i {opacity:1;} .stocklist_popup .popuplist {overflow-y:scroll; width:100%; min-height:200px;} .stocklist_popup .popuplist li {line-height:25px; vertical-align:middle; padding:10px 15px; border-bottom:1px solid #ddd; color:#333; font-size:80%; font-family:'NanumSquare'; position:relative;} .stocklist_popup .popuplist li .small {display:block; line-height:25px; vertical-align:middle; font-size:90%; color:#777;} .stocklist_popup .popuplist li .open_btn {position:absolute; right:10px; top:15px; width:45px; line-height:40px; vertical-align:middle; text-align:center; font-size:110%; color:#ababab; text-shadow:inset 2px 2px 2px 3px #aaa; background:none;} .stocklist_popup .popuplist li.open_li {background:#f4f4f4; color:#333; font-size:70%; line-height:35px;} .stocklist_popup .popuplist li.open_li input {border:1px solid #aaa; text-align:center; padding:0 10px; color:#666; line-height:28px; height:28px; vertical-align:middle; background:#fff;} .stocklist_popup .popuplist li.open_li select {border:1px solid #aaa; padding:0 5px; color:#666; width:130px; height:32px; line-height:32px; vertical-align:middle; font-size:95%; background:url(/img/sub/select_bg.png) right 0 no-repeat #fff; background-size:35px 30px; -moz-appearance:none; -webkit-appearance:none; } .stocklist_popup .popuplist li.open_li select::-ms-expand {display:none} .stocklist_popup .popuplist li.open_li .radio_list {display:block; line-height:30px;} .stocklist_popup .popuplist li.open_li .radio_list input[type=radio] {width:15px; height:15px; border:1px solid #aaa; background:#fff;} .stocklist_popup .popup_btn {margin:30px auto; text-align:center;} .stocklist_popup .popup_btn .btn_reset {display:inline-block; width:78px; line-height:33px; vertical-align:middle; text-align:center; border-radius:5px; border:1px solid #ccc; background:linear-gradient(to bottom,#f0f0ee, #fff);} .stocklist_popup .popup_btn .btn_reset a {color:#525968; font-family:'Dotum'; font-weight:bold; font-size:70%;} .stocklist_popup .popup_btn .btn_search {display:inline-block; width:78px; line-height:33px; vertical-align:middle; text-align:center; border-radius:5px; border:1px solid #757b8a; background:linear-gradient(to bottom,#757b8a, #979daa);} .stocklist_popup .popup_btn .btn_search a { color:#fff; font-family:'Dotum'; font-weight:bold; font-size:70%;} */ /*추천종목_팝업 .pop_stocklist_bg{position:fixed; left:0; top:0; width:100%; height:100%; overflow:hidden; background:#000; filter:alpha(opacity=40); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; opacity:0.5; z-index:5;} .pop_stocklist { position:absolute; left:18px; top:145px; width:90%; border:1px solid #b3b3b3; min-height:125px; border-radius:10px; background:#fff; margin:0 auto; z-index:6;} .pop_stocklist .pop_top {height:48px; border-bottom:1px solid #ccc;} .pop_stocklist .pop_top li {float:left; display:block; width:50%; font-size:80%; line-height:48px;} .pop_stocklist .pop_top li img {margin:3px 4px -2px 0; vertical-align:text-bottom; max-width:18px; max-height:25px; padding-top:5px;} .pop_stocklist .pop_top li.pop_serch { height:48px; line-height:48px; text-align:center; border-right:1px solid #b3b3b3; font-weight:bold; text-shadow:0px 2px 1px #fff; border-top-left-radius:10px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e3e3e3 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#e3e3e3 100%); background: linear-gradient(to bottom, #ffffff 0%,#e3e3e3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0 ); } .pop_stocklist .pop_top li.pop_serch_off {height:48px; text-align:center; border-right:1px solid #b3b3b3; font-weight:bold; text-shadow:0px 2px 1px #fff; border-top-left-radius:10px; box-shadow:inset 0px 2px 4px #999; background: #d9d9d9; background: -moz-linear-gradient(top, #d9d9d9 0%, #ffffff 100%); background: -webkit-linear-gradient(top, #d9d9d9 0%,#ffffff 100%); background: linear-gradient(to bottom, #d9d9d9 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#ffffff',GradientType=0 );} .pop_stocklist .pop_top li.pop_serch_off a {color:#999;} .pop_stocklist .pop_top li.pop_align {width:49.4%; height:48px; float:right; text-align:center; font-weight:bold; text-shadow:0px 2px 1px #fff; border-top-right-radius:10px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e3e3e3 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#e3e3e3 100%); background: linear-gradient(to bottom, #ffffff 0%,#e3e3e3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0 ); } .pop_stocklist .pop_top li.pop_align_off {width:49.4%; height:48px; float:right; text-align:center; border-right:1px solid #b3b3b3; font-weight:bold; text-shadow:0px 2px 1px #fff; border-top-right-radius:10px; box-shadow:inset 0px 2px 5px #aaa; background: #d9d9d9; background: -moz-linear-gradient(top, #d9d9d9 0%, #ffffff 100%); background: -webkit-linear-gradient(top, #d9d9d9 0%,#ffffff 100%); background: linear-gradient(to bottom, #d9d9d9 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#ffffff',GradientType=0 ); } .pop_stocklist .pop_top li.pop_align_off a {color:#999;} */ /*슈스케 멘토메뉴 .mentor_menu {padding:0 10px; width:130px; border:2px solid #4c78d9; box-sizing:border-box; background:#fff;} .mentor_menu li {height:35px; line-height:35px; vertical-align:middle; border-bottom:1px dashed #b3c4e9; font-family:Dotum; font-size:12px; font-weight:bold; color:#4972b8;} .mentor_menu li:last-child {border-bottom:0;} */ /*멘토이력 레이어팝업 .mentor_record_layerpop { position:absolute; width:280px; height:auto; right:15px; padding:10px; text-align:left; line-height:20px; box-sizing:border-box; border:1px solid #666; background-color:#fff; box-shadow:1px 1px 3px #333; z-index:5; } .mentor_record_layerpop b { display:block; padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #eee; line-height:20px;} .mentor_record_layerpop div.career { width:100%; height:auto; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word;} .mentor_record_layerpop b .im { float:right; font-size:15px; } */ /*종목상담_상담신청 .consult_pop { width:90%; padding:10px; box-sizing:border-box; margin:0 auto; border:1px solid #cccccc; border-radius:10px; background:#f7f7f7; overflow:hidden; z-index:99999999; font-family:NanumSquare; } .consult_pop h2 { height:35px; padding:10px 0 0 0; font-size:100%; color:#333; text-align:center; line-height:30px; vertical-align:middle } .consult_pop h2.mentor { text-align:left; } .consult_pop h2 b { color:#ff6023; font-weight:600; } .consult_pop.common { width:90%; margin-left:-3%; position:relative; padding:10px; } .consult_pop.common h2 { font-size:120%; margin-bottom:10px; } .consult_pop.common h2 button { position:absolute; right:20px; top:20px; line-height:30px; color:#000; font-size:140%; border:0; background:none; cursor:pointer; } .consult_pop .stockconsult { height:500px; background:#fff; overflow-y:scroll; } .consult_pop .stockconsult .stockconsult_mentorlist { margin:0; } */ /* 레이어팝업*/ .layer_popup_style1 { } .layer_popup_style1 .layer_popup { } .layer_popup_style1 .top { position: relative; width: 100%; height: 46px; background: url(../images/popup/bg_top_403.png) no-repeat; } .layer_popup_style1 .center { padding: 14px 22px; background-color: #ffffff; } .layer_popup_style1 .center .pop_contents { margin: 0px; font-size: 12px; line-height: 17px; color: #4d4d4d; padding-top: 10px; text-align: center; } .layer_popup_style1 .center .pop_contents .P10 { padding-top: 10px; padding-bottom: 10px; } .layer_popup_style1 .center .pop_contents .caution { padding: 10px; background: #f3f3f3; font-size: 11px; line-height: 16px; color: #666666; text-align: left; margin-top: 10px } .layer_popup_style1 .center .pop_contents .pointxt { color: #1f54cf; font-weight: bold; } .layer_popup_style1 .center .pop_contents .pointxt02 {color: #e9240f; font-weight: bold;} .layer_popup_style1 .center .pop_contents .pointxt03 {color: #4d4d4d; font-weight: bold;} .layer_popup_style1 .center .pop_contents .pointxt04 {color: #e9240f; font-weight: bold;} .layer_popup_style1 .center .line { height: 1px; background: url(../images/popup/dot_blue.gif) repeat-x; } .layer_popup_style1 .center .btn { padding-top: 14px; text-align: center; } .layer_popup_style1 .bottom { width: 100%; height: 10px; background: url(../images/popup/bg_btm_403.png) no-repeat; } /**/ .ld_popup_wrap { width:90%; z-index:999; } .ld_popup_wrap img { width:100%; } .ld_popup_wrap .close { padding:0 15px; line-height:40px; vertical-align:middle; font-size:80%; font-weight:300; color:#fff; background:#222;} .ld_popup_wrap .close input[type=checkbox] { width:20px; height:20px; margin:0 5px 3px 0; vertical-align:middle; } .ld_popup_wrap .close .linke { float:right; height:40px; vertical-align:middle; color:#fff;}