/* file:E:\httpRoot\diskshot.com\www\files/cache/optimized/c9430d2d9163dbe65b24847fb1950c05.cache.php */ /* default.css - Type Selector Definition */ body { margin:0;padding:0; font-size:.75em;} img { border:none; } label { cursor:pointer; } form { margin:0; padding:0; } /* Special Class Selector */ .fr { float:right; } .fl { float:left; } .clear { clear:both; } .fwB { font-weight:bold;} .tCenter { text-align:center; } .tRight { text-align:right; } .tLeft { text-align:left; } .gap1 { margin-top:.8em; } .nowrap { white-space:nowrap; } .iePngFix { behavior:url(./common/js/iePngFix.htc); } .zbxe_info { vertical-align:middle; behavior:url(./common/js/iePngFix.htc); } /* Input Style Definition */ .inputTypeText { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; height:1.4em; padding:.2em 0 0 .3em; background:#ffffff; font-size:1em; _font-size:9pt; } *:first-child+html .inputTypeText { font-size:9pt; } .inputTypeText:hover, .inputTypeText:focus { background:#f4f4f4; } .inputTypeTextArea { border:1px solid !important; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6 !important; background:#ffffff; font-size:1em; _font-size:9pt; height:100px;} *:first-child+html .inputTypeTextArea { font-size:9pt; } .w40 { width:40px; } .w60 { width:60px; } .w70 { width:70px; } .w80 { width:80px; } .w90 { width:90px; } .w100 { width:100px; } .w110 { width:110px; } .w120 { width:120px; } .w130 { width:130px; } .w140 { width:140px; } .w150 { width:150px; } .w160 { width:160px; } .w170 { width:170px; } .w180 { width:180px; } .w190 { width:190px; } .w200 { width:200px; } .w210 { width:210px; } .w220 { width:220px; } .w230 { width:230px; } .w240 { width:240px; } .w250 { width:250px; } .w260 { width:260px; } .w270 { width:270px; } .w280 { width:280px; } .w290 { width:290px; } .w300 { width:300px; } .w400 { width:400px; } /* editor style */ a.bold { font-weight:bold; } .editor_blue_text { color: #145ff9 !important; text-decoration:underline !important; } .editor_blue_text a { color: #145ff9 !important; text-decoration:underline !important; } .editor_red_text { color: #f42126 !important; text-decoration:underline !important; } .editor_red_text a { color: #f42126 !important; text-decoration:underline !important; } .editor_yellow_text { color: #c9bd00 !important; text-decoration:underline !important; } .editor_yellow_text a { color: #c9bd00 !important; text-decoration:underline !important; } .editor_green_text { color: #08830B !important; text-decoration:underline !important; } .editor_green_text a { color: #08830B !important; text-decoration:underline !important; } .folder_opener { display: block; } .folder_closer { display: none; } .folder_area { display: none; } .xe_content { line-height:1.6; overflow:hidden; } .zbxe_widget_output { background:url(/common/tpl/images/widget_text.gif) no-repeat center bottom; display:block;} /* xe layer */ #waitingforserverresponse { border:2px solid #444444; font-weight:bold; color:#444444; padding: 7px 5px 5px 25px; background:#FFFFFF url(/common/tpl/images/loading.gif) no-repeat 5px 5px; top:40px; left:40px; position:absolute; z-index:100; visibility:hidden; } #popup_menu_area{ position:absolute; background:#fff; border:2px solid #eee; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0; padding:0;} #popup_menu_area *{ margin:0; padding:0; list-style:none; font-size:12px; line-height:normal;} #popup_menu_area ul{ border:1px solid #ddd; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px 10px 5px 10px;} #popup_menu_area li{ padding:2px 0 2px 20px; background-repeat:no-repeat; background-position:left center; margin-bottom:3px; white-space:nowrap;} #popup_menu_area li a{ text-decoration:none; color:#000;} #popup_menu_area li a:hover, #popup_menu_area li a:active, #popup_menu_area li a:focus{ font-weight:bold; letter-spacing:-1px;} /* xe faceoff */ .faceOffManager { position:fixed; _position:absolute; right:3px; top:3px; height:23px; } /* file:E:\httpRoot\diskshot.com\www\files/cache/optimized/41af1049f8cfb3892b55804d88eaf576.cache.php */ /* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */ /* Anchor Button */ a.button, a.button span { position:relative; display:inline-block; text-decoration:none !important; background:url(/common/tpl/images/buttonWhite.gif) no-repeat; cursor:pointer; white-space:nowrap; vertical-align:middle;} a.button { padding:0; background-position:left top; overflow:visible;} a.button span { left:2px; padding:6px 10px 5px 8px; color:#000; font:12px/12px Sans-serif; background-position:right top; *vertical-align:top;} /* Large Size */ a.button.large { background-position:left -30px; } a.button.large span { padding:7px 10px 6px 8px; font:16px/16px Sans-serif; background-position:right -30px;} /* xLarge Size */ a.button.xLarge { background-position:left -65px; } a.button.xLarge span { padding:8px 10px 7px 8px; font:20px/20px Sans-serif; background-position:right -65px;} /* Small Size */ a.button.small { background-position:left -107px; } a.button.small span { padding:4px 6px 3px 4px; font:11px/11px Sans-serif; background-position:right -107px;} /* Control Button + Submit Button */ span.button, span.button button, span.button input { position:relative; margin:0; display:inline-block; border:0; font:12px Sans-serif; white-space:nowrap; background:url(/common/tpl/images/buttonWhite.gif) no-repeat; vertical-align:middle;} span.button { padding:0; background-position:left top;} span.button button, span.button input { height:23px; left:2px; *vertical-align:top; padding:0 10px 0 8px; line-height:24px; background-position:right top; cursor:pointer; *overflow:visible;} /* Large Size */ span.button.large { background-position:left -30px;} span.button.large button, span.button.large input { height:30px; padding:0 10px 0 8px; font:16px/30px Sans-serif; background-position:right -30px;} /* xLarge Size */ span.button.xLarge { background-position:left -65px;} span.button.xLarge button, span.button.xLarge input { height:35px; padding:0 10px 0 8px; font:20px/36px Sans-serif; background-position:right -65px;} /* Small Size */ span.button.small { background-position:left -107px;} span.button.small button, span.button.small input { height:18px; padding:0 6px 0 4px; font:11px/18px Sans-serif; background-position:right -107px;} /* Strong Button */ a.button.strong *, span.button.strong * { font-weight:bold !important;} /* Icon Add */ a.button .icon { position:relative; border:0; vertical-align:middle;} span.button .icon { position:relative; left:10px; margin-right:8px; vertical-align:middle;} /* Color Preset */ a.button.green, a.button.green span, span.button.green, span.button.green button, span.button.green input { background-image:url(/common/tpl/images/buttonGreen.gif); color:#fff;} a.button.black, a.button.black span, span.button.black, span.button.black button, span.button.black input { background-image:url(/common/tpl/images/buttonBlack.gif); color:#fff;} a.button.red, a.button.red span, span.button.red, span.button.red button, span.button.red input { background-image:url(/common/tpl/images/buttonRed.gif); color:#fff;} a.button.blue, a.button.blue span, span.button.blue, span.button.blue button, span.button.blue input { background-image:url(/common/tpl/images/buttonBlue.gif); color:#fff;} /* Offset Debug */ a.button, span.button{ margin-right:2px;} /* Button Set */ .buttonSet{ width:16px; height:16px; background-image:url(/common/tpl/images/buttonSet.gif); background-repeat:no-repeat; border:0; background-color:transparent; vertical-align:middle; display:inline-block; text-decoration:none;} .buttonSet span{ z-index:-1; font-size:0; line-height:0; visibility:hidden;} .buttonSet.buttonUp{ background-position:0 0;} .buttonSet.buttonDown{ background-position:0 -16px;} .buttonSet.buttonLeft{ background-position:0 -32px;} .buttonSet.buttonRight{ background-position:0 -48px;} .buttonSet.buttonInfo{ background-position:0 -64px;} .buttonSet.buttonCopy{ background-position:0 -80px;} .buttonSet.buttonSetting{ background-position:0 -96px;} .buttonSet.buttonActive{ background-position:0 -112px;} .buttonSet.buttonDisable{ background-position:0 -128px;} .buttonSet.buttonDelete{ background-position:0 -144px;} .buttonSet.buttonHomepage{ background-position:0 -160px;} .buttonSet.buttonBlog{ background-position:0 -176px;} .buttonSet.buttonCalendar{ background-position:0 -192px;} .buttonSet.buttonLayoutEditor{ background-position:0 -208px;} .buttonSet.buttonAddWidget{ background-position:0 -224px;} .buttonSet.buttonAddContent{ background-position:0 -240px;} /* file:E:\httpRoot\diskshot.com\www\files/cache/optimized/87aab5f8939db28d4fe8a94541c6827c.cache.php */ html { font-size:100.01%; } body { font:normal 12px "Malgun Gothic", gulim, Arial, Verdana, sans-serif; line-height:1.5em; color:#505050; margin:0; padding:0; } br { line-height:1.5em; letter-spacing: 0; } h1, h2, h3, h4, h5, h6 { font-size:1em; } h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, ul, ol, li, form, fieldset, blockquote, address, table, thead, tbody, tfoot, tr, td, caption { margin:0; padding:0; } ul, ol { list-style:none; } img { border:0; } table { border-collapse:collapse; border:0; font-size:1em; } table caption { display:none; } a:link { color: #678abd; text-decoration:none; } a:visited { color: #678abd; text-decoration:none; } a:hover { color: #ff6600; text-decoration:none; } a:active, a:focus { color: #ff6600; text-decoration:none; } fieldset { border:none; } legend { display:none; } select, input, textarea { font:normal 1em gulim, Arial, Verdana, sans-serif; color:#797b80; vertical-align:middle; } em { font-style: normal; } /* file:E:\httpRoot\diskshot.com\www\files/cache/optimized/173077fc1b1452ea51c3aabc655feda7.cache.php */ body { background-color:#6b8ebe; } #body_wrap { position: relative; margin:0 auto; padding:0; width:1000px; } .nohand { cursor:default; } .clearBoth { clear:both; } .textCenter { text-align:center; } /** 헤드 영역 정의 **/ #header { width:970px; height:105px; padding:15px 15px 0px 15px; background:url(/layouts/koala/img/head.png) no-repeat 0 0; } #head_logo { position:absolute; left:30px; top:30px; } #head_menu { position:absolute; z-index:99999; height:35px; top:85px; left:50px; padding:0; } #head_menu .hm_item { float: left; } #head_menu .hm_item a { float: left; font-size: 0; display: block; width:80px; height:35px; text-indent: -80px; overflow:hidden; background:url(/layouts/koala/img/hm_item.png) no-repeat 0 0; } #head_menu .item1 a { background-position: 0 0; } #head_menu .item1 a.current, #head_menu .item1 a:hover { background-position: 0 -35px; } #head_menu .item2 a { background-position: -80px 0; } #head_menu .item2 a.current, #head_menu .item2 a:hover { background-position: -80px -35px; } #head_menu .item3 a { background-position: -160px 0; } #head_menu .item3 a.current, #head_menu .item3 a:hover { background-position: -160px -35px; } #head_menu .item4 a { background-position: -240px 0; } #head_menu .item4 a.current, #head_menu .item4 a:hover { background-position: -240px -35px; } #head_menu .item5 a { background-position: -320px 0; } #head_menu .item5 a.current, #head_menu .item5 a:hover { background-position: -320px -35px; } #head_menu .hm_box { font-size:0; position:absolute; z-index:9999; padding-top:20px; width:160px; line-height:1.5; background:url(/layouts/koala/img/hmb_head.png) no-repeat left top; } #head_menu .hm_box ul { padding-left:15px; background:url(/layouts/koala/img/hmb_body.png) repeat-y left top; } #head_menu .hm_box .foot { display:block; height:20px; background-image:url(/layouts/koala/img/hmb_foot.png); } #head_menu .hm_box a { text-indent:-10000px; position:relative; float:none; width:130px; height:20px; } #head_menu div { display:none; } #head_menu div.hidden { display:none; } #head_menu div.current { display:block; } #body_wrap .hmb_menu_product a { background-image: url(/layouts/koala/img/hmb_menu_product.gif); } #body_wrap .hmb_menu_support a { background-image: url(/layouts/koala/img/hmb_menu_support.gif); } #body_wrap .hmb_menu_downloads a { background-image: url(/layouts/koala/img/hmb_menu_downloads.gif); } #body_wrap .hmb_menu_guide a { background-image: url(/layouts/koala/img/hmb_menu_guide.gif); } #body_wrap .hmb_menu_license a { background-image: url(/layouts/koala/img/hmb_menu_guide.gif); } #body_wrap .hmb_menu_comm a { background-image: url(/layouts/koala/img/hmb_menu_guide.gif); } #body_wrap .hmb_separater { height:10px; background:url(/layouts/koala/img/hmb_sep.gif) no-repeat 0 0 !important; } #body_wrap .hmb_d1item1 a { background-position: 0 0; } #body_wrap .hmb_d1item1 a.current, #body_wrap .hmb_d1item1 a:hover { background-position: -130px 0; } #body_wrap .hmb_d1item2 a { background-position: 0 -20px; } #body_wrap .hmb_d1item2 a.current, #body_wrap .hmb_d1item2 a:hover { background-position: -130px -20px; } #body_wrap .hmb_d1item3 a { background-position: 0 -40px; } #body_wrap .hmb_d1item3 a.current, #body_wrap .hmb_d1item3 a:hover { background-position: -130px -40px; } #body_wrap .hmb_d1item4 a { background-position: 0 -60px; } #body_wrap .hmb_d1item4 a.current, #body_wrap .hmb_d1item4 a:hover { background-position: -130px -60px; } #body_wrap .hmb_d1item5 a { background-position: 0 -80px; } #body_wrap .hmb_d1item5 a.current, #body_wrap .hmb_d1item5 a:hover { background-position: -130px -80px; } #body_wrap .hmb_d1item6 a { background-position: 0 -100px; } #body_wrap .hmb_d1item6 a.current, #body_wrap .hmb_d1item6 a:hover { background-position: -130px -100px; } #body_wrap .hmb_d1item7 a { background-position: 0 -120px; } #body_wrap .hmb_d1item7 a.current, #body_wrap .hmb_d1item7 a:hover { background-position: -130px -120px; } #body_wrap .hmb_d1item8 a { background-position: 0 -140px; } #body_wrap .hmb_d1item8 a.current, #body_wrap .hmb_d1item8 a:hover { background-position: -130px -140px; } #body_wrap .hmb_d2item1 a { background-position: 0 0; } #body_wrap .hmb_d2item1 a.current, #body_wrap .hmb_d2item1 a:hover { background-position: -130px 0; } #body_wrap .hmb_d2item2 a { background-position: 0 -20px; } #body_wrap .hmb_d2item2 a.current, #body_wrap .hmb_d2item2 a:hover { background-position: -130px -20px; } #body_wrap .hmb_d2item3 a { background-position: 0 -40px; } #body_wrap .hmb_d2item3 a.current, #body_wrap .hmb_d2item3 a:hover { background-position: -130px -40px; } #body_wrap .hmb_d2item4 a { background-position: 0 -60px; } #body_wrap .hmb_d2item4 a.current, #body_wrap .hmb_d2item4 a:hover { background-position: -130px -60px; } #body_wrap .hmb_d2item5 a { background-position: 0 -80px; } #body_wrap .hmb_d2item5 a.current, #body_wrap .hmb_d2item5 a:hover { background-position: -130px -80px; } #body_wrap .hmb_d2item6 a { background-position: 0 -100px; } #body_wrap .hmb_d2item6 a.current, #body_wrap .hmb_d2item6 a:hover { background-position: -130px -100px; } #body_wrap .hmb_d2item7 a { background-position: 0 -120px; } #body_wrap .hmb_d2item7 a.current, #body_wrap .hmb_d2item7 a:hover { background-position: -130px -120px; } #body_wrap .hmb_d2item8 a { background-position: 0 -140px; } #body_wrap .hmb_d2item8 a.current, #body_wrap .hmb_d2item8 a:hover { background-position: -130px -140px; } #body_wrap .hmb_d3item1 a { background-position: 0 0; } #body_wrap .hmb_d3item1 a.current, #body_wrap .hmb_d3item1 a:hover { background-position: -130px 0; } #body_wrap .hmb_d3item2 a { background-position: 0 -20px; } #body_wrap .hmb_d3item2 a.current, #body_wrap .hmb_d3item2 a:hover { background-position: -130px -20px; } #body_wrap .hmb_d3item3 a { background-position: 0 -40px; } #body_wrap .hmb_d3item3 a.current, #body_wrap .hmb_d3item3 a:hover { background-position: -130px -40px; } #body_wrap .hmb_d3item4 a { background-position: 0 -60px; } #body_wrap .hmb_d3item4 a.current, #body_wrap .hmb_d3item4 a:hover { background-position: -130px -60px; } #body_wrap .hmb_d3item5 a { background-position: 0 -80px; } #body_wrap .hmb_d3item5 a.current, #body_wrap .hmb_d3item5 a:hover { background-position: -130px -80px; } #body_wrap .hmb_d3item6 a { background-position: 0 -100px; } #body_wrap .hmb_d3item6 a.current, #body_wrap .hmb_d3item6 a:hover { background-position: -130px -100px; } #body_wrap .hmb_d3item7 a { background-position: 0 -120px; } #body_wrap .hmb_d3item7 a.current, #body_wrap .hmb_d3item7 a:hover { background-position: -130px -120px; } #body_wrap .hmb_d3item8 a { background-position: 0 -140px; } #body_wrap .hmb_d3item8 a.current, #body_wrap .hmb_d3item8 a:hover { background-position: -130px -140px; } #header .top_logo { position:absolute; right:40px; top:40px;} #header .top_search { position:absolute; left:835px; top:43px; width:105px; padding-left:25px; border:none; background:url(/layouts/koala/img/top_search.gif) no-repeat 0 0; } #header .top_search legend { display:none; } #header .top_search .keywd { font-size:11px; display:inline; float:left; width:80px; border:0 none; margin:0; padding:5px 1px 0 0; background:transparent url(/layouts/koala/img/top_search_txt.gif) no-repeat 0 5px; } #header .top_search .keywd.foucs { background-image:none !important; } #header .top_search .btn { text-indent:-80px; overflow:hidden; float:left; width:20px; height:20px; margin:0; padding:0; border:0 none; background-color:transparent; cursor:pointer; } /** 바디 영역 정의 **/ #cbody { width:970px; padding:0px 15px; background:url(/layouts/koala/img/body.png) repeat-y 0 0; } #cbanner_main { width:970px; height:250px; background:url(/layouts/koala/img/banner_main.jpg) no-repeat 0 0; } #cbanner_product { width:970px; height:220px; background:url(/layouts/koala/img/banner_keeptime.jpg) no-repeat 0 0; } #cbanner_downloads { width:970px; height:220px; background:url(/layouts/koala/img/banner_keeptime.jpg) no-repeat 0 0; } #cbanner_support { width:970px; height:120px; background:url(/layouts/koala/img/banner_keeptime3.jpg) no-repeat 0 0; } #cbanner_community { width:970px; height:120px; background:url(/layouts/koala/img/banner_keeptime3.jpg) no-repeat 0 0; } #cbanner_null { width:970px; height:120px; background:url(/layouts/koala/img/banner_ms.jpg) no-repeat 0 0; } /** 사이드바 영역 정의 **/ #sidebar { float:left; width:180px; padding:15px 0px 20px 20px;} #cbody .sbox1 .head .more, #cbody .sbox .head .more, #cbody .sbox3 .head .more, #cbody .cbox1 .head .more, #cbody .cbox2 .head .more, #cbody .cbox3 .head .more { float:right; font-size:11px; font-weight:normal; } #cbody .sbox { letter-spacing: -1px; color:#707070; margin-bottom:12px; line-height:20px; width:180px; background:url(/layouts/koala/img/box180_2_head.gif) no-repeat 0 0;} #cbody .sbox .head { padding:15px 15px 10px 15px; height:15px; line-height:12px; font:bold 12px "Malgun Gothic", Arial, gulim, sans-serif; } #cbody .sbox .body { padding:7px 15px 0px 15px; font-size:12px; background:transparent url(/layouts/koala/img/box180_2_body.gif) repeat-y 0 0; } #cbody .sbox .body ul li { padding:4px 0 0 10px; line-height:16px; background:transparent url(/layouts/koala/img/bullet01.gif) no-repeat 0 8px; } #cbody .sbox .body ul li.group { margin-left:-10px; background-image:none !important;} #cbody .sbox .body ul li.hmb_separater { padding:0px; margin:0; height:10px; } #cbody .sbox .foot { height:10px; background:url(/layouts/koala/img/box180_2_foot.gif) no-repeat 0 0; } #cbody .sbox1 { letter-spacing: -1px; color:#707070; margin-bottom:12px; line-height:20px; width:180px; background:url(/layouts/koala/img/box180_1_head.gif) no-repeat 0 0;} #cbody .sbox1 .head { padding:13px 15px 12px 15px; height:15px; line-height:12px; font:bold 12px "Malgun Gothic", Arial, gulim, sans-serif; } #cbody .sbox1 .body { padding:0px 15px; font-size:12px; background:transparent url(/layouts/koala/img/box180_1_body.gif) repeat-y 0 0; } #cbody .sbox1 .body ul li { padding:4px 0 0 15px; line-height:16px; background:transparent url(/layouts/koala/img/bullet01.gif) no-repeat 5px 8px; } #cbody .sbox1 .foot { height:15px; background:url(/layouts/koala/img/box180_1_foot.gif) no-repeat 0 0; } #cbody .sbox2 { letter-spacing: -1px; color:#707070; margin-bottom:12px; line-height:20px; width:180px; background:url(/layouts/koala/img/box180_2_head.gif) no-repeat 0 0;} #cbody .sbox2 .head { padding:15px 15px 10px 15px; height:15px; line-height:12px; font:bold 12px "Malgun Gothic", Arial, gulim, sans-serif; } #cbody .sbox2 .body { padding:7px 15px 0px 15px; font-size:12px; background:transparent url(/layouts/koala/img/box180_2_body.gif) repeat-y 0 0; } #cbody .sbox2 .body ul li { padding:4px 0 0 10px; line-height:16px; background:transparent url(/layouts/koala/img/bullet01.gif) no-repeat 0 8px; } #cbody .sbox2 .body ul li.group { margin-left:-10px; background-image:none !important;} #cbody .sbox2 .body ul li.hmb_separater { padding:0px; margin:0; height:10px; } #cbody .sbox2 .foot { height:10px; background:url(/layouts/koala/img/box180_2_foot.gif) no-repeat 0 0; } #cbody .sbox3 { letter-spacing: -1px; color:#707070; margin:0 -10px 12px -10px; line-height:20px; width:190px; background:url(/layouts/koala/img/box180_3_head.png) no-repeat 0 0; } #cbody .sbox3 .head { padding:24px 20px 6px 25px; height:30px; font:bold 12px "Malgun Gothic", Arial, gulim, sans-serif; } #cbody .sbox3 .body { width:150px; padding:0px 15px 0px 25px; font-size:12px; background:transparent url(/layouts/koala/img/box180_3_body.png) repeat-y 0 0; } #cbody .sbox3 .body ul li { padding:5px 0 0 10px; line-height:15px; background:transparent url(/layouts/koala/img/bullet02.gif) no-repeat 0px 8px; } #cbody .sbox3 .foot { height:15px; background:url(/layouts/koala/img/box180_3_foot.png) no-repeat 0 bottom; } #cbody .mbox { letter-spacing: -1px; color:#707070; margin:0 -10px 12px -10px; line-height:20px; width:190px; background:url(/layouts/koala/img/box180_3_head.png) no-repeat 0 0; } #cbody .mbox .head { text-align:center; padding:24px 0px 6px 0px; height:30px; font:bold 12px "Malgun Gothic", Arial, gulim, sans-serif; } #cbody .mbox .body { width:150px; padding:5px 15px 0px 30px; background:transparent url(/layouts/koala/img/box180_3_body.png) repeat-y 0 0; } #cbody .mbox .body ul li { background:transparent url(/layouts/koala/img/bullet01.gif) no-repeat 0px 8px; } #cbody .mbox .body ul li li, #cbody .mbox .body ul li.hmb_separater { background:none; } #cbody .mbox .body ul li a, #cbody .mbox .body ul li a:hover { display:block; height:20px; width:130px; text-indent: -10000px; } #cbody .mbox .foot { height:20px; background:url(/layouts/koala/img/box180_3_foot.png) no-repeat 0 0; } #cbody .mbox1 { letter-spacing: -1px; color:#707070; line-height:20px; width:180px; background:url(/layouts/koala/img/box180_1_head.gif) no-repeat 0 0; } #cbody .mbox1 .head { color:#b0b0b0; text-align:center; padding:13px 15px 12px 15px; height:15px; line-height:12px; font:bold 12px "Malgun Gothic", Arial, gulim, sans-serif; } #cbody .mbox1 .body { padding:0px 10px; background:url(/layouts/koala/img/box180_1_body.gif) repeat-y 0 0; font:bold 12px "Malgun Gothic", Arial, gulim, sans-serif; } #cbody .mbox1 .body ul li .group { cursor:default; display:block; width:118px; height:18px; margin:5px 5px 0 5px; padding:8px 5px 0px 25px; line-height:12px; background:url(/layouts/koala/img/bulletbox.gif) no-repeat 5px 8px; border-top:1px dashed #c8c8c8; } #cbody .mbox1 .body ul li .first { border-top:1px dashed #ffffff; margin-top:0px; } #cbody .mbox1 .body ul li a, #cbody .mbox1 .body ul li a:hover { display:block; color:#808080; width:118px; height:16px; margin:0 5px; padding:5px 5px 0px 25px; font-weight:normal; line-height:12px; background:url(/layouts/koala/img/bullet01.gif) no-repeat 15px 9px; border:1px solid #ffffff; border-top:1px dashed #e8e8e8; } #cbody .mbox1 .body ul li a:hover { font-weight:bold; color:#ff6600; width:118px; margin:0 5px; padding-left:25px; background:#FEEFE2 url(/layouts/koala/img/bullet02a.gif) no-repeat 15px 8px; border:1px solid #F7B885; } #cbody .mbox1 .foot { height:15px; background:url(/layouts/koala/img/box180_1_foot.gif) no-repeat 0 0; } #cbody .cbox1 .head b, #cbody .cbox2 .head b, #cbody .cbox3 .head b, #cbody .cbox_info .head b { color:#ff5050; } #cbody .cbox4 .head b, #cbody .cbox4 .subhead b { color:#ffcf00; } #cbody .cbox1 { letter-spacing: -1px; color:#707070; line-height:20px; width:180px; background:url(/layouts/koala/img/box180_1_head.gif) no-repeat 0 0;} #cbody .cbox1 .head { padding:13px 15px 12px 15px; height:15px; line-height:12px; font:bold 12px "Malgun Gothic", Arial, gulim, sans-serif; } #cbody .cbox1 .body { padding:0px 15px; font-size:12px; background:transparent url(/layouts/koala/img/box180_1_body.gif) repeat-y 0 0; } #cbody .cbox1 .body ul li { padding:4px 0 0 15px; line-height:16px; background:transparent url(/layouts/koala/img/bullet01.gif) no-repeat 5px 8px; } #cbody .cbox1 .foot { height:15px; background:url(/layouts/koala/img/box180_1_foot.gif) no-repeat 0 0; } #cbody .cbox1.w250 { width:250px; background-image:url(/layouts/koala/img/box250_1_head.gif);} #cbody .cbox1.w250 .body { background-image:url(/layouts/koala/img/box250_1_body.gif); } #cbody .cbox1.w250 .foot { background-image:url(/layouts/koala/img/box250_1_foot.gif); } #cbody .cbox1.w400 { width:400px; background-image:url(/layouts/koala/img/box400_1_head.gif);} #cbody .cbox1.w400 .body { background-image:url(/layouts/koala/img/box400_1_body.gif); } #cbody .cbox1.w400 .foot { background-image:url(/layouts/koala/img/box400_1_foot.gif); } #cbody .cbox1.w650 { width:650px; background-image:url(/layouts/koala/img/box650_1_head.gif);} #cbody .cbox1.w650 .body { background-image:url(/layouts/koala/img/box650_1_body.gif); } #cbody .cbox1.w650 .foot { background-image:url(/layouts/koala/img/box650_1_foot.gif); } #cbody .cbox2 { letter-spacing: -1px; color:#707070; margin-bottom:12px; line-height:20px; width:180px; background:url(/layouts/koala/img/box180_2_head.gif) no-repeat 0 0;} #cbody .cbox2 .head { padding:15px 15px 10px 15px; height:15px; line-height:12px; font:bold 12px "Malgun Gothic", Arial, gulim, sans-serif; } #cbody .cbox2 .body { padding:7px 15px 0px 15px; font-size:12px; background:transparent url(/layouts/koala/img/box180_2_body.gif) repeat-y 0 0; } #cbody .cbox2 .body ul li { padding:4px 0 0 10px; line-height:16px; background:transparent url(/layouts/koala/img/bullet01.gif) no-repeat 0 8px; } #cbody .cbox2 .body ul li.group { margin-left:-10px; background-image:none !important;} #cbody .cbox2 .body ul li.hmb_separater { padding:0px; margin:0; height:10px; } #cbody .cbox2 .foot { height:10px; background-image:url(/layouts/koala/img/box180_2_foot.gif); } #cbody .cbox2.w250 { width:250px; background-image:url(/layouts/koala/img/box250_2_head.gif);} #cbody .cbox2.w250 .body { background-image:url(/layouts/koala/img/box250_2_body.gif); } #cbody .cbox2.w250 .foot { background-image:url(/layouts/koala/img/box250_2_foot.gif); } #cbody .cbox2.w400 { width:400px; background-image:url(/layouts/koala/img/box400_2_head.gif);} #cbody .cbox2.w400 .body { background-image:url(/layouts/koala/img/box400_2_body.gif); } #cbody .cbox2.w400 .foot { background-image:url(/layouts/koala/img/box400_2_foot.gif); } #cbody .cbox2.w650 { width:650px; background-image:url(/layouts/koala/img/box650_2_head.gif);} #cbody .cbox2.w650 .body { background-image:url(/layouts/koala/img/box650_2_body.gif); } #cbody .cbox2.w650 .foot { background-image:url(/layouts/koala/img/box650_2_foot.gif); } #cbody .cbox4 { letter-spacing: -1px; color:#707070; margin-bottom:10px; line-height:20px; width:250px; background:url(/layouts/koala/img/box250_4_head.gif) no-repeat 0 0;} #cbody .cbox4 .head { color:#ffffff; padding:9px 5px 11px 15px; height:15px; line-height:12px; font:bold 12px "Malgun Gothic", Arial, gulim, sans-serif; } #cbody .cbox4 .subhead { color:#ffffff; padding:13px 5px 7px 15px; height:15px; line-height:12px; font-weight:bold; background:transparent url(/layouts/koala/img/box250_4_subhead.gif) no-repeat 0 0; } #cbody .cbox4 .body { padding:0px 5px 3px 15px; font-size:12px; background:transparent url(/layouts/koala/img/box250_4_body.gif) repeat-y 0 0; } #cbody .cbox4 .body ul li { padding:4px 0 0 10px; line-height:16px; background:transparent url(/layouts/koala/img/bullet03.gif) no-repeat 0 8px; } #cbody .cbox4 .body ul li.group { margin-left:-10px; background-image:none !important;} #cbody .cbox4 .body ul li.hmb_separater { padding:0px; margin:0; height:10px; } #cbody .cbox4 .foot { height:10px; background:transparent url(/layouts/koala/img/box250_4_foot.gif) no-repeat left top; } #cbody .cbox4.w250 { width:250px; background-image:url(/layouts/koala/img/box250_4_head.gif);} #cbody .cbox4.w250 .body { background-image:url(/layouts/koala/img/box250_4_body.gif); } #cbody .cbox4.w250 .foot { background-image:url(/layouts/koala/img/box250_4_foot.gif); } #cbody .msgbox { margin:0 auto; color:#707070; line-height:20px; width:400px; background:url(/layouts/koala/img/box400_1_head.gif) no-repeat 0 0;} #cbody .msgbox .head { text-align:center; padding:13px 15px 12px 15px; height:15px; line-height:12px; font:bold 12px "Malgun Gothic", Arial, gulim, sans-serif; background:url(/layouts/koala/img/icon16_info.png) no-repeat 15px 13px; } #cbody .msgbox .body { padding:10px 25px; font-size:12px; background:transparent url(/layouts/koala/img/box400_1_body.gif) repeat-y 0 0; } #cbody .msgbox .body li { height:16px; padding:4px 0 0 15px; line-height:12px; background:transparent url(/layouts/koala/img/bullet01.gif) no-repeat 5px 8px; } #cbody .msgbox .foot { height:15px; width:400px; background:url(/layouts/koala/img/box400_1_foot.gif) no-repeat 0 0; } #cbody .askbox { margin:0 auto; color:#707070; line-height:20px; width:400px; background:url(/layouts/koala/img/box400_1_head.gif) no-repeat 0 0;} #cbody .askbox .head { text-align:center; padding:13px 15px 12px 15px; height:15px; line-height:12px; font:bold 12px "Malgun Gothic", Arial, gulim, sans-serif; background:url(/layouts/koala/img/icon16_help.png) no-repeat 15px 13px; } #cbody .askbox .body { padding:10px 25px; font-size:12px; background:transparent url(/layouts/koala/img/box400_1_body.gif) repeat-y 0 0; } #cbody .askbox .body li { height:16px; padding:4px 0 0 15px; line-height:12px; background:transparent url(/layouts/koala/img/bullet01.gif) no-repeat 5px 8px; } #cbody .askbox .foot { height:15px; width:400px; background:url(/layouts/koala/img/box400_1_foot.gif) no-repeat 0 0; } #cbody .cbox_info { color:#707070; line-height:150%; width:650px; margin:0 auto; background:url(/layouts/koala/img/box650_4_head.gif) no-repeat 0 0;} #cbody .cbox_info .icon { position:relative; float:left; width:40px; padding:15px 0px 10px 15px; } #cbody .cbox_info .head { padding:15px 15px 5px 0px; height:15px; line-height:12px; font:bold 12px "Malgun Gothic", Arial, gulim, sans-serif; } #cbody .cbox_info .body { padding:5px 15px 0px 55px; font-size:12px; background:transparent url(/layouts/koala/img/box650_4_body.gif) repeat-y 0 0; } #cbody .cbox_info .body ul li { padding:4px 0 0 15px; line-height:16px; background:transparent url(/layouts/koala/img/bullet01.gif) no-repeat 5px 8px; } #cbody .cbox_info .foot { height:25px; width:650px; background:url(/layouts/koala/img/box650_4_foot.gif) no-repeat 0 0; } #cbody .rbox { margin:15px; padding:15px 20px; background-color:#FAFAEA;border:2px solid #CAC090;} #cbody .rbox .head { font-weight:bold; text-align:center; margin-bottom:10px;} #cbody .rbox .foot {} #cbody .headTabBox { margin-bottom:10px; } #cbody .headTab { padding:0; margin:0; border-bottom:1px solid #c0c0c0; height:27px;} #cbody .headTab:after { content:""; display:block; clear:both;} #cbody .headTab li{ position:relative; float:left; margin:0 3px 0 0; *margin-bottom:-2px; background:url(/layouts/koala/img/tabRight.gif) right top no-repeat;} #cbody .headTab li a { line-height:14px; height:19px; *height:17px; +height:19px; padding:9px 13px 0 11px; display:inline-block; letter-spacing:-1px; font-weight:bold; color:#909090; background:url(/layouts/koala/img/tabLeft.gif) left top no-repeat; text-decoration:none !important; behavior:url(/layouts/koala/css/nofocus.htc); } #cbody .headTab li a:hover{ color:#ff6600;} #cbody .headTab li.selected { background-position:right -28px;} #cbody .headTab li.selected a { background-position:left -28px; color:#303030; height:20px; padding-top:8px; } #cbody .headTab li.rightTab { float:right; margin:0 0 0 3px; *margin-bottom:-2px; } #cbody .headTab li.noTab { margin:0; padding:9px 0 0 0; background-image:none;} #cbody .headTab li.noTab a { margin:0; padding:0; background-image:none;} #cbody .headTabPageBox {} #cbody .headTabPage {display:none;} #cbody .headTabPage.selected {display:block;} #cbody blockquote { margin:0; padding:8px 8px 8px 32px; border-collapse: collapse; background:#ffffdf url(/layouts/koala/img/icon16_info.gif) no-repeat 10px 10px; border: 1px solid #D8D8C8; border-right:1px solid #B0B0A0; border-bottom:1px solid #B0B0A0;} #cpage { padding:20px;} #cpage .article_title { margin:-5px 0 20px 0; } #cpage .article_title .icon { display:none; } #cpage .article_title .heading { color:#6f9dc4; } #cpage .article_title .heading h3 { font:bold 18px "Malgun Gothic", gulim, Arial, sans-serif; } #cpage .article_title .heading h3 .subtitle { color:#9A9060; *display:inline-block /* for IE7*/; font-size:14px; margin-left:30px; background:transparent url(/layouts/koala/img/subtitle_vline.gif) no-repeat left 2px;} #cpage .article_title .heading .description { } #cpage .article_title .heading .description a {} #cpage .article_title .heading .rightBox { float:right;} /** 컨텐츠 영역 정의 **/ #content { margin-left:200px; /* width:770px; IE6 3px bug */ } #content .content_sign { clear:both; } #content .sbox1, #content .sbox, #content .sbox3, #content .cbox { float:right; margin: 0 0 15px 15px; } #content .flv { margin:0 auto; width:640px; height:500px;} /* Article */ #content .article_title { margin-top:-50px; padding:15px 20px 15px 20px; background:url(/layouts/koala/img/ctitle_bg.png) no-repeat left top; } #content .article_title .icon { width:64px; height:64px; } #content .article_title .heading { color:#6f9dc4; padding-bottom:15px; margin:-60px 0px 0px 80px; background-image:none; /* for IE6 */ } #content .article_title .heading h3 { padding-top:5px; font:bold 18px "Malgun Gothic", gulim, Arial, sans-serif; } #content .article_title .heading h3 .subtitle { color:#9A9060; *display:inline-block /* for IE7*/; font-size:14px; margin-left:15px; padding-left:15px; background:transparent url(/layouts/koala/img/subtitle_vline.gif) no-repeat left 2px;} #content .article_title .heading .description { float:left; padding:10px 0 0 0; font:normal 11px "Malgun Gothic", gulim, Arial, sans-serif; } #content .article_title .heading .description a { font-weight:bold; } #content .article_title .heading .rightBox { float:right;} #content .article_title .heading .rightBox .inputText { width:100px;} #content .article { float:right; width:730px; padding:15px 20px 20px 20px;} #content .article .section { margin-bottom:30px;} #content .article .section:after { content:""; display:block; float:none; clear:both;} #content .article .section h4, #content .article .section h4.title { line-height:13px; height:22px; margin-bottom:10px; padding:10px 0 8px 20px; color:#505050; font:bold 13px "Malgun Gothic", Arial, gulim, sans-serif; background: url(/layouts/koala/img/section_title.png) no-repeat left top; } #content .article .section h4.title .desc { margin-left:15px; color:#9A9060;} #content .article .section h4.title .desc strong { color:#ff5050; } #content .article .section .content { margin:0 10px 0 20px; } #content .article .section .content h5 { font-size:13px; font-weight:bold; line-height:20px; margin:15px 0 5px 0; padding:0 0 2px 0; color:#505050; border-bottom:1px solid #d8d8e0; } #content .article .section .content h5 .desc { margin-left:15px; color:#9A9060; } #content .article .section .content h5 .desc strong { color:#ff5050; } #content .article .section .content h5 .rightBox { float:right;} #content .article .section .content table { background-color:#F7F7F7; text-decoration:none; border-collapse:collapse; border-top:3px solid #708090;} #content .article .section .content table th { border:1px solid #B8C0C8; padding:6px 8px; color:#708090; font-weight:bold; background-color:#D8E0E8; text-align:center; } #content .article .section .content table td { border:1px solid #B8C0C8; padding:6px 8px; color:#707070; } #content .article .section .content table .cc { text-align:center; } #content .article .section .content ul { list-style:none; } #content .article .section .content li { padding-left:30px; background:url(/layouts/koala/img/bullet_li.gif) no-repeat 17px 7px; } /** 꼬리 영역 정의 **/ #footer { clear:both; width:970px; height:98px; padding:0px 15px; background:url(/layouts/koala/img/foot.png) no-repeat 0 0; } #footer .logo_box { margin:10px} /* web brower_campaign */ #footer .wbc { padding:15px} /** 기본태그 스타일 재정의 **/ #cbody img { vertical-align:middle; } #content .hr { width:550px; height:20px; margin:0 auto; margin-top:20px; background:transparent url(/layouts/koala/img/hr.gif) no-repeat 0 0; } #content .hr hr { display:none; } /* #content h3 { line-height:20px; margin:0 0 15px 0; padding:5px 10px; color:#555555; background-color:#ffffff; border:1px solid #d8d8d8; border-left:7px solid #555555; font-weight:bold; font-size:1.4em; font-family:"돋움", Dotum, AppleGothic, Sans-serif;} */ /** For XE **/ .nick_name { margin:0; padding:0; cursor:pointer; letter-spacing: -1px; font-size:12px; } #popup_menu_area { border:1px solid #2F6BA2; border-top:4px solid #2F6BA2; -moz-border-radius:0; -webkit-border-radius:0; } #popup_menu_area ul { padding:5px 8px 3px 8px;} #popup_menu_area li { padding:1px 0 1px 20px; } .addon_menu_new { margin-left:5px;vertical-align:middle;} /* (for IE6) XE가 경로확장을 못해주므로 절대경로 사용 */ *html #head_menu .hm_box { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layouts/koala/img/hmb_head.png', sizingMethod='crop'); } *html #head_menu .hm_box ul { background-image: none; zoom: 1; /* for IE6 */ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layouts/koala/img/hmb_body.png', sizingMethod='scale'); } *html #head_menu .hm_box .foot { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/layouts/koala/img/hmb_foot.png', sizingMethod='crop'); } *html #content .article_title { background:url(/layouts/koala/img/ctitle_bg.gif) no-repeat left top; }