/* default: tag */ A:link { COLOR: #404040; !important; font-weight:400 !important; text-decoration: none; font-family:돋움,Dotum; !important; } A:hover { COLOR: #cd3543; text-decoration: none; } A:visited { COLOR: #606060; text-decoration: none; } A:active { COLOR: #cd3543; text-decoration: none; } label {cursor: pointer;} html,body { height:100%; margin:0px; padding:0px; } BODY { color:#404040; !important; font-weight:400 !important; margin: 0; padding: 0; COLOR: #606060; font-family: '맑은고딕',MalgunGothic,dotum,Arial; FONT-SIZE: 12px; font-family:돋움,Dotum; !important; } /*background-image:url(images/body_bg1.gif); background-repeat:repeat-x; background-position:top;*/ /*TABLE { width:100%; }*/ TABLE { FONT-SIZE: 12px; color:#404040; !important; font-weight:400 !important; font-family: '맑은고딕',MalgunGothic,dotum; font-family:돋움,Dotum; !important; } INPUT { color:#404040; !important; font-weight:400 !important; font-family: '맑은고딕',MalgunGothic,dotum; font-family:돋움,Dotum; !important; } blockquote { BORDER: #dcdcdc 1px solid; padding-left:15px; padding-right:15px; COLOR:#7d7d7d; } a { selector-dummy : expression(this.hideFocus=true);} .tc {text-align:center !important;} /*최상단 메뉴바(기존메뉴)*/ #Header {height:40px; margin:0px; vertical-align:top; background-image:url(/images/menu201002/top_bg.gif); background-repeat:repeat-x; } #Header TABLE { width:100%; FONT-SIZE: 11px; color:#FFFFFF; word-spacing:5px;} #Header A:link { font-weight:normal; text-decoration: none; color: #FFFFFF;} #Header A:visited { font-weight:normal; text-decoration: none; color: #FFFFFF;} #Header A:hover { font-weight:normal; text-decoration: underline; color: #FFFFFF; } #Header A:active { font-weight:normal; text-decoration: underline; color: #FFFFFF; } /*최상단 메뉴바(상단 서비스선택메뉴)*/ #TopHearder {height:32px; margin:0px; vertical-align:top; background-image:url(/images/200805/topheaderBg.gif); background-repeat:repeat-x; padding-left:15px; padding-right:3px;} #TopHearder TABLE { width:100%; FONT-SIZE: 11px; color:#FFFFFF; word-spacing:5px;} #TopHearder A:link { font-weight:normal; text-decoration: none; color: #FFFFFF;} #TopHearder A:visited { font-weight:normal; text-decoration: none; color: #FFFFFF;} #TopHearder A:hover { font-weight:normal; text-decoration: underline; color: #FFFFFF; } #TopHearder A:active { font-weight:normal; text-decoration: underline; color: #FFFFFF; } /*리포트 메뉴바*/ #TopMenu { height: 31px; margin:0px; vertical-align:top; background-image:url(/images/200805/topmenuBg.gif); background-repeat:repeat-x; padding-right:5px; word-spacing:3px; } #TopMenu .site { border: 1px #676767 solid; background-color:#181818; color: #ffffff; text-align:left; padding-left:5px; padding-right:15px; padding-top: 3px; padding-bottom:3px; vertical-align: middle; width:180px; } #TopMenu .search { height: 23px; padding:0px 5px; width:130px; } /*메뉴위치(왼쪽,상단)조절을위한 추가 2010.01.30*/ /*크롬/파폭=#RightReport { margin-left: 201px; padding: 0px; width: auto; } , IE = #RightReport { margin-left: 201px; padding: 0px; width: 100%; } */ /*브라우저별 스타일 세부수정은 common_header 에서 수정한다 */ /* default 는 IE의 100%로 하고, Gecko 엔진의 경우 auto로 하며, common_header 에서 수정한다 */ #LeftMenu { float: left; width:230px; padding: 0px; position: absolute; display: block; left: 0px; letter-spacing:-1; } /* height: 100% ?? */ #RightReport { margin-left:230px; padding: 0px; width: 100%; } .tab_submenu {border-bottom: 1px solid #cccccc; position: relative; margin-top: 40px;} .tab_submenu .tab_submenu_btn {width:50px; height:9px; position: absolute; left:50%; margin-left: -25px;} .tab_submenu_tab {margin: 0px; height: 31px; padding-left: 15px; position: absolute; top:-31px;} .tab_submenu_tab li {float: left; padding: 0px 15px; height:31px; line-height: 31px; color: #505050;} .tab_submenu_tab .active_tab {background: #f9f9f9; border: 1px solid #cccccc; border-bottom: none; font-weight: bold; color: #1f1f1f; border-bottom: 1px solid #f9f9f9;} .tab_submenu_contents {background: #f9f9f9; padding: 5px; position: relative;} .filter_summary {background: #f9f9f9; padding-top: 7px; padding-left: 15px; color: #686868; padding-bottom: 5px;border-top: 1px solid #cccccc;} .tab_submenu_contents .filter_contents {background: #fff; border: 1px solid #e5e5e5; padding: 15px; margin-top: -5px; position: relative;} .tab_submenu_contents .filter_contents .filter_contents_btnset {position: absolute; height:25px; right:15px; line-height: 25px; color: #f06058; z-index: 300;} .btn_graysmall {border: 1px solid #cccccc; height:23px; line-height: 23px; background: url(/images/menu120730/bg_btn_graysmall.png) repeat-x; color: #1f1f1f; padding:0px 10px; margin: 0px; border-radius: 5px; cursor: pointer;} /*검색 버튼*/ #Search INPUT { border: 1px #6e6e6e solid; background-color:#ffffff; background-image:url(/images/200805/search_bg.gif); background-repeat:repeat-x; FONT-SIZE: 12px; color: #6e6e6e; text-align:left; height:23px; width:180px; margin:0px; padding-left:5px; padding-right:15px; padding-top: 5px; } /*화면 컨텐츠 구성 BOX*/ #wrapper{ width:100%; } #mainContent { padding:31px 15px 15px 20px; }/*margin-right:220px; */ #Content { padding:15px; width: 100%; } #Content Table { width: 100%;} #footer { padding:10px 10px 20px 10px; text-align:center; line-height:170%; border-top:#999999 1px dotted; margin-top:20px; font-size:11px; clear:both; bottom:0;} #btnBox { margin:0px; width: inherit;} /*부가서비스 우측 메뉴바*/ #mylogger{background: #ffffff; background-image:url(/images/200805/mylogger_bg01.gif); FONT-SIZE: 12px; width:212px;}/* position: absolute; right:0; top:63;*/ #mylogger ol{margin:5px 0px 0px 5px; padding:0px;} #mylogger ul{margin:0px;font-weight: normal;padding:0px;FONT-WEIGHT: bold;padding-left:10px} #mylogger li{margin:0px; font-weight: normal; list-style-type: none; padding:2px 20px;} #mylogger A:link { font-weight:normal; text-decoration: none; color: #606060;} #mylogger A:visited { font-weight:normal; text-decoration: none; color: #606060;} #mylogger A:hover { font-weight:normal; text-decoration: underline; color: #000; } #mylogger A:active { font-weight:normal; text-decoration: underline; color: #000; } /*리포트 index페이지 BOX*/ #myInbox { margin:20px 0px} #myInbox Table { width:100%; } #myInbox TH { TEXT-ALIGN: left; font-weight:normal; background-image:url(/images/200805/default/table_bg02.gif); background-position:top; background-repeat:repeat-x; padding-bottom:5px;} #myInbox TD { TEXT-ALIGN: left; height:23px; padding-left:5px;} /*검색창*/ #SearchResult {/* float:left; */ position:fixed; width:340px; FONT-SIZE:11px; color:rgb(132,132,132); top: 233px !important; z-index: 1000; left: 10px;} /*CJH 20131209 : IE7 에서 레이어가 밑에 깔리는 부분 해결*/ .searchTabOn {background-color:#CCF4F7; border-left:#CCF4F7 4px solid; border-right:#CCF4F7 4px solid; border-top:#CCF4F7 4px solid; text-align:center; width:120px; font-weight:bold; } .searchTabOff {color: #FFFFFF; background-color:#AAAAAA; border-bottom:#AAAAAA 2px solid; border-top:#333333 4px solid; border-left:#333333 1px solid; border-right:#333333 1px solid; border-bottom:#333333 1px solid; text-align:center;width:120px; } .searchTabTable {border-top:#CCF4F7 4px solid; border-right:#CCF4F7 4px solid; border-bottom:#CCF4F7 4px solid; border-left:#CCF4F7 4px solid;padding:3px;} .searchNone { background-color:#333333;} #SearchResult A:link { font-weight:normal; text-decoration: none; color: #a1a1a1;} #SearchResult A:visited { font-weight:normal; text-decoration: none; color: #a1a1a1;} #SearchResult A:hover { font-weight:normal; text-decoration: underline; color: #000; } #SearchResult A:active { font-weight:normal; text-decoration: underline; color: #000; } #SearchResult ol{margin:5px 0px 0px 0px; padding:0px;} #SearchResult ul{margin:0px;font-weight: normal;FONT-WEIGHT: bold;padding-left:10px; padding-right:5px; } /*list-style-image:URL(/images/200805/icon_03.gif);*/ #SearchResult li{margin:0px; font-weight: normal; list-style-type: none; padding-left:15px;padding-right:5px; COLOR: #a1a1a1; font-size:11px; line-height: 14px; word-spacing:-1px; } #SearchResultPage ol{margin:5px 0px 0px 20px; padding:5px;} #SearchResultPage ul{margin:0px;font-weight: normal;FONT-WEIGHT: bold; padding:0px;} #SearchResultPage li{margin:0px; font-weight: normal;list-style-type: none; COLOR: #a1a1a1; } /*라운딩 박스 Line*/ #containerOutLine #containerOutLine .rtop, #containerOutLine .rbottom{display:block;} #containerOutLine .rtop *, #containerOutLine .rbottom *{display:block; height:1px; overflow:hidden;} #containerOutLine .r1{margin:0 5px; background:#919191} #containerOutLine .r2{margin:0 3px; border-left:2px solid #919191; border-right:2px solid #919191;} #containerOutLine .r3{margin:0 2px; border-left:1px solid #919191; border-right:1px solid #919191;} #containerOutLine .r4{margin:0 1px; height:2px; border-left:1px solid #919191; border-right:1px solid #919191;} #containerOutLine .box { margin:0; padding:10px; border-right:1px #919191 solid; border-left:#919191 solid 1px; font-size:12px; word-break:break-all;} #container //라운딩 박스 Bg #container .rtop, #container .rbottom{display:block} #container .rtop *, #container .rbottom *{display: block; height: 1px; overflow: hidden; background:#e1e1e1} #container .r1{margin: 0 5px} #container .r2{margin: 0 3px} #container .r3{margin: 0 2px} #container .r4{margin: 0 1px; height: 2px} #container .box { background:#e1e1e1; padding:5px 10px; font-size:12px; color:#747474;} /*필터 옵션 선택*/ #Option { width:100%; border-bottom:#bebebe 1px solid;} #Option Table { width:100%; } #Option TH { BORDER-TOP: #bebebe 1px solid; padding-left:10px; padding-right:10px; TEXT-ALIGN: left; background-color:#f9f9f9; } #Option TD { BORDER-TOP: #bebebe 1px solid; TEXT-ALIGN: left;padding:2px 5px; vertical-align:middle; } .filterLine {border-bottom:#e5e5e5 1px solid; margin-bottom:15px; margin-top:0px;} .filterBox{ padding:0px 5px; } /*테이블 스타일*/ #gray { padding:5px 0px; width:100%;} #gray Table { margin-bottom:5px; width:100%;} #gray TH { BACKGROUND-COLOR: #e5e5e5; background-image:url(/images/200805/table_bg.gif); BORDER-BOTTOM: #cccccc 1px solid;BORDER-TOP: #cccccc 1px solid; height:25px; FONT-SIZE: 12px; TEXT-DECORATION: none; FONT-WEIGHT: normal; text-align:left; padding:3px; color:#464646;white-space:nowrap;} #gray TD { BORDER-BOTTOM: #cccccc 1px solid; padding:4px;} .grayTH { BACKGROUND-COLOR: #e5e5e5; background-image:url(/images/200805/table_bg.gif); BORDER-BOTTOM: #cccccc 1px solid;BORDER-TOP: #cccccc 1px solid; height:20px; FONT-SIZE: 12px; TEXT-DECORATION: none; TEXT-ALIGN: left; height:28px; FONT-WEIGHT: normal; color:#464646; white-space:nowrap} #gray2 { padding:5px 0px; width:100%;} #gray2 Table { margin-bottom:5px; width:100%;} #gray2 TH { BACKGROUND-COLOR: #e5e5e5; background-image:url(/images/200805/table_bg2.gif); BORDER-BOTTOM: #cccccc 1px solid;BORDER-TOP: #cccccc 1px solid; height:19px; FONT-SIZE: 12px; TEXT-DECORATION: none; FONT-WEIGHT: normal; text-align: left; padding:3px; color:#464646; white-space:nowrap;} #gray2 TD { BORDER-BOTTOM: #cccccc 1px solid; padding:4px;} #gray3 { padding:5px 0px; width:100%;} #gray3 Table { margin-bottom:5px; width:100%; BORDER-BOTTOM: #cccccc 1px solid; BORDER-left: #cccccc 1px solid;} #gray3 TH { BACKGROUND-COLOR: #e5e5e5; background-image:url(/images/200805/table_bg2.gif); BORDER-right: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 12px; TEXT-DECORATION: none; FONT-WEIGHT: normal; padding:3px; color:#464646; white-space:nowrap;} #gray3 TD { BORDER-right: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; padding:4px;} #gray4 { width:100%; FONT-SIZE: 13px; margin-top:3px;} #gray4 Table { width:100%; } #gray4 TH { BACKGROUND-COLOR: #F4F4F4; BORDER-BOTTOM: #cccccc 1px solid;BORDER-TOP: #cccccc 1px solid; height:30px; TEXT-DECORATION: none; FONT-WEIGHT: normal; color:#464646;white-space:nowrap; padding-right:5px; } #gray4 .centerHD { BACKGROUND-COLOR: #F4F4F4; BORDER-BOTTOM: #cccccc 1px solid;BORDER-TOP: #cccccc 1px solid; height:30px;TEXT-DECORATION: none; FONT-WEIGHT: normal; text-align: center; padding-right:5px; color:#464646;white-space:nowrap;} #gray4 TD { BORDER-BOTTOM: #cccccc 1px solid; padding:8px 4px;} #gray4 .centerTD { BORDER-BOTTOM: #cccccc 1px solid; padding:5px 4px; text-align:center; } /* 2012.11.23 sungdang 테이블 디자인 바꿈 */ #rptTbl { width:100%; margin-top: 3px; } #rptTbl Table { width:100%; } #rptTbl .centerHD { text-align: center; height:30px; } #rptTbl .rightHD { text-align: right; height:30px; } #rptTbl TH { background:rgb(238,238,238); padding:5px 5px 3px 5px; border-bottom:1px solid rgb(220,220,220); border-top:1px solid rgb(220,220,220); font-size:11px; color:rgb(123,123,123); FONT-WEIGHT: normal; TEXT-DECORATION: none; white-space:nowrap; line-height:normal; } #rptTbl TD { BORDER-BOTTOM:1px solid rgb(220,220,220); padding:10px 5px; line-height:normal; } #rptTbl .noBorder { BORDER-BOTTOM: #fff 0px solid; COLOR: #a1a1a1; font-size:11px; line-height: 16px; word-spacing:-1px;padding:0px;} #rptTbl .rBorder { border-right:1px solid rgb(220,220,220); } #rptTbl .lBorder { border-left:1px solid rgb(220,220,220); } #rptTbl .ldBorder { border-left:3px double rgb(220,220,220); } #rptTbl .lsBorder { border-left:1px solid rgb(230,230,230); } #rptTbl .rTxt { text-align:right; } #old_rptTbl {width:100%; FONT-SIZE: 13px; margin-top:3px;} #old_rptTbl Table {width:100%; } #old_rptTbl .centerHD { text-align: center; height:30px; } #old_rptTbl .rightHD { text-align: right; height:30px; } #old_rptTbl TH { BACKGROUND-COLOR: #F4F4F4; BORDER-BOTTOM: #cccccc 1px solid;BORDER-TOP: #cccccc 1px solid; height:30px; TEXT-DECORATION: none; FONT-WEIGHT: normal; color:#464646; white-space:nowrap; padding-right:5px; } #old_rptTbl TD { BORDER-BOTTOM: #cccccc 1px solid; padding:8px 4px;} #old_rptTbl .noBorder { BORDER-BOTTOM: #fff 0px solid; COLOR: #a1a1a1; font-size:11px; line-height: 16px; word-spacing:-1px;padding:0px;} /* 2010.05.27 lovetaki 전환분석 확장 리포트 CSS*/ #rptTbl .colCenterHD { text-align: center; TEXT-DECORATION: none; FONT-WEIGHT: normal; white-space:nowrap; padding-right:3px; FONT-SIZE: 12px; } #rptTbl .colRightHD { text-align: right; TEXT-DECORATION: none; FONT-WEIGHT: normal; white-space:nowrap; padding-right:3px; FONT-SIZE: 12px; } #rptTbl .indexRightHD { text-align: right; TEXT-DECORATION: none; FONT-WEIGHT: normal; white-space:nowrap; padding-right:3px; FONT-SIZE: 12px; } /* AJAX 드릴다운 테이블 CSS값 설정 */ #ddTbl { padding:0px 0px; width:100%; } #ddTbl Table { margin-bottom:0px; width:100%;FONT-SIZE: 13px;} #ddTbl TD { BORDER: 0px; padding:0px;} /* AJAX 드릴다운 테이블 CSS값 설정 */ #ddSpacer { padding:0px 0px; width:100%;} #ddSpacer Table { margin-bottom:0px; width:100%;} #ddSpacer TD { BORDER: 0px; padding:0px;} #detail { BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid; BORDER-TOP: #cccccc 2px solid; width:100%; margin-top:10px; margin-bottom:10px;} #detail Table { width:100%; } #detail .find {BORDER-BOTTOM: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; TEXT-ALIGN: left; color:#464646; padding:4px 10px; white-space:nowrap; FONT-WEIGHT: normal; background-color:#f4f4f4; width:10%;} #detail TH { BORDER-BOTTOM: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; TEXT-ALIGN: left; color:#464646; padding:4px 10px; white-space:nowrap; FONT-WEIGHT: normal; background-color:#f4f4f4; width:10%;} #detail TD { BORDER-BOTTOM: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; padding:4px 10px; background-color:#fff;}/*background:url(/images/200805/option_line.gif) no-repeat 0 50%;*/ .detailLine { BORDER-BOTTOM: #cccccc 1px solid;} .detail { BORDER-LEFT: rgb(228,228,228) 1px solid; BORDER-BOTTOM: rgb(228,228,228) 1px solid; BORDER-TOP: rgb(150,150,150) 2px solid; width:100%; margin-top:5px; margin-bottom:10px;} .detail Table { width:100%; } .detail .find { BORDER-BOTTOM: rgb(228,228,228) 1px solid; BORDER-RIGHT: rgb(228,228,228) 1px solid; TEXT-ALIGN: left; color:#464646; padding:4px 10px; white-space:nowrap; FONT-WEIGHT: normal; background-color:rgb(250,250,250); width:100px;} .detail TH { BORDER-BOTTOM: rgb(228,228,228) 1px solid; BORDER-RIGHT: rgb(228,228,228) 1px solid; TEXT-ALIGN: left; color:rgb(120,120,120); padding:8px 10px 4px 10px; white-space:nowrap; FONT-WEIGHT: normal; background-color:rgb(250,250,250); width:100px;} .detail TD { BORDER-BOTTOM: rgb(228,228,228) 1px solid; BORDER-RIGHT: rgb(228,228,228) 1px solid; TEXT-ALIGN: left; padding:8px 10px 4px 10px; background-color:rgb(255,255,255); }/*background:url(/images/200805/option_line.gif) no-repeat 0 50%;*/ .detailLine { BORDER-BOTTOM: rgb(228,228,228) 1px solid;} .confirm { width:500px;margin:auto; } .confirmBox { background-color:rgb(250,250,250);border:1px solid rgb(228,228,228);border-radius:5px;padding:20px;text-align:center; } .confirmAc { text-align:center; } #detail2 { BORDER-left: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; width:100%; margin-top:5px; margin-bottom:5px;} #detail2 Table { width:100%; BORDER-LEFT: #cccccc 1px solid; } #detail2 TH { BORDER-BOTTOM: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; color:#464646; padding:4px; white-space:nowrap; FONT-WEIGHT: normal; background-color:#f4f4f4; } #detail2 TD { BORDER-BOTTOM: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; padding:4px; background-color:#fff;} .detail3 { BORDER-left: #cccccc 0px solid; BORDER-TOP: #cccccc 1px solid; width:100%; margin-top:5px; margin-bottom:5px;} .detail3 Table { width:100%; BORDER-LEFT: #cccccc 0px solid; } .detail3 TH { BORDER-BOTTOM: #cccccc 1px solid; BORDER-RIGHT: #cccccc 0px solid; color:#464646; padding:4px; white-space:nowrap; FONT-WEIGHT: normal; background-color:rgb(250,250,250); } .detail3 TD { BORDER-BOTTOM: #cccccc 1px solid; BORDER-RIGHT: #cccccc 0px solid; padding:7px 10px; background-color:#fff; } #orangeT { BORDER: #ffb777 3px solid; width:100%; } #orangeT Table { width:100%; } #orangeT TH { BORDER-BOTTOM: #cccccc 1px solid;BORDER-RIGHT: #cccccc 1px solid;color:#464646;padding:10px 15px;white-space:nowrap; background-color:#FFF2E8;width:10%;} #orangeT TD { BORDER-BOTTOM: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; padding:4px 10px;font-size:14px; font-family:"tahoma,돋움";} #orangeT .result { BORDER-left: #ffb777 3px solid;; padding:4px 10px;font-size:14px;background-color:#FFF2E8; COLOR: #851e34; FONT-WEIGHT:bold } #orangeT .event { padding:4px 10px;font-size:12px;background-color:#FFF2E8; COLOR: #851e34; FONT-WEIGHT:bold } /* 2013.7.5 sungdang 테이블 디자인 바꿈 */ #noborderT Table { BORDER: #ffffff 0px solid; margin:0px; padding:0px; } #noborderT TH { BORDER: #ffffff 0px solid; padding:0px; } #noborderT TD { BORDER: #ffffff 0px solid; padding:0px; FONT-SIZE:11px; color:rgb(123,123,123); FONT-WEIGHT: normal; } #results { padding:5px 0px; width:100%;} #results TH { BORDER-TOP: #d9dddc 1px solid; BORDER-BOTTOM: #d9dddc 2px solid;BACKGROUND-COLOR: #f3f3f3;MARGIN-BOTTOM: 10px; PADDING: 10px 3px 10px 3px; FONT-SIZE: 12px; COLOR: #7a7a7a; TEXT-ALIGN:center; TEXT-DECORATION: none; } #results TD { } #results .gray {COLOR: #919090; font-weight:normal;font-size:11px; FONT-FAMILY: 돋움; BORDER-BOTTOM: #dedede 1px solid; PADDING: 5px 5px 7px 5px;} /*table TD style*/ .grayT01 { background-color:#f8f7f2}/*border-left: #e5e5e5 1px solid; border-right: #e5e5e5 1px solid; */ .grayT02 { background-color:#fbf4de}/*border-left: #e5e5e5 1px solid; border-right: #e5e5e5 1px solid; */ .TDa { background-color:#e9f2f8}/*border-right: #cccccc 1px solid; border-left: #cccccc 1px solid;*/ .THa { background-color:#c4d5e1} .TDb { background-color:#fff2e2}/*border-right: #cccccc 1px solid; border-left: #cccccc 1px solid; */ .THb { background-color:#e6d1a9} .totalTD { BORDER-BOTTOM: #cccccc 1px solid; background-color:#f4f4f4; height:35px; FONT-WEIGHT: bold; TEXT-ALIGN:right;} .TDg{ background-color:#f4f4f4;} /*리포트메뉴 레이어*/ .ReportMenu { position: absolute; padding: 0px; filter:Alpha(Opacity=95) shadow(color=#cccccc, direction=135, strength=3); opacity: 0.90; font-size: 8pt;font-style: normal;font-weight: normal;visibility: visible;text-align: left; z-index:1001; /* 삭제부분 width:736px;left: 504px;top: 58px;*/} #Menu A:link { font-weight:normal; text-decoration: none; color: #FFFFFF;} #Menu A:visited { font-weight:normal; text-decoration: none; color: #FFFFFF;} #Menu A:hover { font-weight:normal; text-decoration: underline; color: #FFFFFF; } #Menu A:active { font-weight:normal; text-decoration: underline; color: #FFFFFF; } #Menu .off {font-weight:normal; text-decoration: none; color: #2c2d30;} #Menu .off A:link { font-weight:normal; text-decoration: none; color: #2c2d30;} #Menu .off A:visited { font-weight:normal; text-decoration: none; color: #2c2d30;} #Menu .off A:hover { font-weight:normal; text-decoration: underline; color: #2c2d30; } #Menu .off A:active { font-weight:normal; text-decoration: underline; color: #2c2d30; } #Menu Table {width:100%;} #Menu TH { background-color:#373a40; padding-left:5px;padding-right:5px; height:25px; border-right:#202124 1px solid; border-left:#7d7d7d 1px solid; color:#FFFFFF; font-weight:bold; text-align:left;} #Menu Td { padding: 5px; border-right:#202124 1px solid; border-left:#7d7d7d 1px solid; } #Menu Ol { margin:0px;padding:0px;} #Menu Ul { margin:0px;padding:0px;} #Menu li { color:#FFFFFF; margin-left: 0px; padding-left: 5px; padding-right: 5px; list-style: none; line-height:160%; }/*list-style-image:URL(/images/200805/icon_04.gif);*/ /*메모 박스*/ #memoBox { position:absolute; margin: auto; float:right; width:40; text-align:center; right:0;} .memoTable {border-bottom:#dddddd 1px solid; font-size:11px; padding:3px;} .memoTableOn { background-color:#fffbe7; border-bottom:#dddddd 1px solid; font-size:11px; padding:3px;} /*대시선택 레이어*/ #select_mydashboard {background-color: #1f1f1f; position: absolute; border: 1px solid #676767; padding:0px; filter:Alpha(Opacity=90); opacity: 0.90; line-height:100%; visibility: visible; text-align: left; z-index:1006; /* 삭제부분 */ left:10px; top:63px; height:none; } #select_mydashboard Td { padding: 5px; } /*KPI 메뉴 레이어*/ #KPI_menu {background-color: #1f1f1f; position: absolute; border: 1px solid #676767; padding:0px; filter:Alpha(Opacity=90); opacity: 0.90; line-height:100%; visibility: visible; text-align: left; z-index:1006; /* 삭제부분 */ left:91px; top:63px; height:none;} #KPI_menu Td { padding: 5px; } /*웹사이트선택 레이어*/ .ServiceSelect { background-color: #646464;position: absolute; border: 0px solid; padding: 0px; filter:Alpha(Opacity=90);opacity: 0.90; font-size: 8pt;font-style: normal;font-weight: normal; visibility: visible;z-index: 1005;text-align: left; width:310px; height: 199px; left: 50px; top: 301px;/* width: 200px; */} #select_service { background-color: #1f1f1f; position: absolute; border: 1px solid #676767; padding: 0px; filter:Alpha(Opacity=90); opacity: 0.90; line-height:100%; visibility: visible; text-align: left; z-index:1006; /* 삭제부분 */ left:173px; top:58px; height:none;} /*INDEXP 웹사이트선택 레이어*/ #select_serviceN {background-color: #1f1f1f; position: absolute; border: 1px solid #676767; padding: 0px; filter:Alpha(Opacity=90); opacity: 0.90; line-height:100%; visibility: visible; text-align: left; z-index:1006; /* 삭제부분 */ left:173px; top:58px; height:none;} /*서브메뉴(다운로드, 듀얼리포팅등)*/ .SubMenuLayer { position: absolute; border: 1px solid #676767; padding: 0px; filter:Alpha(Opacity=85); opacity: 0.85; font-size: 8pt; font-style: normal; font-weight: normal; visibility: visible; text-align: left; float:right; z-index:1006;} .SubMenuLayer TABLE { FONT-SIZE: 11px; color:#FFFFFF} /*레이어 BOX(설정)*/ #screenShadow { position:absolute; left:0; top:0; width:0; height:0; visibility:visible; filter: Alpha(Opacity=40); opacity: 0.40; z-index: 0; background-color: #000000; } #layerBox {position:absolute; visibility: hidden; left:20%; top:20%; width:650px; z-index: 1; /*background:url(/images/200805/shadow.gif) no-repeat bottom left;*/} /*position:absolute; visibility: hidden; z-index: 2010; text-align: center; background-color: #EFEFEF; padding: 0px; border: 2px solid #002266;*/ #layerBoxSmall {background-color:#851e34; position: absolute; border: 1px solid #4f0515; padding: 0px; margin:0px; visibility: visible; width:400px; z-index:1; left:50%;} #layerBoxSmall Table { width:100%; } #layerBoxSmall TH { color:#fff; background-image:url(/images/200805/layer_bg2.gif); height:30px; text-align:left; padding-left:10px; padding-right:10px; padding-top:3px;} #layerBoxSmall TD { padding:4px;} .layerBoxS {border: 1px solid #4f0515; background-color:#fff; padding:5px;background-image:url(/images/200805/calenderBox_bg.gif); background-repeat:repeat-x; background-position:top; } /*대시보드 BOX*/ .dashBox { padding:0px; text-align:center; width:465px;} #dash Table { padding:0px; width:465px;} #dash TH { padding:5px 1px 5px 5px; FONT-WEIGHT: bold; text-align:left; background-color:#e7e7e7;} #dash TD { word-spacing:110%; FONT-WEIGHT: normal; padding:5px ; font-size:11px; } .dashTop {background-color:#d9d9d9;}/*background-image:url(/images/dach_bg.gif); */ #dashTable { width:200px; padding:5px; white-space:nowrap;background-color:#eee} #dashTable Table { BORDER: 0px; } #dashTable TH { BORDER: 0px; } #dashTable TD { BORDER: 0px; } /*탭 스타일*/ #Tab {width:100%; height:27px; background-image:url(/images/200805/tab01_02.gif); margin:5px 0px; line-height:160%; } .TabTable {border-bottom:#cecece 1px solid;} #TabOnBox { background-image:url(/images/200805/tab01_04.gif); background-repeat:no-repeat; background-position:right top; text-align:center; float:left;height:27px; font-weight:bold;} #TabOn { background-image:url(/images/200805/tab01_01.gif); background-repeat:no-repeat; background-position:left top;padding: 4px 20px; } .TabOn { padding: 4px 20px; } #TabOff { float:left;padding: 4px 10px; background:url(/images/200805/option_line.gif) no-repeat right; } .TabOff { float:left;padding: 4px 10px; background:url(images/option_line.gif) no-repeat right; } #TabOffLeft { float:left;padding: 4px 10px; } #Tab2 {width:100%; height:27px; background-image:url(/images/200805/tab01_02.gif); margin:0px; line-height:160%; } .TabTable2 {border-bottom:#cecece 1px solid;} #TabOnBox2 { background-image:url(/images/200805/tab01_04.gif); background-repeat:no-repeat; background-position:right top; text-align:center; float:left;height:27px; font-weight:bold;} #TabOn2 { background-image:url(/images/200805/tab01_01.gif); background-repeat:no-repeat; background-position:left top; padding: 5px 20px; float:left;height:27px; } .TabOn2 { padding: 4px 20px; } #TabOff2 { float:left;padding: 4px 10px; background:url(/images/200805/option_line.gif) no-repeat right; } .TabOff2 { float:left;padding: 4px 10px; background:url(images/option_line.gif) no-repeat right; } #TabOffLeft2 { float:left;padding: 4px 10px; } #contents table { width:auto;} #contents td { BORDER: 0px; BACKGROUND-COLOR: #ffffff; PADDING: 0px;line-height:180%; FONT-SIZE: 12px; COLOR: #7a7a7a; TEXT-ALIGN: left; TEXT-DECORATION: none; } #TdBottomLine TD { BORDER-BOTTOM: #cccccc 1px solid; line-height:110%;} #tableColor { background-color:#fff0e3; } #tableOrg { background-color:#fff8eb; } #tableImg { background-image:url(/imagesN/manager/body_img1.gif); background-position:bottom; background-repeat:repeat-x; height:200px; padding-bottom:5px; } #tableImg2 { background-image:url(/imagesN/manager/body_img2.gif); background-position:bottom; background-repeat:repeat-x; height:280px; padding-bottom:5px; } #resultsSpace TD { BORDER-BOTTOM: #dbdbdb 0px solid; PADDING:0px 0px 0px 0px; } #outlineTB { BORDER:#dbdbdb 1px solid; } #outline TD { PADDING-LEFT:3px; } #outlineTL { PADDING: 5px 10px 1px 3px; text-align:right; } /* form: tag */ INPUT { BORDER: #aaaaaa 1px solid; FONT-SIZE: 12px; COLOR: #383838; BACKGROUND-COLOR: #FFFFFF; padding:3px;} select { font-size:12px; COLOR:rgb(100,100,100); border:#aaaaaa 1px solid; padding:1px; } TEXTAREA { BORDER-RIGHT: #aaaaaa 1px solid; BORDER-TOP: #aaaaaa 1px solid; BORDER-LEFT: #aaaaaa 1px solid; BORDER-BOTTOM: #aaaaaa 1px solid; FONT-SIZE: 11px; FONT-FAMILY: tahoma,돋움; COLOR: #383838; BACKGROUND-COLOR: #FFFFFF; } .TRANS { border:0px ; margin:0px; padding:0px; background-color:transparent; vertical-align:middle;} .CHECK { BORDER: 0PX; margin:0px; padding:0px; background-color:transparent; vertical-align:middle; } .noborder { BORDER: 0PX; margin:0px; padding:0px; background-color:transparent; text-align:bottom;vertical-align:middle; height:15px;} .DARK { border:1px solid #5f5f5f; background-color:#414141; color:#989898; padding-left:3px; } /* btn: tag */ /* input.btn { background-image: url(/images/200805/btn_bg.gif); background-position:top; background-color: #ededed; border-top: 1px solid #c8c8c8; border-left: 1px solid #c8c8c8; border-right: 1px solid #adadad; border-bottom: 1px solid #adadad; FONT-SIZE: 12px; color: #000; padding-left:10px; padding-right:10px; padding-top:4px; height:24px; margin:0px; CURSOR: pointer;} */ input.btn { background-color:rgb(240,240,240); border:1px solid rgb(190,190,190); border-bottom:1px solid rgb(160,160,160); padding:8px 12px 4px 12px; font-family:'맑은고딕',MalgunGothic,dotum,Arial; FONT-SIZE: 12px; color:rgb(80,80,80); letter-spacing:-1px; margin:0px; cursor: pointer; } input.btnSmall { background-image: url(/images/200805/btn_bgSmall.gif); background-position:top; background-color: #ededed; border-top: 1px solid #c8c8c8; border-left: 1px solid #c8c8c8; border-right: 1px solid #adadad; border-bottom: 1px solid #adadad; FONT-SIZE: 11px; color: #000; height:20px; padding-left:10px; padding-right:10px; padding-top:3px; CURSOR: pointer;} /* 2013.07. sungdang 추가 */ input.btnActionSmall { background-color: rgb(240,240,240); border: 1px solid rgb(200,200,200); font-size: 11px; color: rgb(103,130,103); padding: 8px 10px 3px 10px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: 0px 1px 0px 0px rgba(200,200,200,0.6); line-height:1em; CURSOR: pointer; } input.btnActionTy1 { background-color:rgb(120,170,260); border:1px solid rgb(100,150,240); border-bottom:1px solid rgb(80,130,220); padding:8px 12px 4px 12px; font-family:'맑은고딕',MalgunGothic,dotum,Arial; font-size:12px; font-weight:normal; color:rgb(255,255,255); letter-spacing:-1px; cursor: pointer; } input.btnActionTy2 { background-color:rgb(250,250,250); border:1px solid rgb(200,200,200); border-bottom:1px solid rgb(180,180,180); padding:8px 12px 4px 12px; font-family:'맑은고딕',MalgunGothic,dotum,Arial; font-size:12px; color:rgb(120,120,120); letter-spacing:-1px; cursor: pointer; } input.btnActionTy3 { background-color:rgb(240,240,240); border:1px solid rgb(200,200,200); border-bottom:1px solid rgb(180,180,180); padding:5px 8px 1px 8px; font-family:'맑은고딕',MalgunGothic,dotum,Arial; font-size:11px; color:rgb(80,80,80); letter-spacing:-1px; cursor: pointer; } input.btnSearch { background-image: url(/images/200805/icon_07.gif); background-repeat:no-repeat; background-position:left; background-color: #f2f2f2; border-top: 1px solid #c8c8c8; border-left: 1px solid #c8c8c8; border-right: 1px solid #adadad; border-bottom: 1px solid #adadad; FONT-SIZE: 11px; color: #000; height:20px; padding-left:10px; padding-right:2px; padding-top:3px; CURSOR: pointer;} input.btnService { background-image: url(/images/200805/icon_search.gif); background-repeat:no-repeat; background-position:right; background-color: #f2f2f2; border-top: 1px solid #c8c8c8; border-left: 1px solid #c8c8c8; border-right: 1px solid #adadad; border-bottom: 1px solid #adadad; FONT-SIZE: 11px; text-align: left; color: #000; height:20px; padding-left:10px; padding-right:2px; padding-top:3px; CURSOR: pointer; } /* 2013.07. sungdang 테이블 디자인 바꿈 */ input.btnYear { background-image: url(/images/200805/calender_arrow05.png); background-repeat: no-repeat; background-position: right; background-color: rgb(241,241,241); border: 1px solid rgb(217,217,217); font-size: 13px; font-family: arial; font-weight: bold; color: rgb(51,51,51); height:20px; padding: 0px 5px; cursor: pointer; } input.btnLarge03 { position: relative; margin: 0; display: -moz-inline-box; display: inline-block !important; border: 0; !important; font: 8pt 굴림,Gulim, dotum, Sans-serif; white-space: nowrap; background: url('../images/icon/bg_btn.gif') no-repeat left top; padding: 0 0 0 2px; background-position: left top; margin: 0 2px 0px 2px; background-position: 0 -151px; vertical-align: middle; width: auto; overflow: visible; height: 24px; *top: -0px; _top: 0; padding: 1px 8px 0 7px; *padding-top: 0; background-position: 100% -151px; cursor: pointer; letter-spacing: -1px; font-size: 9pt; font-weight: bold; background-color: #444; color: #FFF ; } select.btnYear { background-image: url(/images/200805/icon_search02.gif); background-repeat:no-repeat; background-position:right; background-color: #fff8d2; border: 1px solid #d6d6d6; FONT-SIZE: 12px; FONT-FAMILY: "돋움, Dotum"; color: #000; height:20px; padding-left:5px; padding-right:15px; vertical-align:middle; } input.btnGray { background-image: url(/images/200805/btn_bgGray.gif); background-position:top; background-color: #7e7e7e; border: 1px solid #525252; FONT-SIZE: 12px; FONT-FAMILY: "돋움, Dotum"; color: #fff;padding-top:4px; height:24px; width:auto; CURSOR: pointer;} input.btnGraySmall { background-image: url(/images/200805/btn_bgGray.gif); background-position:top; background-color: #7e7e7e; border: 1px solid #525252; FONT-SIZE: 11px; FONT-FAMILY: "돋움, Dotum"; color: #fff; height:20px; width:auto;padding-top:3px; CURSOR: pointer;} /* text tag */ img { border: 0px; } p { LINE-HEIGHT: 180%;} h1 { font-weight:bold; color:#4e4d4d; background:url(/images/200805/icon_01.gif) no-repeat 0 50%; padding-left:10px; font-size:12px;line-height:100%; margin:5px; vertical-align:middle;} #Quickhelp { background-color: #f6f2eb; border:1px solid #d2d2d2; padding:10px; margin:10px 15px;} #helpBox { background-color: #f2ede6; border:1px solid #c5c5c5; padding:10px; margin:10px 0px;} .Big { COLOR: #000; FONT-WEIGHT: bold; font-size:25px; font-family:Arial; line-height:100%; } .blackB { COLOR: #000; FONT-WEIGHT: bold; } .blue { COLOR: #4189cf; } .blueB { COLOR: #4189cf; FONT-WEIGHT: bold; } .calender { COLOR: #851e34; FONT-WEIGHT: bold; font-size:10px; font-family:Tahoma; } .calenderB { COLOR: #851e34; FONT-WEIGHT: bold; font-size:16px; font-family:Arial; } .colorInfo { border:1px solid #9dbfd0; background-color:#e9eff3; padding:5px; } .copy { COLOR: #b4b4b4; } .dot { background-image: url(/images/200805/icon_dot.gif); background-repeat: repeat-x; background-position: center center; } .dotH { background-image: url(/images/200805/icon_dotH.gif); background-repeat: repeat-y; background-position: center center; } .Info { border:1px solid #cecece; padding:5px 15px; } .Item { border:1px solid #d9d9d9; padding:5px; margin:2px 0px; background-color:#fcfcfc;} .InfoDrak { border:1px solid #a8a8a8; padding:5px; } .dotWhite { border:1px dashed #dddddd; background-color:#ffffff; padding:5px; } .drakB { COLOR: #4e4d4d; FONT-WEIGHT: bold; } .drakBR { COLOR: #4e4d4d; FONT-WEIGHT: bold; padding-left:10px; } .gray { COLOR: #919090; font-weight:normal;font-size:11px; FONT-FAMILY: 돋움} .graySmall { COLOR: #a1a1a1; font-size:11px; font-family: "돋움, Dotum"; line-height: 16px; word-spacing:-1px;} .highlightTD { background-color: #fff0f0; } .loding { color:#7b2a3c; background-color:#f5dbdb; padding:5px; text-align:center; } .more { font-weight:normal;font-size:11px; FONT-FAMILY: 돋움; text-align:right;} .org { COLOR: #ff8927; } .orgB { COLOR: #ff8927; FONT-WEIGHT: bold; } .redBG { color:#FFFFFF; background-color:#ea9865; font-size:11px; FONT-FAMILY: 돋움; padding:2px 4px 0px 4px; } .redTit { COLOR: #fff; background-color:#7a2e3e; font-size:12px; text-align:center; FONT-WEIGHT: bold;} .orgItem { background-color: #ffe4cc; border-top:1px solid #ffb777; border-bottom:1px solid #ffb777; padding:4px; } .red { COLOR: #cd3543; } .redB { COLOR: #cd3543; FONT-WEIGHT: bold; } .redSmall { COLOR: #cd3543; font-size:11px; font-family: "돋움, Dotum"; line-height: 16px; word-spacing:-1px;} .row_off { background-color: #FFFFFF; } .row_on { background-color: #F2F2FF; } .row_off_a { background-color: #EEEEEE; } .row_on_a { background-color: #FFDD99; } .hand { cursor: pointer; } .SelectOff { background-color:#1f1f1f; color:#FFFFFF; cursor: pointer; } .SelectOn { background-color:#555555; color:#FFFFFF; cursor: pointer; text-decoration: none; } .SelectOn a { background-color:#555555; color:#FFFFFF; cursor: pointer; text-decoration: none; } .SelectOn a:hover { background-color:#555555; color:#FFFFFF; cursor: pointer; text-decoration: none; } .SelectOn a:active { text-decoration: none; } .SelectS { background-color:#797979; color:#fff; cursor: pointer; } .Small { font-size:11px; font-family:"돋움, Dotum"; line-height: 16px; word-spacing:-1px;} .subTlt { background-attachment: fixed; background-image: url(/imagesN/default/bg_tlt.gif); background-repeat: repeat-x; background-position: center top; } .white { color: #ffffff;} .white2B { COLOR: #FFFFFF; FONT-WEIGHT: bold; } .yelB { COLOR: #f6edc4; FONT-WEIGHT: bold; } .sky { color: rgb(86,138,223); } .bold { font-weight:bold; } .tltSub11 { color: rgb(100,100,100); font-size:14px; } .qanQ { font-size:13px; } .qnaQ span { background-color:rgb(110,110,110);color:rgb(255,255,255);padding:4px 7px;border-radius:13px;font-family:arial; } .qnaA { font-size:13px; background-color:rgb(250,250,250); line-height:1.5em; } .qnaA span { background-color:rgb(252,131,131);color:rgb(255,255,255);padding:4px 7px;border-radius:13px;font-family:arial; } .page { text-decoration: none; font-size:9px; font-family: "tahoma"; padding-top:20px; padding-bottom:10px;} .pageSelect {FONT-WEIGHT: bold;color: #3c3c3c;} .page A:active { font-weight:normal; text-decoration: underline; color: #0072bc; } .page A:hover { font-weight:normal; text-decoration: underline; color: #0072bc; } .page A:link { font-weight:normal; text-decoration: none; color: #3c3c3c;} .page A:visited { font-weight:normal; text-decoration: none; color: #3c3c3c;} .layerBalloon { background-color: Transparent ; position: absolute; border: 0px solid; padding: 0px; /* width: 200px; */ filter:Alpha(Opacity=90); opacity: 0.90; font-size: 8pt; font-style: normal; font-weight: normal; visibility: hidden; z-index: 1000; display: block; } /* AJAX Edit Area */ /* input FONT-SIZE: 12px; FONT-FAMILY: "돋움, Dotum"; COLOR: #383838; BACKGROUND-COLOR: #FFFFFF; height:20px; padding:3px; */ .ajaxEditDo { border: 2px solid #FF6666; padding: 1px; width: 90%; } .ajaxEditOn { border: 2px solid #00AAFF; padding: 1px; width: 90%; } /* IE margin, FF padding */ .ajaxEditOff { border: 1px solid #ffffff; padding: 2px; background-color: Transparent; width: 90%; } .ajaxEditOver { border: 1px solid #00AAFF; padding: 2px; width: 90%; } /* AJAX Edit Area2 */ /* input FONT-SIZE: 12px; FONT-FAMILY: "돋움, Dotum"; COLOR: #383838; BACKGROUND-COLOR: #FFFFFF; height:20px; padding:3px; */ .ajaxEditDo2 { border: 2px solid #FF6666; padding: 1px; width: 70%; } .ajaxEditOn2 { border: 2px solid #00AAFF; padding: 1px; width: 70%; } /* IE margin, FF padding */ .ajaxEditOff2 { border: 0px solid #AAAAAA; padding: 2px; background-color: Transparent; width: 70%; } .ajaxEditOver2 { border: 1px solid #00AAFF; padding: 2px; width: 70%; } /* calendar pop td */ .stylecal TD { font-size: 10px; font-family: Tahoma; padding: 2px; } /* 리포트 설정 */ .contentTit{font-size:1.2em; color:#41a706; margin:0 0 .2em 0; color:#333;FONT-WEIGHT: bold;} .tableT1 { BORDER-TOP: #d7d7d7 1px solid; margin-top:5px; margin-bottom:5px; } .tableT1 a { color:#333333; } .tableT1 .ttd img {vertical-align:middle; border:0 none; margin:4px 0px 6px 0px; } .tableT1 .tth { BORDER-BOTTOM: #d7d7d7 1px solid; BORDER-right: #d7d7d7 1px solid; TEXT-ALIGN:center; color:#464646;padding:15px 5px 5px 5px; white-space:nowrap; FONT-WEIGHT: normal; width:20%; } .tableT1 .ttd { BORDER-BOTTOM: #d7d7d7 1px solid; padding:10px 25px 5px 25px; background-color:#fff;WORD-BREAK:keep-all;} .tableT1 td ul { padding:0; margin:0px; color:#333333} .tableT1 td ul li { list-style:none; padding:0 0 0 10px; background:url(https://devui.logger.co.kr/images/200805/icon_06.gif) no-repeat left 5px; line-height:1.6;FONT-WEIGHT: bold;} .tableT1 td ul li .noneT {font-weight:normal} .tableT1 td .gray { COLOR: #919090; font-weight:normal;font-size:11px; FONT-FAMILY: 돋움;line-height:2.5;} /* report_menu_left.inc 에 있던거 옮겨옴 */ .menu-left-01 { background:#ffffff; width: 221px; } .menu-left-02 { background:rgb(90,90,90); width: 9px; } .menu-left-03 { background:rgb(120,120,120); } .menu-left-loca { border-bottom:1px solid #545454; text-align:center; } .menu-left-select { padding:15px 0px; border-bottom:1px solid rgb(85,85,85); text-align:center; } .menu-site { width:205px; background-color:rgb(0,0,0); height:28px; font-size: 13px; color:rgb(255,255,255); font-family: Arial,'맑은고딕',MalgunGothic,dotum; border:1px solid rgb(106,133,191); } .menu-left-dash { border-bottom:1px solid rgb(85,85,85); } .graySmall { font-size:11px; color:#d6d6d6; } #TLM_STAT {position: relative;} .Msearch_wrap {position: relative; height: 65px;} .Msearch { padding: 5px 10px 10px 10px; text-align:center; overfloat:hidden; position: relative;} .Msearch input { font-size:11px; color:rgb(100,100,100); display: inline-block; width: 160px; *width: 155px; *display: inline; zoom: 1;} .Msearch .btnSearch { display:block; /*position:relative; top:10px; */background:url(/images/200805/icon/icons.png) -263px -352px rgb(241,241,241) no-repeat; border:1px solid rgb(200,200,200); border-radius:2px; width:26px; height:21px; float: right; *display: inline; zoom: 1;} /*CJH 20131209 : 파이어 폭스에서 아이콘 안나오는 부분 수정*/ .M1top { border-bottom:1px solid rgb(200,200,200); text-align:center; height: 20px;} .M1step { background-color:rgb(240,240,240); border-bottom:1px solid rgb(167,188,217); padding:2px 0px; font-size:13px; font-family: Arial,'맑은고딕',MalgunGothic,dotum; font-weight:bold; color:rgb(125,125,125); } .M1stepOn { background-color:#eeeeee; border-bottom:1px solid #d1d1d1; border-top:1px solid #ffffff; color:#313131; font-size:14px; font-weight:bold; } .M2step { padding:7px 10px 7px 10px; border-bottom:1px solid rgb(230,230,230); word-spacing:-1px; } .M3step { padding:5px 10px 5px 13px; word-spacing:-2px; list-style:none; } .M2over { background-color:rgb(250,250,250); cursor: pointer; padding:7px 10px 7px 10px; border-bottom:1px solid rgb(240,240,240); word-spacing:-1px; } .M3over { background-color:rgb(250,250,250); padding:5px 10px 5px 13px; word-spacing:-2px; } .M3over a { color: rgb(86,138,223); text-decoration: none; } .M3over a:hover { color: rgb(86,138,223); text-decoration: none; } .M3over a:active { text-decoration: none; } .M3on { background-color:rgb(255,208,208); padding:5px 10px 5px 13px; word-spacing:-2px; list-style:none; } .M3on a { text-decoration: none; } .M3on a:hover { text-decoration: none; } .M3on a:active { text-decoration: none; } .M3line { border-bottom:1px solid rgb(230,230,230); margin-top:10px; } .menu-left-02over { background: rgb(30,30,30); width: 9px; cursor: pointer; } .book { width:14px; vertical-align:middle; margin-right:3px; } .space { height:30px; } .sumClose { background-color:#ffffff; border-left:3px solid #838383; border-right:3px solid #838383; padding:3px; text-align:right; } .sumListLimit { background-color:#ffffff; border:3px solid #838383; border-top:0px; padding:2px 5px 7px 5px; } .sumList { border-bottom:1px dotted #cdcdcd; padding:5px 7px 2px 7px; cursor: pointer; } .Mdefault { border-bottom:1px solid #e0e0e0; color:#666666; font-size:11px; padding:7px 5px 5px 12px; } .MdefaultOn { color:#34b0ff; font-weight:bold; } .Mdover { background-color:#f4f4f4; cursor: pointer; border-bottom:1px solid #e0e0e0; color:#666666; font-size:11px; padding:7px 5px 5px 12px; } .Mtlt { border-bottom:1px solid #e0e0e0; color:#313131; font-size:12px; padding:9px 5px 7px 10px; } .MtltOver { background-color:#f4f4f4; cursor: pointer; border-bottom:1px solid #e0e0e0; color:#313131; font-size:12px; padding:9px 5px 7px 10px; } /* report_tip_message.inc 에 있던거 옮겨옴 */ .bottom_tip_wrap {padding:0px 16px;} .bottom_tip { margin: 0px; padding: 0px;} .bottom_tip dt,dd {margin:0px; padding: 0px;} .bottom_tip dt {background: #eaeaea; padding: 4px 10px; border-bottom: 1px solid #d6d6d6; border-top: 1px solid #d6d6d6; font-family:tahoma; font-size:13px; color:d92b2c; } .bottom_tip dd {background: #f9f9f9; padding: 10px; border-bottom: 1px solid #d6d6d6; margin-bottom:5px; line-height:150%; color:7d7d7d; FONT-FAMILY:gulim} /* 인덱스 메인 2012.08.13 lovetaki */ .clearfix {clear: both;} .span_vip {background: #ef6155; border-radius: 3px; color: #fff; display: inline-block; padding: 0px 3px; margin-right:3px; font-size: 11px; height:16px; line-height: 18px; padding-top: 2px;} .manager_index_wrap {margin: 15px 30px; min-width: 950px;} .manager_index_wrap_2cul {margin: 15px 30px; width:50%; float: left; position:relative;} .manager_index_bar { margin-top:10px; position: relative; } .manager_bar {background-image: url(/images/20120807/btn_bg.png); height: 28px; padding-top:10px; padding-left:33px; cursor:pointer; } .manager_custom {background-image: url(/images/newcustomer/custom_bg.png); height: 403px; padding-left:33px; padding-right:33px; } .manager_payment_info {float: right; width: 410px; background: url(/images/20120807/bg_payment.png) left no-repeat #f3f8fc; border: 1px solid #dedede; padding: 9px; padding-left:60px;} .manager_payment_info dt {font-weight: bold; margin-bottom: 4px;} .manager_payment_info dl,dd {margin: 0px; padding: 0px;} .manager_head {position: relative; float: left;} .manager_head_profile {float: left; color: #000; width: 420px;} .manager_head_profile_r1 {font-weight: bold; height:30px;width: 420px; line-height: 32px; border-bottom: 1px solid #666666; padding: 0px 2px;} .manager_head_profile_r2 {font-weight: normal; height:30px;width: 420px; line-height: 30px; padding: 0px 2px;} .btn_profile {float: right; margin-top: 5px; border-radius: 3px; cursor: pointer; width:90px;} .btn_payment {margin-top: 5px; border-radius: 3px; cursor: pointer; width:90px;} .index_section_off {color:#777777;} .index_section_on {color:#ef6157;} .manager_index_section {border: 1px solid #cccccc;} .manager_index_section dl {padding: 0px; margin: 0px; width: 100%;} .manager_index_section dt {border-bottom: 1px solid #ccc; background: #f0f0f0; color: #4a4a4a; padding: 9px 15px; position: relative; font-weight: bold;} .manager_index_section dd {width: 100%;} .manager_index_section_2cul {border: 1px solid #cccccc; width: 49%; float: left;} .manager_index_section_2cul dl {padding: 0px; margin: 0px; width: 100%;} .manager_index_section_2cul dt {border-bottom: 1px solid #ccc; background: #f0f0f0; color: #4a4a4a; padding: 9px 15px; position: relative; font-weight: bold;} .manager_index_section_2cul dd {width: 100%;} .manager_index_contents {padding: 8px;} .section_utility {right: 0px; position: absolute; color: #494949; font-weight: normal; height:33px; top:0px;} .section_utility .section_util_btn_ref {border-left: 1px solid #ddd; height:27px; display: inline-block; line-height: 33px; padding: 0px 9px; padding-top:6px; } .section_utility .section_util_text {border-left: 1px solid #ddd; height:33px; display: inline-block; line-height: 33px; padding: 0px 9px; padding-top:2px; } .section_utility .section_util_btn {border-left: 1px solid #ddd; height:33px; display: inline-block; line-height: 33px; padding: 0px 9px; } .section_utility .section_util_btn:hover {background: #ddd; } .manager_index_level {border-bottom: 1px solid #ccc; margin-top: 25px; position: relative; } .manager_index_level_select {width:430px; margin-left: 30px; background: url(/images/20120807/bg_level.png) repeat-x; border: 1px solid #ccc; border-bottom: 1px solid #f5f5f5; padding: 6px 9px; margin-bottom: -1px; } .manager_index_level_selectbox {width:410px; height:28px; line-height: 28px; border: 1px solid #ccc; background: #fff; color: #3c3c3c; font-weight: bold; position: relative; cursor: pointer; } .selectbox_arrow {width:28px; height:28px; background: url(/images/20120807/level_select.png) no-repeat center center #f6f6f6; right:0px; top:0px; position:absolute;} .manager_index_level_selectbox:hover .level_select_list {display: block;} .level_select_list {width:426px; position: absolute;border: 1px solid #ccc;background: #fff; color: #3c3c3c; left:-1px; z-index:100; display: none;} .level_select_list ul {margin:0px; padding:0px; list-style: none;} .level_select_list li:hover {background: #f6f6f6; } .level_head_1 {width: 62px; height:28px; line-height: 28px; display: inline-block; background: #8cc4dd; color: #fff; text-align: center; margin-right: 6px; font-weight: normal;} .level_head_2 {width: 62px; height:28px; line-height: 28px; display: inline-block; background: #86b253; color: #fff; text-align: center; margin-right: 6px; font-weight: normal;} .level_head_3 {width: 62px; height:28px; line-height: 28px; display: inline-block; background: #ff8e4c; color: #fff; text-align: center; margin-right: 6px; font-weight: normal;} .level_head_4 {width: 62px; height:28px; line-height: 28px; display: inline-block; background: #dc4663; color: #fff; text-align: center; margin-right: 6px; font-weight: normal;} .level_head_A {width: 62px; height:28px; line-height: 28px; display: inline-block; background: #c864c4; color: #fff; text-align: center; margin-right: 6px; font-weight: normal;} .level_head_B {width: 62px; height:28px; line-height: 28px; display: inline-block; background: #9a5dc4; color: #fff; text-align: center; margin-right: 6px; font-weight: normal;} .level_head_D {width: 62px; height:28px; line-height: 28px; display: inline-block; background: #ffcc00; color: #fff; text-align: center; margin-right: 6px; font-weight: normal;} .level_head_E {width: 62px; height:28px; line-height: 28px; display: inline-block; background: rgb(255,150,200); color: #fff; text-align: center; margin-right: 6px; font-weight: normal;} .level_head_G {width: 62px; height:28px; line-height: 28px; display: inline-block; background: rgb(86,138,223); color: #fff; text-align: center; margin-right: 6px; font-weight: normal;} .level_head_H {width: 62px; height:28px; line-height: 28px; display: inline-block; background: rgb(167,188,217); color: #fff; text-align: center; margin-right: 6px; font-weight: normal;} .level_head_L {width: 62px; height:28px; line-height: 28px; display: inline-block; background: rgb(98,211,208); color: #fff; text-align: center; margin-right: 6px; font-weight: normal;} .level_head_T {width: 62px; height: 28px; line-height: 28px;display: inline-block; background: #6496f0; color: #fff; text-align: center; margin-right: 6px; font-weight: normal;} .level_head_S {width: 62px; height: 28px; line-height: 28px;display: inline-block; background: #b3cc6c; color: #fff; text-align: center; margin-right: 6px; font-weight: normal;} .manager_index_icon1 {height:16px; display: inline-block; background: url(/images/20120807/icon_01.png) left 8px no-repeat; padding-left: 16px; margin-right: 8px; line-height: 17px; padding-top: 8px; } .manager_index_icon2 {height:16px; display: inline-block; background: url(/images/20120807/icon_02.png) left 8px no-repeat; padding-left: 16px; margin-right: 8px; line-height: 17px; padding-top: 8px;} .manager_index_icon3 {height:16px; display: inline-block; background: url(/images/20120807/icon_03.png) left 8px no-repeat; padding-left: 16px; margin-right: 8px; line-height: 17px; padding-top: 8px;} .manager_index_icon4 {height:16px; display: inline-block; background: url(/images/20120807/icon_04.png) left 8px no-repeat; padding-left: 16px; margin-right: 8px; line-height: 17px; padding-top: 8px;} .manager_index_icon5 {height:16px; display: inline-block; background: url(/images/20120807/icon_05.png) left 8px no-repeat; padding-left: 16px; margin-right: 8px; line-height: 17px; padding-top: 8px;} .manager_index_icon6 {height:16px; display: inline-block; background: url(/images/20120807/icon_06.png) left 8px no-repeat; padding-left: 16px; margin-right: 8px; line-height: 17px; padding-top: 8px;} .manager_index_icon7 {height:18px; width:16px; display: inline-block; background: url(/images/20120807/icon_08.png) left 5px no-repeat; margin-right: 8px; line-height: 19px; position: relative; cursor: pointer;} .manager_index_icon7:hover .manager_index_icon_pop {display: block;} .manager_index_icon8 {height:18px; width:16px; display: inline-block; background: url(/images/20120807/icon_08.png) left 5px no-repeat; margin-right: 8px; line-height: 19px; position: relative; cursor: pointer;} .manager_index_icon8:hover .manager_index_icon_pop2 {display: block;} .manager_index_icon_pop {position: absolute; right: 0px; top:15px; background: #fff; width: 400px; border: 2px solid #ccc; padding: 5px; display: none; line-height: 25px; z-index:100;} .manager_index_icon_pop2 {position: absolute; right: 0px; top:20px; left:0px; background: #fff; width: 200px; border: 2px solid #ccc; padding: 5px; display: none; line-height: 18px; z-index:100;} .manager_tableset { width: 100%; text-align: center; border-collapse: collapse;} .manager_tableset th {border-bottom: 1px solid #666666; padding: 17px 1px 8px 1px; background: #fff; color: #1f1f1f;} .manager_tableset td {border-bottom: 1px solid #cbcbcb; padding: 7px 1px; color: #464646; height:20px;} .manager_tableset tr:hover {background: #f7f7f7;} .pop_back {display:none; width:100%; height:auto; position: absolute; left: 0px; top:0px; z-index: 8000;} .pop_back .pop_overlay {width:100%; height:auto; cursor: pointer;} .pop_guide {display:none; width:100%; height:auto; position: absolute; left: 230px; top:80px; z-index: 9000;} /* 인덱스 메인 : 종료일 팝업 추가 (/css/popup.css에 있던거 옮겨옴) */ #pop_End {width:531px; position:absolute; left:50%; margin-left:-265px; z-index:8500; display:none;} #pop_End td {padding-left:41px; padding-right:41px; background:url(/images/popup/bg.png);} #pop_End .to {font:14px #545454;padding:20px 50px 20px 41px; vertical-align:baseline;} #pop_End .list {padding-bottom:27px;} #pop_End .bottom {background:url(/images/popup/02.png) no-repeat; vertical-align:baseline; text-align:right; padding-right:50px; padding-top:12px; font-size:12px; font-weight:normal; } #pop_End .headeri {background:url(/images/popup/01.png) no-repeat; vertical-align:baseline; text-align:right; padding-right:20px; padding-top:20px; font-size:12px; font-weight:normal; } #pop_message { width:535px; position:absolute; display:normal; border:7px solid rgb(70,70,70); border-radius:8px; left:50%; top:20%; margin-left:-210px; z-index:9000;} #pop_body { background-color:rgb(255,255,255); padding:30px; font-family:'Open Sans','NanumGothic','Nanum Gothic',verdana,gulim,dotum; color:#697181; } .mesTitle { font-size:20px; } #box {width:439px;border:0px; overflow-x:hidden;overflow-y:scroll;} #box .red {width:410px; border:2px solid #e83824; background: #ffeeee; color:#e83824; font-size:12px; margin-bottom:3px; clear: both;} #box .blue {width:410px; border:2px solid #5eb6ec; background: #e9f7ff; color:#5eb6ec; font-size:12px; margin-bottom:3px; clear: both;} #box .gray {width:410px; border:2px solid #e7e7e7; background: #f9f9f9; color:#545454; font-size:12px; margin-bottom:3px; clear: both;} #head {width:440px;} #head #text {width:280px; position:relative; float:left;font-size:17px; font-weight:normal;font-weight:bold;} #head #btnset {width:85px; position:relative; float:left; text-align:right;} /* 인덱스 메인 : 가비아용 네이버CTS 안내 팝업 추가 */ .pop_gabia { width:499px; height:722px; background:url(https://img.bizspring.net/popup/201212_logger/bg_cts_pop.png)no-repeat; box-shadow: 0px 0px 8px black; position:absolute; left: 245px; top:50px; z-index:8700; display:none;} .pop_gabia_btn { height:27px; padding: 644px 0px 0px 172px;} .pop_gabiaFree { width:397px; height:371px; background:url(https://img.bizspring.net/popup/201212_logger/bg_gabia_pop.png)no-repeat; box-shadow: 0px 0px 8px black; position:absolute; left: 800px; top:50px; z-index:8800; display:none;} .pop_gabiaFree_btn { height:27px; padding: 282px 0px 0px 73px; } .pop_stop { background:url(https://img.bizspring.net/popup/201212_logger/bg_gabia_pop2.png)no-repeat; width:387px; height:19px; line-height:21px; padding:2px 10px 0px 0px; font-size:11px; text-align:right; box-shadow: 0px 0px 8px black; margin-top:55px; } .pop_stopMd1 { position:absolute; right:15px; top:7px;} .pop_stopMd2 { background-color:#3f4656; color:#ffffff; position:absolute; width:590px; height:19px; line-height:21px; padding:2px 10px 0px 0px; font-size:11px;text-align:right; bottom:0px; vertical-align:middle;} .pop_gabiaMd { width:600px; height:400px; box-shadow: 0px 0px 8px black; position:absolute; left:50%; margin-left:-300px; top:50px; z-index:8800; display:none;} /* report_menu_left.inc */ .tab_dashboard {position:relative; height:60px;} .tab_dashboard ul li ul {background: url(/images/menu0717/down_overlay.png); width:218px; position: absolute; z-index: 30; border-radius: 4px; display: none; color: #fff; list-style: none; padding: 0px; border: 1px solid #131417; margin-top: 10px; top:53px;} .tab_dashboard ul li ul .tab_dot {width:70px; height:5px; background: url(/images/menu0717/tab_dot.png) center no-repeat; position: absolute; top:-6px;} .tab_dashboard ul li ul .tab_title {height:30px; width:175px; display: inline-block; line-height: 30px; padding-left: 20px; font-weight: bold;} .tab_dashboard ul li ul .add_dash {width:199px; height:30px; display: inline-block; line-height: 30px; padding-left: 20px; font-weight: bold; background: #7a4345; border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;} .tab_dashboard ul li ul li {border-bottom: 1px solid #3d3f45; padding: 8px 0px; padding-left: 20px;} .tab_dashboard ul li ul li:hover {background: #3d4048;} .tab001 {width:74px; height:60px; float:left; background:url(/images/menu0717/tab001.png) no-repeat; cursor:pointer; position:relative;} .tab001_hover {width:74px; height:60px; float:left; background:url(/images/menu0717/tab001_hover.png) no-repeat; cursor:pointer; position:relative;} .tab002 {width:76px; height:60px; float:left; background:url(/images/menu0717/tab002.png) no-repeat; cursor:pointer; position:relative;} .tab002_hover {width:76px; height:60px; float:left; background:url(/images/menu0717/tab002_hover.png) no-repeat; cursor:pointer; position:relative; } .tab003 {width:69px; height:60px; float:left; background:url(/images/menu0717/tab003.png) no-repeat; cursor:pointer; position:relative;} .tab003_hover {width:69px; height:60px; float:left; background:url(/images/menu0717/tab003_hover.png) no-repeat; cursor:pointer; position:relative;} .btn a{width:62px; height:14px; margin-right:5px; padding:5px 20px;text-align:center; border:1px solid #000; border-radius:4px; text-decoration:none; background-color:#393939; color:#fff; } /* 바이럴 랭크 리포트용 */ .f_b {font-weight:bold;} .f_lg {color:#a0a0a0;} .f_dg {color:#4b4b4b;} .b_t { min-width:1000px; font-family::Tahoma, Geneva, sans-serif,Dotum,'돋움' ; border:1px #cccccc solid; border-radius:2px; background-color:#f1f1f1; position:relative; margin-left:15px; margin-right:15px; margin-bottom:15px; } .s_box { height:31px; line-height:31px; border:1px #e4e4e4 solid; background:#fff; position:relative; cursor:pointer; margin:10px 10px 17px 10px; } .s_box:hover .s_box_list { display: block; } .s_box_t { margin:14px; font-size:15px; } .s_box_arrow { width:31px; height:31px; background:url(/imagesN/icon/s_arrow.png) no-repeat center center; position:absolute; right:0px; top:0px; } .s_box_list { width:100%; position:absolute; border:1px #e4e4e4 solid; background:#fff; left:-1px; z-index:100; display:none; } .s_box_list ul { margin:0px; padding:0px; list-style:none; } .m_t { padding:0px 0px 0px 10px; margin:0px; height:28px; border-bottom:1px #cccccc solid; font-size:12px; } .m_t li { margin:0px; padding:0px; display:block; float:left; list-style-type:none; width:64px; height:29px; text-align:center; } .m_t a { float:left; line-height:28px; width:64px; height:29px; text-decoration:none; } .m_t .active { background:url(/imagesN/icon/t_m.png) no-repeat; color:#a0a0a0; } .data{ background-color:#FFF; display:inline-block; width:100%; } .data table { float:left; width:49%; border-left:1px #e5e5e5 solid; border-bottom:1px #e5e5e5 solid; border-right:1px #e5e5e5 solid; border-radius:2px; border-spacing:0; margin:10px 0px 0px 0px; text-align:center; } .data table .title { background:#545454; height:32px; font-size:12px; color:#ebebeb; text-shadow:#4b4b4b 0px 0px 8px; } .data table .sub { background:#f5f5f5; height:30px; font-size:11px; text-align:center; } .data table .chart { height:136px; } .data table td { border-top:1px #e5e5e5 solid; } .data table .con { height:50px; text-align:left; overflow:hidden; text-overflow:ellipsis; } .data .btn_rm { float:left; width:98.2%; min-width:975px; height:34px; line-height:34px; margin:5px 0px 10px 10px; background:#e4eff8; text-align:center; font-size:12px; font-weight:bold; color:#626262; border:1px #cbe3f4 solid; border-radius:2px; } .data .btn_rm a:hover { background-color:#cbe4f7; } /* 카카오스타일 > 인기상품 랭킹 */ .infoYel { margin:0px 15px 5px 15px; background:rgb(255,250,220); border:1px solid rgb(234,231,217); padding:8px 9px 8px 9px; font-size:11px; color:rgb(119,119,119); } .time { font-size:17px; font-weight:bold; font-family:'맑은고딕',MalgunGothic,dotum,Arial; letter-spacing:-1px; } .dataTB { margin:0px 15px 10px 15px; } .dataTB table { width:100%; } .dateTB { margin:0px 15px 10px 15px; } .dateSpace { height:30px; margin:-10px 35px 15px 15px; } .dateTxt { border:1px solid rgb(220,220,220); border-top:0px; float:right; padding:5px 10px 5px 10px; width:295px; font-size:14px; font-family:tahoma; font-weight:bold; } .rankTable { width:100%; } .rankTltKa { width:33%; color:rgb(255,255,255); font-family:'맑은고딕',MalgunGothic,dotum,Arial; font-size:15px; font-weight:bold; padding:10px 20px 5px 20px; border-right:1px solid rgb(255,255,255); } .rankTltMe { width:33%; background:rgb(150,150,150); color:rgb(255,255,255); font-size:15px; font-weight:bold; padding:10px 8px 13px 8px; border-right:1px solid rgb(255,255,255); } .rankH { vertical-align:top; } .rankProd { height:53px; padding:8px 10px 8px 10px; border-bottom:1px solid rgb(220,220,220); border-right:1px solid rgb(220,220,220); } .rankProd_first { border-left:1px solid rgb(220,220,220); } .rankProd_on { height:53px; padding:8px 10px 8px 10px; border-bottom:1px solid #ffc0cb; border-right:1px solid rgb(220,220,220); border-left:1px solid rgb(220,220,220); background:#ffe4e1; font-weight:bold; } .rankProd_th { height:53px; padding:8px 10px 8px 10px; border-bottom:1px solid rgb(220,220,220); border-right:1px solid rgb(220,220,220); border-left:1px solid rgb(220,220,220); } .rankProd_tb { height:53px; padding:8px 10px 8px 10px; border-bottom:1px solid rgb(220,220,220); } .rankProd_obj { background:rgb(86,188,231); } .rankProd_top { border-top:1px solid rgb(220,220,220); } .obj_vsOut { position:absolute; } .obj_vsIn { position:relative;left:-20px;top:-10px;background:rgb(50,50,50);padding:3px;border-radius:3px; } .obj_vs2In { position:relative;left:-42px;top:10px; } .prod_rkn { float:left; width:25px; height:25px; text-align:center; padding-top:5px; background:rgb(100,100,100); color:rgb(250,250,250); font-size:11px; font-weight:bold; font-family:arial; line-height:1.3em; } .prod_rkw { display:block; margin-left:35px; margin-right:45px; line-height:2em; color:rgb(120,120,120); } .prod_rkwBr { display:block; margin-left:35px; line-height:1.5em; color:rgb(120,120,120); font-family:arial,dotum; } .prod_rkwCr { line-height:1.5em; color:rgb(120,120,120); font-family:arial,dotum; } .prod_rkm { float:right; width:50px; text-align:right; padding-top:5px; color:rgb(100,100,100); font-size:11px; font-weight:bold; font-family:arial; } .prod_rkntop { display:inline-block; width:25px; height:20px; text-align:center; padding-top:5px; background:rgb(255,150,200); color:rgb(250,250,250); font-size:11px; font-weight:bold; font-family:arial; } .prod_img { width:50px; height:58px; text-align:left; margin-right:8px; } .prod_midimg { width:70px; height:85px; margin-bottom:8px; } .prod_midimg2 { width:70px; height:85px; margin-right:8px; } .blank { filter:alpha(opacity=60); opacity:.6; } .sortTb1_left { width:43%; background:rgb(98,98,98); } .sortTb1_centerDot1 { width:4%; background-image:url(/images/menu201002/icon_shop_dot1.png); background-repeat:no-repeat; background-position:top center; text-align:right; } .sortTb1_centerDot2 { background-image:url(/images/menu201002/icon_shop_dot3.png); background-repeat:repeat-y; background-position:top center; } .sortTb1_centerDot3 { background-image:url(/images/menu201002/icon_shop_dot4.png); background-repeat:no-repeat; background-position:top center; text-align:right; } .sortTb1_rightTop { width:43%; background:rgb(255,128,125); } .sortTb1_rightBottom { width:43%; background:rgb(98,211,208); } .sortTb2_left { width:100px; background:rgb(98,98,98); } .sortTb2_right { background:rgb(255,128,125); } .sortTb2_rank { width:9%; } /* 2013.07. sungdang 추가 */ .sortTb3_rank { width:7%; } .prod_rknPink { float:left; width:25px; height:25px; text-align:center; padding-top:5px; background:rgb(255,128,125); color:rgb(250,250,250); font-size:11px; font-weight:bold; font-family:arial; line-height:1.3em; } .prod_rknSky { float:left; width:25px; height:25px; text-align:center; padding-top:5px; background:rgb(81,200,196); color:rgb(250,250,250); font-size:11px; font-weight:bold; font-family:arial; line-height:1.3em; } .prod_reTxt { font-size:11px; } .prod_reImg { width:90px; height:100px; margin-bottom:5px;} .prod_reR { border-right:1px solid rgb(220,220,220); } .prod_rkt { background:rgb(234,234,234); padding:10px 10px 5px 10px; border-bottom:1px solid rgb(220,220,220); font-size:11px; color:rgb(123,123,123); } .prod_rkt1 { float:right; width:50px; text-align:right; } /* 카카오스타일 > 카카오스타일 RealTime */ .realCard { display:inline-block; margin:0px 10px 10px 0px; border:1px solid rgb(200,200,200); border-radius: 5px; width:360px; box-shadow: 1px 1px 2px 0px rgba(200,200,200,0.5); } .realCardOn { background:rgb(255,250,220); } .realCard table { width:100%; } .realCard td { border-bottom:1px solid rgb(220,220,220); border-left:1px solid rgb(220,220,220); padding:10px 10px; font-family:arial; } .realCard th { width:35%; } .trendCard { border:1px solid rgb(200,200,200); border-radius: 5px; width:950px; margin:auto; box-shadow: 1px 1px 2px 0px rgba(200,200,200,0.5); text-align:center; padding:20px 20px; } /* 카카오스타일 > 카카오스타일 효과보고서 */ .summary { background: rgb(245,245,245); BORDER: 1px solid rgb(167,188,217); border-top:0px; border-left:0px; border-radius: 4px 4px 4px 4px; box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.1); -moz-box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.1); padding:20px 20px; } .summary .sumData { font-size:25px; font-family:verdana; font-weight:bold; } .summary .sumVar { font-family:verdana; font-weight:bold; } /* 2013.07. sungdang 테이블 디자인 바꿈 */ .overLayerOut { position:relative; } .overLayerIn { position:absolute; margin-top:21px; margin-left:120px; width:88%; background: rgb(245,245,245); BORDER: 1px solid rgb(167,188,217); border-top:0px; border-radius: 4px 4px 4px 4px; box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.1); -moz-box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 3px 3px -3px rgba(0, 0, 0, 0.1); } .overLayer01 { background-color:rgb(255,255,255); border-right:1px solid rgb(220,220,220); } .overLayer02 { background-color:rgb(255,255,255); border-right:1px solid rgb(220,220,220); } .overLayer03 { background-color:rgb(255,255,255); } .overLayer04 { cursor:pointer; text-align:right; } /* TAB DESIGN */ .tabFirst { border-left:1px solid rgb(215,215,215); } .tabObj { background:rgb(255,255,255); height:30px; width:150px; padding:0px 8px; border-right:1px solid rgb(215,215,215); border-top:1px solid rgb(215,215,215); border-bottom:1px solid rgb(215,215,215); } .tabObjOn { background:rgb(255,255,255); height:30px; width:150px; padding:0px 8px; border-right:1px solid rgb(255,128,125); border-top:2px solid rgb(255,128,125); } .tabObjOn A:link { color:rgb(255,128,125); font-weight:bold; } .tabObjOn A:hover { color:rgb(255,128,125); font-weight:bold; text-decoration: none; } .tabObjOn A:visited { color:rgb(255,128,125); font-weight:bold; text-decoration: none; } .tabObjOn A:active { color:rgb(255,128,125); font-weight:bold; text-decoration: none; } .tabSpace { border-bottom:1px solid rgb(215,215,215); text-align:right; } .timeHour { background:rgb(98,98,98); height:37px; font-size:22px; font-weight:bold; font-family:Arial; letter-spacing:-1px; color:rgb(255,255,255); text-align:center; } .timeSum { background:rgb(255,128,125); height:37px; font-size:22px; font-weight:bold; font-family:Arial; letter-spacing:-1px; color:rgb(255,255,255); text-align:center; } .bestView { background:rgb(98,98,98); padding-left:12px; width:33%; hegith:37px; } .bestCart { background:rgb(161,188,108); padding-left:12px; width:33%; hegith:37px; } .bestPay { background:rgb(255,128,125); padding-left:12px; width:33%; hegith:37px; } .worstView { background:rgb(98,98,98); padding-left:12px; width:33%; hegith:37px; } .worstCart { background:rgb(135,135,135); padding-left:12px; width:33%; hegith:37px; } .worstPay { background:rgb(185,185,185); padding-left:12px; width:33%; hegith:37px; } /* kpi */ .kpi_summary_wrap {position: relative; margin-top: 10px;} .kpi_summary_wrap .kip_summary_head {height:32px; position:relative; line-height: 32px; z-index: 1;} .kpi_summary_wrap .btn_kip_setting {position: absolute; left:235px; top:3px;} .kpi_summary_wrap .kpi_summary_head_title {font-family: gulim, gulimche; font-size: 12px; font-weight: bold; margin-bottom: 7px; text-align: left; line-height: inherit; } .kpi_summary_wrap .kpi_summary_list {background: #fff; border: 2px solid #d0d0d0; line-height: 18px; font-size: 12px; display: inline-block; padding: 1px 5px; background: url(/images/menu120730/bg_summary.png) right center no-repeat; position: absolute; width:101px; left: 90px; top:4px; z-index: 500;} .kpi_summary_wrap .kpi_summary_list div {display: none; position: absolute;background: #fff; border: 2px solid #d0d0d0; top:18px; left:-2px; border-top:none; padding: 2px 3px 2px 18px; z-index: 5000; width:90px;} .kpi_summary_wrap .kpi_summary_list:hover div {display: block!important;} .kpi_summary_wrap .kpi_summary_list .kpi_summary_list_down ul {margin: 0px; padding: 0px; font-size: 12px;} .kpi_summary_wrap dd {width: 100%; height:85px; margin: 0px; padding:0px;} .kpi_summary_wrap dd table {width: 100%; height:85px; border-collapse: collapse; border: 1px solid #cccccc;} .kpi_summary_wrap dd td {width: 16%; background: url(/images/menu120730/bg_kpi.png) repeat-x; padding: 5px; border-right: 1px solid #cccccc; text-align: center;} .kpi_summary_wrap table {width: 100%; height:85px; border-collapse: collapse; border: 1px solid #cccccc;} .kpi_summary_wrap td {background: url(/images/menu120730/bg_kpi.png) repeat-x; padding: 5px; border-right: 1px solid #cccccc; text-align: center;} .kpi_summary_wrap td .kpi_summary_title {display: block; font-size: 12px; padding-bottom: 10px;} .kpi_summary_wrap td .kpi_summary_title: hover {text-decoration: none;} .kpi_summary_wrap td .kpi_summary_number {display: block;font-size: 22px; color: #252525; font-weight: bold; font-family: tahoma;} .kpi_summary_wrap td .kpi_summary_condition {display: block;font-size: 18px; color: #252525; font-weight: bold; font-family: tahoma;} .kpi_summary_wrap td .kpi_summary_text {display: block;font-size: 16px; padding-top: 3px; color: #252525; font-weight: bold; font-family: tahoma;} .kpi_summary_wrap td .kpi_summary_remark {display: block;font-size: 11px; color: #8b8b8b;} .kpi_summary_wrap td .kpi_summary_kakao {font-size: 16px; padding-top: 3px; color: #252525; font-family: tahoma;} .kpi_cell_edit { position:absolute !important; background-color:#FFFFFF; opacity:95; filter:alpha(opacity=95); border-top:#c8c8c8 2px solid;border-bottom:#c8c8c8 2px solid;border-right:#c8c8c8 2px solid;border-left:#c8c8c8 2px solid;} /* HELP */ .btn_red_help {background:#f06058;} .btn_red_help:hover {background:#f06058;} /* 바이럴랭크 키워드 등록 */ .pop_info_bg {text-align: left; padding: 8px 10px; background: #fffccf; margin-bottom:15px; border:1px solid #fbf37b;} .Client_text_bg {background:#55636c; border-radius:30px; line-height:20px; display:inline-block; color:#fff; font-weight:bold; padding:0 10px;} .app_regist_btn {background:#00c73c; line-height:20px; display:inline-block; color:#fff!important; font-weight:bold; padding:0 10px; text-decoration:none;} .viral_info_text {display:block; margin-bottom:10px;} /* 리포트 설정 팝업 */ .dropdown-setup { border: medium none; border-radius: 3px; box-shadow: 0 0 3px rgba(86, 96, 117, 0.7); display: none; float: left; font-size: 12px; left: 50px; top: 180px; list-style: none outside none; background-color: #fff; padding: 10px 10px 10px 10px; position: absolute; text-shadow: none; z-index: 1050; border-radius: 2px; } .dropdown-setup>li>a { display: block; padding: 3px 5px; clear: both; font-weight: 400; line-height: 1.5; color: #333; white-space: nowrap } .dropdown-setup>li>a:hover, .dropdown-setup>li>a:focus { color: #fff; text-decoration: none; background-color: #FC223B } .bd-r { border-right: 1px solid rgb(220,220,220); } #rptTbl Td.align-num { text-align: right; padding-right: 30px !important; } /* 인플루언서_설정 */ .viral_st_wrap .viral_st {position:relative; z-index:10000;} .viral_st_wrap .viral_2_table {margin-top:20px !important;} .viral_st_wrap .viral_st input.btnSearch {background-image:none; padding-left: 10px; background:#fff;} .viral_st_wrap .viral_st #gray2 TH {background:#fafafa;} .viral_st_wrap .tableT1 td ul.nav-tabs {margin:40px 0 20px 0 !important;} .viral_st_wrap .quickguide { font-size:18px; margin-top:20px; } .viral_st_wrap .quickguide dt img {width:80px; } .viral_st_wrap .quickguide dt {float:left; margin-top:20px; text-align:right;} .viral_st_wrap .quickguide dl {width:100%; background:#fff; border:1px solid #cecece; height:120px; text-align:center; margin-top:20px; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); justify-content: center; display: inline-flex; } .viral_st_wrap .quickguide dd {margin-top:35px; font-weight:600; text-align:left; margin-left:20px;} .viral_st_wrap .quickguide dd .r_step {display:block !important; margin-bottom:5px; width:70px; background:#474e5b; padding:0px 7px; color:#fff; font-weight:600; border-radius:30px; font-size:12px; display:inline-block; margin-right:8px; text-align:center;} .viral_st_wrap .quickguide {font-size:15px;} .viral_st_wrap .quickguide dl:hover{background:#ecf4ff; cursor:pointer; border:1px solid #78aaff;} .tableT1 td ul.nav-tabs li {padding:0;} .viral_st_wrap .nav-tabs>li>a {margin-right:0;} .no-img .img-span {margin-bottom:20px; width:150px; height:150px; background-image: url(https://img.bizspring.net/viral/viral_photo_none_img.png); background-size: cover; display:inline-block;} td.no-img {width:20%; text-align:center; padding: 20px; vertical-align: top;} .img-ul {width:100%;} .img-ul li:first-child {margin-bottom:5px;} #detail input.btn {background-color:#fff; min-width:120px; padding: 3px 0px;} .mb-30 {margin-bottom:30px !important;} .mb-40 {margin-bottom:40px !important;} .tab_logo img {height:20px;} /* 인플루언서_리포트 */ .influencer_report_table td.table_post_info_td {width: 35%;} .influencer_report_table .table_post_info { line-height: 1.6; /* max-height: 4.8em; */ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .influencer_report_table .img-span {width: 50px; height: 50px; background-image: url(https://img.bizspring.net/viral/viral_photo_none_img.png); background-size: cover; display: inline-block;} .influencer_report_table .img-span img {width: 50px; height: 50px; background-image: url(https://img.bizspring.net/viral/viral_photo_none_img.png); background-size: cover; vertical-align: middle;}