/**********************************************************************/ /********************** knowledge 2009 **********************/ /**********************************************************************/ /* 공통 */ body { margin:0; font-family:돋움,Dotum,AppleGothic,sans-serif; background:#fff; text-align:left; } body, div, td { font-size:12px; color:#474730; } ol,ul,li { list-style:none; margin:0px; padding:0px;} img { border:0 none } b { letter-spacing:-1px } a { color:#474730; text-decoration:none; } a:hover { color:#474730; text-decoration:underline; } hr { margin:-4px 0 0px 0;color:#307dc5; } h1 { display:none; } h2 { float:left; padding:10px 90px 1px 20px; } .png24 { tmp:expression(setPng24(this)); } .KNcontent { width:980px; margin:0 auto; background-color:#fff; margin-left:expression(document.body.clientWidth < 1000 ? '0px' : document.body.clientWidth/2-490); } .utilmargin { margin:0 0 70px 0; } /* Fonts */ .foKr11 { font-family:돋움,Dotum; font-size:11px; } .foKrG11 { font-family:굴림,Gulim; font-size:11px; } .foEn11 { font-family:Tahoma; font-size:11px; } .foKr12 { font-family:돋움,Dotum; font-size:12px; } .foKrG12 { font-family:굴림,Gulim; font-size:12px; } .foEn12 { font-family:Tahoma; font-size:12px; } .foKr13 { font-family:돋움,Dotum; font-size:13px; } .foKrG13 { font-family:굴림,Gulim; font-size:13px; } .foEn13 { font-family:Tahoma; font-size:13px; } .foKr14 { font-family:돋움,Dotum; font-size:14px; } .foKrG14 { font-family:굴림,Gulim; font-size:14px; } .foEn14 { font-family:Tahoma; font-size:14px; } .foKr11B { font-family:돋움,Dotum; font-size:11px; font-weight:bold; } .foKrG11B { font-family:굴림,Gulim; font-size:11px; font-weight:bold; } .foEn11B { font-family:Tahoma; font-size:11px; font-weight:bold; } .foKr12B { font-family:돋움,Dotum; font-size:12px; font-weight:bold; } .foKrG12B { font-family:굴림,Gulim; font-size:12px; font-weight:bold; } .foEn12B { font-family:Tahoma; font-size:12px; font-weight:bold; } .foKr13B { font-family:돋움,Dotum; font-size:13px; font-weight:bold; } .foKrG13B { font-family:굴림,Gulim; font-size:13px; font-weight:bold; } .foEn13B { font-family:Tahoma; font-size:13px; font-weight:bold; } .foKr14B { font-family:돋움,Dotum; font-size:14px; font-weight:bold; } .foKrG14B { font-family:굴림,Gulim; font-size:14px; font-weight:bold; } .foEn14B { font-family:Tahoma; font-size:14px; font-weight:bold; } .foOrange { color:#f46700 } .foLiOrange { color:#ff8a00 } .foBlack { color:#000000 } .foBlue { color:#009bc1 } .foDarkBlue { color:#0b0b72 } .foGreen { color:#1ba500 } .foLiGray { color:#969696 } .foGray { color:#747474 } .foOrange11 { font-family:돋움,Dotum; color:#f46700; font-size:11px; } .foOrange11B { font-family:돋움,Dotum; color:#f46700; font-size:11px; font-weight:bold; } .foOrangeEn11 { font-family:Tahoma; color:#f46700; font-size:11px; } .foOrangeEn11B { font-family:Tahoma; color:#f46700; font-size:11px; font-weight:bold; } .foOrange12 { font-family:돋움,Dotum; color:#f46700; font-size:12px; } .foOrange12B { font-family:돋움,Dotum; color:#f46700; font-size:12px; font-weight:bold; } .foOrangeEn12 { font-family:Tahoma; color:#f46700; font-size:12px; } .foOrangeEn12B { font-family:Tahoma; color:#f46700; font-size:12px; font-weight:bold; } .foLiOrange11 { font-family:돋움,Dotum; color:#ff8a00; font-size:11px; } .foLiOrange11B { font-family:돋움,Dotum; color:#ff8a00; font-size:11px; font-weight:bold; } .foLiOrangeEn11 { font-family:Tahoma; color:#ff8a00; font-size:11px; } .foLiOrangeEn11B { font-family:Tahoma; color:#ff8a00; font-size:11px; font-weight:bold; } .foLiOrange12 { font-family:돋움,Dotum; color:#ff8a00; font-size:12px; } .foLiOrange12B { font-family:돋움,Dotum; color:#ff8a00; font-size:12px; font-weight:bold; } .foLiOrangeEn12 { font-family:Tahoma; color:#ff8a00; font-size:12px; } .foLiOrangeEn12B { font-family:Tahoma; color:#ff8a00; font-size:12px; font-weight:bold; } .foBlack11 { font-family:돋움,Dotum; color:#000000; font-size:11px; } .foBlack11B { font-family:돋움,Dotum; color:#000000; font-size:11px; font-weight:bold; } .foBlackEn11 { font-family:Tahoma; color:#000000; font-size:11px; } .foBlackEn11B { font-family:Tahoma; color:#000000; font-size:11px; font-weight:bold; } .foBlack12 { font-family:돋움,Dotum; color:#000000; font-size:12px; } .foBlack12B { font-family:돋움,Dotum; color:#000000; font-size:12px; font-weight:bold; } .foBlackEn12 { font-family:Tahoma; color:#000000; font-size:12px; } .foBlackEn12B { font-family:Tahoma; color:#000000; font-size:12px; font-weight:bold; } .foBlue11 { font-family:돋움,Dotum; color:#009bc1; font-size:11px; } .foBlue11B { font-family:돋움,Dotum; color:#009bc1; font-size:11px; font-weight:bold; } .foBlueEn11 { font-family:Tahoma; color:#009bc1; font-size:11px; } .foBlueEn11B { font-family:Tahoma; color:#009bc1; font-size:11px; font-weight:bold; } .foBlue12 { font-family:돋움,Dotum; color:#009bc1; font-size:12px; } .foBlue12B { font-family:돋움,Dotum; color:#009bc1; font-size:12px; font-weight:bold; } .foBlueEn12 { font-family:Tahoma; color:#009bc1; font-size:12px; } .foBlueEn12B { font-family:Tahoma; color:#009bc1; font-size:12px; font-weight:bold; } .foDarkBlue11 { font-family:돋움,Dotum; color:#0b0b72; font-size:11px; } .foDarkBlue11B { font-family:돋움,Dotum; color:#0b0b72; font-size:11px; font-weight:bold; } .foDarkBlueEn11 { font-family:Tahoma; color:#0b0b72; font-size:11px; } .foDarkBlueEn11B { font-family:Tahoma; color:#0b0b72; font-size:11px; font-weight:bold; } .foDarkBlue12 { font-family:돋움,Dotum; color:#0b0b72; font-size:12px; } .foDarkBlue12B { font-family:돋움,Dotum; color:#0b0b72; font-size:12px; font-weight:bold; } .foDarkBlueEn12 { font-family:Tahoma; color:#0b0b72; font-size:12px; } .foDarkBlueEn12B { font-family:Tahoma; color:#0b0b72; font-size:12px; font-weight:bold; } .foGreen11 { font-family:돋움,Dotum; color:#1ba500; font-size:11px; } .foGreen11B { font-family:돋움,Dotum; color:#1ba500; font-size:11px; font-weight:bold; } .foGreenEn11 { font-family:Tahoma; color:#1ba500; font-size:11px; } .foGreenEn11B { font-family:Tahoma; color:#1ba500; font-size:11px; font-weight:bold; } .foGreen12 { font-family:돋움,Dotum; color:#1ba500; font-size:12px; } .foGreen12B { font-family:돋움,Dotum; color:#1ba500; font-size:12px; font-weight:bold; } .foGreenEn12 { font-family:Tahoma; color:#1ba500; font-size:12px; } .foGreenEn12B { font-family:Tahoma; color:#1ba500; font-size:12px; font-weight:bold; } .foLiGray11 { font-family:돋움,Dotum; color:#969696; font-size:11px; } .foLiGray11B { font-family:돋움,Dotum; color:#969696; font-size:11px; font-weight:bold; } .foLiGrayEn11 { font-family:Tahoma; color:#969696; font-size:11px; } .foLiGrayEn11B { font-family:Tahoma; color:#969696; font-size:11px; font-weight:bold; } .foLiGray12 { font-family:돋움,Dotum; color:#969696; font-size:12px; } .foLiGray12B { font-family:돋움,Dotum; color:#969696; font-size:12px; font-weight:bold; } .foLiGrayEn12 { font-family:Tahoma; color:#969696; font-size:12px; } .foLiGrayEn12B { font-family:Tahoma; color:#969696; font-size:12px; font-weight:bold; } .foGray11 { font-family:돋움,Dotum; color:#747474; font-size:11px; } .foGray11B { font-family:돋움,Dotum; color:#747474; font-size:11px; font-weight:bold; } .foGrayEn11 { font-family:Tahoma; color:#747474; font-size:11px; } .foGrayEn11B { font-family:Tahoma; color:#747474; font-size:11px; font-weight:bold; } .foGray12 { font-family:돋움,Dotum; color:#747474; font-size:12px; } .foGray12B { font-family:돋움,Dotum; color:#747474; font-size:12px; font-weight:bold; } .foGrayEn12 { font-family:Tahoma; color:#747474; font-size:12px; } .foGrayEn12B { font-family:Tahoma; color:#747474; font-size:12px; font-weight:bold; } /* gnb */ #gnbMenu { width:100%; margin:20 0 0 0; background-color:#3f4e79; height:36px; } #KNgnbHeader { width:100%; margin:15 0 0 0; } #KNgnbHeader .btns { width:205px; padding-right:10px; } #KNsearch .KNwindow { display:-moz-inline-block;display:-moz-inline-box;display:inline-block;width:382px;_width /**/:396px;height:29px;_height /**/:200x;border:4px solid #0070ba;background-color:#fff; } #KNsearch .KNinput_text { width:334px;_width /**/:340px;height:27px;*height:29px;_height:27px;padding:5px 3px 0 6px;*padding-top:2px;_padding-top:4px;border:0 none;font-weight:bold;font-size:19px;color:#000;*ime-mode:active; } #KNsearch .KNbtn { position:relative;z-index:10;vertical-align:top;margin:1px 0px 1 0; } #KNsearch li { float:left; margin-top:10px; color: #c5e3ff;padding:0px 0px 0 0; } #KNsearch li img { margin:1 0 0 0 ; vertical-align: middle; } #KNsearch li.dropdown { padding:8px 5px 0 0; } #KNsearch li.dropdown a { color: #c5e2ff; } #KNsearch li.dropdown a:hover { color: #c5e3ff; text-decoration: none; } #KNsearch li.dropdown a img { vertical-align: top; margin-top: 1px; } #autolist { position:absolute; z-index:0; top:11px; left:-402px; visibility:visible;BORDER: solid 2px;border-color: #a6c7e7;background-color:#FFFFFF; overflow-y:scroll; scrollbar-face-color:#b6cefb; scrollbar-highlight-color: #b4c8f6; scrollbar-3dlight-color: #FFFFFF; scrollbar-shadow-color: #b4c8f6; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #f4f4f4; scrollbar-arrow-color: #4d6185} #utility ul { width:397px;margin:0 0 30 0; } #utility li { position:relative; float:left; _display:inline; z-index:0; top:11px; left:-402px; } #keyword ul { width:397px;position:relative; float:left;margin:4 0 0 3; } #keyword li { position:relative; float:left; } #keyword .menutxt { letter-spacing:-1px;padding:3 3 0 2 } #keyword .menutxt a:link { font-family:돋움;font-size:12px;color:#2f2f2f;text-decoration:none; } #keyword .menutxt a:visited { font-family:돋움;font-size:12px;color:#2f2f2f;text-decoration:none; } #keyword .menutxt a:active { font-family:돋움;font-size:12px;color:#2f2f2f;text-decoration:none; } #keyword .menutxt a:hover { font-family:돋움;font-size:12px;color:#2f2f2f;text-decoration:underline; } #keyword .menutxt_blue { font-family:돋움;font-size:12px;color:#0063b1;letter-spacing:-1px;padding:3 3 0 2 } #keyword .menutxt_blue2 { font-family:돋움;font-size:12px;color:#0063b1;letter-spacing:-1px;padding:3 3 0 20 } #keyword .menutxt_sc { ffont-family:돋움;font-size:12px;color:#2f2f2f;width:70px; height:20px; top:3px;position:absolute; float:top; overflow:hidden; display: inline; } #keyword .menutxt_span { font-family:돋움;font-size:12px;color:#2f2f2f;width:75px; height:20px; display:block; } /* 서브메뉴 Tab */ .KNtab_1 { width:100%; background:url(http://image.moneta.co.kr/stock/knowhow_/bg_tab.gif) repeat-x left bottom; overflow:hidden;font-size:12px; font-family:돋움, Dotum; margin-bottom:22px; } .KNtab_1 li { _display:inline; float:left; margin-right:-1px; border:1px solid #cccccd; } .KNtab_1 li a { color:#747474; display:block;_float:left; padding:8px 18px 6px 19px; text-decoration:none; background:#F4F4F4; line-height:normal; } .KNtab_1 li a:hover { background:#ffffff; text-decoration:none; line-height:normal;} .KNtab_1 li a:visited { padding:8px 18px 6px 19px; text-decoration:none; line-height:normal; } .KNtab_1 li a:active { padding:8px 18px 6px 19px; text-decoration:none; line-height:normal; } .KNtab_1 li.selected { border-bottom:1px solid #ffffff; } .KNtab_1 li.selected a { color:#747474; font-weight:bold; letter-spacing:-1px; background:#ffffff;} .KNtab_1 li.KNaddCon { float:right; border:none; } /* Contents layout */ #KNconContainer { margin-top:24px; } #KNconContainer .KNcontainL { width:740px; } #KNconContainer .KNcontainR { width:220px; } #KNconContainer .KNcontainM { width:20px; } /* Footer */ .KNquickbg { color:#494949; height:41px; padding:3 0 0 35; } a.KNquicklink { color:#494949; letter-spacing:-1px; text-decoration:none; } a.KNquicklink:hover { color:#494949; letter-spacing:-1px; text-decoration:underline; } /* 서브 타이틀 */ .KNpaxsub_Ti { font-size:14px; color:#000000; font-family:굴림,Gulim; font-weight:bold; letter-spacing:-1px; padding-bottom:20px; } .paxsub_Tibar { background-color:#d7d7d7; height:1px; } .smallTi { font-weight:bold; color:5d5d5d; } .Tibar_lGray { height:2px; background-color:#d8d8d8; } /* box - 아웃라인 */ .box_Blue { border:5px solid #c7d0e5; padding:15px; line-height:1.5em; margin-bottom:30px; } .boxouter { border:3px solid #eaeaea; } .boxinner { border:1px solid #c9c9c9; } .KNboxMenu { text-align:center; padding:15 10 15 10; } .KNboxMenu .KNmGap { letter-spacing:-2 } .KNboxMenu a.sel { color:#f46700; font-weight:bold; } .KNboxMenu a.sel:hover { color:#f46700; font-weight:bold; } .KNboxSubMenu { margin:15px 20px 25px 20px; } .KNboxSubMenu .KNti { font-size:14px; font-weight:bold; margin-right:15px; } .KNboxSubMenu .arr { font-size:9px; } .KNboxSubMenu .KNmList { color:#747474; } .KNboxSubMenu .KNmList a { color:#747474; } .KNboxSubMenu .KNmList a.sel{ color:#f46700; } /* 테이블 셋팅 */ .KNtableDe td { text-align:center; } /* 페이징 */ #pageTable .page_nosel { color:#ff7800;font-weight: bold;padding: 0 4px 0 4px; } #pageTable .page { color:#4d4d4d;font-weight: bold;padding: 0 4px 0 4px; } #pageTable .line { color:#999999;text-align:center; } /* 검색박스 */ #searchTable .input_txt { font-size: 12px;border:#d8d8d8 1px solid; color:#666666;height:20px; padding-top:4px; } #searchTable .select { height: 22px; border:1px solid #d8d8d8; color:#666666 ; font-size: 12px; padding:0 0 0 0; } /* 모어버튼 */ .KNbtnMore { float:right; margin:5px 5px 0 0; _margin-top:-18px; background:url(http://image.moneta.co.kr/img/asso/btn/link_more.gif) no-repeat; background-position:bottom; width:30px; height:7px; } /* question - 프로파일 */ .KNprofile { float:left; color:#000; font-family:굴림,gulim; font-size:11px; margin:0px 10px 15px 10px; } /* question - 추천버튼 */ .KNagreeBtn { display:block; float:right; background:url(http://image.moneta.co.kr/stock/knowhow_/btn_agree.gif) no-repeat; width:139; height:31; margin-bottom:50px; text-align:center; padding-top:6px; } a.KNagreeBtn:hover { text-decoration:none } .KNanswerBtn { display:block; float:right; background:url(http://image.moneta.co.kr/stock/knowhow_/btn_agree.gif) no-repeat; width:139; height:31; margin-bottom:30px; margin-right:20px; text-align:center; padding-top:6px; } a.KNanswerBtn:hover { text-decoration:none } .KNrecommBtn { float:right; margin-bottom:20px; } /* question - 질문내용 박스 */ #KNqContainer { width:100%; border:1px solid #c6c6c6; padding:20px; } #KNqContainer .qTi { color:#000; font-weight:bold; margin-bottom:25px; } #KNqContainer .ConQTi { color:#0b0b72; font-weight:bold; font-size:14px; margin:0px 10px 15px 10px; } #KNqContainer .Contents { clear:both; color:#000; font-family:굴림,gulim; font-size:13px; line-height:18px; margin:0px 10px 15px 10px; } /* question - 질문내용 박스 (no outline) */ #KNqContain_noLi { width:100%; margin-bottom:50px; } #KNqContain_noLi .ConQTi { color:#0b0b72; font-weight:bold; font-size:14px; margin-bottom:15px; padding:10px; border-bottom:2px solid #c6c6c6; } #KNqContain_noLi .Contents { clear:both; color:#000; font-family:굴림,gulim; font-size:13px; line-height:18px; margin:0px 20px 15px 20px; } #KNqContain_noLi .KNprofile { margin-left:20px; } /* question - 답변내용 박스 */ #KNaContainer { width:100%; padding:4px; margin-bottom:50px; } #KNaContainer .ConQTi { background:url(http://image.moneta.co.kr/stock/knowhow_/icon_reply.gif) no-repeat ; color:#0b0b72; font-weight:bold; font-size:14px; margin:50px 20px 15px 20px; padding:0px 0px 10px 60px; border-bottom:1px solid #c6c6c6; } #KNaContainer .Contents { clear:both; color:#000; font-family:굴림,gulim; font-size:13px; line-height:18px; margin:0px 30px 50px 30px; } #KNaContainer .KNprofile { margin-left:30px; } #KNaContainer .BoxBtn { width:100%; background:#efefef; padding:15px 30px 15px 30px; } #KNaContainer .BoxBtn .txt { float:left; font-size:11px; color:#747474; } .KNBoxCon { border:1px solid #c6c6c6; } .KNBoxBest { border:2px solid #dddddd; } /* question - 답변내용 박스 - 베스트 아이콘 */ .KNobjects { position:relative } .KNobjects .iconBest { position:absolute; top:-8px; left:8px; width:35px; height:40px; z-index:1; background:url(http://image.moneta.co.kr/stock/stockmovie/ic_best.gif) no-repeat; } .KNobjects .boxBtns { position:absolute; top:8px; left:565px; } /* intro - 메인박스 */ #KNintBox { width:100%; border:4px solid #c7d0e5; margin-top:18px; } #KNintBox .boxL { width:140px; background:#a8b9d7; border-right:1px solid #c7d0e5; } #KNintBox .boxC { width:615px; padding:30px 0px 30px 0px; } #KNintBox .boxC table { margin-left:50px; margin-right:30px; } #KNintBox .boxR { width:215px; border:1px solid white; /*background:#f0f2f6; padding:30px 0px 30px 0px;*/ height:100%;} /*#KNintBox .boxR table { margin-left:30px; margin-right:30px; } #KNintBox .boxR ul { margin-left:30px; margin-right:30px; }*/ #KNintBox .txtMenu { color:#3e4e78; line-height:17px; letter-spacing:-1; padding:7px 10px 7px 10px; } #KNintBox .txtMenu a { color:#3e4e78; line-height:17px; letter-spacing:-1;} .KNexpertAn { padding-left:30px; } .KNexpertAn h2,h3 { clear:both; float:none; margin:0px; padding:0px; } .KNexpertAn h2 { font-size:20px; font-weight:bold; color:#000000; margin-top:4px; letter-spacing:-1; } .KNexpertAn h3 { font-size:12px; font-weight:bold; color:#3c3c3c; } .KNexpertAn ul { margin-top:18px; } .KNexpertAn li { float:none; clear:both; height:21px; } /* intro - right - 새질문 */ #KNintR_myCon { border:1px solid #d1d1d1; width:215px; padding:10px; height:100%; } #KNintR_myCon .myQtitle { padding-bottom:8px; color:#000; font-weight:bold;} #KNintR_myCon .myQlevel { padding-bottom:15px; font-weight:bold; font-size:11px; } #KNintR_myCon .myQcontent a { line-height:20px; } #KNintR_myCon .myQcontent p { display:block; font-weight:bold; margin-bottom:10px; } #KNintR_myCon .myQbtns { padding:12px 0 5px 0 } /* intro - 검색박스 */ #KNsearBox { width:100%; background:#f0f2f6; } /* intro - 하단내용 */ #KNintContainer { margin-top:24px; } #KNintContainer .KNcontainL { width:678px; } #KNintContainer .KNcontainR { width:282px; } #KNintContainer .KNcontainM { width:20px; } /* intro - 서브메뉴 Tab */ .KNtab_int { width:100%; background:url(http://image.moneta.co.kr/stock/knowhow_/bg_tab_int.gif) repeat-x left bottom; overflow:hidden;font-size:12px; font-family:돋움, Dotum; margin-bottom:22px; } .KNtab_int li { _display:inline; float:left; margin-right:-1px; border:1px solid #cccccd; border-bottom:2px solid #8c8c8c; } .KNtab_int li a { color:#272727; font-weight:bold; display:block;_float:left; padding:8px 40px 6px 40px; text-decoration:none; background:#F4F4F4; line-height:normal; } .KNtab_int li a:hover { background:#ffffff; text-decoration:none; line-height:normal;} .KNtab_int li a:visited { padding:8px 40px 6px 40px; text-decoration:none; line-height:normal; } .KNtab_int li a:active { padding:8px 40px 6px 40px; text-decoration:none; line-height:normal; } .KNtab_int li.selected { border-bottom:2px solid #ffffff; } .KNtab_int li.selected a { color:#ed8000; font-weight:bold; letter-spacing:-1px; background:#ffffff;} .KNtab_int li.op { float:right; border:none; margin:8px 34px 0 0; } /* intro - 리스트 */ #KNintList { width:100%; border-bottom:1px solid #d8d8d8;} #KNintList .liTi { width:22%; padding-left:40px; height:24px; } #KNintList .liCon { width:62%; } #KNintList .liAn { width:7%; text-align:left; } #KNintList .liDa { width:9%; text-align:left; color:#a0a0a0; } #KNintList .liMargin { height:25px; } .ic_point { background:url(http://image.moneta.co.kr/stock/knowhow_/icon_point.gif) no-repeat 0 2px; margin-left:5px; padding-left:12px; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#f46700; font-weight:bold; } /* intro - right - 새로운/베스트 지식 */ #KNintR_Know .sKNtitle { padding:0 0 5px 5px; } #KNintR_Know .sKNcontent a { padding-left:10px; line-height:24px; } /* right - 새질문 */ #KNR_myQuestion { border:1px solid #d1d1d1; width:220px; padding:14px; } #KNR_myQuestion .myQtitle { padding-bottom:8px; } #KNR_myQuestion .myQlevel { padding-bottom:15px; font-weight:bold; font-size:11px; } #KNR_myQuestion .myQcontent a{ line-height:20px; } #KNR_myQuestion .myQbtns { padding:12px 0 5px 0 } /* right - 증권지식 */ #KNR_stockKnow .sKNtitle { padding-bottom:5px; } #KNR_stockKnow .sKNcontent a{ padding-left:3px; line-height:20px; } /* right - 지식왕 */ .KNR_rank { border:1px solid #d1d1d1; border-top:none; width:220px; padding:15px 10px 15px 10px; } .KNR_rank .RNcontent { height:22px; width:150px; }