/* Main Style */ body, td, th, select,textarea, input { font-size: 9pt; color: #666; text-align: left; font-family:YoonGothic,Gulim,AppleGothic,Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif; } a:link, a:visited { font-size: 9pt; color:#666; text-decoration:none; } a:hover, a:active { font-size: 9pt; color:#5378a0; text-decoration: underline; } img, a { border:none; } input { height:20px; } /* Layout */ #tWidth { width: 968px; } #leftmemu {clear: left; float: left; width: 150px; text-align: left; margin:0; padding: 0px; } #contentbody {float:left; width:798px; height:500px; display: inline; text-align:left; margin-left:10px; margin-bottom:20px; padding:0 10px; } #bottom {width: 968px; height: 32px; clear: both; margin-top:10px; margin-bottom:20px; font-size: 9pt; text-align: center; border-top:4px solid #fae3c8; } #scrollmenu {position:absolute; top:500px; right:120px; width:220px; height:200px; z-index:10} /* Topmenu */ #menu { width: 968px; height: 82px; margin-bottom:2px; text-align: left; background-image: url(/img/common/jstop_menu.gif); background-repeat: no-repeat;background-position:left 14px; } #menu a img { border-width:0; height:34px; background-repeat: no-repeat; } #menu a:hover img { background-image: url(/img/common/top_menuOver.gif); background-repeat: no-repeat;} #menu_logo a img { width: 65px; } #menu_logo a:hover img { } #menu_news a img { width: 150px; margin-left:2px; background-position: -67px ; } #menu_news a:hover img {background-position: -67px ; } #menu_info a img { width: 137px; margin-left: 5px; background-position: -222px; } #menu_info a:hover img { background-position: -222px; } #menu_community a img { width: 135px; margin-left: 4px; background-position: -363px; } #menu_community a:hover img { background-position: -363px; } #menu_mydata a img { width: 157px; margin-left: 6px; background-position: -504px; } #menu_mydata a:hover img { background-position: -504px; } #menu_customer a img { width: 146px; margin-left: 5px; background-position: -666px; } #menu_customer a:hover img { background-position: -666px; } #menu_download a img { margin-left:20px; width:130px; background-position: -832px;} #menu_download a:hover img { background-position: -832px; } #loginFrame {height:17px; width:200px; margin-top:40px; color:#c96902; padding-right:15px; } #loginFrame a {color:#c96902;} /* Left Menu*/ #left_news h1, #left_info h1, #left_community h1, #left_mydata h1, #left_customer h1, #left_member h1{width: 150px; height: 36px; text-indent: -5000px; margin: 0px; padding: 0px; background-position: -549px top; } #left_news ul, #left_info ul, #left_community ul, #left_mydata ul, #left_customer ul, #left_member ul{width: 150px; list-style: none; background: #fae3c8; text-align: left; margin:0px 0px 0px 3px ; padding: 0px;} #firstDepth li { padding:3px 0px; height:24px; background-image: url(/img/common/leftmenu_split.gif); background-repeat: no-repeat; background-position: left bottom; } * html #firstDepth li { padding:3px 0px; height:24px; background-image: url(/img/common/leftmenu_split.gif); background-repeat: no-repeat; background-position: left bottom; } #firstDepth li a { padding:3px 0px 2px 9px; color:#996600; } #firstDepth li a:hover { padding:3px 0px 2px 9px; color:#7b2e00; text-decoration:none; } #firstDepth li.listEnd { padding:4px 0px; background-image: url(/img/common/leftmenu_bottom.gif); background-repeat: no-repeat; background-position: left bottom; } * html #firstDepth li.listEnd{ padding:4px 0px; height:24px; background-image: url(/img/common/leftmenu_bottom.gif); background-repeat: no-repeat; background-position: left bottom; } /* copyRight */ #bottom #mlist {width:100%; height:24px; padding-top:8px;} #bottom #mlist a {color:#cc6600} #bottom #copyright {width:100%; font-size:7pt; letter-spacing:1em; padding-top:4px; color:#333; font-family:tahoma} /* contentBody */ #contentbody .contentTitle{margin-top:2px; width:100%; border-top:1px solid #dedebd; padding: 9px 0px 0px 12px; color:#7b2e00; font-size:10pt; font-weight:bold; background-image:url(/img/common/icon_contentTitle.gif); background-repeat:no-repeat; background-position:left bottom;} #contentbody #contentExplan{width:100%; line-height:130%; border-bottom:1px solid #d0c7a8; color:#333333; margin-bottom:13px; padding:7px 0px 5px 12px; } #contentbody #contentExplan a {color:#5378a0; text-decoration:underline;} #contentBox {border:1px solid #e3ceb4; background-color:#f8f3ec; padding:12px; margin-bottom:10px} #contentBox .boxtitle{width:230px; padding:5px 0px 2px 7px; background-image:url(/img/common/icon_boxtitle.gif); background-repeat:no-repeat;background-position:left center; color:#7b2e00} #contentBox a {color:#cc6600; text-decoration:none;} #contentBox a:hover{color:#7b2e00; text-decoration:underline;} .clear {clear:both;} .centeralign10 { text-align:center; padding:10px; } #boardInfo {line-height:130%;margin-top:6px; border:2px dashed orange; padding:6px;} /* login check */ #needLogin {position:absolute; width:100%; height:550px; color:red; z-index:10; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); border:1px solid #666;background-color:#deedde; padding:30px; text-align:center; } /* info page*/ .tb_boxtop{ background:url('/img/box_top.gif'); width:545px; height:18px;} .tb_boxdown{ background:url('/img/box_down.gif'); width:545px; height:18px;} .tb_boxbody{background-color:#FDFCE8; width:545px; border-style:solid; border-color:#D9D8BE; border-width:0 1; padding:0 10px;} .tb_boxtitle {width:220px;font-size:9pt; padding:2; color:#386772; cursor:hand; text-decoration:none;} .text1 {padding:10; line-height:130%;} .goTop {width:540px; text-align:center;} .btn_down { border-top:1px solid #cecaea; border-left:2px solid #cecaea; border-bottom:1px solid #322e9c; border-right:1px solid #322e9c; height:25px; width:80px; padding-top:4px; text-align:center; background:#687BEB; margin:0 1;font-weight:600; color:#f0f0fb;} .btn_up { border:1px solid #f0f0fb; border-bottom:1px solid #5454c8; border-right:1px solid #5454c8; height:23px; width:80px; padding-top:3px; text-align:center; background:#ffffff; color:#687BE; margin:0 1; cursor:hand;} .titlefont { font-weight:bold; padding:5px 10px; padding-top:13px;} .bdfont {padding:5px 15px; line-height:140%;} .separateborder {border:1px dashed #7fa4e7; margin-top:20px; margin-bottom:20px;} .infoStone { width:20px; text-align:center;} .month { width:20px; height:20px; border:1px groove #000; text-align:center; color:#000; cursor:hand;} #info_table td {background-color:#eee; color:#2f5699; line-height:150%;} #info_table .infotable_title{background:#678cc9; text-align:center; color:#000} #info_table .infotable_under{border-bottom:1px dashed #9fbfd0; height:24px; text-align:center;} .goTop { width:100%; text-align:right; border-bottom:1px solid #e1e9ef} #info_table .daymonth{background:#678cc9; text-align:center; color:#000; font-family:tahoma; padding:0px 0px 0px 0px;} #info_table .dm{border-bottom:1px solid #9fbfd0; height:24px; font-family:tahoma;text-align:center;} #info_table .value{ text-align:right; font-family:tahoma; padding:0px 7px 0px 0px;} #info_table .num{background:#678cc9; text-align:right; color:#000; font-family:tahoma; padding:0px 7px 0px 0px;} #info_table .valuenum{ text-align:right; font-family:tahoma; padding:0px 35px 0px 0px;} #info_table .valuetext{ text-align:left; font-family:tahoma; padding:0px 0px 0px 30px;} .box7_1 { background-color:#e2f8cc; padding-top: 3px; padding-bottom: 1px; padding-left: 5px; padding-right: 5px; } .box7_2 { background-color:#CCFF99; padding-top: 3px; padding-bottom: 1px; padding-left: 5px; padding-right: 5px; text-align:center; } .box7_3 { background-color:#ffffff; padding-top: 3px; padding-bottom: 1px; padding-left: 5px; padding-right: 5px; text-align:center; } /* community page */ #boardCount {float:left; width:30%} #searchArea {float:left; width:70%; text-align:right;} .clear{clear:both;} #pagingArea {width:100%; text-align:center; padding:10px;} #bheader {border-top:2px solid #4F21A3;; border-bottom:1px solid #E1E1E1; background-color:#E3E3ED; height:27; padding:5 0; text-align:center;} #bheader td {text-align:center} .listfield{background:#FFFFFF; border-bottom:1px solid #E1E1E1; text-align:center; color:#444444; font-family:tahoma; font-size:9pt;} .listfield_top{background:#F5F5FD; border-bottom:1px solid #E1E1E1; text-align:center; color:#444444; font-family:tahoma; font-size:9pt;} .listfield_bottom{font-size:1pt; height:1px; background:white; border-bottom:2px solid #E1E1E1;} .listfield_sel{background:#eeeeee; font-weight:bold} .ellipsis {} .ellipsis a{text-decoration:none; color:#444444; } .ellipsis a:hover{text-decoration:underline; color:#6062C1} .cmtcount {font-size:8pt; color:#638210} #bottomButton {width:100%; text-align:right; padding-top:10px;} #btnarea {float:left; width:65%; border-bottom:2px solid #687BEB} #rankDayResult {float:left; text-align:right; margin-bottom:2px;} #info {width:200px; text-align:right; color:#444444;} .btn_On {margin-left:1px; font-weight:bold; width:60px; height:20px; border:1px solid #2D47E9; border-bottom:0; background:#687BEB; color:white; padding-top:5px; text-align:center;} .btn_Out {margin-left:1px; font-weight:100; width:60px; height:18px; border:1px solid #687BEB; border-bottom:0; padding-top:4px; text-align:center; cursor:hand } #rankInfo {line-height:130%;margin-top:6px; border:2px dashed orange; padding:6px;} .list_text_level{vertical-align:super; font-family:Tahoma; font-size:8pt; color:#e29a44; font-weight:400; } #jisikConditions {background:#666} #jisikConditions td{background-color:#ededed} #today_area{float:left; width:200px;padding:7px;font-size:9pt;} #btn_area{float:left; width:346px;padding:7px;text-align:right} .btn_year{font-size:9pt; height:15px; width:50px; text-align:center;} .btn_month{font-size:9pt; height:15px; width:35px; text-align:center;} img {border:0} .td_white{background:url(/img/rank/back_white.gif); background-repeat:no-repeat; width:78px; height:71px; font-size:9pt; padding:7px} .td_pink{background:url(/img/rank/back_pink.gif); background-repeat:no-repeat; width:78px; height:71px; font-size:9pt; padding:7px} .td_today{background:url(/img/rank/back_today.gif); background-repeat:no-repeat; width:78px; height:71px; font-size:9pt; padding:7px} .td_check{background:url(/img/rank/back_check.gif); background-repeat:no-repeat; width:78px; height:71px; font-size:9pt; padding:7px} .td_reward{background:url(/img/rank/back_reward.gif); background-repeat:no-repeat; width:78px; height:71px; font-size:9pt; padding:7px} .td_checktoday{background:url(/img/rank/back_checktoday.gif); background-repeat:no-repeat; width:78px; height:71px; font-size:9pt; padding:7px} .td_rewardtoday{background:url(/img/rank/back_rewardtoday.gif); background-repeat:no-repeat; width:78px; height:71px; font-size:9pt; padding:7px} /* mydata page */ .ismReplyResultTd3 {background:#FDFCE0; border-bottom:1px solid #dbdbdb;padding:3px;line-height:130%} .ismReplyResultTd4 {background:#FFF3F6; border-bottom:1px solid #dbdbdb;padding:3px;line-height:130%} .ismReplyResultTd6 {background:white; border-bottom:1px dotted #dbdbdb;padding:3px; cursor:hand;} .ismReplyResultTd5 {background:#ECF4FE; border-bottom:1px dotted #dbdbdb;padding:4px; cursor:hand;} #ismLogReplyPaging {width:320px; float:left; text-align:right; padding:6px; margin-top:15px;} #ismLogReplySel {width:200px; float:left; text-align:right; margin-top:15px;} #ismAcceptResult {width:520px; margin-top:5px; padding:5px; background:#FEF1B4; float:left; border-bottom:1px solid #947A03; border-top:1px solie #E9E6D7;} #ismAcceptResult2 {width:230px; text-align:right; float:left; margin-top:5px;padding:5px; background:#FEF1B4; border-top:1px solie #E9E6D7; border-left:1px solie #E9E6D7; border-bottom:1px solid #947A03; border-right:1px solid #947A03;} #ismLogReplyResult #myreplytable {width:100%;} #dolphinnav{ font-family:Tahoma;position:relative;height:30px;color:#444444;font-size:12px;text-transform:uppercase;font-weight:bold;background:#fff url(/img/common/dolphin_bg.gif) repeat-x bottom left;padding:0 0 0 30px;} /* baduserreport */ #writereportFrame {position:absolute; top:300px; width:550px; height:300px; text-align:left; } #writereportFrame #close{ background-color:#678cc9; border:1px solid #0c0447; border-bottom:0px; color:black} #writereportFrame #wbody {padding:7px; border:1px solid #0c0447; border-top:0px; cursor:move; background:#fff; color:#color:#0a2757} #writereportFrame #wbody td{color:black; cursor:default;} #writereportFrame input {border:1px solid #334f88; color:#0a2757} #writereportFrame textarea {border:1px solid #334f88; color:#0a2757} #writereportFrame #rplusr_lst {width:100%; height:50px;over-flow:auto;} #writereportFrame #rplusr_lst .date{width:10%; border-bottom:1px dotted #666; border-right:1px dotted #ddd; } #writereportFrame #rplusr_lst .reply{border-bottom:1px dotted #666; border-right:1px dotted #ddd; word-break:break-all;} #writereportFrame #rplusr_lst .quest{width:30%; border-bottom:1px dotted #666; word-break:break-all;} /* baduserreport (writereport1Frame) */ #writereport1Frame {position:absolute; text-align:left; top:300px; width:330px; height:300px;left:400px; } #writereport1Frame #close{cursor:hand; background-color:#678cc9; border:1px solid #0c0447; border-bottom:0px; color:black} #writereport1Frame #wbody {padding:7px; border:1px solid #0c0447; border-top:0px; background:#fff; color:#color:#0a2757} #writereport1Frame input {border:1px solid #334f88; color:#0a2757} #writereport1Frame textarea {border:1px solid #334f88; color:#0a2757} #writereport1Frame #wbody td {color:#0a2757} /* customer page*/ .tb_boxdirectask {background-color:#FDFCE8; width:545px; border-style:solid; border-color:#D9D8BE; border-width:0 1; padding:15px; line-height:200%;} .tb_boxdirectask a{font-weight:bold; text-decoration:none; color:#D19D76;} .tb_boxdirectask .emphasis{color:#ED671E; font-weight:500;} /* member page*/ #joinFrame input{ height:18px;} #membertable td{height:20px; padding:5px;} .box_dotted {background-color:#FDFCE8; width:545px; border-style:dotted; border-color:#D9D8BE; border-width:1; padding:15px; line-height:130%;} /* text */ .textTitle { font-weight:bold; color:#76b3d2; font-size:9pt; } .centeralign10 {padding:10px; text-align:center;} #specialist{background:#DCDCDC; line-height:100%; border-bottom:1px solid #E1E1E1;} #specialist_level{ font-family:Tahoma; font-size:10px; color:#e29a44; font-weight:400; } .color1 {text-align: center; font-size: 8pt;border:0 solid #000000;height:20px; width:40} #m_ch{ background-image: url(/img/xxxx.gif); background-repeat: no-repeat; }