/* List----------------------------------------------------------------------------------------------- /* HTML Elements /* layer /* RoundBox_01 /* RoundBox_02 /* RoundBox_03 /* RoundBox_04 /* RoundBox_05 /* RoundBox_06 /* RoundBox_07 /* RoundBox_08 /* RoundBox_09 /* RoundBox_10 /* box_gradient_1 /* box_gradient_2 /* portal layout /* Fixed portlet main /* SMS /* develop common style /* splitter /* mopSlider /* validate /* jQuery UI : datepicker /* blockLogin /* sitemap /* ajax common style /* wrapper /* leftArea (profile) /* mainContents /* iframeMainContents (iFrame) /* Weather /* tableTop /* profile /* Schedule Popup /* Schedule Table /* process /* Q&A /* Experts Network /* Microblogging /* directive /* popMessage /* message_num /* blockbox /* schedule /* online_poll /* survey /* Knowledge Map /* portal contents menu /* quick icon setting pop /* Usage Tracker graph /* Abuse Prohibition /* Corporate box /* Team Collaboration /* List Category Title /* Contents Search Option /* Personal Portal Service /* Block : PPS My Contents /* alliance Contents /* SocialBlog /* Whos Who Main List /* Seamless Messaging_newMessage /* address book /* namecard address /* cafe /* Search Preprocessor /* Intelligent Search Service /* Forum /* Knowledge Streaming Service /* bottom-up innovation /* People Connection Service /* Social Analyzer /* Ideation /* Nopage /* work alignment /* layer select box /* plupload /* jstree /* ckeditor /* hintField /* IE browser check /* jqplot /* Memo /*quicktxt /*main_splitbarV /* layer box /* pageNum /* topmenu icon /* text box /* button /* My Work -------------------------------------------------------------------------------------------------- */ /* HTML Elements ---------------------------------------------------------*/ * { margin:0; padding:0; } body { font:75%/1.5em '돋움', 'Dotum', sans-serif; color:#000; background:url(../../images/UXDesign/theme/theme07/basic/bg_leftline.gif) repeat-y 62px top;} .h100 { height:100%; } html { height:100%; } ul { list-style:none; } a:link, a:visited, a:active { color:#000; text-decoration:none;} a:hover { text-decoration:none; } hr { display: none; } h1 { font-size:1.2em; } img { border:none; vertical-align:middle; } option { padding-right: 0.5em; } legend { display:none; } fieldset { border:none; } input {font-family:tahoma,'돋움', 'Dotum';vertical-align:middle; font-size:12px;} select {font-family:tahoma,'돋움', 'Dotum';vertical-align:middle; font-size:12px;padding:1px;} input[type="checkbox"]{ vertical-align:middle; position:relative; bottom:1px; margin-right:3px; } input[type="radio"]{ vertical-align:middle; position:relative; bottom:2px; margin-right:2px; } input[type="text"] {padding:3px 2px 0;} input[type="file"] {height:20px;} #protalMainLayout {overflow:visible !important; } .margin_0auto { margin:0 auto!important; } .floatLeft { float:left !important; } .floatRight { float:right !important; } .textLeft { text-align:left !important; } .textCenter { text-align:center !important; } .textRight { text-align:right !important; } .textVertical { writing-mode:tb-lr !important; letter-spacing:2px; height:200px; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform: rotate(90deg); } .txtPoint { color:#e87b10; } .txtPointS { color:#e87b10; font-weight:bold; } .colorPoint { color:#c50050 !important; } .colorPointS { color:#ff0000; font-weight:bold; } .colorBlue { color:#5f84c2; } .colorDarkBlue { color:#1243ED; } .colorRed { color:#FF0000; } .colorTag, .colorTag a { color:#40aac8; } .colorGray { color:#777; } .valign_top { vertical-align:top !important; } .valign_middle { vertical-align:middle !important; } .valign_bottom { vertical-align:bottom !important; } .valign_baseline { vertical-align:baseline !important; } .blockLeft { float:left; width:49%; margin-right:10px; } .blockRight { float:right; width:49%; } .blockLeft_fixed { position:absolute; top:20px; left:15px; width:167px; z-index:99; } .blockRight_fixed { position:absolute; top:20px; right:15px; width:167px; z-index:99; } .blockLeft_svs { float:left; width:170px; /*border:1px solid #ccc;*/ border-radius:3px; padding:10px; } .blockRight_svs { float:right; width:170px; border:1px solid #ccc; border-radius:3px; padding:10px; } .blockCenter_svs { position:absolute; top:20px; left:0; width:100%; } .blockCenter_svs_con { margin:0 202px; } .clear { clear:both; } .none { display:none; } .hidden { visibility:hidden; } .bgnone { background:none !important; } .bdnone { border:none !important; } .bbnone { border-bottom:none !important; } /*select { font-family:Tahoma, Meiryo, "MS PGothic", Dotum; font-size:1em; padding:1px; border:1px solid #CCC; vertical-align:middle; }*/ select.multi { height:auto; } select.multi_people { height:100px; width:240px; } /* class="inputbox engonly" - ime-mode:disable */ input.inputbox { font-size:1em; height:13px; line-height:14px; padding:2px 4px; border:1px solid #CCC; vertical-align:middle; } .engonly{ime-mode:disabled;} input.file { font-family:'돋움', 'Dotum'; font-size:1em; line-height:14px; padding:2px 4px; vertical-align:middle; border:1px solid #CCC;} textarea { font-family:'돋움', 'Dotum'; font-size:1em; line-height:14px; padding:2px 4px; border:1px solid #CCC !important; vertical-align:middle; } .tabletext { font-family:'돋움', 'Dotum'; font-size:1em; border:none; width:99.5%; } .tabletext_memo { font-family:'돋움', 'Dotum'; font-size:1em; border:none; width:99.5%; height:350px; } .w100 { width:98% !important;ime-mode:active } .w97 { width:97% !important; } .w95 { width:95% !important; } .w90 { width:90% !important; } .w80 { width:80% !important; } .w70 { width:70% !important; } .w60 { width:60% !important; } .lt-ie9 .w50 { width:49% !important; } .w50 { width:50% !important; width:49%\9 !important; *width:49.9999% !important; } .w33 { width:33.33% !important; *width:33.2% !important; } .w20 { width:20% !important; } .margin0 { margin:0 !important; } .padding0 { padding:0 !important; } .mt-1 { margin-top:-1px !important; } .mt-3 { margin-top:-3px !important; } .mt-10 { margin-top:-10px !important; } .mt0 { margin-top:0px !important; } .mt2 { margin-top:2px !important; } .mt3 { margin-top:3px !important; } .mt4 { margin-top:4px !important; } .mt5 { margin-top:5px !important; } .mt10 { margin-top:10px !important; } .mt15 { margin-top:15px !important; } .mt20 { margin-top:20px !important; } .mt25 { margin-top:25px !important; } .mt30 { margin-top:30px !important; } .mb0 { margin-bottom:0 !important; } .mb3 { margin-bottom:3px !important; } .mb5 { margin-bottom:5px !important; } .mb7 { margin-bottom:7px !important; } .mb10 { margin-bottom:10px !important; } .mb15 { margin-bottom:15px !important; } .mb20 { margin-bottom:20px !important; } .mb25 { margin-bottom:25px !important; } .mb30 { margin-bottom:30px !important; } .mr0 { margin-right:0px !important; } .mr3 { margin-right:3px !importnat; } .mr5 { margin-right:5px !important; } .mr10 { margin-right:10px !important; } .ml5 { margin-left:5px !important; } .ml10 { margin-left:10px !important; } .ml15 { margin-left:15px !important; } .ml20 { margin-left:15px !important; } .padding10 { padding:10px !important; } .padding15 { padding:15px !important; } .pl0 { padding-left:0px !important; } .pr0 { padding-right:0px !important; } .pr5 { padding-right:5px !important; } .pr7 { padding-right:7px !important; } .pb0 { padding-bottom:0px !important; } .pb5 { padding-bottom:5px !important; } .pl5 { padding-left:5px !important; } .pl7 { padding-left:7px !important; } .pl10 { padding-left:10px !important; } .pl20 { padding-left:20px !important; } .pl50 { padding-left:50px !important; } .pr10 { padding-right:10px !important; } .pt0 { padding-top:0px !important; } .pt5 { padding-top:5px !important; } .pt10 { padding-top:10px !important; } .pt15 { padding-top:15px !important; } .pt20 { padding-top:20px !important; } .pb10 { padding-bottom:10px !important; } .border { border:1px solid #000 !important; } .border_t1 { border-top:1px solid #e0e0e0 !important; } .border_b1 { border-bottom:1px solid #e0e0e0 !important; } .border_none { border:none !important; } .bg_none { background:none !important; } .bgWhite { background:#fff; } .minWidth50 { min-width:50px !important; } .minWidth100 { min-width:100px !important; } /*.checkbox, .radio { margin:0 2px 1px; *margin:0 0 1px -4px; vertical-align:middle; *vertical-align:middle; }*/ #skipNavigation { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; display:none; } .contentIframe { margin:5px 10px 10px 10px; min-width:400px; } .blockBlank_5px { height:5px; } .blockBlank_10px { height:10px; } .blockBlank_20px { height:20px; } .inline { display:inline !important; } .inlineblock { display:inline-block !important; } .display_block { display:block; } .dotline_1 { height:1px; padding-top:8px; margin-bottom:10px; background:url(../../images/UXDesign/common/dotline_1px.gif) repeat-x bottom; } .dotline_2 { height:1px; padding-top:8px; margin-bottom:10px; border-bottom:1px dotted #ccc; } /*.dateicon { cursor:pointer; vertical-align:middle; }*/ .cal{position:relative;display:inline-block;} .cal .dateicon{ cursor:pointer; position:absolute;right:4px;top:4px;} .pattern { background:url(../../images/UXDesign/common/pattern.gif) repeat; } .status_Ing, .status_Done, .status_None { font-size:0.9em; text-align:center; color:#fff; margin-right:5px; padding-left:1px; } .status_Ing { background-color:#93b705; border:1px solid #769204; } .status_Done { background-color:#5ea2da; border:1px solid #3279c3; } .status_None { background-color:#cd7376; border:1px solid #b9474a; } /* portlet main layout ------------------------------------------------------------------*/ #blockMainTop { min-height:150px;padding: 25px 20px 0; } #blockMainTop div.commonPortlet { float:left; } #portletWrap { position:relative; padding:0 20px; min-height:150px; border-bottom:1px solid #e2e2e2; /*background-color:#ebeff2;*/ } div.mainLayoutLeft > #blockMainTop { float:left; width:380px; padding: 0;} div.mainLayoutLeft > #blockMainTop div.commonPortlet { float:none; margin-bottom:25px; padding-top:30px; background: url(../../images/UXDesign/theme/theme02/basic/bg_blockmaintop.gif) repeat-x 0 0;} div.mainLayoutLeft > #portletWrap { margin-left:380px; } div.mainLayoutRight > #blockMainTop { float:right; width:380px; padding: 0;} div.mainLayoutRight > #blockMainTop div.commonPortlet { float:none; margin-bottom:25px; padding-top:30px; background: url(../../images/UXDesign/theme/theme02/basic/bg_blockmaintop.gif) repeat-x 0 0;} div.mainLayoutRight > #portletWrap { margin-right:380px; } div.mainLayoutLeft #blockMainTop div.commonPortlet > div, div.mainLayoutRight #blockMainTop div.commonPortlet > div { margin-left:15px; margin-right:15px; } /* Fixed portlet main ------------------------------------------------------------------*/ #blockMainFP { overflow:hidden; position:relative; height:239px; padding:0 20px; background:url(../../images/UXDesign/common/bg_mainFP.png) repeat-x 0 0;} #blockMainFP .MainFP_menu { display:inline-block; float:left; width:356px; padding-top:20px; } #blockMainFP .MainFP_menu ul li { display:inline-block; } #blockMainFP .MainFP_menu ul li.Mywork a { display:inline-block; width:356px; height:46px; background:url(../../images/UXDesign/common/bg_mainFP1.png) no-repeat 0 0; } #blockMainFP .MainFP_menu ul li.Mywork a:hover { background:url(../../images/UXDesign/common/bg_mainFP1_over.png) no-repeat 0 0; text-decoration:none; } #blockMainFP .MainFP_menu ul li.Mywork a h2 { padding-left:115px; font-size:18px; font-weight:normal; color:#fff; text-shadow:1px 1px 1px #397b1f; line-height:46px; } #blockMainFP .MainFP_menu ul li.Mywork a p { display:none; } #blockMainFP .MainFP_menu ul li.Mywork.select a { display:inline-block; width:356px; height:99px; background:url(../../images/UXDesign/common/bg_mainFP1_select.png) no-repeat 0 0; } #blockMainFP .MainFP_menu ul li.Mywork.select a:hover { background:url(../../images/UXDesign/common/bg_mainFP1_select_over.png) no-repeat 0 0; text-decoration:none; } #blockMainFP .MainFP_menu ul li.Mywork.select a h2 { padding-left:115px; font-size:18px; font-weight:normal; color:#fff; text-shadow:1px 1px 1px #397b1f; line-height: 35px; margin-top: 8px; } #blockMainFP .MainFP_menu ul li.Mywork.select a p { display:block; padding-left:115px; font-size:12px; font-weight:normal; color:#fff; text-shadow:1px 1px 1px #397b1f; line-height:20px; } #blockMainFP .MainFP_menu ul li.MySchedule a { display:inline-block; width:356px; height:46px; background:url(../../images/UXDesign/common/bg_mainFP2.png) no-repeat 0 0; } #blockMainFP .MainFP_menu ul li.MySchedule a:hover { background:url(../../images/UXDesign/common/bg_mainFP2_over.png) no-repeat 0 0; text-decoration:none; } #blockMainFP .MainFP_menu ul li.MySchedule a h2 { padding-left:115px; font-size:18px; font-weight:normal; color:#fff; text-shadow:1px 1px 1px #aa6800; line-height:46px; } #blockMainFP .MainFP_menu ul li.MySchedule a p { display:none; } #blockMainFP .MainFP_menu ul li.MySchedule.select a { display:inline-block; width:356px; height:99px; background:url(../../images/UXDesign/common/bg_mainFP2_select.png) no-repeat 0 0; } #blockMainFP .MainFP_menu ul li.MySchedule.select a:hover { background:url(../../images/UXDesign/common/bg_mainFP2_select_over.png) no-repeat 0 0; text-decoration:none; } #blockMainFP .MainFP_menu ul li.MySchedule.select a h2 { padding-left:115px; font-size:18px; font-weight:normal; color:#fff; text-shadow:1px 1px 1px #aa6800; line-height: 35px; margin-top: 8px; } #blockMainFP .MainFP_menu ul li.MySchedule.select a p { display:block; padding-left:115px; font-size:12px; font-weight:normal; color:#fff; text-shadow:1px 1px 1px #aa6800; line-height:20px; } #blockMainFP .MainFP_menu ul li.Comunications a { display:inline-block; width:356px; height:46px; background:url(../../images/UXDesign/common/bg_mainFP3.png) no-repeat 0 0; } #blockMainFP .MainFP_menu ul li.Comunications a:hover { background:url(../../images/UXDesign/common/bg_mainFP3_over.png) no-repeat 0 0; text-decoration:none; } #blockMainFP .MainFP_menu ul li.Comunications a h2 { padding-left:115px; font-size:18px; font-weight:normal; color:#fff; text-shadow:1px 1px 1px #337887; line-height:46px; } #blockMainFP .MainFP_menu ul li.Comunications a p { display:none; } #blockMainFP .MainFP_menu ul li.Comunications.select a { display:inline-block; width:356px; height:99px; background:url(../../images/UXDesign/common/bg_mainFP3_select.png) no-repeat 0 0; } #blockMainFP .MainFP_menu ul li.Comunications.select a:hover { background:url(../../images/UXDesign/common/bg_mainFP3_select_over.png) no-repeat 0 0; text-decoration:none; } #blockMainFP .MainFP_menu ul li.Comunications.select a h2 { padding-left:115px; font-size:18px; font-weight:normal; color:#fff; text-shadow:1px 1px 1px #337887; line-height: 35px; margin-top: 8px; } #blockMainFP .MainFP_menu ul li.Comunications.select a p { display:block; padding-left:115px; font-size:12px; font-weight:normal; color:#fff; text-shadow:1px 1px 1px #337887; line-height:20px; } #blockMainFP .MainFP_menu ul li.Mywork.select a, #blockMainFP .MainFP_menu ul li.MySchedule.select a, #blockMainFP .MainFP_menu ul li.Comunications.select a { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* #blockMainFP .MainFP_menu ul li.Mywork a, */ /* #blockMainFP .MainFP_menu ul li.MySchedule a, */ /* #blockMainFP .MainFP_menu ul li.Comunications a { */ /* -webkit-transition: all 0.2s ease-in-out; */ /* -moz-transition: all 0.2s ease-in-out; */ /* -o-transition: all 0.2s ease-in-out; */ /* } */ #blockMainFP > div.content { margin-top:19px; margin-left:360px; height:100%; position:relative; overflow:hidden; } #blockMainFP > div.content > div { position:absolute; width:100%; height:191px; top:0; } #blockMainFP .MyworkWrap, #blockMainFP .mySchedule, #blockMainFP .comunications { border:1px solid #d7c097; background:#ffffed; } #blockMainFP .MyworkWrap .MyworkDay { display:inline-block; float:left; width:58px; height:100%; border-right:1px solid #efcdb3; } #blockMainFP .MyworkWrap .MyworkDay > ul { height:100%; margin-top: 12px; } #blockMainFP .MyworkWrap .MyworkDay > ul > li { height:33.3%; text-align:center; } #blockMainFP .MyworkWrap .MyworkDay > ul > li > a { color:#aaa; font-size:14px; -webkit-transition: 0.2s; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #blockMainFP .MyworkWrap .MyworkDay > ul > li > a:hover { color:#219220; font-weight:bold; text-decoration:none; } #blockMainFP .MyworkWrap .MyworkDay > ul > li > a.select { color:#219220; font-weight:bold; } #blockMainFP .MyworkWrap .MyworkDay > ul > li > a > span { display:block; } #blockMainFP .MyworkWrap .MyworkList { height:100%; margin-left:62px; padding-top:2px; border-left:1px solid #efcdb3; } #blockMainFP .MyworkWrap .MyworkList > ul > li { padding-left:10px; border-bottom:1px solid #f1efde; line-height:26px; } #blockMainFP .MyworkWrap .MyworkList > ul > li:last-child { border-bottom:none; } #blockMainFP .MyworkWrap .MyworkList > ul > li > a { font-size:11px; color:#555; } #blockMainFP .MyworkWrap .MyworkList > ul > li > a:hover { font-size:11px; color:#00ac61; } #blockMainFP .MyscheduleWrap .MyscheduleTop > ul > li { display:inline-block; } #blockMainFP .MyscheduleWrap .MyscheduleTop .MyscheduleTop-right { } #blockMainFP .communicationsWrap { border:1px solid #d7c097; background:#ffffed; } /* portletSetting ---------------------------------------------------------------------*/ .po_setbtn li { display:inline-block; margin-right:1px; } /* layer ---------------------------------------------------------*/ .layer_01 { position:absolute; z-index:99; min-width:100px; padding:10px; border:4px solid #3f4551; background:#fff; } .layer_02 { position:absolute; z-index:99; min-width:100px; padding:10px; border:1px solid #3f4551; background:#fff; } .layer_01 .layer_close { position:absolute; display:block; width:17px; height:12px; top:-16px; right:-4px; background:url(../../images/UXDesign/icon/ic_close_layer_2.gif) no-repeat; } .layer_02 .layer_close { position:absolute; display:block; width:17px; height:17px; top:-8px; right:-8px; background:url(../../images/UXDesign/icon/ic_close_layer_2.png) no-repeat; } .layer_close span { display:none; } .layer_02 .list_1 li { padding-left:8px; background:url(../../images/UXDesign/icon/ic_point_07.gif) no-repeat 0 7px; } .layer_02 .list_1 li a { color:#555; } .layer_loading{position:absolute;width:235px;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity='50');*filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999',direction='135',strength='3')} .layer_loading p,.layer_loading img{margin:0;padding:0;font-family:'돋움', 'Dotum';font-size:12px;line-height:normal} .layer_loading img{border:none} .layer_loading .cont{position:relative;z-index:20;border:2px solid #777;background:#fff} .layer_loading .body{margin:15px 10px 10px 10px; text-align:center;} .layer_loading .body p,.loading .body img{color:#444;font-family:'돋움', 'Dotum';font-size:12px} .layer_loading .footer{margin:0 20px;padding:10px 0 5px;background:url(../../images/UXDesign/common/line_footer.gif) 50% 0 repeat-x;text-align:center} .layer_loading .footer a,.loading .footer img{vertical-align:top} .layer_loading .shadow{*display:none;overflow:visible;position:absolute;z-index:10;width:100%;height:100%} .layer_loading .shadow2{top:3px;left:3px;background:url(../../images/UXDesign/common/shadow.png)} .layer_loading .shadow3{top:2px;left:2px;background:url(../../images/UXDesign/common/shadow2.png)} .layer_loading .shadow4{top:1px;left:1px;background:url(../../images/UXDesign/common/shadow3.png)} .layer_loading .dsc_loading{position:relative;width:100%;padding-bottom:10px;font-weight:normal;letter-spacing:-1px;} .system_menu_extension { position:absolute; width:275px; height:500px; } .system_menu_extension h4 { font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif, Meiryo, "MS PGothic", Dotum !important; font-size: 11px !important; height: 26px; } .system_head { background:#242424 url(../../images/UXDesign/common/bg_layer_title.png) repeat-x; border-radius: 5px 5px 0 0; box-shadow: 5px 5px 10px 0 #686868; } .system_head span { color:#fff; display: inline-block; margin-top: 6px; margin-left: 10px; } .system_ext_closeBtn { background:url(../../images/UXDesign/icon/ic_close_layer_3.gif) no-repeat left top; width: 11px; height: 10px; display: inline-block; position: absolute; top: 8px; right: 10px; } .system_body { border-radius: 0 0 5px 5px; /* box-shadow: 5px 5px 10px 0 #686868; */ border:1px solid #ccc; background:#fff; } .system_body ul { padding-top: 5px; text-align: left; } .system_body ul li { padding: 2px 0px 2px 0px; clear: right; zoom: 1; height: auto; position: relative; } .system_body ul li .system_listProfile { text-align: left; position: relative; right: 2px; zoom: 1; float: left; padding: 2px 2px 2px 4px; } .system_body ul li .system_listProfile a { float: right; width: 14px; height: 15px; background: url(../../images/UXDesign/icon/ic_favorite_3.png) no-repeat 0 -15px; margin-right: 1px !important; margin-top: -1px; } .system_body ul li .system_listProfile a.select { float: right; width: 14px; height: 15px; background: url(../../images/UXDesign/icon/ic_favorite_3.png) no-repeat 0 0; margin-right: 1px !important; margin-top: -1px; } .system_body ul li .system_listTextContainer { line-height: 15px; padding-top: 2px; padding-bottom: 2px; padding-left: 18px; } .system_body ul li .system_listTextContainer a { display: inline; background: none; color: #555; } .system_body ul li .system_listTextContainer a:hover { text-decoration:none; color: #c50050; } .system_body ul li .system_listTextContainer span.system_btn_add { float:right; background:url(../../images/UXDesign/icon/ic_btn_plus.gif) no-repeat; width:14px; height:14px; margin-right:3px; } .system_body ul li .system_listTextContainer span.system_btn_add a { display:block; width:14px; height:14px; } .system_extSearchArea { background: #e2e2e2; padding: 3px 9px 4px 9px; line-height:21px; vertical-align:middle; } .system_extSearchArea .btnContainer { background:url(../../images/UXDesign/common/btn_layer_system.png) no-repeat left top; width:255px; height:27px; } .system_extSearchArea .kit_btnContainer span { color:#fff; text-align:center; display:block; vertical-align:middle; padding-top:1px; } .system_extSearchArea .system_headerSearch { top:-128px; background:url(../../images/UXDesign/common/bg_header_search.png) no-repeat; margin-top: 4px; } .system_extSearchArea .system_headerSearch table { width:100%; } .system_extSearchArea .system_headerSearch_sel { margin: 2px 0 0 5px; } .system_extSearchArea .system_headerSearch_sel a.sel_con { background:url(../../images/UXDesign/theme/theme05/basic/header_search_sel.gif) no-repeat right 0; } .system_extSearchArea .system_headerSearch a.sel_btn { background:url(../../images/UXDesign/theme/theme05/basic/header_search_go.gif) no-repeat 0 -4px; display: block; width: 20px; height: 20px; } .system_extSearchArea .system_headerSearch input { font-family:'돋움', 'Dotum'; width: 100%; margin-left: 2px; border: none; background: none; } .system_extSearchArea .system_headerSearch a.sel_con span, .system_headerSearch a.sel_btn span { display: none; } .system_List { height:400px; } .system_FavorList li { padding: 2px 7px 2px 7px !important; } .system_FavorList li:hover { background:#E4EDF5; } .system_autoScrollHeight { overflow: auto !important; position: relative; margin-bottom:5px; } .ui-tabs .ui-tabs-panel { padding: 0px 0; } .system_categoryTitle { background: #EBEBEB; border: 1px solid #E0E0E0; padding: 2px 8px 2px 8px; margin-top: 10px; } .system_infoText { color:#999; } .system_extArrow { position: absolute; left: -11px; top: 166px; background: url(../../images/UXDesign/common/bg_layerbox_arrow.png) no-repeat; width: 11px; height: 22px; display: block; } .setting_menu_extension { position:absolute; width:275px; height:500px; } .setting_menu_extension h4 { font-size: 12px !important; height: 26px; } .setting_head { background:#282828 url(../../images/UXDesign/common/bg_layer_title1.png) repeat-x 0 1px; border-radius: 5px 5px 0 0; box-shadow: 5px 5px 10px 0 #686868; } .setting_head span { color:#cef383; display: inline-block; margin-top: 6px; margin-left: 10px; } .setting_ext_leftArrow a { display: inline-block; position: absolute; width: 11px; height: 10px; background:url(../../images/UXDesign/icon/ic_se_leftarrow.png) no-repeat left top; top: 8px; right: 8px; } .setting_ext_leftArrow a:hover { background:url(../../images/UXDesign/icon/ic_se_leftarrow_o.png) no-repeat left top; } .setting_body { border-radius: 0 0 5px 5px; box-shadow: 5px 5px 10px 0 #686868; border:1px solid #282828; background:#fff; } .setting_body ul { padding-top: 0px; text-align: left; } .setting_body ul li { padding: 2px 0px 2px 0px; border-top: 1px solid #707070; border-bottom: 1px solid #383838; clear: right; zoom: 1; height: auto; position: relative; } .setting_body ul li .setting_listProfile { text-align: left; position: relative; right: 2px; zoom: 1; float: left; padding: 2px 2px 2px 4px; } .setting_body ul li .setting_listProfile a { float: right; width: 14px; height: 15px; background: url(../../images/UXDesign/icon/ic_favorite_3.png) no-repeat 0 -15px; margin-right: 1px !important; margin-top: -1px; } .setting_body ul li .setting_listProfile a.select { float: right; width: 14px; height: 15px; background: url(../../images/UXDesign/icon/ic_favorite_3.png) no-repeat 0 0; margin-right: 1px !important; margin-top: -1px; } .setting_body ul li .setting_listTextContainer { line-height: 15px; padding-top: 2px; padding-bottom: 2px; padding-left: 18px; } .setting_body ul li .setting_listTextContainer a { display: inline; background: none; color: #eee; } .setting_body ul li .setting_listTextContainer a:hover { text-decoration:none; color:#CEF384; } .setting_body ul li .setting_listTextContainer span.setting_btn_add { float:right; background:url(../../images/UXDesign/icon/ic_btn_plus.gif) no-repeat; width:14px; height:14px; margin-right:3px; } .setting_body ul li .setting_listTextContainer span.setting_btn_add a { display:block; width:14px; height:14px; } .setting_extNotice { padding: 5px 6px 6px; border-top: 1px solid #6A6A6A; border-bottom:1px solid #383838; background: #535353; line-height:21px; vertical-align:middle; } .setting_tab_bg { height: 18px; line-height:18px; margin-bottom: 4px; border: 1px solid #282828; background:url(../../images/UXDesign/common/bg_setting_tab.png) repeat-x; } .setting_tab_bg > ul {} .setting_tab_bg > ul > li { float:left; padding:0; border:0; border-right:1px solid #282828; } .setting_tab_bg > ul > li a { display: inline-block; padding:0 8px; font-size:11px; text-decoration:none; text-shadow:0 -1px 0 #000; color:#959595; } .setting_tab_bg > ul > li a:hover { background:url(../../images/UXDesign/common/bg_setting_tab_se.png) repeat-x; color:#ccc; } .setting_tab_bg > ul > li.select a { background:url(../../images/UXDesign/common/bg_setting_tab_se.png) repeat-x; color:#eee; } .setting_extNoticeBox { padding: 4px 10px; border:1px solid #292929; border-bottom:1px solid #707070; /*min-height:35px;*/ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background:#3a3a3a; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #373737 0%, #3a3a3a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#373737), color-stop(100%,#3a3a3a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #373737 0%,#3a3a3a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #373737 0%,#3a3a3a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #373737 0%,#3a3a3a 100%); /* IE10+ */ background: linear-gradient(to bottom, #373737 0%,#3a3a3a 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#373737', endColorstr='#3a3a3a',GradientType=0 ); /* IE6-8 */ } .setting_extNoticeBox span { /* padding-left:13px; */ /* background:url(../../images/UXDesign/icon/ic_setting_1.png) no-repeat 0 2px; */ color:#b6b5b5; line-height:16px; } .setting_List { height:249px; } .setting_FavorList li { height:19px !important; padding: 2px 7px 2px 7px !important; background:#535353; } .setting_FavorList li:hover { background:#454545; } .setting_autoScrollHeight { overflow: auto !important; position: relative; margin-bottom:0px; } .setting_extLeftbg { position: absolute; left: -3px; top: 336px; /* background: url(../../images/UXDesign/common/bg_layerbox_leftbg.png) no-repeat; */ width: 11px; height: 22px; display: block; } /* RoundBox_01 -----------------------------------------------------------*/ .corner_RoundBox01 { position:relative; background:#f2f2f2; padding:6px; border:1px solid #f2f2f2; } * html .corner_RoundBox01 { height:1%; } .corner_RoundBox01 .l_t_corner { position:absolute; font-size:0; width:7px; height:7px; left:-1px; top:-1px; background:url(../../images/UXDesign/common/bg_rndbox_1.gif) no-repeat left top !important; } .corner_RoundBox01 .r_t_corner { position:absolute; font-size:0; width:7px; height:7px; right:-1px; top:-1px; background:url(../../images/UXDesign/common/bg_rndbox_1.gif) no-repeat right top !important; } .corner_RoundBox01 .l_b_corner { position:absolute; font-size:0; width:7px; height:7px; left:-1px; bottom:-1px; background:url(../../images/UXDesign/common/bg_rndbox_1.gif) no-repeat left bottom !important; } .corner_RoundBox01 .r_b_corner { position:absolute; font-size:0; width:7px; height:7px; right:-1px; bottom:-1px; background:url(../../images/UXDesign/common/bg_rndbox_1.gif) no-repeat right bottom !important; } .corner_RoundBox01 .location a { color:#3378bd; font-weight:bold } .corner_RoundBox01 .location span { color:#777; font-weight:bold } /* RoundBox_02 -----------------------------------------------------------*/ .corner_RoundBox02 { position:relative; background:#FFF; padding:6px; border:1px solid #CCC; } * html .corner_RoundBox02 { height:1%; } .corner_RoundBox02 .l_t_corner { position:absolute; font-size:0; width:7px; height:7px; left:-1px; top:-1px; background:url(../../images/UXDesign/common/bg_rndbox_2.gif) no-repeat left top; } .corner_RoundBox02 .r_t_corner { position:absolute; font-size:0; width:7px; height:7px; right:-1px; top:-1px; background:url(../../images/UXDesign/common/bg_rndbox_2.gif) no-repeat right top; } .corner_RoundBox02 .l_b_corner { position:absolute; font-size:0; width:7px; height:7px; left:-1px; bottom:-1px; background:url(../../images/UXDesign/common/bg_rndbox_2.gif) no-repeat left bottom; } .corner_RoundBox02 .r_b_corner { position:absolute; font-size:0; width:7px; height:7px; right:-1px; bottom:-1px; background:url(../../images/UXDesign/common/bg_rndbox_2.gif) no-repeat right bottom; } /* RoundBox_03 -----------------------------------------------------------*/ .corner_RoundBox03 { position:relative; background:#d7e5f6;padding:6px; border:1px solid #6188ba;} * html .corner_RoundBox03 { height:1%; } .corner_RoundBox03 .l_t_corner { position:absolute; font-size:0; width:7px; height:7px; left:-1px; top:-1px;/*background:url(../../images/UXDesign/common/bg_rndbox_3_1.gif) no-repeat left top; */} .corner_RoundBox03 .r_t_corner { position:absolute; font-size:0; width:7px; height:7px; right:-1px; top:-1px;/*background:url(../../images/UXDesign/common/bg_rndbox_3_1.gif) no-repeat right top; */} .corner_RoundBox03 .l_b_corner { position:absolute; font-size:0; width:7px; height:7px; left:-1px; bottom:-1px;/*background:url(../../images/UXDesign/common/bg_rndbox_3.gif) no-repeat left bottom; */} .corner_RoundBox03 .r_b_corner { position:absolute; font-size:0; width:7px; height:7px; right:-1px; bottom:-1px; /* background:url(../../images/UXDesign/common/bg_rndbox_3.gif) no-repeat right bottom; */ } /* RoundBox_04 -----------------------------------------------------------*/ .corner_RoundBox04 { position:relative; background:#FFFFFF; padding:12px 15px 9px; *padding:0 15px 9px; margin:30px 0; border:2px solid #d0eea2; } * html .corner_RoundBox04 { height:1%; } .corner_RoundBox04 .l_t_corner { position:absolute; font-size:0; width:7px; height:7px; left:-2px; top:-2px; background:url(../../images/UXDesign/common/bg_rndbox_4.gif) no-repeat left top; } .corner_RoundBox04 .r_t_corner { position:absolute; font-size:0; width:7px; height:7px; top:-2px; right:-2px; background:url(../../images/UXDesign/common/bg_rndbox_4.gif) no-repeat right top; } .corner_RoundBox04 .l_b_corner { position:absolute; font-size:0; width:7px; height:7px; left:-2px; bottom:-2px; background:url(../../images/UXDesign/common/bg_rndbox_4.gif) no-repeat left bottom; } .corner_RoundBox04 .r_b_corner { position:absolute; font-size:0; width:7px; height:7px; bottom:-2px; right:-2px; background:url(../../images/UXDesign/common/bg_rndbox_4.gif) no-repeat right bottom; } /* RoundBox_05 -----------------------------------------------------------*/ .corner_RoundBox05 { position:relative; background:#f1f1f1; padding:10px 15px 13px; margin-bottom:20px; border:1px solid #f1f1f1; } * html .corner_RoundBox05 { height:1%; } .corner_RoundBox05 .l_t_corner { position:absolute; font-size:0; width:7px; height:7px; left:-1px; top:-1px; background:url(../../images/UXDesign/common/bg_rndbox_5.gif) no-repeat left top; } .corner_RoundBox05 .r_t_corner { position:absolute; font-size:0; width:7px; height:7px; top:-1px; right:-1px; background:url(../../images/UXDesign/common/bg_rndbox_5.gif) no-repeat right top; } .corner_RoundBox05 .l_b_corner { position:absolute; font-size:0; width:7px; height:7px; left:-1px; bottom:-1px; background:url(../../images/UXDesign/common/bg_rndbox_5.gif) no-repeat left bottom; } .corner_RoundBox05 .r_b_corner { position:absolute; font-size:0; width:7px; height:7px; bottom:-1px; right:-1px; background:url(../../images/UXDesign/common/bg_rndbox_5.gif) no-repeat right bottom; } /* RoundBox_06 -----------------------------------------------------------*/ .corner_RoundBox06 { position:relative; background:#464957; padding:6px 15px 5px; *padding:7px 15px 5px; margin-bottom:15px; border:1px solid #464957; } * html .corner_RoundBox06 { height:1%; } .corner_RoundBox06 .l_t_corner { position:absolute; font-size:0; width:7px; height:7px; left:-1px; top:-1px; background:url(../../images/UXDesign/common/bg_rndbox_6.gif) no-repeat left top; } .corner_RoundBox06 .r_t_corner { position:absolute; font-size:0; width:7px; height:7px; top:-1px; right:-1px; background:url(../../images/UXDesign/common/bg_rndbox_6.gif) no-repeat right top; } .corner_RoundBox06 .l_b_corner { position:absolute; font-size:0; width:7px; height:7px; left:-1px; bottom:-1px; background:url(../../images/UXDesign/common/bg_rndbox_6.gif) no-repeat left bottom; } .corner_RoundBox06 .r_b_corner { position:absolute; font-size:0; width:7px; height:7px; bottom:-1px; right:-1px; background:url(../../images/UXDesign/common/bg_rndbox_6.gif) no-repeat right bottom; } /* RoundBox_07 -----------------------------------------------------------*/ .corner_RoundBox07 { position:relative; background:#FFF; padding:6px 6px 10px; margin-bottom:10px; border:1px solid #CCC; } * html .corner_RoundBox07 { height:1%; } .corner_RoundBox07 .l_t_corner { position:absolute; font-size:0; width:7px; height:7px; left:-1px; top:-1px; background:url(../../images/UXDesign/common/bg_rndbox_7.gif) no-repeat left top; } .corner_RoundBox07 .r_t_corner { position:absolute; font-size:0; width:7px; height:7px; right:-1px; top:-1px; background:url(../../images/UXDesign/common/bg_rndbox_7.gif) no-repeat right top; } .corner_RoundBox07 .l_b_corner { position:absolute; font-size:0; width:7px; height:7px; left:-1px; bottom:-1px; background:url(../../images/UXDesign/common/bg_rndbox_7.gif) no-repeat left bottom; } .corner_RoundBox07 .r_b_corner { position:absolute; font-size:0; width:7px; height:7px; right:-1px; bottom:-1px; background:url(../../images/UXDesign/common/bg_rndbox_7.gif) no-repeat right bottom; } .corner_RoundBox07 .bg_shadow_l { position:absolute; z-index:2; width:350px; height:5px; bottom:-6px; left:-1px; background:url(../../images/UXDesign/common/bg_shadow_c.gif) no-repeat left bottom; } .corner_RoundBox07 .bg_shadow_c { position:absolute; z-index:1; width:100%; height:5px; bottom:-6px; left:0; background:url(../../images/UXDesign/common/bg_shadow_c.gif) repeat-x; } .corner_RoundBox07 .bg_shadow_r { position:absolute; z-index:2; width:350px; height:5px; bottom:-6px; right:-1px; background:url(../../images/UXDesign/common/bg_shadow_c.gif) no-repeat right bottom; } /* RoundBox_08 -----------------------------------------------------------*/ .corner_RoundBox08 { position:relative; background:#8b93a2; text-align:center; border:1px solid #8b93a2; } * html .corner_RoundBox08 { height:1%; } .corner_RoundBox08 .l_t_corner { position:absolute; font-size:0; width:7px; height:7px; left:-1px; top:-1px; background:url(../../images/UXDesign/common/bg_rndbox_8.gif) no-repeat left top; } .corner_RoundBox08 .r_t_corner { position:absolute; font-size:0; width:7px; height:7px; right:-1px; top:-1px; background:url(../../images/UXDesign/common/bg_rndbox_8.gif) no-repeat right top; } .corner_RoundBox08 .l_b_corner { position:absolute; font-size:0; width:7px; height:7px; left:-1px; bottom:-1px; background:url(../../images/UXDesign/common/bg_rndbox_8.gif) no-repeat left bottom; } .corner_RoundBox08 .r_b_corner { position:absolute; font-size:0; width:7px; height:7px; right:-1px; bottom:-1px; background:url(../../images/UXDesign/common/bg_rndbox_8.gif) no-repeat right bottom; } /* RoundBox_09 -----------------------------------------------------------*/ .corner_RoundBox09 { position:relative; background:#f9f9f9; border:1px solid #ccc; } * html .corner_RoundBox09 { height:1%; } .corner_RoundBox09 .l_t_corner { position:absolute; font-size:0; width:7px; height:7px; left:-1px; top:-1px; background:url(../../images/UXDesign/common/bg_rndbox_9.gif) no-repeat left top; } .corner_RoundBox09 .r_t_corner { position:absolute; font-size:0; width:7px; height:7px; right:-1px; top:-1px; background:url(../../images/UXDesign/common/bg_rndbox_9.gif) no-repeat right top; } .corner_RoundBox09 .l_b_corner { position:absolute; font-size:0; width:7px; height:7px; left:-1px; bottom:-1px; background:url(../../images/UXDesign/common/bg_rndbox_9.gif) no-repeat left bottom; } .corner_RoundBox09 .r_b_corner { position:absolute; font-size:0; width:7px; height:7px; right:-1px; bottom:-1px; background:url(../../images/UXDesign/common/bg_rndbox_9.gif) no-repeat right bottom; } /* RoundBox_10 -----------------------------------------------------------*/ .corner_RoundBox10 { position:relative; padding:5px 10px; color:#fff; background:#628fd6; border:1px solid #4e76b9; } * html .corner_RoundBox10 { height:1%; } .corner_RoundBox10 .l_t_corner { position:absolute; font-size:0; width:7px; height:7px; left:-1px; top:-1px; background:url(../../images/UXDesign/common/bg_rndbox_10.gif) no-repeat left top; } .corner_RoundBox10 .r_t_corner { position:absolute; font-size:0; width:7px; height:7px; right:-1px; top:-1px; background:url(../../images/UXDesign/common/bg_rndbox_10.gif) no-repeat right top; } .corner_RoundBox10 .l_b_corner { position:absolute; font-size:0; width:7px; height:7px; left:-1px; bottom:-1px; background:url(../../images/UXDesign/common/bg_rndbox_10.gif) no-repeat left bottom; } .corner_RoundBox10 .r_b_corner { position:absolute; font-size:0; width:7px; height:7px; right:-1px; bottom:-1px; background:url(../../images/UXDesign/common/bg_rndbox_10.gif) no-repeat right bottom; } .corner_RoundBox10 .ar { position:absolute; width:11px; height:8px; left:10px; bottom:-8px; background:url(../../images/UXDesign/common/ar_rndbox_10.gif) no-repeat; } /* .corner_RoundBox10 .ar_bottom { position:absolute; width:11px; height:8px; left:10px; top:-8px; background:url(../../images/UXDesign/common/ar_bottom_rndbox_10.gif) no-repeat; } */ /* RoundBox_11 -----------------------------------------------------------*/ .corner_RoundBox11 { position:relative; background:#feffee; border:1px solid #e8e5e4; } * html .corner_RoundBox11 { height:1%; } .corner_RoundBox11 .l_t_corner { position:absolute; font-size:0; width:7px; height:7px; left:-1px; top:-1px; background:url(../../images/UXDesign/common/bg_rndbox_11.gif) no-repeat left top; } .corner_RoundBox11 .r_t_corner { position:absolute; font-size:0; width:7px; height:7px; right:-1px; top:-1px; background:url(../../images/UXDesign/common/bg_rndbox_11.gif) no-repeat right top; } .corner_RoundBox11 .l_b_corner { position:absolute; font-size:0; width:7px; height:7px; left:-1px; bottom:-1px; background:url(../../images/UXDesign/common/bg_rndbox_11.gif) no-repeat left bottom; } .corner_RoundBox11 .r_b_corner { position:absolute; font-size:0; width:7px; height:7px; right:-1px; bottom:-1px; background:url(../../images/UXDesign/common/bg_rndbox_11.gif) no-repeat right bottom; } .corner_RoundBox11 .ar { position:absolute; width:11px; height:8px; left:10px; bottom:-8px; background:url(../../images/UXDesign/common/ar_rndbox_11.gif) no-repeat; } /* RoundBox_12 -----------------------------------------------------------*/ .corner_RoundBox12 { position:relative; padding:5px 10px; color:#333; font-size:11px; background:#ffffe5; border:1px solid #b8b8b8; } * html .corner_RoundBox12 { height:1%; } .corner_RoundBox12 .l_t_corner { position:absolute; font-size:0; width:7px; height:7px; left:-1px; top:-1px; background:url(../../images/UXDesign/common/bg_rndbox_12.gif) no-repeat left top; } .corner_RoundBox12 .r_t_corner { position:absolute; font-size:0; width:7px; height:7px; right:-1px; top:-1px; background:url(../../images/UXDesign/common/bg_rndbox_12.gif) no-repeat right top; } .corner_RoundBox12 .l_b_corner { position:absolute; font-size:0; width:7px; height:7px; left:-1px; bottom:-1px; background:url(../../images/UXDesign/common/bg_rndbox_12.gif) no-repeat left bottom; } .corner_RoundBox12 .r_b_corner { position:absolute; font-size:0; width:7px; height:7px; right:-1px; bottom:-1px; background:url(../../images/UXDesign/common/bg_rndbox_12.gif) no-repeat right bottom; } .corner_RoundBox12 .ar { position:absolute; width:11px; height:8px; left:10px; bottom:-8px; background:url(../../images/UXDesign/common/ar_rndbox_12.gif) no-repeat; } /* .corner_RoundBox12 .ar_bottom { position:absolute; width:11px; height:8px; left:10px; top:-8px; background:url(../../images/UXDesign/common/ar_bottom_rndbox_10.gif) no-repeat; } */ /* RoundBox_13 -----------------------------------------------------------*/ .corner_RoundBox13 { position:relative; background:#F3F3F3; padding:6px; border:1px solid #dadada; border-radius:5px; text-align:right; background: url(../../images/UXDesign/common/bg_qnamenu.gif) repeat-x bottom; /*background: -moz-linear-gradient(top, #fff 0%, #f1f0f0 100%); /* FF3.6+ */ /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f1f0f0 )); /* Chrome,Safari4+ */ /*background: -webkit-linear-gradient(top, #fff 0%,#f1f0f0 100%); /* Chrome10+,Safari5.1+ */ /*background: -o-linear-gradient(top, #fff 0%,#f1f0f0 100%); /* Opera 11.10+ */ /*background: -ms-linear-gradient(top, #fff 0%,#f1f0f0 100%); /* IE10+ */ /*background: linear-gradient(to bottom, #fff 0%,#f1f0f0 100%); /* W3C */ } * html .corner_RoundBox13 { height:1%; } /* box_gradient_1 -----------------------------------------------------------*/ .box_gradient_1 { position:relative; padding:9px 8px 1px; margin:0 9px 9px; background:#f7f7f7; } .box_gradient_1 .lt { position:absolute; top:0; left:-6px; width:10px; height:100%; background:url(../../images/UXDesign/common/bg_boxgradient_1.png) no-repeat 0 0; } .box_gradient_1 .rt { position:absolute; top:0; right:-6px; width:10px; height:100%; background:url(../../images/UXDesign/common/bg_boxgradient_1.png) no-repeat -10px 0; } .box_gradient_1 .lb { position:absolute; left:-6px; bottom:-6px; width:10px; height:10px; background:url(../../images/UXDesign/common/bg_boxgradient_1.png) no-repeat 0 -190px; } .box_gradient_1 .rb { position:absolute; right:-6px; bottom:-6px; width:10px; height:10px; background:url(../../images/UXDesign/common/bg_boxgradient_1.png) no-repeat -10px -190px; } .box_gradient_1 .ct { position:absolute; top:0; left:0; width:100%; height:10px; background:url(../../images/UXDesign/common/bg_boxgradient_1_y.png) no-repeat; } .box_gradient_1 .cb { position:absolute; bottom:-6px; left:0; width:100%; height:10px; background:url(../../images/UXDesign/common/bg_boxgradient_1_y.png) no-repeat 0 -10px; } .box_gradient_1 .ar { position:absolute; top:4px; left:-18px; width:13px; height:17px; background:url(../../images/UXDesign/common/bg_boxgradient_1_ar.png) no-repeat; } /* box_gradient_2 -----------------------------------------------------------*/ .box_gradient_2 { position:relative; padding:9px 8px 1px; margin:0 9px 9px; background:#fff6b8; } .box_gradient_2 .lt { position:absolute; top:0; left:-6px; width:10px; height:100%; background:url(../../images/UXDesign/common/bg_boxgradient_2.png) no-repeat 0 0; } .box_gradient_2 .rt { position:absolute; top:0; right:-6px; width:10px; height:100%; background:url(../../images/UXDesign/common/bg_boxgradient_2.png) no-repeat -10px 0; } .box_gradient_2 .lb { position:absolute; left:-6px; bottom:-6px; width:10px; height:10px; background:url(../../images/UXDesign/common/bg_boxgradient_2.png) no-repeat 0 -190px; } .box_gradient_2 .rb { position:absolute; right:-6px; bottom:-6px; width:10px; height:10px; background:url(../../images/UXDesign/common/bg_boxgradient_2.png) no-repeat -10px -190px; } .box_gradient_2 .ct { position:absolute; top:0; left:0; width:100%; height:10px; background:url(../../images/UXDesign/common/bg_boxgradient_2_y.png) no-repeat; } .box_gradient_2 .cb { position:absolute; bottom:-6px; left:0; width:100%; height:10px; background:url(../../images/UXDesign/common/bg_boxgradient_2_y.png) no-repeat 0 -10px; } .box_gradient_2 .ar { position:absolute; top:4px; right:-18px; width:13px; height:17px; background:url(../../images/UXDesign/common/bg_boxgradient_2_ar.png) no-repeat; } /* portal layout -----------------------------------------------------------*/ .protalLayoutLeftClosed { height:100%;margin-left:0px;}/*margin-left:6px;*/ .protalLayoutLeftOpened { overflow:hidden;height:100%;margin-left:170px;} .leftlayout {position:absolute; left:0; top:0; z-index:900;} .leftlayout a { display:inline-block; background:url(../../images/UXDesign/common/btn_leftMenu.png) no-repeat 0 0; width:219px; height:19px; } #blockHeader.topmini .toplayout { position:absolute; top:6px; right:59px; } #blockHeader.topmini .toplayout a { display:inline-block; background:url(../../images/UXDesign/icon/ic_top_layout.png) no-repeat; width:24px; height:23px; } #blockHeader.topmini .toplayout1 { top: 7px; right: 42px; } /* header search area -----------------------------------------------------------*/ @media screen and (max-width : 1px) { .headerSearch { position:absolute; right:0; width:230px; height:26px; } .headerSearch.admin { top:7px; } .headerSearch a { color:#555; } .headerSearch a.sel_con span, .headerSearch a.sel_btn span { display:none; } .headerSearch a.sel_btn { display:block; width:28px; height:20px; } .headerSearch a.sel_con { display:block; padding:1px 18px 0 0;} .headerSearch span.sel_con { color:#c50050; display:block; padding:1px 15px 0px 3px;} .headerSearch a:hover { color:#000; text-decoration:none; } .headerSearch input { font-family:"돋움", Dotum; width:107px;/*margin-left:2px;*/ border:none;} .headerSearch table.headerSearch_sel { font-family:"돋움", Dotum; width:100%;} .headerSearch table.headerSearch_sel .headerSearch_layer { position:absolute; top:22px; left:-2px; min-width:73px; padding:0; border:1px solid #ccc; background:#FFF; z-index:1100; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); -webkit-transition: opacity .1s; transition: opacity .218s; } } .headerSearch.admin { top:7px; } .headerSearch p { position:absolute; right:0; top:0; } .headerSearch a { color:#000; } .headerSearch a.sel_con span, .headerSearch a.sel_btn span { display:none; } .headerSearch a.sel_btn { display:block; width:86px; height:20px; } .headerSearch a.sel_con { display:block; padding:1px 18px 0 7px; *padding:0 18px 0 0; margin-top:3px; width:56px; } .headerSearch span.sel_con { color:#c50050; display:block; padding:1px 15px 0px 3px; *padding:1px 15px 0px 3px; } .headerSearch a:hover { color:#000; text-decoration:none; } .headerSearch input { font-family:"돋움", Dotum; width:107px;/*margin-left:2px;*/ border:none;} .headerSearch table.headerSearch_sel { font-family:"돋움", Dotum; background-color:#fff; } .headerSearch table.headerSearch_sel .cell1 { width:84px; } .headerSearch table.headerSearch_sel .cell2 { width:111px;} .headerSearch table.headerSearch_sel .cell3 { width:18px; } .headerSearch table.headerSearch_sel .cell3 a {display:block; width:18px; height:20px; } .headerSearch table.headerSearch_sel .headerSearch_layer { position:absolute; top:22px; left:0; min-width:78px; padding: 5px 0; border:1px solid #ccc; background:#FFF; z-index:1100; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); -webkit-transition: opacity .1s; transition: opacity .218s; } .headerSearch table.headerSearch_sel .headerSearch_layer > ul > li > a { display: block; padding: 3px 12px; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-out 0s; } .headerSearch table.headerSearch_sel .headerSearch_layer > ul > li > a:hover { background: #ffc693; text-decoration: none; color: #000; } /* SMS ---------------------------------------------------------*/ /*2013 sms #sms { position:relative; width:568px; height:432px; background:url(../../images/UXDesign/common/bg_sms.gif) no-repeat; }*/ #sms { position:relative; width:695px; height:432px; background:url(../../images/UXDesign/common/bg_sms.gif) no-repeat; } #sms.collapse { width:233px; border-right:1px solid #a9bce6; }/*2013sms */ .smsTitle {font-weight:bold; padding:10px 0 0 23px;} .sms_l { float:left; width:194px; margin-left:20px; } .sms_r { float:left; width:320px; margin-left:15px; } /*2013 sms .sms_textarea { color:#dee8ff; line-height:16px; overflow:auto; width:166px; height:120px; margin:30px 0 0 12px; *margin:30px 0 0 -8px; border:none; background:none; }*/ .sms_textarea { color:#dee8ff; line-height:16px; overflow:auto; width:166px; height:130px; margin:30px 0 0 10px; *margin:30px 0 0 -11px; border:none; background:none; } /*2013 sms .smsbyte { text-align:right; color:#94a9dd; font-family:Tahoma, Meiryo, "MS PGothic", Dotum; font-size:0.9em; padding:0 10px 0 0; }*/ .smsbyte { text-align:right; color:#94a9dd; font-family:Dotum; font-size:0.9em; padding:0 10px 0 0; } .smsbyte span { color:#ffc35b; } .numinfo { position:absolute; top:222px; left:27px; font-size:0.9em; color:#405f92; letter-spacing:-0.05em; font-weight:bold; } /*2013 sms .numinfo .smsinput { font-size:1em; border:1px solid #a0bde7; }*/ .numinfo .smsinput { font-size:1em; border:1px solid #a0bde7; vertical-align:middle; padding:3px 2px 2px;} .numinfo img { vertical-align:top; } /*2013 sms .smsbtn_add { display:inline-block; background:url(../../images/UXDesign/common/btn_sms_add_l.gif) no-repeat left top; }*/ .smsbtn_add { display:inline-block; background:url(../../images/UXDesign/common/btn_sms_add_l.gif) no-repeat left top; vertical-align:middle;} /*2013 sms .smsbtn_add a:link, .smsbtn_add a:visited, .smsbtn_add a:active { display:inline-block; background:url(../../images/UXDesign/common/btn_sms_add_r.gif) no-repeat right top; margin-left:13px; padding-right:5px; padding-top:1px; font-weight:normal; color:#4f5b86; }*/ .smsbtn_add a:link, .smsbtn_add a:visited, .smsbtn_add a:active { line-height:16px; display:inline-block; background:url(../../images/UXDesign/common/btn_sms_add_r.gif) no-repeat right top; margin-left:13px; padding:2px 5px 0 0; font-weight:normal; color:#4f5b86; } .smsbtn_add a:hover { text-decoration:none; } /*2013 sms .smsbtn { position:absolute; top:391px; left:60px; }*/ .smsbtn { position:absolute; top:402px; left:60px; } .smsbtn li { display:inline-block; background:url(../../images/UXDesign/common/btn_sms_bg_l.gif) no-repeat left top; margin-left:2px; } .smsbtn li a { display:inline-block; height:19px; background:url(../../images/UXDesign/common/btn_sms_bg_r.gif) no-repeat right top; margin-left:7px; padding:2px 7px 0 0; font-weight:bold; color:#405f92; } .smsbtn li a:hover { text-decoration:none; } /*2013sms .smslist { position:absolute; top:258px; margin-left:-2px; width:198px; height:129px; background:url(../../images/UXDesign/common/bg_sms_numlist.gif) no-repeat; }*/ .smslist { position:absolute; top:258px; margin-left:-2px; width:198px; height:137px; background:url(../../images/UXDesign/common/bg_sms_numlist.gif) no-repeat; } /*2013sms .smslist h2 { float:left; padding:5px 0 0 10px; color:#4669ae; font-size:0.9em; font-family:Tahoma, Meiryo, "MS PGothic", Dotum; letter-spacing:-0.05em; }*/ .smslist h2 { float:left; padding:5px 0 0 10px; color:#4669ae; font-size:0.9em; font-family:Dotum; letter-spacing:-0.05em; } .smslist_btn { float:right; padding:5px 12px 0 0; } .smslist_btn span { display:inline-block; background:url(../../images/UXDesign/common/btn_sms_addr_bg_l.gif) no-repeat left top; } /*2013sms .smslist_btn span a { display:inline-block; background:url(../../images/UXDesign/common/btn_sms_addr_bg_r.gif) no-repeat right top; margin-left:5px; padding-right:5px; font-size:0.9em; font-weight:bold; color:#fff; font-family:Tahoma, Meiryo, "MS PGothic", Dotum; }*/ .smslist_btn span a { display:inline-block; background:url(../../images/UXDesign/common/btn_sms_addr_bg_r.gif) no-repeat right top; margin-left:5px; padding-right:5px; font-size:0.9em; font-weight:bold; color:#fff; font-family:Dotum; line-height:16px; } .smslist_btn span a:hover { text-decoration:none; } /*.smslist_t { width:177px; height:75px; margin:4px 0 0 8px; overflow-y:auto; scrollbar-highlight-color: #fff; scrollbar-shadow-color: #ccc; scrollbar-arrow-color: #ccc; scrollbar-face-color: #fff; scrollbar-3dlight-color: #ccc; scrollbar-darkshadow-color: #fff; scrollbar-track-color: #fff; }*/ .smslist_t { width:187px; height:83px; margin:4px 0 0 8px; overflow-y:auto; scrollbar-highlight-color: #fff; scrollbar-shadow-color: #ccc; scrollbar-arrow-color: #ccc; scrollbar-face-color: #fff; scrollbar-3dlight-color: #ccc; scrollbar-darkshadow-color: #fff; scrollbar-track-color: #fff; } .smslist table { border-collapse:collapse; } /*2013sms .smslist table td { font-size:0.9em; font-family:Tahoma, Meiryo, "MS PGothic", Dotum; vertical-align:text-top; padding:3px 2px 2px; line-height:13px; min-height:13px; border-bottom:1px dotted #ddd; } .smslist table img { padding-top:2px; }*/ .smslist table td { font-size:0.9em; font-family:Dotum; vertical-align:text-top; padding:3px 2px 2px; line-height:13px; min-height:15px; border-bottom:1px dotted #ddd; } .smslist table img {} /*2013sms .sendnum { position:absolute; top:365px; left:28px; width:180px; font-size:0.9em; font-family:Tahoma, Meiryo, "MS PGothic", Dotum; color:#405f92; letter-spacing:-0.05em; font-weight:bold; }*/ .sendnum { position:absolute; top:371px; left:28px; width:180px; font-size:0.9em; font-family:Dotum; color:#405f92; letter-spacing:-0.05em; font-weight:bold; } .sendnum .smsinput { font-size:1em; border:1px solid #a0bde7; width:70px; } .sendnum_btn { position:absolute; top:0; right:0; display:block; width:auto; } .sendnum_btn a:link, .sendnum_btn a:visited, .sendnum_btn a:active { display:inline-block; padding-right:8px; font-weight:normal; background:url(../../images/UXDesign/common/btn_sms_sendbox_bg.gif) no-repeat right 5px; color:#405F92; } .sendnum_btn a:hover { text-decoration:none; } .sendnum .readonly { background:#f1f1f1; } /* sms_tab */ .smsbox_1 { padding:5px 8px 3px; margin-bottom:10px; border:1px solid #c5d3f0; background:#fff; } .smsbox_1 li { display:inline; } .smsbox_2 { padding:5px 8px 3px; border:1px solid #c5d3f0; border-top:none; background:#fff; } .smsbox_2 li { display:inline; padding-right:16px; white-space:nowrap; *white-space:normal; } .smsbox_t { height:20px; border:1px solid #c5d3f0; border-bottom:none; background:#e9efff; } .smsbox_t ul { padding-left:5px; } .smsbox_t li { display:inline; font-size:0.9em; padding:0 4px; } .smsbox_t li a:link, .smsbox_t li a:active, .smsbox_t li a:visited { color:#405f92; } .smsbox_t li a:hover, .smsbox_t li.selected a { color:#e76f33; text-decoration:underline; } .smssample_t { text-align:center; margin-top:-5px; } .smssample_t li { display:inline; font-size:0.9em; padding:0 4px; } .smssample_t li a:link, .smssample_t li a:active, .smssample_t li a:visited { color:#405f92; } .smssample_t li a:hover, .smssample_t li.selected a { color:#e76f33; text-decoration:underline; } .smssample_t_2 { font-size:0.9em; color:#405f92; margin-top:-5px; padding-left:10px; } .smssample { float:left; text-align:center; font-size:0.9em; color:#555; } .sample_set { width:90px; height:65px; padding:5px; margin:1px 2px; text-align:left; line-height:1.2em; color:#111; border:1px solid #d9dbde; background:#fff; overflow:hidden; } .smslatest { /*position:absolute; top:284px; left:219px;*/ width:318px; height:102px; padding-top:6px; border-top:1px dashed #c4d1f4; } /* 2013 .smslatest h2 { font-size:0.9em; font-family:Tahoma, Meiryo, "MS PGothic", Dotum; padding-bottom:2px; color:#405f92; } */ .smslatest h2 { font-size:0.9em; font-family:'돋움', 'Dotum'; padding-bottom:2px; color:#405f92; } .smslatest_num { font-size:1em; font-weight:normal; color:#777; } .smslatest_num span { color:#cb3815; } .smsbox_3 { border:1px solid #c5d3f0; background:#fff; } .smsbox_3 table { width:100%; border-collapse:collapse; } /* 2013 .smsbox_3 table th { font-weight:normal; font-size:0.9em; font-family:Tahoma, Meiryo, "MS PGothic", Dotum; color:#405f92; padding:4px 0 2px; background:#e9efff; } */ .smsbox_3 table th { font-weight:normal; font-size:0.9em; font-family:'돋움', 'Dotum'; color:#405f92; padding:4px 0 2px; background:#e9efff; } /* 2013 .smsbox_3 table td { font-size:0.9em; font-family:Tahoma, Meiryo, "MS PGothic", Dotum; color:#555; text-align:center; border-bottom:1px dotted #dedede; } */ .smsbox_3 table td { font-size:0.9em; font-family:'돋움', 'Dotum'; color:#555; text-align:center; border-bottom:1px dotted #dedede; } .smsbox_3 table td.noborder { border:none; } .smsbox_3 table img { padding-left:5px; } /*2013sms .sms_sendinglist { position:absolute; top:10px; right:0; z-index:99; width:350px; height:403px; background:url(../../images/UXDesign/common/bg_sms_latest.gif) no-repeat; } .sms_sendinglist h2 { font-size:0.9em; font-family:Tahoma, Meiryo, "MS PGothic", Dotum; color:#3a68b1; padding:5px 0 3px 10px; } .sms_sendinglist_radio { position:absolute; top:8px; *top:5px; right:45px; font-size:0.9em; font-family:Tahoma, Meiryo, "MS PGothic", Dotum; color:#555; } .sms_sendinglist h2 { font-size:0.9em; font-family:Dotum; color:#3a68b1; padding:7px 0 5px 10px; }*/ .sms_sendinglist { position:absolute; top:10px; left:229px; z-index:99; width:430px; height:403px; background:url(../../images/UXDesign/common/bg_sms_latest.gif) no-repeat; padding:0 10px;} .sms_sendinglist h2 { font-size:0.9em; font-family:Dotum; color:#3a68b1; padding:7px 0 5px; } .sms_sendinglist_radio { position:absolute; top:8px; *top:5px; right:45px; font-size:0.9em; font-family:Dotum; color:#555; } .sms_sendinglist_radio .radio { margin:0 2px 4px 0; } /*2013sms .sms_sendinglist_close { position:absolute; top:9px; right:24px; } .sms_sendinglist table { width:314px; margin-left:11px; border-collapse:collapse; } */ .sms_sendinglist_close { position:absolute; top:9px; right:11px; } .sms_sendinglist table { width:100%; border-collapse:collapse; table-layout:fixed; } /*2013sms .sms_sendinglist table th { font-weight:normal; font-size:0.9em; font-family:Tahoma, Meiryo, "MS PGothic", Dotum; padding:5px 5px 3px; color:#333; white-space:nowrap; background:#e9efff; } .sms_sendinglist table td { font-size:0.9em; font-family:Tahoma, Meiryo, "MS PGothic", Dotum; color:#555; text-align:center; line-height:12px; padding:4px 0 2px; border-bottom:1px dotted #dedede; }*/ .sms_sendinglist table th { font-weight:normal; font-size:0.9em; font-family:Dotum; padding:5px 5px 3px; color:#333; white-space:nowrap; background:#e9efff; } .sms_sendinglist table td { font-size:0.9em; font-family:Dotum; color:#555; text-align:center; line-height:12px; padding:4px 0 2px; border-bottom:1px dotted #dedede; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .sms_sendinglist table td.tdLast { border-bottom:1px solid #dfe6f9; } .sms_sendinglist .pass { color:#3573d8; font-weight:bold; } .sms_sendinglist .fail { color:#cb3815; font-weight:bold; } .sms_sendinglist .pageNum { border:none; background:none; } .sms_sendinglist .pageNum img { vertical-align:middle } .sms_sendinglist_win { padding:0 6px; height:320px; } .sms_sendinglist_win li { float:left; margin:0 5px; } .sms_window { position:relative; width:152px; height:113px; background:url(../../images/UXDesign/common/bg_sms_win.gif) no-repeat; } /* 2013 .sms_window p { width:135px; height:55px; overflow:hidden; padding:25px 8px 20px; font-family:Tahoma, Meiryo, "MS PGothic", Dotum; font-size:0.9em; line-height:15px; color:#111; } */ .sms_window p { width:135px; height:55px; overflow:hidden; padding:25px 8px 20px; font-family:'돋움', 'Dotum'; font-size:0.9em; line-height:15px; color:#111; } .sms_window img { position:absolute; right:5px; bottom:4px; } /* 2013 .sms_win_info { font-family:Tahoma, Meiryo, "MS PGothic", Dotum; font-size:0.9em; margin:5px 0 8px; } */ .sms_win_info { font-family:'돋움', 'Dotum'; font-size:0.9em; margin:5px 0 8px; } .sms_win_info p { padding-left:6px; line-height:15px; width:145px; overflow:hidden; white-space:nowrap; background:url(../../images/UXDesign/icon/ic_point_01.gif) no-repeat left 6px; } /* develop common style - publisher : alan.yu */ .list-selectable { margin: 0; padding: 0; } .list-selectable li { padding: 3px 5px; cursor:pointer; text-decoration:underline; } .list-selectable .ui-selecting { background: #FECA40; } .list-selectable .ui-selected { background: #6286c4; color: white; } .list-selectable li.nomove { background:#C6C6C6; } /* splitter */ .splitter { border:0; background: #ffffff; } .splitter-pane { overflow: auto; } .splitter-bar-vertical { width: 6px; border:1px solid #BBBBBB; background: #d9d9d9; margin-left:3px; } .splitter-bar-vertical-hover { background-color: #d9d9d9; width: 6px; opacity: 0.5; } .splitter-bar-vertical.active, .splitter-bar-vertical:hover { background-color: #FFE45C; border:1px solid #FED22F; width: 6px; } .splitter-bar-vertical-docked { width: 10px; background-image: url(../../images/UXDesign/icon/vdockbar-trans.gif); background-repeat: no-repeat; background-position: center; } .splitter-bar.ui-state-highlight { width: 6px; background-color: #FFE45C; } .splitter-iframe-hide { visibility: hidden; } .splitter-bar-horizontal { height: 6px; border:1px solid #BBBBBB; background: #d9d9d9; } .splitter-bar-horizontal.active, .splitter-bar-horizontal:hover { background-color: #FFE45C; border:1px solid #FED22F; width: 6px; } #LeftPane { background: #fff; overflow: auto; } #RightPane { background: #fff; overflow: auto; } #TopPane { background: #fff; overflow: auto; } #BottomPane { background: #fff; overflow: auto; } /* mopSlider */ .sliderCaseLeft { height: 22px; position: absolute; background-image: url(../../images/UXDesign/mopSlider/sliderBackLeftLeftW.png); background-repeat: no-repeat; } .sliderCaseRight { height:22px; right:12px; position: absolute; background-image: url(../../images/UXDesign/mopSlider/sliderBackRightRightW.png); background-repeat: no-repeat; cursor: pointer; } .sldLeft { background-image : url(../../images/UXDesign/mopSlider/sliderBackLeftW.png); background-repeat : no-repeat; height:22px; position:absolute; } .sldCenter { position: absolute; height: 22px; background-image: url(../../images/UXDesign/mopSlider/sliderBackW.png); background-repeat: repeat-x; } .sldRight { right: 0px; position: absolute; height: 22px; width: 20px; background-image: url(../../images/UXDesign/mopSlider/sliderBackRightW.png); background-repeat: no-repeat; } .sliderBtn { position: absolute; height: 22px; cursor: default; } .sldBtnLeft { position: absolute; height: 22px; background-image: url(../../images/UXDesign/mopSlider/sliderBtnLeftW.png); background-repeat: no-repeat; } .sldBtnCenter { position: absolute; height: 22px; background-image: url(../../images/UXDesign/mopSlider/sliderBtnW.png); background-repeat: repeat-x; } .sldBtnRight { position: absolute; height: 22px; background-image: url(../../images/UXDesign/mopSlider/sliderBtnRightW.png); background-repeat: no-repeat; } /* validate */ form input.error { border:1px solid #ff9900; } form label.valid-notice, form label.valid-error { position:absolute; display:none; line-height:22px; white-space:nowrap; border-radius: 3px; box-shadow:2px 2px 3px #999; z-index:1; } form label.valid-notice { padding:2px 10px; color:#555; font-weight:normal; border:1px solid #ccc; background:#f5f5f5; } form label.valid-notice > div { z-index:2; } form label.valid-error { padding:2px 20px 2px 10px; color:#111; border:1px solid #ff9966; background:#ffe1c3; } form label.valid-error > div { z-index:2; } form label.valid-notice .arrow_t { position:absolute; bottom:-7px; left:10px; width:13px; height:7px; background:url(../../images/UXDesign/common/tooltip_arrow.gif) no-repeat 0 0; } form label.valid-notice .arrow_b { position:absolute; top:-7px; left:10px; width:13px; height:7px; background:url(../../images/UXDesign/common/tooltip_arrow.gif) no-repeat -13px 0; } form label.valid-notice .arrow_l { position:absolute; top:4px; right:-7px; width:7px; height:13px; background:url(../../images/UXDesign/common/tooltip_arrow.gif) no-repeat 0 -14px; } form label.valid-notice .arrow_r { position:absolute; top:4px; left:-7px; width:7px; height:13px; background:url(../../images/UXDesign/common/tooltip_arrow.gif) no-repeat -14px -14px; } form label.valid-notice .arrow_tr { position:absolute; bottom:-7px; right:30px; width:13px; height:7px; background:url(../../images/UXDesign/common/tooltip_arrow.gif) no-repeat 0 0; } form label.valid-notice .arrow_br { position:absolute; top:-7px; right:30px; width:13px; height:7px; background:url(../../images/UXDesign/common/tooltip_arrow.gif) no-repeat -13px 0; } form label.valid-error .arrow_t { position:absolute; bottom:-7px; left:10px; width:13px; height:7px; background:url(../../images/UXDesign/common/tooltip_arrow.gif) no-repeat 0 -7px; } form label.valid-error .arrow_b { position:absolute; top:-7px; left:10px; width:13px; height:7px; background:url(../../images/UXDesign/common/tooltip_arrow.gif) no-repeat -13px -7px; } form label.valid-error .arrow_l { position:absolute; top:4px; right:-7px; width:7px; height:13px; background:url(../../images/UXDesign/common/tooltip_arrow.gif) no-repeat -7px -14px; } form label.valid-error .arrow_r { position:absolute; top:4px; left:-7px; width:7px; height:13px; background:url(../../images/UXDesign/common/tooltip_arrow.gif) no-repeat -21px -14px; } form label.valid-error .arrow_tr { position:absolute; bottom:-7px; right:30px; width:13px; height:7px; background:url(../../images/UXDesign/common/tooltip_arrow.gif) no-repeat 0 -7px; } form label.valid-error .arrow_br { position:absolute; top:-7px; right:30px; width:13px; height:7px; background:url(../../images/UXDesign/common/tooltip_arrow.gif) no-repeat -13px -7px; } form label.valid-error a.close { position: absolute; right: 2px; top: 0; font-size:12px; line-height:12px; text-decoration:none; color:#999; cursor:pointer; width:9px; height:11px; background:url("../../images/UXDesign/icon/btn_balloon_close.gif") no-repeat scroll 2px 2px transparent; padding:2px; z-index:2; } /* jQuery UI : datepicker */ img.ui-datepicker-trigger { margin-left:4px; vertical-align:middle;cursor:pointer; } /* blockLogin ---------------------------------------------------------*/ #blockLogin { width:100%; height:100%; background:url(../../images/UXDesign/login/login_bg.png) repeat 50% 50%; } #blockLogin table { width:100%; height:100%; } #blockLogin .wrapper { color:#ccc; } .loginBox { position:relative; width:750px; height:600px; margin:0 auto; } .loginInput { position:absolute; top:180px; right:60px; width:260px; height:180px; background:url(../../images/UXDesign/login/bg_form.png) no-repeat; } .login_workplace { position:absolute; top:305px; left:360px; background:none; } .loginInput .login_id input, .loginInput .login_pw input { height:16px; color:#555; padding-left:5px; } .loginInput .login_language { position:absolute; top:12px; left:25px; } .loginInput .login_id { position:absolute; top:40px; left:25px; } .loginInput .login_pw { position:absolute; top:66px; left:25px; } .loginInput .login_btn { position:absolute; top:40px; left:160px; } .loginInput .capslock { position:absolute; top: 88px; left: 95px; } .login_info { position:absolute; top:95px; left:25px; font-family:'돋움', 'Dotum'; color:#777; } .login_preview { border:1px solid #ccc; margin-bottom:10px; } .loginBox_jp { position:relative; width:370px; height:204px; margin:0 auto; } .logo_jp { position:absolute; top:12px; left:0; } .loginInput_jp { position:absolute; top:50px; left:0px; width:470px; height:160px; background:#494949; border: 1px solid #585858; border-bottom: 2px solid #67833C; border-radius:10px; box-shadow: 0 3px 10px #333; } .loginInput_jp .login_id input, .loginInput_jp .login_pw input { line-height:23px; height:23px; padding: 8px 11px 7px 8px; color:#555; border:1px solid #333; border-radius: 4px; font:18px "MS PGothic", Dotum; -webkit-box-shadow: inset 3px 3px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 3px 3px 5px rgba(0, 0, 0, 0.2); box-shadow: inset 3px 3px 5px rgba(0, 0, 0, 0.2); } .loginInput_jp .login_id input { font-weight:bold; width:250px; } .loginInput_jp .login_pw input { width:250px; } .loginInput_jp .login_language { position:absolute; top:12px; left:25px; } .loginInput_jp .login_id { position:absolute; top:25px; left:33px;} .loginInput_jp .login_pw { position:absolute; top:73px; left:33px; } .loginInput_jp .login_btn { position:absolute; top:25px; left:320px; } .loginInput_jp .godemo_btn { position:absolute; top:33px; left:45px; } .loginInput_jp .login_btn a {display:inline-block; width:120px; height:93px; background : url(../../images/UXDesign/login/btn_login_jp_01.png) no-repeat 0 0; } .loginInput_jp .login_btn a:hover {display:inline-block; width:120px; height:93px; background : url(../../images/UXDesign/login/btn_login_jp_01_o.png) no-repeat 0 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .loginInput_jp .godemo_btn a {display:inline-block; width:379px; height:94px; background : url(../../images/UXDesign/login/btn_godemo_jp.png) no-repeat 0 0; } .loginInput_jp .godemo_btn a:hover {display:inline-block; width:379px; height:94px; background : url(../../images/UXDesign/login/btn_godemo_jp_o.png) no-repeat 0 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .loginInput_jp .capslock { position:absolute; top: 111px; left: 261px; } .loginInput_jp .login_info { position:absolute; top:120px; left:32px; font:100%/1.5em "MS PGothic", Dotum; color:#eee; } .loginInput_jp .login_info input { vertical-align: middle; margin-top: -3px; margin-right: 2px; } /* sitemap -----------------------------------------------------------*/ .sitemap { background:url(../../images/UXDesign/common/bg_sitemap.gif) repeat; } .sitemap #mainContents_3 { margin:auto; width:878px; height:399px; background:url(../../images/UXDesign/common/bg_sitemap_content.png) no-repeat left top; padding:0 48px; } .sitemap #mainContents_3 li.title { font-weight:bold; color:#111; } .sitemap #mainContents_3 ul.link li a { color:#555; text-decoration:none; padding-left:9px; background:url(../../images/UXDesign/icon/ic_point_09.gif) no-repeat left 5px; } .sitemap .group { width:20%; float:left; padding:48px 0 24px 0; } .sitemap .secondRow { padding:19px 0 24px 0; } .sitemap #mainContents_3 h2 { background:url(../../images/UXDesign/common/img_sitemap.png) no-repeat left top; width:20%; height:208px; padding:0; margin:0; float:left; } .sitemap #mainContents_3 h2 span { display:none; } /* ajax common style */ div.ajax-body-loading { position:absolute; top:0; left:0; width:100%; height:100%; background : url(../../images/UXDesign/common/loading_b.gif) no-repeat scroll 50% 50% white;/*transparent*/ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); opacity: 0.6; } div.ajax-container-loading { position:absolute; top:0; left:0; background : url(../../images/UXDesign/common/loading_s.gif) no-repeat scroll 50% 50% white;/*transparent*/ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); opacity: 0.6; } div.ajax-button-loading { position:absolute; top:0; left:0; min-width:30px; min-height:16px; background : url(../../images/UXDesign/icon/ic_refresh2.gif) no-repeat scroll 50% 50% white;/*transparent*/ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); opacity: 0.8; } .break-word { word-wrap: break-word; } /*ikepGallery --------------------------------------------------------------------------------------------*/ #ikepGalleryCover { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #ikepGallery { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #ikepGallery a img { border: none; } #galleryImageBox { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; border:10px solid white; border-top-left-radius:10px; border-top-right-radius:10px; } #galleryImageBox > div { /*padding: 10px;*/ } #gallery-loading { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-repeat:no-repeat; background-position:center; } #galleryNavigation { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #galleryNavigation a { outline: none; } #galleryBtnPrev, #galleryBtnNext { width: 49%; height: 100%; zoom: 1; display: block; } #galleryBtnPrev { left: 0; float: left; } #galleryBtnNext { right: 0; float: right; } #galleryDataBox { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0; border:10px solid white; border-top-width:0; border-bottom-left-radius:10px; border-bottom-right-radius:10px; } #galleryDataBox > div { padding: 0 10px; color: #666; text-align: left; } #galleryDataDetail { float: left; } #galleryDataDetail + div { float: right; } #galleryImage { } /* wrapper ---------------------------------------------------------------------*/ #wrapper { max-width:2000px; margin:0 auto; margin-left:62px;}/*2013-10-08 수정*/ /* leftArea (profile) ---------------------------------------------------------------------*/ #leftArea { position:absolute; left:15px; top:0; width:155px; padding:20px 10px 0 0; margin-bottom:20px; } /* mainContents ---------------------------------------------------------------------*/ #mainContents { position:relative; margin:0 0 0 204px; padding:0 20px; min-width:932px; } #mainContents h2 { font-size:14px; margin-top:0px; } .conPadding_1 { position:relative; } .conPadding_2 { position:relative; margin:0 20px 0 10px !important; } .conPadding_3 { position:relative; margin:0 20px 0 200px !important; } .conPadding_4 { position:relative; margin:0 10px 0 0px !important; } .conPPS { position:relative; margin:0 20px 0 20px !important; min-width:970px; } .mainCon_tree_sub { margin:0 20px 0 15px; } /* iframeMainContents (iFrame) ---------------------------------------------------------------------*/ #iframeMainContents { margin:0 0 0 0; padding-top:15px; } /* Weather ---------------------------------------------------------*/ .weather { padding-top:5px; } .weather span { display:block; width:80px; text-align:center; font-size:1.2em; color:#111; font-weight:bold; } .weather_view { float:left; width:100%; margin:5px 0 8px; padding-bottom:9px; border-bottom:1px dotted #d9e6f8; } .weather_icon_b { float:left; left:0; top:0; padding-top:4px; } .weather_info { float:left; left:0; right:0; margin-left:20px; } .weather_info ul li { font-family:'돋움', 'Dotum'; font-size:1em; color:#555; line-height:16px; } .weather_info ul li:first-child { margin:2px 0 6px; } .weather_info > ul > li > span { display:inline !important; font-size:1.2em; color:#999; } .weather_day { } .weather_day ul li { float:left; width:25%; text-align:center; font-weight:bold; } .weather_line { margin:8px 0; border-top:1px dashed #d8d8d8; } .weather_line span { display:none; } .weather_layer { position:absolute; min-width:120px; text-align:left; border:1px solid #a8c4da; background:#fff; } .weather_layer_t { font-family:'돋움', 'Dotum'; font-weight:bold; color:#4f6576; text-align:center; margin:3px; padding:2px 10px 1px; background:#ecf4f9; } .weather_layer_info { margin:10px 14px 1px; } .weather_layer_info ul li { padding-bottom:5px; font-family:'돋움', 'Dotum'; } .weather_layer_info ul li span { font-weight:bold; } .weather_layer_info ul li span.w_bar { color:#999; } /* tableTop ---------------------------------------------------------*/ .tableTop { position:relative; margin-bottom:12px; height:27px; padding:0 10px; background:url(../../images/UXDesign/common/bg_tabletop.gif) no-repeat; } .tableTop_bgR { position:absolute; top:0; right:0; width:5px; height:27px; background:url(../../images/UXDesign/common/bg_tabletop.gif) no-repeat right top; } .tableTop h2 { float:left; font-size:1.2em; color:#111; padding:2px 10px 0 0; } .tableTop_btn { float:left; padding-right:6px; } .tableTop_btn img { padding:0 1px 3px 0 !important; *padding:0 1px 0 0 !important; } .tableTop_check { float:left; padding-top:3px; *padding:0; } .tableTop_check .checkbox { margin:0 2px 3px 0; } .tableTop_check img { margin:0 0 3px 0; } .listInfo select { float:left; margin:1px 8px 0 0; } .totalNum { float:left; color:#777; padding:2px 15px 0 0; } .totalNum span { font-weight:bold; padding-right:2px; margin-left:3px; } .listView_1 ul { float:left; margin:2px 10px 0 0; } .listView_1 li { float:left; padding:0 2px; } .listView_2 { float:right; } .listView_2 ul { float:left; padding-left:7px; margin-left:8px; background:url(../../images/UXDesign/common/bar_gray_2.gif) no-repeat left 3px; *background:url(../../images/UXDesign/common/bar_gray_2.gif) no-repeat left 4px; } .listView_2 li { float:left; padding:0 2px; } .sortView_wrap { display: inline-block; width: 100%; margin-bottom:5px\9; } .sortView { float:right; } .sortView a { float:right; padding-right:10px; background:url(../../images/UXDesign/icon/ic_sort_down.gif) no-repeat right 7px; } .sortView a:link { color:#111; } .tableSearch { float:right; } /*.tableSearch input { padding:2px; vertical-align:middle; }*/ .tableSearch a, .search_inline a { vertical-align:middle; } a.ic_search { display:inline-block; width:20px; height:19px; background:url(../../images/UXDesign/theme/theme01/basic/ic_search.gif) no-repeat; } a.ic_icon { display:inline-block; width:16px; height:16px; } a.ic_search span { display:none; } .tableSearchIn input { padding:2px; vertical-align:middle; } .tableSearchIn img { vertical-align:middle; } .subInfo { display:inline; margin-right:8px; } .tablefunction .checkbox { vertical-align:middle; *margin:0 0 1px 0; } .tableDescription { padding:0 10px; margin-bottom:10px; color:#777; font-size:0.9em; } .ic_desc { display:block; width:14px; height:14px; margin-top:2px; background:url(../../images/UXDesign/icon/ic_comment.png) no-repeat; } div.headline { padding-top:0px; } #mainContents div.headline h2 { font-size:1.3em; color:#555; margin-bottom:0px;} div.headline .description { padding-left:1px; font-size:0.9em; color:#777; margin-top:2px; padding-top:5px; border-top:1px dotted #ccc; } div.listHeader { margin:14px 0 7px; color:#777; max-height:24px; } div.listHeader select, div.listHeader input { color:#777; vertical-align:middle; } div.listHeader a, div.listHeader img { vertical-align:middle; } div.listHeader div.left { float:left; } div.listHeader div.right { float:right; } div.listHeader div.left > div, div.listHeader div.right > div { display:inline-block; } div.listHeader div.viewTypeItem { margin-left:7px; } div.listHeader div.viewTypeItem li { display:inline-block; } div.listHeader div.layoutTypeItem { padding-left:7px; margin-left:4px; background:url(../../images/UXDesign/common/bar_gray_2.gif) no-repeat left 3px; } div.listHeader div.layoutTypeItem li { display:inline-block; } .MyContentsTable table th { padding-left: 10px; white-space: nowrap; word-break: break-all; font-weight: bold; text-align:left; color: #111; line-height: 24px; border-style:solid; border-width:1px; border-bottom-width:2px\9; border-top-width:2px\9; border-color:#e6e6e6 #ccc #ccc #e6e6e6; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f5f5f5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-8 */ } /* profile ---------------------------------------------------------*/ .pr_profile { position:relative; padding:9px 9px 2px 9px; } .pr_profile .prname { font-family:'돋움', 'Dotum'; letter-spacing:-0.05em; } .pr_sub { position:relative; } .pr_tl { position:relative; margin-right:200px; } .pr_tr { position:absolute; top:9px; right:9px; } .pr_bl { position:relative; margin-right:246px; } .pr_br { position:absolute; top:0; right:0; width:230px; } .pr_profile_top {} .pr_profile_top .corner_RoundBox09 { border-bottom:none; } .pr_profile_top h2 { float:left; display:inline-block; font-size:1.2em; color:#4671b1; padding:6px 30px 6px 15px; margin-right:5px; background:url(../../images/UXDesign/common/bg_profile_title.png) no-repeat right top; font-weight:normal; } .pr_bg_profile { display:inline-block; margin:7px 0 5px; } .pr_bg_profile img { display:inline-block; vertical-align:middle; margin-top:-2px; } .pr_bg_profile .profile { vertical-align:middle; max-width:607px; display:inline-block; font-size:1em; color:#777; font-weight:normal; /*overflow-x:hidden;*/ white-space:nowrap; margin-right:5px; } .pr_bg_profile_input { float:left; margin-top:4px; } .pr_bg_profile_input .inputbox { vertical-align:middle; } .pr_bg_profile_input a { vertical-align:middle; } .prPhoto { position:absolute; top:0; left:0; margin-right:25px; border: 1px solid #DEDCDC; padding: 5px; -moz-box-shadow: 0px 3px 3px #EBEBEB; -webkit-box-shadow: 0px 3px 3px #EBEBEB; box-shadow: 0px 3px 3px #EBEBEB; } .prPhoto > img { width:125px; height:125px; } .prPhoto_2 { margin-bottom:10px; } .prPhoto_2 > img { width:170px; height:170px; } .prPhoto_edit { position:absolute; right:10px; top:113px; } .prPhoto_follow { position:absolute; right:8px; top:110px; } .prPhoto a.follow, .prPhoto a.follow span, .prPhoto a.following, .prPhoto a.following span { height:18px; position:relative; display:inline-block; border:0; vertical-align:middle; } .prPhoto a:hover.follow, .prPhoto a:hover.following { text-decoration:none; color:#fff; } .prPhoto a.follow { background:url(../../images/UXDesign/common/btn_profile_follow.png) no-repeat left top; color:#fff; } .prPhoto a.follow span { background:url(../../images/UXDesign/common/btn_profile_follow_r.png) no-repeat right top; color:#fff; margin-left:15px; padding-right:5px; } .prPhoto a.following { background:url(../../images/UXDesign/common/btn_profile_following.png) no-repeat left top; color:#fff; } .prPhoto a.following span { background:url(../../images/UXDesign/common/btn_profile_following_r.png) no-repeat right top; color:#fff; margin-left:17px; padding-right:5px; } .prPhoto a:hover.following { background:url(../../images/UXDesign/common/btn_profile_unfollowing.png) no-repeat left top; } .prPhoto a:hover.following span { background:url(../../images/UXDesign/common/btn_profile_unfollowing_r.png) no-repeat right top; } .prPhoto ul { text-align:center; padding-top:6px; position: absolute; bottom: -30px; left: 46px; } .prPhoto li { display:inline; vertical-align:top; padding:0 2px; } .prInfo { padding-left:154px; min-height:187px; *margin-right:-260px; *min-width:325px; } .prInfo_name { font-family:'돋움', 'Dotum'; font-size:15px; color:#015aaa; padding-top:0px; } .prInfo_name img { padding-left:5px; } .prInfo_name span { font-family:'돋움', 'Dotum'; padding-left:10px; } .prInfo_team { padding: 4px 6px 3px; border: 1px solid #EBEBEB; background: #FAFAFA; font-size: 12px; color: #8A93AC; margin: 6px 0; } .prInfo .ic_rt_favorite { vertical-align:middle; margin:0 0 3px 3px; } .prInfo li { color:#555; } .prInfo_t { float:left; width:85px; font-weight:bold; } .prInfo_c { margin-left:80px; } .prInfo table { color:#555; width:100%; table-layout:fixed; } .prInfo img { vertical-align:middle; padding-bottom:2px; } .prInfo table th { vertical-align:top; text-align:left; font-weight:bold; white-space:nowrap; padding: 0 10px 0 10px; background: url(../../images/UXDesign/icon/ic_point_12.gif) no-repeat 0 7px; color: #465E73; line-height:18px; } .prInfo table td { color:#465e73; line-height:18px; padding-left:14px; word-wrap: break-word; } .userInfoWrap .prInfo table td span { display:block; padding-left:6px; background: url(../../images/UXDesign/icon/ic_point_10.gif) no-repeat 0 7px; } .pr_currentwork { margin-top:5px; *margin-right:260px; } .pr_currentwork p { display:inline; font-family:"Trebuchet MS"; font-weight:bold; padding-right:10px; color:#777; } .swf_blank { position:absolute; top:0; left:0; } .swf_index { text-align:center; color:#555; font-family:"Trebuchet MS"; font-size:1.2em; margin-top:6px; font-weight:bold; } #swf_layer { position:absolute; visibility:hidden; top:50px; left:-165px; width:165px; padding:6px 4px; border:1px solid #d8d8d8; background:#fff; z-index:999; } #swf_layer table th, #swf_layer table td { font-weight:normal; font-size:0.9em; line-height:12px; *line-height:14px; color:#999; } #swf_layer table th { width:65px; text-align:left; } #swf_layer table td { padding-right:5px;} .swf_graph img { height:4px; } .prPhoto1_Pop_Img { float:left; width:170px; height:170px; padding:4px; border:1px solid #ccc;} .prPhoto1_Pop_Desc { padding-left:190px; padding-top:5px;} .prPhoto1_Pop { border:1px solid #ebebeb; margin-top:10px;margin-bottom:10px; } .prPhoto1_Pop_box { margin:7px; padding:5px 10px; background:#f5f5f5; } .prPhoto1_Pop_box_txt { margin:0 12px 12px; color:#888; } .prPhoto2_Pop_Img { float:left; width:75px; height:75px; padding:2px; border:1px solid #ccc;} .prPhoto2_Pop_Desc { padding-left:90px; padding-top:1px;} .prPhoto2_Pop { border:1px solid #ebebeb; margin-top:5px;margin-bottom:5px; } .prPhoto2_Pop_box { margin:7px; padding:5px 10px; background:#f5f5f5; } .prPhoto2_Pop_box_txt { margin:0 12px 12px; color:#888; } /* profile_current work */ .pr_currentwork { position:relative; margin-bottom:20px; } .pr_currentwork h3 { font-size:1em; margin-bottom:12px; color:#333; } .prThume { position:absolute; top:30px; left:3px; width:50px; height:50px; } .prThume img { width:35px; height:35px; } .pr_currentwork_p { position:relative; margin:0 10px 5px 52px; min-height:35px; } .pr_currentwork_p img { margin-bottom:2px; } .pr_currentwork_p textarea { padding:4px; height:26px; width:100%; } .pr_currentwork_p ul li { padding:1px 0; } .pr_currentwork_p img { vertical-align:middle; padding-left:5px; } .pr_currentwork_p .num { position:absolute; bottom:-23px; right:100px; font-size:0.9em; } /* profile_specialization */ .pr_specialization { position:relative; margin-bottom:20px; } .pr_specialization h3 { font-size:1em; margin-bottom:12px; color:#333; } .pr_specialization_p { margin:0 0 5px 0; } .pr_specialization_p img { vertical-align:middle; padding-left:5px; } .pr_specialization_textarea { position:relative; margin:0 10px 0 0; } .pr_specialization_textarea .num { position:absolute; bottom:-23px; right:100px; font-size:0.9em; } .pr_specialization .blockButton { margin: 5px 0 0 0; } .pr_specialization table { width:100%; *margin-right:-260px; } .pr_specialization textarea { padding:4px; width:100%; } .pr_specialization th { vertical-align:top; padding:2px 0; text-align:left; width:80px; } .pr_specialization td { color:#555; } .pr_specialization td img { vertical-align:middle; padding-left:5px; } .pr_specialization li { color:#999; } .pr_specialization li img { vertical-align:middle; padding-right:5px; } .colorTag a { color:#9cb3d3; } /* profile_career */ .pr_career { position:relative; padding-top:15px; margin-bottom:25px; } .pr_career h3 { position:absolute; top:0; font-size:1em; padding-right:10px; margin-bottom:12px; z-index:1; color:#333; background:#fff; } .pr_career .more { position:absolute; top:6px; width:100%; text-align:right; z-index:0; border-bottom:1px solid #d7d7d7; } .pr_career .more img { margin-bottom:-4px; padding-left:5px; background:#fff; } .pr_career table { width:100%; border-collapse:collapse; } .pr_career table th { font-weight:normal; text-align:left; vertical-align:top; width:145px; } .pr_career table th.date { padding-right:10px; } .pr_career table td { padding:0 10px; vertical-align:top; } .carrer_d { color:#999; padding-bottom:8px !important; } .career_innertable div.innertableWrap { border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:3px 0; margin:0 0 8px 0; } .career_innertable th { text-align:right !important; padding-right:10px !important; font-weight:bold !important; vertical-align:middle !important; } .career_innertable td { padding:0 !important; } .career_innertable div.innertable { margin-top:3px; } .career_innertable div.innertable_btn { margin-top:3px; } .innertable td.companyName { width:210px; } /* profile_documents */ .pr_documents { position:relative; padding-top:30px; margin-bottom:15px; } .pr_documents h3 { position:absolute; top:0; font-size:1em; padding-right:10px; margin-bottom:12px; z-index:1; color:#333; background:#fff; } .pr_documents .more { position:absolute; top:6px; width:100%; text-align:right; z-index:0; border-bottom:1px solid #d7d7d7; } .pr_documents .date { color:#999; font-size:0.9em; margin-left:5px; } .pr_documents .more img { margin-bottom:-4px; padding-left:5px; background:#fff; } .pr_documentsList a { color:#333; } .pr_documentsList img { padding-right:5px; margin-bottom:-2px; } .pr_documentsList p { padding:5px 0 10px 55px; } .pr_documentsList p a:link, .pr_documentsList p a:active, .pr_documentsList p a:visited { color:#777; } /* profile_images*/ .pr_images { position:relative; padding-top:30px; margin-bottom:25px; } .pr_images h3 { position:absolute; top:0; font-size:1em; padding-right:10px; margin-bottom:12px; z-index:1; color:#333; background:#fff; } .pr_images .more { position:absolute; top:6px; width:100%; text-align:right; z-index:0; border-bottom:1px solid #d7d7d7; } .pr_images .more img { margin-bottom:-4px; padding-left:5px; background:#fff; } .pr_images li { display:inline; padding-right:16px; line-height:50px; *line-height:90px; } .pr_images li img { width:90px; height:70px; } /* profile_guestbook */ .pr_guestbook { position:relative; padding-top:30px; margin-bottom:25px; } .pr_guestbook2 { position:relative; padding-top:10px; } .pr_guestbook h2 { position:absolute; top:0; padding-right:10px; margin-bottom:12px; z-index:1; background:#fff; *font-family:'돋움', 'Dotum'; font-size:1.2em; color:#111; } .pr_guestbook h3 { position:absolute; top:0; font-size:1em; padding-right:10px; margin-bottom:12px; z-index:1; color:#333; } .pr_guestbook .more { position:absolute; top:6px; width:100%; text-align:right; z-index:0; border-bottom:1px solid #d7d7d7; } .pr_guestbook .more img { margin-bottom:-4px; padding-left:5px; background:#fff; } .pr_guestbookWrap {padding:10px 10px 4px 15px; background:#f9f9f9; border:1px solid #d1d4dc; margin-bottom:10px;} .pr_guestbook_textarea .num {float:right; font-size:0.9em; margin-right:10%; } .guestbook_t { position:relative; color:#777; padding-bottom:5px; border-bottom:1px dotted #ddd; } .guestbook_write { padding:10px 0 0; } .guestbook_write table { width:100%; } .guestbook_write textarea { padding:4px; width:100%; *width:99%; } .guestbook_write_num { text-align:right; font-size:0.9em; padding-right:68px; } .guestbook_c { padding:10px 18px; position:relative; background:#f9f9f9 url(../../images/UXDesign/common/dotline_1px.gif) repeat-x bottom; } .guestbook_c.divLast { background:#f9f9f9; } .guestbook_c .blockComment_re { margin:0; } .guestbook_c .blockCommentInfo_name a:link, .guestbook_c .blockCommentInfo_name a:active, .guestbook_c .blockCommentInfo_name a:visited { font-weight:bold; } .pr_guestbook_btn { position:absolute; top:-5px; right:0; } .pr_guestbookInfo { font-size:0.9em; color:#999; } .pr_guestbookInfo span { margin-right:5px; } .pr_guestbookInfo_name a {font-family:'돋움', 'Dotum'; font-size:1.1em; font-weight:bold; letter-spacing:-0.05em; color:#3366cc; } .pr_guestbookInfo img { padding:2px 3px 0; } .pr_gotoblog { text-align: center } .pr_gotoblog li { display:inline; font-weight:bold; padding-right:15px; } .pr_gotoblog li a { color:#333; } .pr_gotoblog img { padding:0 2px 4px 0; vertical-align:middle; } .pr_guestbookInfo_wrap {padding-left:15px; background:url(../../images/UXDesign/icon/ic_person_2.png) no-repeat 0 3px; margin-bottom: 4px; } .commentNum1 { position:absolute; top:10px; right:18px; color:#777; } .blockComment_re_top {position:absolute; top:-10px; left:15px; width:30px; height:10px; background:url(../../images/UXDesign/common/bg_replyBox_top.gif) no-repeat;} .blockComment_box {margin-top:15px; border:2px solid #e4e4e4;} /* profile_schedule */ .pr_schedule { margin:10px 0 12px; } .pr_schedule_t { position:relative; padding:2px 0 3px; border:1px solid #dbdbdb; background:url(../../images/UXDesign/common/bg_schedule.gif) repeat-x; } .pr_schedule h3 { float:left; font-size:1em; color:#333; padding:1px 5px 0 10px; } .pr_schedule h3 img { padding-right:4px; } .pr_schedule .date { float:left; font-size:0.9em; color:#555; padding-top:2px; } .pr_schedule .more { float:right; padding:6px 8px 0 0; } .pr_schedule_c { border:1px solid #dbdbdb; border-top:none; padding-top:3px; } .pr_schedule_c a:link, .pr_schedule_c a:visited, .pr_schedule_c a:active { color:#3378BD; } .pr_schedule_time { margin-top:5px; } .pr_schedule_time td { color:#999; font-size:0.9em; background:#fff !important; } .pr_schedule_c table { width:100%; border-collapse:collapse; } .pr_schedule_c table th { text-align:left; } .pr_schedule_c table td { height:8px; width:4.54%; background:#e6e6e6; } .pr_schedule_c table td span { display:none; } .pr_schbar_1 { background:#ff3c3c !important; } .pr_schbar_2 { background:#8cd947 !important; } .pr_schedule_c ul { margin-top:10px; } .pr_schedule_c li { color:#777; font-size:0.9em; padding:5px 0 3px; white-space:nowrap; width:100%; overflow-x:hidden; border-top:1px dotted #d8d8d8; } .pr_schedule_c li:first-child { border-top:none; } .pr_schedule_c li span { margin-left:10px; } .pr_schedule_c li span img { vertical-align: middle; margin-bottom: 2px; margin-right: 2px;} /* jp_profile_schedule */ .jpr_schedule { position:relative; padding-top:22px; margin-bottom:25px; } .jpr_schedule_t { padding:2px 0 3px; border:1px solid #dbdbdb; background:url(../../images/UXDesign/common/bg_schedule.gif) repeat-x; } .jpr_schedule h3 { position:absolute; top:0; font-size:1em; padding-right:10px; margin-bottom:12px; z-index:1; color:#333; background:#fff; } .jpr_schedule h3 img { padding-right:4px; } .jpr_schedule .date { color:#999; font-size:0.9em; margin-left:5px; } .jpr_schedule .more { position:absolute; top:6px; width:100%; text-align:right; z-index:0; border-bottom:1px solid #d7d7d7; } .jpr_schedule .more img { margin-bottom:-4px; padding-left:5px; background:#fff; } .jpr_schedule_c { border-top:none; } .jpr_schedule_time { margin-top:5px; } .jpr_schedule_time td { color:#999; font-size:0.9em; background:#fff !important; } .jpr_schedule_c table { width:100%; border-collapse:collapse; } .jpr_schedule_c table th { text-align:left; } .jpr_schedule_c table td { height:8px; width:4.54%; background:#e6e6e6; } .jpr_schedule_c table td span { display:none; } .jpr_schbar_1 { background:#ff3c3c !important; } .jpr_schbar_2 { background:#8cd947 !important; } .jpr_schedule_c ul { margin-top:5px; } .jpr_schedule_c li { color:#777; font-size:0.9em; padding:5px 0 3px; white-space:nowrap; width:100%; overflow-x:hidden; border-bottom:1px dotted #d8d8d8; } .jpr_schedule_c li span { margin-left:10px; } .jpr_schedule_c li span img { vertical-align: middle; margin-bottom: 2px; margin-right: 2px;} /* profile_reportline */ .pr_reportline { color:#777; margin-bottom:12px; } .pr_reportline_t { padding:3px 0; border:1px solid #dbdbdb; background:url(../../images/UXDesign/common/bg_schedule.gif) repeat-x; } .pr_reportline_c { border:1px solid #dbdbdb; border-top:none; } .pr_reportline h3 { font-size:1em; color:#333; padding:1px 5px 0 12px; } .linetree { padding:5px 0 10px; overflow:auto; overflow-y:hidden; scrollbar-highlight-color: #fff; scrollbar-shadow-color: #ccc; scrollbar-arrow-color: #ccc; scrollbar-face-color: #fff; scrollbar-3dlight-color: #ccc; scrollbar-darkshadow-color: #fff; scrollbar-track-color: #fff; } .linetree div { padding:0 0 0 10px; line-height:20px; margin:0 0 0 5px; color:#999; white-space:nowrap; background:url(../../images/UXDesign/common/tree_line.gif) no-repeat left -4px; } .linetree div.divFirst { margin-left:2px; background:none; } .linetree div.divLast { color:#333; } .linetree div.divLast span { padding:2px 5px; } .linetree div.divLast span img { vertical-align:text-bottom; } /* profile_follow */ .pr_follow { margin-bottom:12px; padding-bottom:15px; border:1px solid #dbdbdb; } .pr_follow h3 { font-size:1em; color:#333; padding:12px 0 0 12px; } .pr_follow h3 span { font-weight:normal; font-size:0.9em; color:#3378bd; } .follow_photo { position:relative; } .pr_follow .more { position:absolute; top:18px; right:12px; } .follow_photo ul { padding:5px 11px 0px; } .follow_photo li { display:inline; padding:0 1px; } .follow_photo li img { width:35px; height:35px; } /* jp_profile_follow */ .jfollow_photo { position:relative; padding-top:22px; margin-bottom:20px; } .jfollow_photo h3 { position:absolute; top:0; font-size:1em; padding-right:10px; margin-bottom:12px; z-index:1; color:#333; background:#fff; } .jfollow_photo h3 img { padding-right:4px; } .jfollow_photo .date { color:#999; font-size:0.9em; margin-left:5px; } .jfollow_photo .more { position:absolute; top:6px; width:100%; text-align:right; z-index:0; border-bottom:1px solid #d7d7d7; } .jfollow_photo .more img { margin-bottom:-4px; padding-left:5px; background:#fff; } .jfollow_photo ul { padding:5px 11px 0px; } .jfollow_photo li { display:inline; padding:0 1px; } .jfollow_photo li img { width:35px; height:35px; } /* profile_pr_mylist */ .pr_mylist { margin-bottom:12px; padding-bottom:15px; border:1px solid #dbdbdb; } .pr_mylist h3 { font-size:1em; color:#333; padding:12px 0 0 12px; } .pr_mylist .more { position:absolute; top:18px; right:12px; } .mylist { position:relative; } .mylist ul { padding:7px 12px 0; width:192px; overflow:hidden; white-space:nowrap; } .mylist li a:link, .mylist li a:active, .mylist li a:visited { color:#777; line-height:1.7em; } .pr_currentwork h3, .pr_specialization h3, .pr_career h3, .pr_documents h3, .pr_images h3, .pr_guestbook h3, .jpr_schedule h3, .jfollow_photo h3 {background:#fff url(../../images/UXDesign/common/bu_profile.gif) no-repeat 1px 5px; padding-left:12px;} /* Schedule Popup ---------------------------------------------------------*/ .blockSchedule { position:relative; min-width:600px; margin-bottom:10px; border:3px solid #c3c3c3; padding:9px; } .blockSchedule h2 { font-size:1.0em; font-weight:bold; padding:0px 0 5px 26px; background:url(../../images/UXDesign/icon/ic_cal2.gif) no-repeat 7px 1px; } .schBox_l { float:left; width:570px; height:340px; background:#f7f7f7; border:1px solid #f7f7f7; overflow:auto; white-space:nowrap; scrollbar-highlight-color: #fff; scrollbar-shadow-color: #ccc; scrollbar-arrow-color: #ccc; scrollbar-face-color: #fff; scrollbar-3dlight-color: #ccc; scrollbar-darkshadow-color: #fff; scrollbar-track-color: #fff; } .schBox_r { margin-left:580px; height:340px; background:#fdffcb; border:1px solid #dadada; } .schBox_l .sbox { overflow:auto; white-space:nowrap; scrollbar-highlight-color: #fff; scrollbar-shadow-color: #ccc; scrollbar-arrow-color: #ccc; scrollbar-face-color: #fff; scrollbar-3dlight-color: #ccc; scrollbar-darkshadow-color: #fff; scrollbar-track-color: #fff; padding:5px 7px 5px 5px; } .schBox_r .sbox { margin-bottom:10px; } .schSearch { text-align:right; color:#777; padding-bottom:10px; } .schSearch img { vertical-align:middle; } .shuttleSearch input { padding:2px; } .schSearch_ins { font-size:0.9em; color:#999; padding-right:5px; } .schName { margin-top:5px; padding:8px 0px 5px 25px; font-weight:bold; background:url(../../images/UXDesign/icon/ic_person.gif) no-repeat 12px 10px; } .schCon { padding:5px 12px; overflow:auto; white-space:nowrap; scrollbar-highlight-color: #fff; scrollbar-shadow-color: #ccc; scrollbar-arrow-color: #ccc; scrollbar-face-color: #fff; scrollbar-3dlight-color: #ccc; scrollbar-darkshadow-color: #fff; scrollbar-track-color: #fff; } .blockButton.sch_btn { padding-top:6px; margin-bottom:0; } .blockButton #pageTitle { position:absolute; left:0; top:5px; } .participant-summary { padding:3px 6px; background-color:#F3F3F3; } .schedule-noattendance-reason { display:none; border-bottom:1px dashed #dadada; margin:4px 0 0 30px; padding:0 6px; } /* Schedule Table ---------------------------------------------------------*/ .schTable { border:1px solid #ababab; border-top:none; } .blockSchedule .schTable thead { border:none; } .schTable table th { font-weight:normal; font-size:0.9em; *font-family:'돋움', 'Dotum'; padding:6px 5px 4px 5px; *padding:4px 5px 6px 5px; border-top:1px solid #ababab; border-bottom:1px dotted #d0d0d0; border-right:1px solid #ababab; background:#f7f7f7; text-align:left; } .schTable table td { padding:5px 5px 4px 5px; *padding:5px 5px 3px 5px; border-bottom:1px dotted #d0d0d0; border-right:1px dotted #d0d0d0; background:#fff; text-align:left; } .schTable table th.tdLast, .schTable table td.tdLast { border-right:none; } .schTable table tr.lineLast td { border-bottom:none; } .schTable td.sch_free { background:url(../../images/UXDesign/common/bar_schedule_free.gif) repeat-x !important; } .schTable td.sch_full { background:url(../../images/UXDesign/common/bar_schedule_full.gif) repeat-x !important; } .schTable td.sch_harf { border-right:none; } .schTable table th .checkbox { margin:-3px 0 0; } .schTable .pageNum { margin-top:-1px; margin-bottom:-1px; height:27px; border-top:1px solid #e0e0e0; border-bottom:1px solid #ababab; background:#f8f8f8; } .schTable .pageNum ul { padding:4px 0 0 0; } /* process ---------------------------------------------------------*/ .process { padding:12px 15px; margin-bottom:20px; border:1px solid #99bad4; background:#f4f9fd; } .process_t { padding-left:12px; margin-bottom:20px; background:url(../../images/UXDesign/icon/ic_arrow.gif) no-repeat left 3px; } .process_c { padding:0 5px; } .process_unit, .process_unit_last { float:left; color:#4f6576; text-align:center; width:78px; padding:7px 0; margin-bottom:15px; line-height:16px; height:28px; border:1px solid #9cbad1; background:url(../../images/UXDesign/common/bg_process.gif) repeat-x; } .process_unit_last { border:1px dashed #b6b6b6; background:url(../../images/UXDesign/common/bg_process_last.gif) repeat-x; } .prcess_unit_name { font-weight:bold; } .process_ar { float:left; margin:10px 10px 0; } .process_layer { position:absolute; min-width:200px; text-align:left; border:1px solid #a8c4da; background:#fff; } .process_layer_t { font-weight:bold; color:#4f6576; text-align:left; margin:3px; padding:4px 10px 3px; background:#ecf4f9; } .process_layer_t img { position:absolute; top:6px; right:6px; padding:5px; } .process_layer table { margin:10px 2px; } .process_layer table th, .process_layer table td { font-weight:normal; text-align:left; white-space:nowrap; padding:0 10px; } .process_corporate { margin:10px 12px 0; color:#111; } .process_corporate2 { margin:5px 12px 0; color:#555; } .process_corporate3 { margin:8px 12px; } .process_corporate4 { margin:8px 12px; } .process_corporate4 ul li { margin-bottom:5px; } .process_corporate4 a:link, .process_corporate4 a:visited, .process_corporate4 a:active { color: #3378BD !important; text-decoration: none; } .process_corporate5 { margin:8px 12px; padding-bottom:8px; } .process_more { position:relative; float:right; top:5px; } /* Q&A ---------------------------------------------------------*/ .myqna { border:1px solid #d6e1f2; padding:5px 10px; margin-bottom:10px; font-size:0.9em; background:#f7fafd; } .myqna div a { color:#555; padding-left:6px; } .myqna div a .myqna_num { color:#c50050; font-weight:bold; } .myqna div a:hover { text-decoration:underline; } .myqna img { vertical-align:text-top; } .qna_search { position:relative; height: 100px; margin-bottom:20px; border:1px solid #D2DCEB; background:url(../../images/UXDesign/theme/theme05/basic/qna_bg_img.gif) repeat-x 0 0; } .qna_tl { position:relative; margin-right:230px; } .qna_tr { position:absolute; top:0; right:0; width:222px; height:108px; border-left:1px solid #cddbf0; background:url(../../images/UXDesign/icon/ic_clock.gif) no-repeat 18px 41px; } .qna_tl h2 { font-size:1em; color:#111; margin:9px 20px 0px 20px !important; } .qna_appr { position:relative; background:url(../../images/UXDesign/icon/ic_do_se.gif) no-repeat 18px -4px; height: 76px; margin-top:19px; } .qna_appr h2 { font-size:1em; color:#111; margin:10px 20px 0 120px; } .qna_appr p { position: absolute; top:0; right:15px; } .qna_search_form { margin:-3px 20px 6px 20px; padding-bottom:2px; position:relative; } .qna_search_form_1 { margin:9px 20px 0 120px; position:relative; } .qna_search_input { position:relative; height:35px; margin-right:78px; background:url(../../images/UXDesign/common/qnasearch_input.gif) no-repeat; } .qna_search_input_1 { position:relative; height:35px; margin-bottom:15px; background:url(../../images/UXDesign/common/qnasearch_input.gif) no-repeat; } .qna_search_inputbox { padding:7px 90px 0 10px; } @-moz-document url-prefix() { .qna_search_inputbox select { margin-top:-3px; } } .qna_search_inputbox .inputbox { width:100%; font-size:1.4em; padding:4px; border:none; } a.qna_btn_1 { position:absolute; top:0; right:0; width:73px; height:35px; text-align:center; text-decoration:none; background:url(../../images/UXDesign/common/btn_search_qna.gif) no-repeat; } a.qna_btn_1 span, a.qna_btn_2 span { line-height:37px; color:#fff; font-weight:bold; font-size:1em; letter-spacing:-0.05em; } a.qna_btn_2 { position:absolute; top:0; right:0; width:73px; height:35px; text-align:center; text-decoration:none; background:url(../../images/UXDesign/common/btn_search_qna_2.gif) no-repeat; } .qna_emer { margin:0px 20px 10px; } .qna_emer span { padding-right:10px; } .qna_emer span a { color:#555; } .qna_tr h2 { font-size:1em; color:#111; margin:9px 18px 0 !important; padding-bottom:5px; border-bottom:1px solid #dddee2; } .qna_tr img { padding:10px 5px 0 12px; } .qna_tr_ins { position:absolute; top:49px; left:68px; font-size:0.9em; } .qna_timer { font-size:1.3em; color:#c50050; } .qna_timer_ins { font-family:'돋움', 'Dotum'; color:#777; letter-spacing:-0.1em; } .qna_sub { position:relative; } .qna_bl { position:relative; margin-right:200px; padding-right:15px; /*border-right:1px solid #d8d8d8;*/ } .rightBg { background:url(../../images/UXDesign/common/bg_qna.gif) repeat-y right top; } .qna_br { position:absolute; top:0; right:0; width:195px; } .qna_best { padding-bottom:10px; margin-bottom:20px; min-height:142px; border-bottom:1px solid #d8d8d8; } .qna_best h2 { font-size:1.2em; margin-bottom:12px; color:#333; } .qna_bl table th, .qna_bl table td { padding:0 5px; vertical-align:top; } .qna_bl .qna_best_info { vertical-align:top; padding:0; } .qna_best_q a { font-size:1.2em; font-weight:bold; line-height:20px; color:#333; } .qna_best_photo { float:left; margin:0 4px 4px; } .qna_best_photo img { width:35px; height:35px; } .qna_best_team { font-size:0.9em; color:#777; line-height:16px; } .qna_best_name a { color:#555; font-size:0.9em; font-weight:bold; } .qna_best_name, .qna_best_team { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer; } .qna_best_info p.qna_best_name, .qna_best_info p.qna_best_team { width:92px; } .qna_mainlist {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .qna_mainlist table { width:100%; border-collapse:collapse; table-layout:fixed; } .qna_mainlist table td { vertical-align:top; padding:10px 5px; } .qna_mainlist.line table td { border-bottom:1px solid #ebebeb !important; padding:12px 5px; } .qna_mainlist.line table tr.tdfirst td { padding-top:0px; } .qna_mainlist.line table tr.tdend td { border:none !important; } .qna_mainlist_photo { position:relative; } .qna_mainlist_photo .photoimg img { width:35px; height:35px; } .ic_qna_q { display:inline-block; width:36px; height:34px; background:url(../../images/UXDesign/theme/theme01/basic/ic_qna_q.gif) no-repeat; } .ic_qna_a { display:inline-block; width:36px; height:34px; background:url(../../images/UXDesign/theme/theme01/basic/ic_qna_a.gif) no-repeat; } .ic_qna_q_2 { display:inline-block; width:52px; height:49px; background:url(../../images/UXDesign/theme/theme05/basic/ic_qna_q_2.png) no-repeat; } .ic_qna_a_2 { display:inline-block; width:52px; height:49px; background:url(../../images/UXDesign/theme/theme05/basic/ic_qna_a_2.png) no-repeat; } .ic_qna_q_2 > span, .ic_qna_a_2 > span, .ic_qna_q > span, .ic_qna_a > span { display:none; } .ic_question { position:absolute; top:-5px; left:-5px; } .qna_mainlist_q a { color:#333; font-weight:bold; } .qna_mainlist_q img { vertical-align:text-top; margin: 1px 5px 0 0; } .qna_mainlist_q span { font-size:0.9em; margin-right:5px; } .qna_mainlist_q span.status_Ing, .qna_mainlist_q span.status_Done, .qna_mainlist_q span.status_None, .blockRelated span.status_Ing, .blockRelated span.status_Done, .blockRelated span.status_None { font-size:1em; text-align:center; color:#fff; margin-right:5px; padding-left:1px; } .qna_mainlist_q span.status_Ing, .blockRelated span.status_Ing { background-color:#93b705; border:1px solid #769204; } .qna_mainlist_q span.status_Done, .blockRelated span.status_Done { background-color:#5ea2da; border:1px solid #3279c3; } .qna_mainlist_q span.status_None, .blockRelated span.status_None { background-color:#cd7376; border:1px solid #b9474a; } .qna_mainlist_date, .qna_mainlist_name a { color:#777; font-size:0.9em; padding-right:5px; } .qna_mainlist_team { color:#999; font-size:0.9em; padding-right:5px; } .qna_mainlist_num { padding:0 0; font-size:0.9em; color:#999; } .qna_mainlist_num img { padding:0 3px; } .qna_expert h2 { color:#333; font-size:0.9em; font-weight:bold; margin-bottom:10px; } .qna_expert_photo { float:left; margin-right:8px; } .qna_expert_photo img { width:50px; height:50px; } .qna_expert_list { margin-top:10px; padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #d8d8d8; } .qna_expert_list li a { display:inline-block; width:200px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#555; padding-left:15px; background:url(../../images/UXDesign/icon/ic_q.gif) no-repeat left 3px; } .qna_tag_qustion h2 { font-size:1em; color:#333; margin-bottom:20px; } .qna_tag_answer h2 { font-size:1em; color:#333; margin-bottom:20px; } .qna_tag_expertise h2 { font-size:1em; color:#333; margin-bottom:20px; } .qna_question, .qna_answer { position:relative; } .qnaimg { position:absolute; top:0px; left:0; } .qna_question .blockTableRead_t p, .qna_question .summaryViewInfo, .qna_answer .blockTableRead_t p, .qna_answer .summaryViewInfo { margin-left:60px; } .qna_question_best { position:absolute; top:-11px; right:5px; } .qna_answer_best { position:absolute; top:-11px; right:85px; } /* Experts Network ---------------------------------------------------------*/ .search_con { float:left; position:relative; width:270px; height:19px; margin:-3px 10px 0 10px; border:2px solid #5a86ce; background:#fff; } .search_con input { width:235px; border:none; } .search_con_btn { position:absolute; top:-2px; right:-2px; } .search_tag { padding-top:4px; } .search_tag a { color:#9cb3d3; !important} .search_tag img { vertical-align:text-top; } .expert_topList { margin-bottom:30px; } .expert_topList table td { padding-right:20px; } .expert_topPhoto { position:relative; float:left; width:170px; height:170px; border:1px solid #ebebeb; } .expert_topPhoto span img { width:170px; height:170px; } .expert_topPhoto_info { position:absolute; left:0; bottom:0; width:170px; height:40px; background:url(../../images/UXDesign/common/bg_expertPhoto.png) no-repeat; } .expert_best { position:absolute; top:-1px; left:10px; } .expert_topPhoto_team { padding:4px 7px 0; margin-left:5px; line-height:16px; font-family:'돋움', 'Dotum'; font-size:0.9em; color:#ccc; } .expert_topPhoto_name { padding:0 7px 0; margin-left:5px; line-height:16px; font-family:'돋움', 'Dotum'; font-size:0.9em; color:#e6e6e6; font-weight:bold; } .expert_reply { margin:0 0 10px 20px; } .expert_reply h4 { font-size:1em; } .expert_reply table td { padding-right:5px; } .reply_photo { position:relative; float:left; width:50px; height:50px; } .reply_photo img { width:50px; height:50px; } .reply_photo_info { position:absolute; left:0; bottom:0; width:50px; height:14px; background:url(../../images/UXDesign/common/bg_expertPhoto.png) no-repeat; } .reply_photo_name { width:50px; overflow:hidden; white-space:nowrap; text-align:center; font-family:'돋움', 'Dotum'; font-size:0.9em; color:#e6e6e6; line-height:16px; } .imglist { margin-top:10px; } .imglist table { width:100%; border-collapse:collapse; } .imglist table td { padding:0; background:url(../../images/UXDesign/icon/ic_imglist_line.gif) repeat-x; } .expert_bl { float:left; position:relative; margin-bottom:10px; width:48.5%; } .expert_br { float:right; position:relative; margin-bottom:10px; width:48.5%; } .block { width:100%; margin-bottom:10; px !important; border:none; } .expert_bl h2 { padding:2px 10px 0 0; } .expert_bl .listInfo { padding-bottom:5px; border-bottom:1px solid #e0e0e0; } .expert_bl .listInfo select { float:left; } .expert_bl .listInfo .totalNum { float:none; } .block h2 { border:none !important; } .expert_bl h2, .expert_br h2 { *font-family:'돋움', 'Dotum'; font-size:1em; color:#111; padding-bottom:4px; margin-bottom:5px; border-bottom:1px solid #d7d7d7; } .expert_bl .edit, .expert_br .edit { position:absolute; top:2px; right:0; } .expert_bl h2 img, .expert_br h2 img { vertical-align:text-top; } .expert_bl ul { clear:both; } .expert_bl li, .expert_br li { padding:7px 0; border-bottom:1px solid #ebebeb; } .expert_bl li.dot, .expert_br li.dot { padding:7px 0; border-bottom:1px solid #ebebeb; background:none !important; } .expert_bl li.last, .expert_br li.last { border-bottom:none; } /* for activity stream */ .expert_bl_as {position:relative; margin-bottom:10px; width:48.5%; } .expert_br_as {position:relative; margin-bottom:10px; width:48.5%; } .block { width:100%; margin-bottom:10; px !important; border:none; } .expert_bl_as h2 { padding:2px 10px 0 0; } .expert_bl_as .listInfo { padding-bottom:5px; border-bottom:1px solid #e0e0e0; } .expert_bl_as .listInfo select { float:left; } .expert_bl_as .listInfo .totalNum { float:none; } .block h2 { border:none !important; } .expert_bl_as h2, .expert_br h2 { *font-family:'돋움', 'Dotum'; font-size:1em; color:#111; padding-bottom:4px; margin-bottom:5px; border-bottom:1px solid #d7d7d7; } .expert_bl_as .edit, .expert_br .edit { position:absolute; top:2px; right:0; } .expert_bl_as h2 img, .expert_br h2 img { vertical-align:text-top; } .expert_bl_as ul { clear:both; } .expert_bl_as li, .expert_br li { padding:7px 0; border-bottom:1px solid #ebebeb; } .expert_bl_as li.dot, .expert_br li.dot { padding:7px 0; border-bottom:1px solid #ebebeb; background:none !important; } .expert_bl_as li.last, .expert_br li.last { border-bottom:none; } .expert_photo { position:relative; float:left; margin:3px 10px 0 0; } .expert_checkbox { position:relative; float:left; margin:3px 5px 0 0; height:50px; vertical-align:bottom; } .expert_photo span img { width:50px; height:50px; } .expert_best_s { position:absolute; top:0; left:0; } .expert_Photo_info { *font-family:'돋움', 'Dotum'; min-height:55px; padding-left:60px; *padding-left:0px !important; } .expert_photo_con p { padding-left:22px; *padding:0; } .indent_div { padding-left:22px; *padding:0; } .expert_photo_name a { color:#003366 !important; font-weight:bold; } .expert_photo_num { color:#c50050; font-size:0.9em; } .expert_photo_team { color:#999; font-size:0.9em; padding:0 5px 0 2px; } .expert_ic { padding-left:10px; } .expert_ic img { vertical-align:middle; padding-bottom:4px; } .expert_photo_tag a { color:#9cb3d3 !important; } /* Microblogging ---------------------------------------------------------*/ .microblog_l { float:left; position:relative; width:49%; } .microblog_r { float:right; width:49%; } .microblog_pr { margin-bottom:20px; } .microblog_pr_img { float:left; margin-right:20px; } .microblog_pr_img img { width:150px; height:150px; } .microblog_pr_con { position:relative; margin-left:170px; height:150px; } .microblog_pr_name { font-size:1.2em; font-weight:bold; color:#333; padding:10px 0 5px; } .microblog_pr_con p { padding:10px 0; } .microblog_pr_con .more img { vertical-align:middle; padding-bottom:2px; } .microblog_pr_con .button_pr { position:absolute; bottom:0; } .microblog_write h2 { color:#4671b1; font-size:1.3em; font-weight:normal; margin-bottom:5px !important; } .microblog_write textarea { margin-top:5px; } .microblog_write_list span { float:left; padding-right:5px; } .microblog_write_list ul { float:left; } .microblog_write_list li { display:inline; padding:0 8px 0 4px; background:url(../../images/UXDesign/common/bar_gray_3.gif) no-repeat right 3px; } .microblog_write_list li.liLast { background:none; } .microblog_write_list li a { color:#555; } .microblog_write_check { position:relative; margin:10px 0 0; } .microblog_write_check img { vertical-align:middle; } .microblog_write_check span { color:#777; padding-right:5px; } .microblog_write_check .bar { padding:0 10px 0 5px; } .microblog_write_send { position:absolute; top:-5px; right:11px; } .microblog_write_sendnum { font-size:1.4em; color:#bbb !important; vertical-align:middle; } .ic_timeline { position:absolute; top:4px; right:4px; } .tabMenu { position:absolute; z-index:99; top:23px; left:0; width:150px; border:1px solid #555; background:#fff; box-shadow: 2px 2px 10px 3px #3A3A3A; } .tabMenu li:first-child { border-top:none; } .tabMenu .btnClose { position: absolute; right: -13px; top: -3px; } .tabMenu li { display:block; padding:4px 5px 5px 10px !important; line-height:15px; border-top:1px dotted #e7e7e7; } .tabMenu li a:link, .tabMenu li a:active, .tabMenu li a:visited { font-family:'돋움', 'Dotum'; color:#555; } .tabMenu li a:hover { color:#c50050; text-decoration:none; } .tabMenu_1 { position:absolute; z-index:99; min-width:130px; border:1px solid #111; border-radius:6px; background:#fff; box-shadow: 2px 2px 10px 3px #3A3A3A; } .tabMenu_1 li:first-child { border-top:none; } .tabMenu_1 .btnClose { position: absolute; right: 8px; top: 8px; } .tabMenu_1 ul { padding-top:12px !important; padding-bottom:4px; } .tabMenu_1 li { display:block; padding:4px 10px 5px 10px !important; line-height:15px; border-top:1px dotted #e7e7e7; } .tabMenu_1 li a:link, .tabMenu_1 li a:active, .tabMenu_1 li a:visited { font-family:'돋움', 'Dotum'; color:#555; } .tabMenu_1 li a:hover { color:#c50050; text-decoration:none; } .tabMenu_1 .icon { display: inline-block; width: 16px; height: 16px; margin-right: 4px; margin-bottom: -4px; background: url(../../images/UXDesign/icon/ic_note_icon.png) no-repeat 0 0; } .tabMenu_1 .icon.importantNotes { background-position: 0 -16px; } .tabMenu_1 .icon.wastebasket { background-position: 0 -32px; } .tabMenu_1 .icon.folderManage { background-position: 0 -48px; } .tabMenu_1 .icon.publicFolder { background-position: 0 -64px; } .tabMenu_1 .icon.board { background-position: 0 -80px; } .tabMenu_1 .icon.workspace { background-position: 0 -96px; } .tabMenu_1 .icon.knowledge { background-position: 0 -112px; } .iKEP_tab_note.myspace ul li { padding: 0; } .iKEP_tab_note.myspace ul li a { padding: 0px 11px; } .microblog_result { margin-bottom:20px; } .result_back { float:left; } .result_btn { float:right; } .microblog_result p { font-family:'돋움', 'Dotum'; clear:both; font-size:1.8em; color:#333; } .microblog_li { margin:5px 0 20px; } .microblog_li li { position:relative; *margin-top:-2px; padding:12px 15px; border-bottom:1px solid #e3e3e3; } .microblog_li li.selected { background:#f1f1f1; } .microblog_li li.hover { background:#edf2f5; cursor:pointer; } .microblog_li li.selected .selected_ar { position:absolute; z-index:99; top:50%; right:-1px; margin-top:-16px; width:17px; height:33px; background:url(../../images/UXDesign/common/microblog_layer_ar.gif) no-repeat right center; } .microblog_img { float:left; width:50px; margin-top:3px; } .microblog_img img { width:50px; height:50px; } .microblog_img_2 { float:left; width:25px; margin-top:3px; } .microblog_img_2 img { width:25px; height:25px; } .microblog_img_3 { float:left; width:90px; } .microblog_img_3 img { width:90px; height:70px; } .microblog_img_4 img { width:408px; height:300px; padding-top:8px; } .microblog_con { padding-left:65px; } .microblog_con div.del { display:inline-block; } .microblog_con div.del img { margin-bottom:-2px; } .microblog_con_2 { padding-left:40px; } .microblog_con_3 { padding-left:105px; } .microblog_con p { padding:2px 0; } .microblog_con .more img { vertical-align:middle; padding-bottom:2px; } .microblog_me { color:#333; padding:8px 0 4px; } .microblog_id a { color:#333; font-weight:bold; } .microblog_id_2 a { color:#3378bd; font-weight:bold; } .microblog_name a:link, .microblog_name a:visited, .microblog_name a:active { color:#999; } .microblog_time { font-size:0.9em; color:#999; padding-right:10px; } .microblog_icon { } .microblog_ic_favorite a, .microblog_ic_unfavorite a, .microblog_ic_retweet a, .microblog_ic_reply a, .microblog_ic_delete a { display:inline-block; height:13px; font-size:0.9em; color:#999; padding:1px 4px; } .microblog_ic_favorite a:hover, .microblog_ic_unfavorite a:hover, .microblog_ic_retweet a:hover, .microblog_ic_reply a:hover, .microblog_ic_delete a:hover { color:#3378bd; background-position:left -15px; } .microblog_ic_favorite a { padding-left:18px; background:url(../../images/UXDesign/icon/ic_favorite_b.gif) no-repeat left 0; } .microblog_ic_unfavorite a { padding-left:18px; background:url(../../images/UXDesign/icon/ic_favorite_3.png) no-repeat left 0; } .microblog_ic_retweet a { padding-left:18px; background:url(../../images/UXDesign/icon/ic_retweet_b.gif) no-repeat left 0; } .microblog_ic_reply a { padding-left:18px; background:url(../../images/UXDesign/icon/ic_reply_b.gif) no-repeat left 0; } .microblog_ic_delete a { padding-left:18px; background:url(../../images/UXDesign/icon/ic_delete_b.gif) no-repeat left 0; } .microblog_ic img { vertical-align:text-top; padding-right:2px; } .ic_micro_ar { position:absolute; top:10px; right:10px; width:17px; height:18px; background:url(../../images/UXDesign/icon/ic_micro_ar.gif) no-repeat left 0; } .microblog_rt li { display:inline; padding-right:15px; } .microblog_rt li a { display:inline; color:#cfd0d4; } .microblog_rt li img { vertical-align:middle; padding:0 2px 3px 0; *padding:0 2px 0 0; } .microblog_rt li.licurrent { padding:4px 12px 5px 0; *padding:0 12px 6px 0; margin-right:10px; background:url(../../images/UXDesign/common/bg_microblog_rt.gif) no-repeat right top; } .microblog_rt li.licurrent a { padding:4px 0 5px 8px; background:url(../../images/UXDesign/common/bg_microblog_rt.gif) no-repeat left top; } .microblog_numtable table { margin:10px 0 20px; *margin:20px 0 20px; } .microblog_numtable table td { width:65px; } .microblog_numtable .microblog_num { font-size:1.2em; color:#3378bd; } .followlist { margin-bottom:20px; } .followlist h3 { float:left; color:#333; font-size:1.2em; } .followlist .more { float:left; margin-left:12px; } .followlist .more img { vertical-align:middle; padding-bottom:2px; } .followlist ul { padding-top:8px; } .followlist li { display:inline; padding-right:1px; } .followlist li img { width:25px; height:25px; } .invitedby { margin-bottom:20px; } .invitedby h3 { color:#333; font-size:1.2em; margin-bottom:5px; } .invitedby_time { color:#999; font-size:0.9em; padding-left:5px; } .invitedby li { line-height:1.8em; } .invitedby img { vertical-align:middle; } .trends { margin-bottom:20px; } .trends h3 { color:#333; font-size:1.2em; margin-bottom:5px; } .trends li { line-height:1.8em; } .microblog_layer { z-index:99; position:absolute; top:45px; left:100%; width:103.7%; min-height:600px; border:1px solid #8196ff; background:#fff; } .microblog_layer_close { position:absolute; top:10px; right:10px; } .microblog_layer_con { padding:17px 20px; } .microblog_layer_top { padding-bottom:20px; border-bottom:1px solid #e3e3e3; } .microblog_ph { clear:both; padding:12px 0 0px; *padding:6px 0 6px; font-size:1.3em; *font-family:'돋움', 'Dotum'; font-weight:bold; line-height:1.6em; color:#333; } .retweetlist { margin-bottom:20px; } .retweetlist h3 { color:#3378bd; font-size:1em; } .retweetlist ul { padding-top:8px; } .retweetlist li { display:inline; padding-right:1px; } .retweetlist li img { width:25px; height:25px; } .microblog_insertImg { background:url(../../images/UXDesign/common/bg_box1px_top.png) no-repeat 0 0; padding:15px 0 0 0; width:160px; text-align:left; position:absolute; z-index:9999; } .microblog_insertFile { background:url(../../images/UXDesign/common/bg_box1px_top.png) no-repeat 0 0; padding:15px 0 0 0; width:160px; text-align:left; position:absolute; z-index:9999; } .microblog_insertBox { background:url(../../images/UXDesign/common/bg_box1px_bottom.png) no-repeat bottom left; padding:10px 15px 10px 15px; font-size:0.9em; color:#555; } .microblog_insertBox_tit_img { background:url(../../images/UXDesign/icon/ic_image_2.png) no-repeat 0 1px; padding-left:20px; font-weight:bold; color:#333; font-size:1.2em; } .microblog_insertBox_tit_img img { float:right; margin-top:5px; *margin-top:-15px; } .microblog_insertBox_tit_file { background:url(../../images/UXDesign/icon/ic_file_2.png) no-repeat 0 3px; padding-left:16px; font-weight:bold; color:#333; font-size:1.2em; } .microblog_insertBox_tit_file img { float:right; margin-top:0px; *margin-top:-15px; } .microblog_insertBox ul { margin-top:10px; } .microblog_insertBox li { padding-left:0px; margin-top:2px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .microblog_insertBox li img { margin-right:5px; vertical-align:middle; } .microblog_insertBox li a { color:#555; } .microblog_insertFile li { background:url(../../images/UXDesign/common/blt_arrow_1.gif) no-repeat 2px 6px; padding-left:10px; } #divSuggest li { } #divSuggest li.selected { background-color:#ADD8E6; } #divSuggest li.selected > a { text-decoration:underline; } /* directive ---------------------------------------------------------*/ .directive { padding:8px 12px; border:1px solid #e8e5e4; background:#feffee; } .directive li { background:url(../../images/UXDesign/icon/ic_emer_01.gif) no-repeat left 3px; padding-left:15px; } .directive li span { color:#777777; font-size:11px; } .directive li.ty1 { background:none !important; } /* popMessage ---------------------------------------------------------*/ .popMessage { padding:15px 15px; border:1px solid #e8e5e4; background:#f5f5f5; } .popMessage li { background:url(../../images/UXDesign/icon/ic_popmessage.gif) no-repeat left 3px; } .popMessage li span { vertical-align:top; color:#666; font-size:0.9em; letter-spacing:-0.1em; margin:0 0 0 15px; } /* message_num ---------------------------------------------------------*/ .message_title { position:relative; float:left; } .message_num { float:left; *float:none; width:46px; height:42px; margin:3px 0 0 -10px; font-size:12px; color:#fffc00; text-align:center; font-weight:bold; padding:8px 0 0 0; background:url(../../images/UXDesign/icon/ic_message_num.gif) no-repeat; } .messagebox { margin:20px 8px; } .messagebox_num { padding-left:20px; margin-bottom:4px; font-size:0.9em; background:url(../../images/UXDesign/icon/ic_per_05.gif) no-repeat; } .messagebox_graph { width:160px; height:6px; margin-bottom:18px; border:1px solid #bcbcbc; } .messagebox_bar_color { width:160px; height:6px; background:#ff2400; } .messagebox_ins { font-size:0.9em; color:#5f84c2; } .messagebox_ins li { padding:0 0 0 6px !important; line-height:17px !important; font-weight:normal !important; background:url(../../images/UXDesign/icon/ic_point_03.gif) no-repeat left 7px; } /* blockbox ---------------------------------------------------------*/ .Box_type_01 { position:relative; margin-bottom:20px; padding:14px 16px; background:#f5f5f5; overflow:hidden; } .Box_type_01 .open_view { position:relative; padding:2px 5px 2px 5px; color:#111; float:left; width:168px; } .Box_type_01 .open_view a:link, a:visited, a:active { color:#111; } .Box_type_01 .open_view a:hover { text-decoration:underline; } .Box_type_01 .open_view a.selected { color:#111; font-weight:bold; background-color:#e2f7d8; text-decoration:none; } /*.innerBox_01 { width:100%; height:100%; border:1px solid #c2e5eb; background:#fff; padding:13px; }*/ .Box_type_01 table { width:100%; border-collapse:collapse; } .Box_type_01 table tr th { white-space:nowrap; text-align:left; padding:2px 5px 2px 15px; } .Box_type_01 table tr td { padding:2px 5px 2px 5px; color:#111; } .Box_type_01 table tr td.total { padding:0px 5px 8px 5px; color:#777; font-weight:bold; } .Box_type_01 table tr td a:link, a:visited, a:active { color:#111; } .Box_type_01 table tr td a:hover { text-decoration:underline; } .Box_type_01 table tr td.total a { color:#777; } .Box_type_01 table tr td a.selected { color:#111; font-weight:bold; background-color:#e2f7d8; text-decoration:none; } /* schedule ---------------------------------------------------------*/ .schedule_bg01 { margin:5px; } .schedule_bg01 span { margin-right:5px; } .schedule_bg02 { padding:9px 10px 7px 10px; background-color:#edf2f5; } .schedule_bg02 span { margin-right:5px; } .schedule_bg02_num { color:#555; } /* online_poll ---------------------------------------------------------*/ .online_poll { padding-top:5px; padding-bottom:8px; border:1px solid #ebebeb; background-color:#fcfcfc; } .online_poll .blockTableRead_t { margin:8px 15px 0 15px; } .online_poll .blockTableRead_t p { padding-bottom:0px !important; padding-left:52px !important; } .online_poll_num { position:absolute; top:30px; right:20px; line-height:30px; } .online_poll_num span { font-size:3em; color:#ccc; } .online_poll_num1 { position:relative; margin-bottom:10px; font-weight:bold; color:#999; } .online_poll_num1 span { font-size:2em; color:#ccc; } .online_poll_list { padding:18px 0 18px 70px; line-height:22px; font-weight:bold; color:#777; } .online_poll_list .checkbox { margin:0 2px 5px 0; vertical-align:bottom; } .online_poll_list .selected em { font-weight:bold; color:#111; background-color:#e5f6d6; font-style:normal; } .online_poll .lp70 { padding:0 0 0 70px; } .online_poll .ty1 { background-color:#e5f6d6; } .online_poll .qnaimg { float:left; padding:8px 8px 0 14px; } .online_poll .summaryViewInfo { clear:none; } /* survey ---------------------------------------------------------*/ .surveyBlock { position:relative; } .surveyBlock_l { margin-right:200px; min-height:480px; } /* 화면 UI에서 우측의 scrollbox의 높이가 높아서 기본 높이(min-height)를 설정해두기 위해 적용함. */ .surveyBlock_r { position:absolute; top:0; right:0; width:160px; padding:10px; background:#f5f5f5; } .surveyBox_1 { padding:10px; margin-bottom:15px; border:1px solid #bebebe; } .surveyBox_1 span.none { display:none !important; } .surveyBox_2 { position:relative; margin-bottom:15px; } .surveyBox_2.selected { border:1px solid #aeaeae; } .surveyBox_2.selected > table > tbody > tr > th { border-top:none; border-left:none; border-bottom:none; } .surveyBox_2 table { width:100%; border-collapse:collapse; } .surveyBox_2 > table > tbody > tr > th { text-align:center; width:45px; vertical-align:top; padding:4px 0; border:1px solid #d8d8d8; background:#e9e9e9; } .surveyBox_2 .surveyList { margin:0; padding-bottom:0; background:none; } .surveyBox_2 .ic_arb { position:absolute; top:50%; margin-top:-37px; left:3px; } .surveyBox_2 .ic_arb img { display:block; margin:10px; } .surveyBox_2 table td { padding:3px 4px 4px 4px; *padding:2px 4px 3px 4px; background:#f9f9f9; } .surveyBox_2 table td .inputbox { padding:6px; } .surveyBox_resize .ic_rt { position:absolute; top:-7px; right:-7px; } .surveyBox_resize .ic_rm { position:absolute; top:50%; margin-top:-7px; right:-7px; } .surveyBox_resize .ic_rb { position:absolute; bottom:-7px; right:-7px; } .survey_sel { z-index:99; position:relative; } .survey_sel .selected a { display:block; width:143px; height:19px; padding:4px 0 0 10px; color:#333; background:url(../../images/UXDesign/common/bg_survey_sel.gif) no-repeat; } .survey_sel a:hover { text-decoration:none; } .survey_sel_layer { position:absolute; z-index:99; top:22px; right:0; width:950px; min-height:380px; border:3px solid #4c4c4c; background:#fff; } .survey_layer_l { float:left; width:710px; padding:10px; } .survey_layer_r { float:left; width:200px; padding:10px; } .survey_t { margin-bottom:3px; *margin-bottom:0; } .survey_t h3 { font-size:1em; color:#333; } .survey_num { padding:0 3px; } .survey_num img { vertical-align:middle; } .surveyBlock_r .radio { margin:0 3px 3px 3px; *margin:0 0 1px 0; vertical-align:middle; } .surveytxt { color:#31a5c2; } .surveyList { padding:10px; margin:10px 0; background:#f6f6f6; } .surveyList p { padding-left:17px; background:url(../../images/UXDesign/icon/ic_docu.gif) no-repeat; } .surveyList ul { padding:5px 0 0 10px; } .surveyList ul li { padding:2px 0; } .surveyList ul.inline li { display:inline; padding-right:15px; } .surveyList li img { vertical-align:top; } .surveyList .blockDetail { border-top:none; } .surveyList .blockDetail th { text-align:center; font-weight:normal; border:1px solid #a7a7a7; background:#f0f0f0; } .surveyList .blockDetail td { border:1px solid #a7a7a7; background:#fff; } .surveyList_num li { float:left; width:28px; } .survey_w2 li { width:50%; } .survey_w3 li { width:33.3%; } .survey_w4 li { width:25%; } .survey_w5 li { width:20%; } .survey_w6 li { width:16.66%; } .survey_w7 li { width:14.25%; } .survey_w10 li { width:10%; } .surveyList_num.view { padding-left:6px !important; } .surveyList_num.view li { padding:2px 0 2px 4px; background:none !important; } ul.surveyList_num { padding:0; } .surveyAccordion li { margin-left:-7px; padding:2px 0 2px 6px; background:url(../../images/UXDesign/icon/ic_point_03.gif) no-repeat 0 8px; } .surveyAccordion li a { color:#555; } .surveyAccordion li a:hover { text-decoration:underline; } .surveyAccordion h3 a:hover { color: #000; text-decoration: none; } .survey_preview_t { padding:15px 20px; margin-bottom:10px; border:1px solid #cddbf0; background:#f0f4fb; } .survey_preview_t h3 { font-size:1.2em; color:#333; padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #e0e3e8; } .survey_preview_t ul { padding-top:10px; } .survey_preview_t li { padding-left:6px; background:url(../../images/UXDesign/icon/ic_point_07.gif) no-repeat 0 7px; } .survey_preview_b { padding:15px 20px; margin-bottom:10px; border:1px solid #e9e9e9; } .survey_preview_b h4 { font-size:1em; color:#333; } .survey_preview_b .substance { font-size:1em; color:#666; padding:5px 0 10px 0; border-bottom:1px solid #e9e9e9; } .survey_preview_b .surveyList { background:none } .survey_preview_b .surveyList p { padding:0; background:none } .survey_preview_b .radio { vertical-align:middle; margin:0 2px 2px; *margin:0; } .survey_process { border-top:1px solid #d7d7d7; padding-top:20px;} /* Knowledge Map ---------------------------------------------------------*/ .knowledgeMap_l { position:relative; margin-right:257px; } .knowledgeMap_r { position:absolute; width:236px; top:20px; right:0; padding-bottom:30px; } .knowledgeMap_rBox { border:2px solid #5f8cd0; padding:15px 10px 10px; } /* Knowledge Map - Summary View */ .tag_summaryView table td { text-align:left !important; vertical-align:top; } .tag_summaryViewTitle a { color:#333 !important; font-weight:bold; } .tag_summaryViewTitle a:hover { text-decoration:underline !important; } /* Knowledge Map - Recommand */ .recom_knowledge { display:block; white-space:nowrap; overflow:hidden; } .recom_knowledge a { color:#555 !important; } .recom_knowledge a:hover { text-decoration:underline !important; } /* Knowledge Map - Popular Tag */ .popularTag { border:1px solid #d7d7d7; padding:15px 10px 10px; } .popularTag ul { margin-top:-5px; display:inline-block; } .popularTag li { padding-left:19px; margin-bottom:3px; } .popularTag li a { color:#555; } .popularTag li a.hover { color:#555; } .popularTag li.tag_No01 { background:url(../../images/UXDesign/icon/ic_tagNo01.gif) no-repeat 0px 2px; } .popularTag li.tag_No02 { background:url(../../images/UXDesign/icon/ic_tagNo02.gif) no-repeat 0px 2px; } .popularTag li.tag_No03 { background:url(../../images/UXDesign/icon/ic_tagNo03.gif) no-repeat 0px 2px; } .popularTag li.tag_No04 { background:url(../../images/UXDesign/icon/ic_tagNo04.gif) no-repeat 0px 2px; } .popularTag li.tag_No05 { background:url(../../images/UXDesign/icon/ic_tagNo05.gif) no-repeat 0px 2px; } .popularTag li.tag_No06 { background:url(../../images/UXDesign/icon/ic_tagNo06.gif) no-repeat 0px 2px; } .popularTag li.tag_No07 { background:url(../../images/UXDesign/icon/ic_tagNo07.gif) no-repeat 0px 2px; } .popularTag li.tag_No08 { background:url(../../images/UXDesign/icon/ic_tagNo08.gif) no-repeat 0px 2px; } .popularTag li.tag_No09 { background:url(../../images/UXDesign/icon/ic_tagNo09.gif) no-repeat 0px 2px; } .popularTag li.tag_No10 { background:url(../../images/UXDesign/icon/ic_tagNo10.gif) no-repeat 0px 2px; } .portNo01 { background:url(../../images/UXDesign/icon/ic_tagNo01.gif) no-repeat 0px 5px; padding-left:18px !important; } .portNo02 { background:url(../../images/UXDesign/icon/ic_tagNo02.gif) no-repeat 0px 5px; padding-left:18px !important; } .portNo03 { background:url(../../images/UXDesign/icon/ic_tagNo03.gif) no-repeat 0px 5px; padding-left:18px !important; } .portNo04 { background:url(../../images/UXDesign/icon/ic_tagNo04.gif) no-repeat 0px 5px; padding-left:18px !important; } .portNo05 { background:url(../../images/UXDesign/icon/ic_tagNo05.gif) no-repeat 0px 5px; padding-left:18px !important; } .portNo06 { background:url(../../images/UXDesign/icon/ic_tagNo06.gif) no-repeat 0px 5px; padding-left:18px !important; } .portNo07 { background:url(../../images/UXDesign/icon/ic_tagNo07.gif) no-repeat 0px 5px; padding-left:18px !important; } .portNo08 { background:url(../../images/UXDesign/icon/ic_tagNo08.gif) no-repeat 0px 5px; padding-left:18px !important; } .portNo09 { background:url(../../images/UXDesign/icon/ic_tagNo09.gif) no-repeat 0px 5px; padding-left:18px !important; } .portNo10 { background:url(../../images/UXDesign/icon/ic_tagNo10.gif) no-repeat 0px 5px; padding-left:18px !important; } .position_0 { background-position:0 0; } .position_1 { background-position:0 3px; } /* Knowledge Map - Tag Cloud */ .tag_cloud_c { text-align:center; width:90%; padding:0 5% 0 5%; margin-bottom:20px; } .tag_cloud_c span { display:inline-block; padding:2px; margin:4px; font-family:'돋움', 'Dotum'; font-weight:bold; } .tag_cloud_c span a.tag1 { font-size:0.9em; color:#777; padding:2px; } .tag_cloud_c span a.tag2 { font-size:1.0em; color:#20b2aa; padding:2px; } .tag_cloud_c span a.tag3 { font-size:1.1em; color:#da70d6; padding:2px; } .tag_cloud_c span a.tag4 { font-size:1.2em; color:#333; padding:2px; } .tag_cloud_c span a.tag5 { font-size:1.2em; background:#fa8072; color:#fff; padding:2px; } .tag_cloud span { display:inline-block; padding:2px; margin:4px; font-family:'돋움', 'Dotum'; } .tag_cloud span a.tag1 { font-size:0.9em; color:#4169e1;} .tag_cloud span a.tag2 { font-size:1.0em; color:#4169e1; font-weight:bold;} .tag_cloud span a.tag3 { font-size:1.2em; color:#1e90ff; } .tag_cloud span a.tag4 { font-size:1.3em; color:#4169e1; font-weight:bold; } .tag_cloud span a.tag5 { font-size:1.4em; color:#4169e1; font-weight:bold; } .soting { margin:5px 0 10px 0; text-align:left; } .soting p a { color:#333; } /* Knowledge Map - Map Admin */ .map_adm li { display:inline-block; *display:inline; margin-top:4px; margin-bottom:4px; } /* portal contents menu ---------------------------------------------------------*/ .menuguide { position:relative; border:1px dotted #d0d0d0; padding:10px 5px; margin-bottom:20px; overflow-x:scroll; /* auto 적용시 IE9에서 세로 사이즈 점진적으로 늘어나는 버그 있음 */ overflow-y:hidden; border:1px solid #eee; scrollbar-highlight-color: #fff; scrollbar-shadow-color: #ccc; scrollbar-arrow-color: #ccc; scrollbar-face-color: #fff; scrollbar-3dlight-color: #ccc; scrollbar-darkshadow-color: #fff; scrollbar-track-color: #fff; } .menuguide_con { white-space:nowrap; } .blockBox { position:absolute; top:0; left:0; width:100%; height:100%; cursor:wait; opacity:0.3; background:#000; filter:alpha(opacity=30); z-index:99; } .subMenuList { padding: 5px; } .menuguide_list > li { float:left; position:relative; margin:0 5px; padding:7px; background: #f5f5f5; } .menuguide_list > li > a { display:inline-block; width:124px; text-align:center; line-height:30px; margin-bottom:5px; color:#fff; font-weight:bold; border:1px solid #40444b; background:#565b64; } .menuguide_list li > a:hover { text-decoration:none; border:1px solid #000; background:#767b82; } .menuguide_list li.selected > a { border:1px solid #2bbed4; background:#9beefa; } .menuguide_list > li > ul > li { position:relative; margin-bottom:10px; } .menuguide_list > li > ul > li > a { display:inline-block; width:114px; line-height:30px; text-align:center; font-size:0.9em; color:#fff; border:1px solid #676d78; background:#8b93a2; } .menuguide_list > li > ul > li > a:hover { border:1px solid #555; background:#a1a8b4; } .menuguide_list li > ul > li.selected > a { border:1px solid #2bbed4; background:#9beefa; } .addSubMenu a { display:inline-block; width:114px; line-height:30px; text-align:center; font-size:0.9em; margin:-5px 0 0 5px; color:#555; border:1px dotted #999; background:#fff; } .addSubMenu_2 { float:left; } .addSubMenu_2 a { display:inline-block; width:114px; line-height:30px; text-align:center; font-size:0.9em; margin:7px 0 0 5px; color:#555; border:1px dotted #999; background:#fff; } .addSubMenu_3 a { display:inline-block; width:114px; line-height:30px; text-align:center; font-size:0.9em; margin:-5px 0 0 0; color:#555; border:1px dotted #999; background:#fff; } .addSubMenu a:hover, .addSubMenu_2 a:hover, .addSubMenu_3 a:hover { text-decoration:none; background:#f5f5f5; } .addSubMenu img, .addSubMenu_2 img { vertical-align:text-top; } .menuguide_resize .ic_rt { position:absolute; top:1px; right:1px; } .menuguide_resize .ic_rb { position:absolute; top:31px; right:1px; } .menuguide_list > li > ul > li .menuguide_resize .ic_rt { position:absolute; top:-6px; right:-6px; } .menuguide_list > li > ul > li .menuguide_resize .ic_rb { position:absolute; top:24px; right:-6px; } .quickGuide_group { margin:0 5px; padding:12px; background: #f5f5f5; } .quickGuide_list { position:relative; width:116px; margin-bottom:15px; *margin-bottom:5px; } .quickGuide_list > li { position:relative; margin-bottom:10px; } .quickGuide_list > li > a { display:inline-block; text-decoration:none; width:114px; line-height:30px; text-align:center; font-size:0.9em; color:#fff; border:1px solid #676d78; background:#8b93a2; } .quickGuide_list > li > a:hover { border:1px solid #555; background:#a1a8b4; } .quickicon_reg { position:relative; } .quickicon_regLeft { position:absolute; top:0; left:0; width:161px; } .quickicon_regRight { margin-left:181px; } /* quick icon setting pop ---------------------------------------------------------*/ .popTextguide { border: 1px solid #d0d0d0; padding: 10px 10px 10px 17px; margin-bottom: 20px; } .popQuickguide { border: 1px solid #d0d0d0; background-color: #252832; padding: 10px 10px 10px 18px; margin-bottom: 20px; } .sortableWidth { width: 390px; } .sortableWidth > ul { list-style-type: none; margin: 0; padding: 0; cursor:pointer; } .sortableWidth > ul > li { padding: 1px; float: left; width: 50px; height: 19px; border:1px solid #252832; } .sortableWidth > ul > li:hover { border-top: 1px solid #a8a8a8; border-left: 1px solid #817e7e; border-right: 1px solid #6a6666; border-bottom: 1px solid #5d5a5a; } .popQuick_select { padding:5px 10px; background:#f3f3f3; border:1px solid #ccc; } .popQuick_select ul { width:425px; } .popQuick_select ul li { float:left; width:85px; } /* Usage Tracker graph ---------------------------------------------------------*/ .usage_graph { padding:6px; min-height:224px; border:1px solid #ddd; } .usage_graph .jqplot-target { margin:0 auto 10px !important; } .usage_graph1 { padding:6px; min-height:106px; border:1px solid #ddd; } .graphText { font-weight:bold; color:#777; margin:70px 27px; } .graphText1 { font-weight:normal; color:#333; margin:20px 10px 0 10px; line-height:24px; } .emphasis { font-weight:bold; color:#333; } .emphasis1 { font-weight:normal; color:#333; } .hour_num { display:inline-block; font-size:2.8em; *font-family:'돋움', 'Dotum'; color:#FFf; font-weight:normal; line-height:32px; width:25px; height:33px; padding-left:3px; background:url(../../images/UXDesign/common/hour_num.gif) no-repeat; } .hour_num2 { display:inline-block; font-size:2.8em; *font-family:'돋움', 'Dotum'; color:#ccc; font-weight:normal; } .browser { display:inline-block; font-size:2.8em; *font-family:'돋움', 'Dotum'; color:#FFf; font-weight:normal; padding:7px 2px; margin:5px 0px; background-color:#fa8072; } .browser2 { display:inline-block; font-size:2.8em; *font-family:'돋움', 'Dotum'; color:#999; margin:5px 0px; font-weight:normal; } .gray_box { border-bottom: #f2f2f2 2px solid; position: relative; background-color: #fff; margin-bottom: 15px; } .box_title { border: #d8d8d8 1px solid; border-bottom:none; position: relative; padding:0 0 0 12px; background: url(../../images/UXDesign/common/bg_box_t.gif) repeat-x; height:30px;_height:32px; } .box_title h3{ margin-top:5px; font-size:12px; _margin-top:10px; } .box_title h3 img{ vertical-align:middle; margin-right: 7px; } .box_title .r_btns{ position:absolute; top:11px; right:10px; } .box_title .img_bar{ margin-right:2px;} .gray_box .box_graph{ border:#efefef 1px solid; padding:20px; overflow:hidden; _width:100%; text-align:center; min-height:200px; } /* Abuse Prohibition ---------------------------------------------------------*/ .proBox_l { float:left; width:100%; height:300px; border:1px solid #E0E0E0; overflow:auto; white-space:nowrap; scrollbar-highlight-color: #fff; scrollbar-shadow-color: #ccc; scrollbar-arrow-color: #ccc; scrollbar-face-color: #fff; scrollbar-3dlight-color: #ccc; scrollbar-darkshadow-color: #fff; scrollbar-track-color: #fff; } .proBox_l .sbox { overflow:auto; white-space:nowrap; scrollbar-highlight-color: #fff; scrollbar-shadow-color: #ccc; scrollbar-arrow-color: #ccc; scrollbar-face-color: #fff; scrollbar-3dlight-color: #ccc; scrollbar-darkshadow-color: #fff; scrollbar-track-color: #fff; padding:5px 7px 5px 5px; } .blockButton.sch_btn { padding-top:6px; margin-bottom:0; } /* Corporate box ---------------------------------------------------------*/ .corporate { padding:0px; margin-bottom:10px; } .corporate_list > li { display:inline-block; margin:0px 5px 10px; } .corporate_list > li > a { display:inline-block; width:168px; text-align:center; padding:3px; border:1px solid #d4d4d4; color:#111; font-weight:bold; } .corporate_list li a.selected { color:#fff; border:1px solid #5a86ce; text-decoration:none; background:url(../../images/UXDesign/common/corporate_btnbg.gif) no-repeat; } /* Team Collaboration ---------------------------------------------------------*/ #TeamColl_main { margin-top:20px; margin-left:15px; } #TeamColl_main h2 { float:left; *font-family:'돋움', 'Dotum'; font-size:1.3em; color:#111; padding-top:4px; margin-bottom:15px; } #TeamColl_main .tableTop h2 { *font-family:'돋움', 'Dotum'; font-size:1em; padding:2px 10px 0 0; font-weight:normal; } #TeamColl_main .tableTop h2 span { font-weight:bold; } .TeamColl_lBox { dispaly:inline-block; padding-right:270px; } .TeamColl_rBox { position:absolute; top:0px; right:15px; width:230px; margin-top:20px; } .TeamColl_Info { background:#676d78; padding:25px 25px 0 25px; position:relative; *margin-top:-15px; } .TeamColl_Info div.btn_roll { position:absolute; top:20px; right:20px; } .TeamColl_Info div.btn_roll img { margin-left:2px; } .TeamColl_InfoImg { position:absolute; top:25px; left:25px; width:150px; margin-right:25px; } .TeamColl_InfoBox { padding-left:175px; min-height:175px; *min-width:325px; border:1px solid #676d78; } .TeamColl_InfoBox dt { color:#fff; font-size:1.5em; font-weight:bold; margin-bottom:15px; margin-top:15px; } .TeamColl_InfoBox dt a { color:#fff; } .TeamColl_InfoBox dd { color:#ccc; font-size:1.0em; margin-bottom:15px; margin-top:15px; } .TeamColl_InfoBox dd a { color:#ccc; } .TeamColl_InfoBox span.activity_index { padding-left:15px; background:url(../../images/UXDesign/icon/ic_activity_index.png) no-repeat 0 2px; } .TeamColl_InfoBox span.persons { padding-left:15px; background:url(../../images/UXDesign/icon/ic_persons.png) no-repeat 0 2px; } .TeamColl_InfoBox span.sysop { padding-left:15px; background:url(../../images/UXDesign/icon/ic_sysop.png) no-repeat 0 2px; } .TeamColl_cate { margin-bottom:20px; } .TeamColl_cate table { border:1px solid #ccc; margin-top:20px; width:100%; border-collapse:collapse; background:url(../../images/UXDesign/common/bg_teamColl_cate.gif) repeat-x; } .TeamColl_cate td div a { color:#555; } .TeamColl_cate td.cate01 { width:25%; height:102px; margin:0; padding:0 10px; vertical-align:top; background:url(../../images/UXDesign/common/bg_teamColl_cate01.gif) no-repeat right; } /*.TeamColl_cate td.cate02 { width:25%; height:102px; margin:0; padding:0 10px; vertical-align:top; background:url(../../images/UXDesign/common/bg_teamColl_cate02.gif) no-repeat right; }*/ .TeamColl_cate td.cate02 { width:25%; height:102px; margin:0; padding:0 10px; vertical-align:top; background:url(../../images/UXDesign/common/bg_teamColl_cate04.gif) no-repeat right; } .TeamColl_cate td.cate03 { width:25%; height:102px; margin:0; padding:0 10px; vertical-align:top; background:url(../../images/UXDesign/common/bg_teamColl_cate03.gif) no-repeat right; } .TeamColl_cate td.cate04 { width:25%; height:102px; margin:0; padding:0 10px; vertical-align:top; background:url(../../images/UXDesign/common/bg_teamColl_cate04.gif) no-repeat right; } .TeamColl_cate table div { width:102px; } .TeamColl_cate table span.title { font-weight:bold; padding-bottom:5px; line-height:30px; } .TeamColl_cate table span.number { color:#c50050; } .TeamColl_cate table span.discr { font-size:0.9em; line-height:16px; } .TeamColl_list { position:absolute; right:0px; top:0; } .TeamColl_list ul { float:left; } .TeamColl_list li { float:left; margin-left:6px; } .TeamColl_img { position:relative; min-height:118px; margin-bottom:20px; border:1px solid #ccc; } .TeamColl_img_ex { text-align:right; background:#f2f2f2; } .TeamColl_img_info { position:absolute; top:30px; left:40px; } .TeamColl_img_info a { position:absolute; top:10px; } .TeamColl_img1 { position:relative; margin-bottom:20px; border:1px solid #ccc; } .TeamColl_img1_ex { padding-top:4px; text-align:right; background-image: -webkit-linear-gradient(top,#ffffff,#e8e8e8); background-image: -moz-linear-gradient(top,#ffffff,#e8e8e8); background-image: -ms-linear-gradient(top,#ffffff,#e8e8e8); background-image: -o-linear-gradient(top,#ffffff,#e8e8e8); background-image: linear-gradient(top,#ffffff,#e8e8e8); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#e8e8e8');/*For IE7-8-9*/ height: 1%;/*For IE7*/ } .TeamColl_img1_info { position:absolute; top:16px; left:20px; } .TeamColl_img1_info a { position:absolute; top:10px; } .TeamColl_member { font-weight:bold; } .TeamColl_member .member_1 { float:left; padding:0 10px 0 6px; background:url(../../images/UXDesign/icon/ic_point_09.gif) no-repeat 0 7px; } .TeamColl_member .member_1 a { color:#111; } .TeamColl_member .member_2 { float:left; padding-left:6px; background:url(../../images/UXDesign/icon/ic_point_09.gif) no-repeat 0 7px; } .TeamColl_member .member_2 .member_num { color:#777; font-weight:normal; } .TeamColl_img1 div ul { list-style-type:disc; } .TeamColl_img1 div li { padding:5px 0; } .TeamColl_img1 div font { display:inline-block; } .TeamColl_img1 div span { display:inline-block; padding:10px 0; } /* Team Collaboration - Summary View */ .TeamColl_summaryView table td { text-align:left !important; vertical-align:top; } .TeamColl_summaryViewTitle { float:left; margin-right:10px; } .TeamColl_summaryViewTitle span { } .TeamColl_summaryViewTitle a { color:#333 !important; font-weight:bold; } .TeamColl_summaryViewTitle a:hover { text-decoration:underline !important; } .TeamColl_summaryView div.summaryViewInfo { padding:0px 0px 5px 0; font-size:0.9em; color:#999; *font-family:'돋움', 'Dotum'; } .TeamColl_summaryView span.timeline { padding:1px 0 1px 20px; background:url(../../images/UXDesign/icon/ic_timeline2.png) no-repeat 0 8px; float:right; *margin-top:-20px; } .myColl_box { border:1px solid #d7d7d7; padding:15px 10px 10px; } .btn_mymenu { position:absolute; top:3px; right:0px; } .newColl_headline a { color:#333 !important; } /*.TeamColl_rBox ul.coll_list li { margin:1px 0 1px 0; } .TeamColl_rBox ul.coll_list a { color:#555 !important; } .TeamColl_rBox ul.coll_list a:hover, .TeamColl_rBox ul.coll_list a:hover span.collName_my, .TeamColl_rBox ul.coll_list a:hover span.collName_new { text-decoration:underline !important; } .TeamColl_rBox ul.coll_list .collName_my { display:inline-block; width:100px; margin-right:5px; margin-bottom:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .TeamColl_rBox ul.coll_list .collName_new { display:inline-block; width:169px; margin-right:5px; margin-bottom:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .TeamColl_rBox ul.coll_list span, .coll_box ul.coll_list span { float:left; } .coll_box ul.coll_list a:hover, .TeamColl_rBox ul.coll_list a:hover span.collName_my, .TeamColl_rBox ul.coll_list a:hover span.collName_new { text-decoration:underline !important; } .coll_box ul.coll_list .collName_my { display:inline-block; width:100px; margin-right:5px; margin-bottom:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .coll_list span.arrow { float:left; padding-left:10px; color:#999; *margin-top:-18px; } .coll_list a:hover span.arrow { color:#111; padding-left:10px; background:url(../../images/UXDesign/common/blt_arrow_1.gif) no-repeat 2px 5px; }*/ .coll_list li { margin:1px 0 1px 0; } .coll_list a { color:#555 !important; } .coll_list a:hover, ul.coll_list a:hover span.collName_my, ul.coll_list a:hover span.collName_new { text-decoration:underline !important; } .coll_list .collName_my, ul.coll_list .collName_new { display:inline-block; margin-right:5px; margin-bottom:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .coll_list span { float:left; } .coll_list span.arrow { float:right; padding-left:10px; color:#999; *margin-top:-18px; } .coll_list a:hover span.arrow { color:#111; padding-left:10px; background:url(../../images/UXDesign/common/blt_arrow_1.gif) no-repeat 2px 5px; } .TeamColl_rBox ul.coll_list .collName_my { width:100px;} .TeamColl_rBox ul.coll_list .collName_new { width:169px;} .coll_box ul.coll_list .collName_my { width:117px;} .coll_box li.selected span.arrow { background:url(../../images/UXDesign/common/blt_arrow_1.gif) no-repeat 2px 5px; color:#333; } .coll_list_cafe li { margin:1px 0 1px 0; } .coll_list_cafe a { color:#555 !important; } .coll_list_cafe a:hover, ul.coll_list a:hover span.collName_my, ul.coll_list a:hover span.collName_new { text-decoration:underline !important; } .coll_list_cafe .collName_my, ul.coll_list .collName_new { display:inline-block; margin-right:5px; margin-bottom:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .coll_list_cafe span.arrow { float:right; padding-left:10px; color:#999; *margin-top:-18px; } .coll_list_cafe a:hover span.arrow { color:#111; padding-left:10px; background:url(../../images/UXDesign/common/blt_arrow_1.gif) no-repeat 2px 5px; } /* Team Collaboration_Layout */ .layout_group { margin-bottom:10px; } .fixed_layout { position:relative; height:100%; min-height:375px; background:#676d78; border:5px solid #676d78; } .Leftmenu_fixed { position:absolute; width:25%; height:100%; top:0; left:0; } .Rightmenu_fixed { position:absolute; width:25%; height:100%; top:0; left:75%; } .Collaboration_fixed { width:75%; margin-left:25%; } .Collaboration_fixed_right { width:75%; margin-left:0; } /*.moveButton li { margin-right:-4px; display:inline; }*/ .moveButton li.ui-state-highlight { margin-top:5px; } .moveButton_table table { width:100%; border-collapse:collapse; } .moveButton_table table td { vertical-align:top; } .moveButton_table table td.paddingR { padding-right:5px; } .moveButton_table table td ul { min-height:35px; } .fixed01 { margin-right:5px; height:100%; } .fixed02 { height:58px; } .fixed03 { margin-left:5px; height:100%; } .fixed01_txt { display:block; color:#e6e6e6; font-weight:bold; height:100%; position:absolute; left:50%; top:50%; } .fixed02_txt { color:#e6e6e6; font-weight:bold; margin-top:20px; } .moveButton_2 { /*display:inline-block; width:100%;*/ height:35px; margin-top:5px; } .move_btn02 { width:100%; text-align:center; display:inline-block; background:url(../../images/UXDesign/common/move_btn02.gif) no-repeat left top; } a:hover.move_btn02, a:hover.move_btn02 span { text-decoration:none; background:url(../../images/UXDesign/common/move_btn02_over.gif) no-repeat; } a.move_btn02 span, a:hover.move_btn02 span { display:block; height:35px; line-height:35px; margin-left:3px; padding-right:3px; cursor:pointer; color:#555; background:url(../../images/UXDesign/common/move_btn02.gif) no-repeat right top; } a.move_btn02.normal span, a:hover.move_btn02.normal span { font-weight:normal !important; } a:hover.move_btn02 span { color:#111; background:url(../../images/UXDesign/common/move_btn02_over.gif) no-repeat right top; } a.move_btn02 img { padding:0 2px 2px 0; vertical-align:middle; } .layout_portletList02 { font-weight:bold; border:2px solid #ddd; } .portletList_title02 { padding:7px 0 4px 9px; background:url(../../images/UXDesign/common/layout_portlet_bg.gif) repeat-x; } .portletList_s02 { height:352px; font-weight:normal; overflow:auto; white-space:nowrap; scrollbar-highlight-color: #fff; scrollbar-shadow-color: #ccc; scrollbar-arrow-color: #ccc; scrollbar-face-color: #fff; scrollbar-3dlight-color: #ccc; scrollbar-darkshadow-color: #fff; scrollbar-track-color: #fff; } .portletList_s02 ul { margin:8px; } /* Team Collaboration_Table_color */ .table_color01 { background:#feffee !important; } .table_color02 { background:#e5fffe !important; } .table_color03 { background:#edf4ff !important; } .table_color04 { background:#faecfe !important; } .boxList_2 .collName li { padding-left:10px; color:#111; font-weight:bold; background:url(../../images/UXDesign/icon/ic_point_11.gif) no-repeat 0px 7px; } .boxList_2 .collName li a { color:#111; } .boxList_2 .collName li a:hover { color:#3378BD; } .leftMenu_coll > ul > li.licurrent > a { border-radius:0 !important; background: white url(../../images/UXDesign/theme/theme07/basic/bg_leftmenu_coll_1depth.gif) no-repeat 0 0 !important; } #pageTitle.TeamColl { display:inline-block; } .blockLeft_TeamColl { float:left; width:68%; } .blockRight_TeamColl { float:right; width:30%; } .blockRight_TeamColl .pr_schedule_c li { font-size:12px; } .blockLeft_TeamColl .subTitle_1 { background-image: -webkit-linear-gradient(top,#ffffff,#f8f8f8); background-image: -moz-linear-gradient(top,#ffffff,#f8f8f8); background-image: -ms-linear-gradient(top,#ffffff,#f8f8f8); background-image: -o-linear-gradient(top,#ffffff,#f8f8f8); background-image: linear-gradient(top,#ffffff,#f8f8f8); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f8f8f8');/*For IE7-8-9*/ height: 1%;/*For IE7*/ } .blockLeft_TeamColl .subTitle_1 h3 { padding-left:10px; color:#111; font-size:13px; } .blockLeft_TeamColl .blockComment { padding: 0px; margin-bottom: 0px; } .blockLeft_TeamColl .blockComment_c { padding: 7px 10px 3px 10px; border-top: 3px solid white; border-bottom: 1px dotted #CCC; background:none; } .blockLeft_TeamColl .blockCommentDotted { position: relative; border-top: 1px dotted #CCC; } .blockLeft_TeamColl .blockComment_c.divFirst { border-bottom: 1px dotted #CCC; padding: 2px 10px 2px 10px; } .blockLeft_TeamColl .blockComment_c.divLast { border-bottom: 1px dotted #CCC; padding: 3px 10px 5px 10px; } .blockLeft_TeamColl .blockCommentInfo { padding:0px; } .blockLeft_TeamColl .blockCommentInfo span { margin-left:0px; } .blockLeft_TeamColl .blockComment_c p { padding-top:0px; font-size:12px; color: #545454; } .blockLeft_TeamColl .blockCommentPhoto { width: 35px; height: 35px; padding-right:8px; } .blockLeft_TeamColl .blockCommentPhoto img { width: 35px; height: 35px; } .blockLeft_TeamColl .blockCommentReply {} .blockLeft_TeamColl .blockCommentReply img, .blockLeft_TeamColl .blockCommentView img { vertical-align: middle; margin-top: -3px; } .blockLeft_TeamColl .blockCommentReply a, .blockLeft_TeamColl .blockCommentView a { margin-left:4px; color:#395b98; } .blockLeft_TeamColl .microblog_li li { border-bottom:1px dashed #CCDEF4; padding: 8px 10px 10px 10px; } .blockRight_TeamColl .iKEP_tab_menu_s .ui-tabs-nav li a { margin-left: -4px; } .blockRight_TeamColl .po_schedule .pr_schedule_c li a, .po_schedule_w .pr_schedule_c li a { margin-left:10px; } .blockComment_list { display:inline-block; } .blockComment_list span { float:left; padding-right:5px; } .blockComment_list ul { float:left; } .blockComment_list li { display:inline; padding:0 8px 0 4px !important; border-bottom: none !important; background:url(../../images/UXDesign/common/bar_gray_3.gif) no-repeat right 3px; } .blockComment_list li.liLast { background:none; } .blockComment_list li a { color:#555; } .blockComment_list li.select a { padding-bottom: 10px !important; width:9px; height:5px; font-weight:bold; color:#C50050; background:url(../../images/UXDesign/icon/ic_arrow_7.gif) no-repeat 18px 17px;} .blockCommentReply a:link, .blockCommentReply a:visited, .blockCommentReply a:active, .blockCommentView a:link, .blockCommentView a:visited, .blockCommentView a:active { color: #3378BD; } /* List Category Title ---------------------------------------------------------*/ .cate_block_1 { float:left; background:url(../../images/UXDesign/common/bg_cate_tit_1_l.gif) no-repeat left; padding-left:2px; margin-top:-2px; margin-right:4px; } .cate_tit_1 { background:url(../../images/UXDesign/common/bg_cate_tit_1_r.gif) no-repeat right; font-size:0.9em; font-weight:normal; padding:2px; text-align:center; display:inline-block; color:#007496; } .cate_block_2 { float:left; background:url(../../images/UXDesign/common/bg_cate_tit_2_l.gif) no-repeat left; padding-left:2px; margin-top:-2px; margin-right:4px; } .cate_tit_2 { background:url(../../images/UXDesign/common/bg_cate_tit_2_r.gif) no-repeat right; font-size:0.9em; font-weight:normal; padding:2px; text-align:center; display:inline-block; color:#525aae; } .cate_block_3 { float:left; background:url(../../images/UXDesign/common/bg_cate_tit_3_l.gif) no-repeat left; padding-left:2px; margin-top:-2px; margin-right:4px; } .cate_tit_3 { background:url(../../images/UXDesign/common/bg_cate_tit_3_r.gif) no-repeat right; font-size:0.9em; font-weight:normal; padding:2px; text-align:center; display:inline-block; color:#2368ae; } .cate_block_4 { float:left; background:url(../../images/UXDesign/common/bg_cate_tit_4_l.gif) no-repeat left; padding-left:2px; margin-top:-2px; margin-right:4px; } .cate_tit_4 { background:url(../../images/UXDesign/common/bg_cate_tit_4_r.gif) no-repeat right; font-size:0.9em; font-weight:normal; padding:2px; text-align:center; display:inline-block; color:#9646ac; } .cate_block_5 { float:left; background:url(../../images/UXDesign/common/bg_cate_tit_5_l.gif) no-repeat left; padding-left:2px; margin-top:-2px; margin-right:4px; } .cate_tit_5 { background:url(../../images/UXDesign/common/bg_cate_tit_5_r.gif) no-repeat right; font-size:0.9em; font-weight:normal; padding:2px; text-align:center; display:inline-block; color:#d64681; } .cate_block_6 { float:left; background:url(../../images/UXDesign/common/bg_cate_tit_6_l.gif) no-repeat left; padding-left:2px; margin-top:-2px; margin-right:4px; } .cate_tit_6 { background:url(../../images/UXDesign/common/bg_cate_tit_6_r.gif) no-repeat right; font-size:0.9em; font-weight:normal; padding:2px; text-align:center; display:inline-block; color:#777; } .cate_tit_fix_1 { background:url(../../images/UXDesign/common/bg_cate_tit_1_w47.gif) no-repeat; font-size:0.9em; text-align:center; display:inline-block; color:#007496; width:47px; margin-right:5px; } .cate_tit_fix_2 { background:url(../../images/UXDesign/common/bg_cate_tit_2_w47.gif) no-repeat; font-size:0.9em; text-align:center; display:inline-block; color:#525aae; width:47px; margin-right:5px; } .cate_tit_fix_3 { background:url(../../images/UXDesign/common/bg_cate_tit_3_w47.gif) no-repeat; font-size:0.9em; text-align:center; display:inline-block; color:#2368ae; width:47px; margin-right:5px; } .cate_tit_fix_4 { background:url(../../images/UXDesign/common/bg_cate_tit_4_w47.gif) no-repeat; font-size:0.9em; text-align:center; display:inline-block; color:#9646ac; width:47px; margin-right:5px; } .cate_tit_fix_5 { background:url(../../images/UXDesign/common/bg_cate_tit_7.gif) no-repeat 0 4px; font-size:0.9em; text-align:center; display:inline-block; color:#007496; width:41px; margin-right:5px; } .cate_tit_fix_6 { background:url(../../images/UXDesign/common/bg_cate_tit_8.gif) no-repeat 0 4px; font-size:0.9em; text-align:center; display:inline-block; color:#525aae; width:41px; margin-right:5px; } .cate_tit_fix_7 { background:#D9FFFF; font-size:0.9em; text-align:center; display:inline-block; padding: 0 6px; color:#007496; margin-right:5px; border-radius: 4px; } .myColl_box li.selected span.arrow { background:url(../../images/UXDesign/common/blt_arrow_1.gif) no-repeat 2px 5px; color:#333; } .TeamColl_rBox div.photo { position:relative; } .TeamColl_rBox div.img_tit { position:absolute; top:32px; left:0; width:50px; background:#000; z-index:1; text-align:center; color:#fcfcfc; font-size:0.8em; font-weight:bold; } .btn_administration { float:right; background:url(../../images/UXDesign/icon/ic_administration.gif) no-repeat 0 2px; margin-top:-10px; padding-left:20px; } .btn_administration a { color:#333; } .allianceManage .cate_block_1, .allianceManage .cate_block_2, .allianceManage .cate_block_3, .allianceManage .cate_block_4, .allianceManage .cate_block_5, .allianceManage .cate_block_6 { float:none; } .recom_knowledge .cate_block_1, .recom_knowledge .cate_block_2, .recom_knowledge .cate_block_3, .recom_knowledge .cate_block_4, .recom_knowledge .cate_block_5, .recom_knowledge .cate_block_6 { float:none; } .pr_documents .cate_block_1, .pr_documents .cate_block_2, .pr_documents .cate_block_3, .pr_documents .cate_block_4, .pr_documents .cate_block_5, .pr_documents .cate_block_6 { float:none; } /* Contents Search Option ---------------------------------------------------------*/ .conSearch { float:left; position:relative; width:280px; height:26px; margin:0 10px; background:url(../../images/UXDesign/common/con_search.gif) no-repeat; } .conSearch_sel { position:relative; float:left; margin:4px 0 0 5px; } @-moz-document url-prefix() { .conSearch_sel select { margin-top:-1px; border:none; } } .conSearch_sel select { padding:0; border:none; } .conSearch a.sel_con span, .conSearch a.sel_btn span { display:none; } .conSearch_sel a { color:#555; } .conSearch_sel a.sel_con { display:block; padding:0 18px 0 0; background:url(../../images/UXDesign/common/search_sel.gif) no-repeat right 0; } .conSearch_sel a:hover { color:#5a86ce; text-decoration:none; } .conSearch_sel img { padding:0 0 3px 5px; vertical-align:middle; } .conSearch_sel ul li { line-height:1.3em; margin-bottom:0; } .conSearch_layer { z-index:99; position:absolute; top:18px; left:-5px; width:50px; padding:4px; border:1px solid #DDD; background:#FFF; } .conSearch input { float:left; margin:3px 3px 0 3px; padding:2px 0 0 5px; border:none; background:none; } .conSearch a.sel_btn { display:block; float:left; width:26px; height:24px; background:url(../../images/UXDesign/common/con_search_go.gif) no-repeat; } .search_who .conSearch { float:left; position:relative; width:280px; height:26px; margin:0; background:url(../../images/UXDesign/common/con_search.gif) no-repeat; } .conSearch_2 { float:left; position:relative; width:184px; height:24px; margin:0 10px; background:url(../../images/UXDesign/common/bg_search_pps.gif) no-repeat; } .conSearch_2 a.sel_btn span { display:none; } .conSearch_2 input { float:left; font-family:'돋움', 'Dotum'; margin:3px 0 0 0px; padding:2px 0 0 5px; width:152px; border:none; background:none; } .conSearch_2 a.sel_btn { display:block; float:left; width:25px; height:21px; margin-top:1px; background:url(../../images/UXDesign/common/search_pps_go.gif) no-repeat; } .conSearch_3 { float:left; position:relative; width:164px; height:24px; margin:0 10px; background:url(../../images/UXDesign/common/bg_search_myspace.gif) no-repeat; } .conSearch_3 a.sel_btn span { display:none; } .conSearch_3 input { float:left; font-family:'돋움', 'Dotum'; margin:3px 0 0 0px; padding:2px 0 0 5px; width:132px; border:none; background:none; } .conSearch_3 a.sel_btn { display:block; float:left; width:25px; height:21px; margin-top:1px; background:url(../../images/UXDesign/common/search_pps_go.gif) no-repeat; } /* Personal Portal Service ---------------------------------------------------------*/ .conPPS h1 { font-size:2em !important; font-weight:normal !important; color:#111 !important; margin:0 0 20px 0 !important; } .conPPS .search_con { margin:0 !important; } .conPPS .search_con input { color:#999; padding-top:3px; padding-left:6px; } .conPPS .tab { position:relative; padding-left:15px; } .conPPS .tab ul, .tab ul li { margin:0; padding:0; font-size:0.95em; } .conPPS .tab ul li { list-style:none } .conPPS .tab ul li, .tab ul li a { background:url(../../images/UXDesign/common/bg_tab_off.gif) no-repeat } .conPPS .tab ul li { float:left; margin-right:-1px; line-height:22px } .conPPS .tab ul li a { display:inline-block; padding:1px 20px 1px; _padding:3px 16px 0; background-position: 100% 0; font-weight:nomal; color:#999; text-decoration:none !important } .conPPS .tab ul li.on, .tab ul li.on a { background-image:url(../../images/UXDesign/common/bg_tab_on.gif) } .conPPS .tab ul li.on a { color:#fff } .conPPS .tab_v1 ul li { position:relative } .conPPS .tab_v1 ul li a { padding-right:12px } .conPPS .tab_v1 ul li button { overflow:hidden; position:absolute; top:3px; right:3px; width:20px; height:20px; margin:0; padding:0; border:0; background:none; cursor:pointer; _cursor:hand } .conPPS .tab_v1 ul li button:active { background:url(http://static.naver.com/groupware/2010/btn_tab_del.gif) no-repeat 5px 5px } .conPPS .tab_v1 ul li button:active img { margin-left:-100px } .conPPS .tab_v2 { padding-left:0 } .conPPS .d_line { padding:15px 0 0 0; border-bottom:1px dotted #999; } .comment_con { margin-bottom:75px; margin-top:8px; *margin-bottom:30px; } .comment_box_l { position:absolute; *left:20px; background:url(../../images/UXDesign/common/box_pps1.gif) no-repeat left top; display:block; padding:10px 15px 10px 12px; table-layout:fixed; margin-top:20px; } .comment_box_l li { width:250px; } .comment_box_l li .summaryViewInfo { padding-top:0; } .comment_box_l li img { padding-bottom:0; } .comment_box_l .ty1 { font-size:0.9em; color:#999; } .comment_box_c { position:relative; margin:0 150px 0 274px; *margin:0 150px 0 0px; *padding-left:274px; *width:60%; } .comment_box_c p { position:absolute; top:10px; left:-18px; } .comment_today { float:left; position: relative; margin:6px 0 0 10px; font-size:0.9em; line-height:12px; } .comment_oldday { float:left; position: relative; margin:6px 0 0 10px; font-size:0.9em; line-height:12px; color:#999; } .comment_RoundBox1 { float:left; position:relative; background:#628fd6; padding:7px 11px; margin-left:20px; border:1px solid #5885d0; color:#fff; z-index:99; } * html .comment_RoundBox1 { height:1%; } .comment_RoundBox1 .l_t_corner { position:absolute; font-size:0; width:7px; height:7px; left:-1px; top:-1px; background:url(../../images/UXDesign/common/bg_pps_rndbox1.gif) no-repeat left top; } .comment_RoundBox1 .r_t_corner { position:absolute; font-size:0; width:7px; height:7px; right:-1px; top:-1px; background:url(../../images/UXDesign/common/bg_pps_rndbox1.gif) no-repeat right top; } .comment_RoundBox1 .l_b_corner { position:absolute; font-size:0; width:7px; height:7px; left:-1px; bottom:-1px; background:url(../../images/UXDesign/common/bg_pps_rndbox1.gif) no-repeat left bottom; } .comment_RoundBox1 .r_b_corner { position:absolute; font-size:0; width:7px; height:7px; right:-1px; bottom:-1px; background:url(../../images/UXDesign/common/bg_pps_rndbox1.gif) no-repeat right bottom; } .comment_RoundBox2 { float:left; position:relative; background:#999999; padding:7px 11px; margin-left:20px; border:1px solid #888888; color:#fff; z-index:99; } * html .comment_RoundBox2 { height:1%; } .comment_RoundBox2 .l_t_corner { position:absolute; font-size:0; width:7px; height:7px; left:-1px; top:-1px; background:url(../../images/UXDesign/common/bg_pps_rndbox2.gif) no-repeat left top; } .comment_RoundBox2 .r_t_corner { position:absolute; font-size:0; width:7px; height:7px; right:-1px; top:-1px; background:url(../../images/UXDesign/common/bg_pps_rndbox2.gif) no-repeat right top; } .comment_RoundBox2 .l_b_corner { position:absolute; font-size:0; width:7px; height:7px; left:-1px; bottom:-1px; background:url(../../images/UXDesign/common/bg_pps_rndbox2.gif) no-repeat left bottom; } .comment_RoundBox2 .r_b_corner { position:absolute; font-size:0; width:7px; height:7px; right:-1px; bottom:-1px; background:url(../../images/UXDesign/common/bg_pps_rndbox2.gif) no-repeat right bottom; } .comment_RoundBox3 { position:relative; background:#fff; padding:7px 11px; border:1px solid #ccc; z-index:99; } * html .comment_RoundBox3 { height:1%; } .comment_RoundBox3 .l_t_corner { position:absolute; font-size:0; width:7px; height:7px; left:-1px; top:-1px; background:url(../../images/UXDesign/common/bg_pps_rndbox3.gif) no-repeat left top; } .comment_RoundBox3 .r_t_corner { position:absolute; font-size:0; width:7px; height:7px; right:-1px; top:-1px; background:url(../../images/UXDesign/common/bg_pps_rndbox3.gif) no-repeat right top; } .comment_RoundBox3 .l_b_corner { position:absolute; font-size:0; width:7px; height:7px; left:-1px; bottom:-1px; background:url(../../images/UXDesign/common/bg_pps_rndbox3.gif) no-repeat left bottom; } .comment_RoundBox3 .r_b_corner { position:absolute; font-size:0; width:7px; height:7px; right:-1px; bottom:-1px; background:url(../../images/UXDesign/common/bg_pps_rndbox3.gif) no-repeat right bottom; } .comment_RoundBox4 { position:relative; background:#fdffcb; padding:7px 11px; border:1px solid #d3d687; z-index:99; } * html .comment_RoundBox4 { height:1%; } .comment_RoundBox4 .l_t_corner { position:absolute; font-size:0; width:7px; height:7px; left:-1px; top:-1px; background:url(../../images/UXDesign/common/bg_pps_rndbox4.gif) no-repeat left top; } .comment_RoundBox4 .r_t_corner { position:absolute; font-size:0; width:7px; height:7px; right:-1px; top:-1px; background:url(../../images/UXDesign/common/bg_pps_rndbox4.gif) no-repeat right top; } .comment_RoundBox4 .l_b_corner { position:absolute; font-size:0; width:7px; height:7px; left:-1px; bottom:-1px; background:url(../../images/UXDesign/common/bg_pps_rndbox4.gif) no-repeat left bottom; } .comment_RoundBox4 .r_b_corner { position:absolute; font-size:0; width:7px; height:7px; right:-1px; bottom:-1px; background:url(../../images/UXDesign/common/bg_pps_rndbox4.gif) no-repeat right bottom; } .people_box { margin-right:15px; float:left; width:445px; height:76px; *left:20px; background:url(../../images/UXDesign/common/box_pps2.gif) no-repeat left top; display:block; padding:10px 10px 10px 12px; table-layout:fixed; } .people_box img { vertical-align:middle; } .people_box_photo { float:left; margin-right:8px; position:relative; } .people_box_info { float:left; position:relative; width:384px; min-height:55px; } .width_msg { width:298px; } .people_box_photo img { padding-top:2px; } .people_box_name a { color:#003366; font-weight:bold; } .people_box_team { color:#999; font-size:0.9em; margin:0 2px; } .people_box_con span, .people_box_mail span { display:inline-block; height:16px; vertical-align:top; } .people_box_con .phone { background:url(../../images/UXDesign/icon/ic_phone.gif) no-repeat left 3px; padding-left:20px; margin-right:5px; } .people_box_con .cellular { background:url(../../images/UXDesign/icon/ic_phone1.gif) no-repeat left top; padding-left:14px; margin-right:5px; } .people_box_con a { color:#3378BD; } .people_box_mail a { color:#3378BD; padding-left: 4px; } .people_box_mail .email { display:inline-block; width:16px; height:16px; background:url(../../images/UXDesign/icon/ic_email.gif) no-repeat left 4px; } .people_box_con .phone span, .people_box_con .cellular span, .people_box_mail span { display:none; } .people_box_resize .ic_rt { position:absolute; top:-18px; left:-18px; } a.ic_rt_favorite, a.ic_rt_note { display:inline-block; width:14px; height:15px; } a.ic_rt_favorite { background:url(../../images/UXDesign/icon/ic_favorite_3.png) no-repeat 0 -15px; } a:hover.ic_rt_favorite, a.ic_rt_favorite.select { background-position:0 0; } a.ic_rt_favorite span, a.ic_rt_note span { display:none; } a.ic_rt_note { background:url(../../images/UXDesign/icon/ic_note.gif) no-repeat left top; } .people_box_btn { position:absolute; right:0; bottom:0; } .people_box_info .btn_following { margin-right:15px; } .smsvsTable .people_box_photo { margin:1px 8px 5px 5px; } a.ic_rt_important { display:inline-block; width:14px; height:15px;} a.ic_rt_important { background:url(../../images/UXDesign/icon/ic_flag.png) no-repeat 0 -15px; } a.ic_rt_important.select { background-position:0 0; } a.ic_rt_important span { display:none; } /* Block : PPS My Contents ---------------------------------------------------------*/ .MyContentsTable { position:relative; width:100%; min-width:400px; margin-bottom:10px; } .MyContentsTable table { border-collapse:collapse; width:100%; table-layout:fixed; } .MyContentsTable table caption { display:none; } .MyContentsTable table td a:link, .MyContentsTable table td a:visited, .MyContentsTable table td a:active { color:#555; } .MyContentsTable table td a:hover { text-decoration:none; color:#000; } .MyContentsTable table td { word-break:break-all; text-align:center; line-height:14px; padding:6px 5px 5px 5px; *padding:6px 5px 4px 5px; border:1px dotted #999; *border:1px solid #d0d0d0; background:#fff; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .MyContentsTable table td .button_s { margin:-4px 3px -3px 0px; } .MyContentsTable table td .button_ic { margin:-4px 3px -3px 0; } .MyContentsTable .bgSelected { background-color: #edf2f5; } .MyContentsTable table td.tdLast { border-right:none; } .MyContentsTable table td.tdFirst { border-left:none; border-top:none; } .MyContentsTable table .msg_unread td.tdFirst { border-top: 1px dotted #999; } .MyContentsTable table td span { font-size:0.9em; color:#999; margin-left:20px; } .Abuse_txt span { font-size:0.9em; color:#999; margin-left:4px !important; } .MyContentsTable table td span.name { font-size:0.9em; color:#777; margin-left:20px; } .MyContentsTable table td.textLeft_p20 { text-align:left; padding-left:14px; } .MyContentsTable table td.textRight_p20 { text-align:right; padding-right:16px; } .MyContentsTable img { vertical-align:middle; margin-right:3px; } .MyContentsTable div.del { vertical-align:middle; float:left; } .MyImage_topList { } .MyImage_topList table td { padding-right:20px; } .MyImage_topPhoto { position:relative; float:left; width:150px; height:150px; border:1px solid #ebebeb; } .MyImage_topPhoto_2 { position:relative; float:left; width:120px; height:120px; border:1px solid #ebebeb; } .MyImage_topPhoto_3 { position:relative; float:left; width:90px; height:70px; border:1px solid #ccc; margin-right:8px; margin-bottom:8px; padding:5px; } .MyImage_topPhoto span img { width:150px; height:150px; } .MyImage_topPhoto_2 span img { width:120px; height:120px; } .MyImage_topPhoto_3 span img { width:90px; height:70px; } .MyImage_topPhoto_info { position:absolute; left:0; bottom:0; width:150px; height:40px; background:url(../../images/UXDesign/common/bg_expertPhoto.png) no-repeat; } .MyImage_topPhoto_info_2 { position:absolute; left:0; bottom:0; width:120px; height:20px; background:url(../../images/UXDesign/common/bg_expertPhoto.png) no-repeat; } .MyImage_topPhoto_info_3 { position:absolute; left:5px; bottom:5px; width:90px; height:20px; background:url(../../images/UXDesign/common/bg_expertPhoto.png) no-repeat; } .MyImage_category { position:absolute; bottom:5px; right:5px; background:#000; color:#cbcbcb; padding:0 2px 0 2px; font-size:0.8em; } .MyImage_topPhoto_team { padding:4px 7px 0; margin-left:5px; line-height:16px; font-family:'돋움', 'Dotum'; font-size:0.9em; color:#ccc; } .MyImage_topPhoto_team a { color:#ccc; } .MyImage_topPhoto_name { padding:0 7px 0; margin-left:5px; line-height:16px; font-family:'돋움', 'Dotum'; font-size:0.9em; color:#e6e6e6; font-weight:bold; } .MyImage_topPhoto_name a { color:#e6e6e6; } .MyImage_topPhoto_title a { display: block; color:#e6e6e6; line-height: 22px; overflow: hidden; padding-left: 5px; white-space: nowrap; width: 110px; } .galleryViewTitle1 { width: 100px; padding-left: 5px; line-height: 22px; text-align:left; overflow-x:hidden; white-space:nowrap; } .galleryViewTitle1 a { color:#e6e6e6 !important; } .galleryViewTitle1 a:hover { text-decoration:underline !important; } /* alliance Contents ---------------------------------------------------------*/ .alliance { position:relative; width:760px; height:480px; background:url(../../images/UXDesign/common/alliance_bg.gif) no-repeat; } .alliance_left01 { width:355px; height:194px; border:1px solid #ffcccc; background-color:#fff; margin:40px 0 0 17px; } .alliance_left02 { width:355px; height:194px; border:1px solid #ffcccc; background-color:#fff; margin:10px 0 0 17px; } .alliance_Right01 { width:355px; height:194px; border:1px solid #6fb7ff; background-color:#fff; margin:40px 0 0 5px; } .alliance_Right02 { width:355px; height:194px; border:1px solid #6fb7ff; background-color:#fff; margin:10px 0 0 5px; } .alliance_title01 { margin:20px 17px 0 17px; padding:0 2px 16px 2px; border-bottom:1px solid #d7d7d7; } .alliance_title01 span { color:#111; font-size:1.2em; font-weight:bold; } .alliance_text01 { font-family:'돋움', 'Dotum'; font-size:2.0em !important; color:#d64681 !important; font-weight:normal !important; } .alliance_text02 { font-family:'돋움', 'Dotum'; font-size:2.0em !important; color:#6fb7ff !important; font-weight:normal !important; } .alliance_contents { margin:15px 20px 0; padding-bottom:14px; } .alliance_contents02 { margin:0 20px 0; } .alliance_contents02 span { color:#777; } .alliance_contents02 ul { background:url(../../images/UXDesign/icon/ic_point_09.gif) no-repeat 0px 7px; } .alliance_contents02 li { margin-left:8px; } .alliance_arrow01 { position:absolute; margin:125px 0 0 366px; } .alliance_arrow02 { position:absolute; margin:226px 0 0 551px; } .alliance_arrow03 { position:absolute; margin:331px 0 0 366px; } /* SocialBlog ---------------------------------------------------------*/ .fixedContents { width:980px; margin:0 auto !important; } .blockCenter { position:absolute; top:20px; left:0; width:100%; } .blockCenter_con { margin:0 194px; } .blockCenter_con_2 { margin:0 194px 0 15px; } .blockCenter_con_3 { margin:0 15px 0 194px; } .blockCenter_con_4 { margin:0 15px; } .blockCenter .blockTableRead_t p { padding:10px 100px 3px 0; } .socialblog_pr > img { width:150px; height:150px; } .socialblog_pr_info { text-align:left; margin:3px 0 8px 2px; } .socialblog_pr_name, .socialblog_pr_name a { color:#111; font-weight:bold; } .socialblog_pr_id, .socialblog_pr_id a { color:#999; } .socialblog_pr_ic { width:150px; height:25px; margin-bottom:10px; background:url(../../images/UXDesign/common/bg_socialblog_ic.gif) no-repeat; } .socialblog_pr_ic ul { text-align:center; padding-top:2px; } .socialblog_pr_ic li { display:inline; padding:0 2px; } .socialblog_pr_ic li img { vertical-align:middle; } .socialblog_pr_ic li.line img { padding:0 10px 0 3px; border-right:1px solid #cbcbcb; } .borderFrame { position:relative; padding:8px; margin-bottom:10px; } .borderFrame_p { font-size:0.9em; line-height:1.3em; } .borderFrame_p .role { margin:8px 0; padding-top:5px; font-weight:bold; border-top:1px dotted #ccc; } .borderFrame_p .phone { margin-top:5px; } .borderFrame_p .phone img { margin:1px 4px 6px 4px; vertical-align:middle; } .borderFrame_p .mail img { margin:0 0 1px 0; vertical-align:middle; } .borderFrame .edit { text-align:right; margin-top:5px; } .borderFrame_lt { position:absolute; top:0; left:0; width:8px; height:8px; border-top:1px solid #ccc; border-left:1px solid #ccc; } .borderFrame_rt { position:absolute; top:0; right:0; width:8px; height:8px; border-top:1px solid #ccc; border-right:1px solid #ccc; } .borderFrame_lb { position:absolute; bottom:0; left:0; width:8px; height:8px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; } .borderFrame_rb { position:absolute; bottom:0; right:0; width:8px; height:8px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; } .edit_textarea { width:122px; margin-bottom:5px; } .socialblog_search { margin-bottom:10px; } .socialblog_search .ic_search { vertical-align:middle; } .sMenu h3 { display:block; width:145px; height:20px; color:#333; font-size:1em; font-weight:bold; padding:6px 0 1px 5px; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; background:#fff; } .sMenu > ul { padding:7px 3px; } .sMenu > ul > li > a { padding-left:15px; color:#555; background:#fff url(../../images/UXDesign/icon/ic_point_09.gif) no-repeat 6px 6px; } .sMenu > ul > li > .ellipsis > a { padding-left:15px; color:#555; background:#fff url(../../images/UXDesign/icon/ic_point_09.gif) no-repeat 6px 6px; } .sMenu > ul > li.viewAll > a { padding-left:15px; color:#777; font-weight:bold; background:#fff url(../../images/UXDesign/icon/ic_category.gif) no-repeat 0 1px; } .corner_RoundBox07 .pageNum { border:none; background:none; } .corner_RoundBox07 .pageNum .ic_top { position:absolute; top:13px; right:15px; } .corner_RoundBox07 .pageNum .ic_top a { display:block; width:34px; height:13px; background:url(../../images/UXDesign/icon/ic_top.gif) no-repeat; } .corner_RoundBox07 .pageNum .ic_top a:hover { background-position:0 -13px; } .corner_RoundBox07 .pageNum .ic_top a span { display:none; } .corner_RoundBox07 .tableTop { padding:3px 0 0 0; } .blockList { position:relative; padding-bottom:5px; } .blockList h2 { color:#333 !important; font-size:1em !important; margin:0 !important; } .blockList ul { padding:5px 0; } .blockList li { padding-left:8px; background:url(../../images/UXDesign/icon/ic_point_09.gif) no-repeat 1px 7px; } .blockList_2 { position:relative; margin-bottom:10px;margin-top:10px; } .blockList_2 .more { position:absolute; top:7px; right:5px; } .blockList_2 .link { font-size:0.9em; } .blockList_2 h2 { color:#333 !important; font-size:1em !important; margin:0 !important; } .blockList_2 ul { padding:7px 0 5px; } .blockList_2 li { display:inline; padding-right:1px; } /* SocialBlog_skin */ .skinDesign_default { background:#f9f9f9; } .skinDesign_01 { background:url(../../images/UXDesign/socialblog/skinDesign_B01.gif) repeat; } .skinDesign_02 { background:url(../../images/UXDesign/socialblog/skinDesign_B02.gif) repeat; } .skinDesign_03 { background:url(../../images/UXDesign/socialblog/skinDesign_B03.gif) repeat; } .skinDesign_04 { background:url(../../images/UXDesign/socialblog/skinDesign_B04.gif) repeat; } .skinDesign_05 { background:url(../../images/UXDesign/socialblog/skinDesign_B05.gif) repeat; } .skinDesign_06 { background:url(../../images/UXDesign/socialblog/skinDesign_B06.gif) repeat; } .skinDesign_07 { background:url(../../images/UXDesign/socialblog/skinDesign_B07.gif) repeat; } .skinDesign_08 { background:url(../../images/UXDesign/socialblog/skinDesign_B08.jpg) repeat; } .skinDesign_09 { background:url(../../images/UXDesign/socialblog/skinDesign_B09.jpg) repeat; } .skinDesign_10 { background:url(../../images/UXDesign/socialblog/skinDesign_B10.jpg) repeat; } .skinDesign_11 { background:url(../../images/UXDesign/socialblog/skinDesign_B11.jpg) repeat; } .skinDesign_12 { background:url(../../images/UXDesign/socialblog/skinDesign_B12.jpg) repeat; } .skinDesign_13 { background:url(../../images/UXDesign/socialblog/skinDesign_B13.jpg) repeat; } .skinDesign_14 { background:url(../../images/UXDesign/socialblog/skinDesign_B14.jpg) repeat; } .skinDesign_15 { background:url(../../images/UXDesign/socialblog/skinDesign_B15.jpg) repeat; } .skinDesign_16 { background:url(../../images/UXDesign/socialblog/skinDesign_B16.jpg) repeat; } .skinDesign_17 { background:url(../../images/UXDesign/socialblog/skinDesign_B17.jpg) repeat; } .skinDesign_18 { background:url(../../images/UXDesign/socialblog/skinDesign_B18.jpg) repeat; } .skinDesign_19 { background:url(../../images/UXDesign/socialblog/skinDesign_B19.jpg) repeat; } /* SocialBlog_layout */ .blog_layout { position:relative; width:888px; height:540px; border:1px solid #d7d7d7; } .blog_layout_contents { margin:11px 15px 0 15px; } .blog_popTitle { position:relative; background:url(../../images/UXDesign/icon/ic_arrow_4.gif) no-repeat 0px 5px; border-bottom:1px solid #d4d4d4; margin-bottom:13px; } .blog_popTitle h2 { position:relative; height:25px; font-family:'돋움', 'Dotum'; font-size:1.0em; color:#111; font-weight:bold; margin-left:10px; } .blog_layout_Stitle { } .blog_layout_Stitle li span { font-family:'돋움', 'Dotum'; font-size:1.0em; font-weight:bold; color:#5e7fc4; } .blog_layout_Stitle ul { background:url(../../images/UXDesign/icon/ic_point_09.gif) no-repeat 0px 7px; } .blog_layout_Stitle li { margin-left:8px; } .blog_layout_select { margin:3px 0 20px; font-family:'돋움', 'Dotum'; font-size:0.95em; color:#555; border:1px solid #d7d7d7; } .select_txt { margin-top:6px; } .blog_layout_select table { width:100%; border-collapse:collapse; } .blog_layout_select table tr { vertical-align:middle; text-align:center; } .blog_layout_select table tr td { padding:10px 10px 8px; } .blog_layout_select table tr td.borderR { border-right:1px solid #d7d7d7; } .blog_layout_select table tr td.Ytd { border-right:1px solid #d7d7d7; background-color:#fffaf7; } .layout_portlet { margin-top:6px; } .layout_portletList { width:131px; font-weight:bold; border:2px solid #ddd; } .layout_portletList1 { width:210px; font-weight:bold; border:2px solid #ddd; } .portletList_title { padding:7px 0 11px 9px; background:url(../../images/UXDesign/common/layout_portlet_bg.gif) repeat-x; } .portletList_s { margin-left:8px; margin-bottom:9px; font-weight:normal; height:242px; overflow:auto; } a.layout_portlet_btn { display:inline-block; margin:83px 0 0 7px; width:22px; height:22px; background:url(../../images/UXDesign/icon/ic_layout_arrow.gif) no-repeat; } a.layout_portlet_btn span { display:none; } .layout_portlet_move { width:520px; height:291px; background-color:#676d78; } .move_btn { margin:5px; } .move_btn > ul > li { margin-bottom:5px; } .move_btn > ul > li > a { display:block; line-height:35px; width:118px; height:35px; text-align:center; color:#555; background:url(../../images/UXDesign/common/move_btn.png) no-repeat 0px 0px; } .move_btn > ul > li > a:hover { text-decoration:none; color:#111; background-position:0px -35px; } .move_btn > ul > li.licurrent > a, .move_btn > ul > li.licurrent > a:hover { display:block; line-height:35px; width:118px; height:35px; text-align:center; color:#111; background:url(../../images/UXDesign/common/move_btn.png) no-repeat 0px -35px; } .move_fixed { margin-top:5px; } .move_fixed1 { margin-top:5px; margin-left:5px; } .move_fixed2 { margin-top:5px; margin-left:10px; } .move_fixed_L { width:12px; height:280px; background:url(../../images/UXDesign/common/move_fixedL.png) no-repeat; } .move_fixed_R { width:12px; height:280px; background:url(../../images/UXDesign/common/move_fixedR.png) no-repeat; } .move_fixed_c { padding-top:131px; text-align:center; width:363px; height:149px; background-color:#8b93a2; } .move_fixed1_L { width:12px; height:100px; background:url(../../images/UXDesign/common/move_fixedL.png) no-repeat; } .move_fixed1_R { width:12px; height:100px; background:url(../../images/UXDesign/common/move_fixedR.png) no-repeat; } .move_fixed1_c { padding-top:10px; text-align:center; width:100px; background-color:#8b93a2; } .move_fixed1_c2 { display:block; padding-top:35px; text-align:center; width:100px; height:65px; background-color:#8b93a2; } .move_fixed1_c2 span { font-family:'돋움', 'Dotum'; font-size:1.0em; font-weight:bold; color:#e6e6e6; } .move_fixed2_L { width:12px; height:100px; background:url(../../images/UXDesign/common/move_fixedL.png) no-repeat; } .move_fixed2_R { width:12px; height:100px; background:url(../../images/UXDesign/common/move_fixedR.png) no-repeat; } .move_fixed2_c { padding-top:10px; text-align:center; width:350px; background-color:#8b93a2; } .move_fixed2_c2 { display:block; padding-top:35px; text-align:center; width:350px; height:65px; background-color:#8b93a2; } /* 2013 .move_fixed2_c2 span { font-family:Tahoma, Meiryo, "MS PGothic", Dotum; font-size:1.0em; font-weight:bold; color:#e6e6e6; } */ .move_fixed2_c2 span { font-family:'돋움', 'Dotum'; font-size:1.0em; font-weight:bold; color:#e6e6e6; } /* 2013 .move_fixed_c span { font-family:Tahoma, Meiryo, "MS PGothic", Dotum; font-size:1.0em; font-weight:bold; color:#e6e6e6; } */ .move_fixed_c span { font-family:'돋움', 'Dotum'; font-size:1.0em; font-weight:bold; color:#e6e6e6; } /* 2013 .move_fixed_c2 span { font-family:Tahoma, Meiryo, "MS PGothic", Dotum; font-size:1.0em; font-weight:bold; color:#e6e6e6; } */ .move_fixed_c2 span { font-family:'돋움', 'Dotum'; font-size:1.0em; font-weight:bold; color:#e6e6e6; } .move_fixed3_L { width:12px; height:280px; background:url(../../images/UXDesign/common/move_fixedL.png) no-repeat; } .move_fixed3_R { width:12px; height:280px; background:url(../../images/UXDesign/common/move_fixedR.png) no-repeat; } .move_fixed3_c { padding-top:131px; text-align:center; width:240px; height:149px; background-color:#8b93a2; } /* SocialBlog_layout_leftmenu */ .blog_left { position:absolute; width:163px; height:540px; background-color:#f3f3f3; border-right:1px solid #d7d7d7; } .blog_leftmenu { width:163px; } .blog_leftmenu > ul > li { width:163px; padding-bottom:13px; border-bottom:1px solid #d7d7d7; } .blog_leftmenu > ul > li > a { display:block; line-height:27px; font-weight:bold; width:140px; padding:15px 0 0 23px; color:#111; } .blog_leftmenu > ul > li > a:hover { text-decoration:none; } .blog_leftmenu > ul > li > ul > li > a { display:block; width:140px; padding:6px 0 3px 23px; color:#555; font-weight:bold;} .blog_leftmenu > ul > li > ul > li.licurrent > a, .blog_leftmenu > ul > li > ul > li.licurrent > a:hover { display:block; width:140px; padding:6px 0 3px 23px; color:#c50050; border-right:1px solid #fff; background:url(../../images/UXDesign/common/blog_leftmenu_over.gif) no-repeat; } .blog_leftmenu > ul > li > ul > li > a:hover { text-decoration:none; color:#c50050; } /* SocialBlog_background */ .blog_backBg { margin-top:5px; width:692px; height:461px; border:1px solid #d7d7d7; } .present_bg { position:relative; margin:15px; width:155px; height:431px; border-right:1px solid #ebebeb; } .backSelect img { border:1px solid #d7d7d7; } .backSelect_txt { position:absolute; margin-top:115px; width:140px; height:25px; text-align:center; background:url(../../images/UXDesign/common/select_txtBg.png) repeat-x; } .backSelect_txt > div { margin-top:4px; font-family:'돋움', 'Dotum'; font-size:1.0em; color:#e6e6e6; } .backSelectBox { position:absolute; width:489px; margin:15px 0 15px 186px; *margin:15px 0 15px 0; float:left; height:278px; border:1px solid #d7d7d7; background-color:#fcfcfc; overflow:auto; white-space:nowrap; scrollbar-highlight-color: #fff; scrollbar-shadow-color: #ccc; scrollbar-arrow-color: #ccc; scrollbar-face-color: #fff; scrollbar-3dlight-color: #ccc; scrollbar-darkshadow-color: #fff; scrollbar-track-color: #fff; } .backSelectBox ul { margin:15px 5px 0; } .backSelectBox ul li { float:left; margin-bottom:18px; padding:0 9px; width:50px; } .backSelectBox ul li img { width:50px; height:50px; } .backSelectBox ul li p { margin-top:5px; text-align:center; } .backSelectBox ul li table { border-collapse:collapse; } .backSelectBox ul li table tr td { padding-right:15px; } .img_enrollment { position:absolute; margin:310px 0 0 186px; *margin:310px 0 0 0; width:491px; height:136px; background-color:#fff9f7; } .img_title { margin:13px 16px 10px; } .img_title > span > span > input { vertical-align:middle !important; } .img_search { margin:0 16px; } .img_txt { margin:12px 16px 0; line-height:13.5pt; font-family:'돋움', 'Dotum'; font-size:1.0em; color:#999; } /* SocialBlog_visited_data */ .visit_table { margin-top:5px; margin-bottom:7px; } .grayLine { margin-bottom:12px; padding-bottom:5px; border-bottom:1px solid #d7d7d7; } .visit_graph { width:692px; height:324px; border:1px solid #d7d7d7; } .visit_graph span { display:block; margin-top:137px; text-align:center; } /* Whos Who Main List ---------------------------------------------------------*/ .search_who .conSearch_sel ul li { margin-bottom:0; } .blockSearch .search_who table th { background-position:10px 7px; } /* .blockSearch table td { width:40%; }*/ .whosSubTitle { position:relative; *padding-top:15px; } .whosSubTitle h3 { padding:0 0 3px 0; font-size:1em; color:#333; } .whosList { position:relative; margin-bottom:10px; } .whosList h4 { margin-top:10px; margin-bottom:5px; font-size:1.0em; color:#003366; } .whosList h4 a { color:#003366; } .whosList h4 a:hover { text-decoration:underline; } .whosList table { margin-bottom:5px; } .whosList span { color:#333; } .whosList span.whos_tit { color:#777; padding-left:7px; background:url(../../images/UXDesign/icon/ic_point_10.gif) no-repeat left 6px;} .whosPhoto { position:absolute; top:10px; left:0; border:1px solid #e9e9e9; } .whosInfo { background:#fafafa url(../../images/UXDesign/common/bg_whos_list.png) no-repeat 0 111px; margin-left:64px; padding-left:55px; padding-right:15px; border:1px solid #e9e9e9; } .whosRightBlock { position:absolute; top:15px; right:10px; width:236px; } .whosRightBlock div.conBox { margin-bottom:10px; display:inline-block; } .whosRightBlock div.conBox div { float:left; } .whosRightBlock div.conBox ul { margin-left:10px; } .whosRightBlock div.conBox li a { background:none; color:#336699; } .whosRightBlock div.conBox li a:hover { background:none; color:#336699; text-decoration:underline; } .whosPhotoList > div { float:left; margin-right:5px; } .whos_me span { display:inline-block; color:#333; } .whos_me span.whos_tit { color:#777; } /* Seamless Messaging_newMessage ---------------------------------------------------------*/ .newMessage_check { padding-top:0; } .newMessage_check div.check_txt { padding-top:3px; } .newMessage_check .checkbox { margin:0 2px 3px 0; } .favorite_list { width:100%; float:left; height:180px; margin-bottom:8px; overflow:auto; white-space:nowrap; scrollbar-highlight-color: #fff; scrollbar-shadow-color: #ccc; scrollbar-arrow-color: #ccc; scrollbar-face-color: #fff; scrollbar-3dlight-color: #ccc; scrollbar-darkshadow-color: #fff; scrollbar-track-color: #fff; } .favorite_list ul li a { color:#555; } .favorite_list ul li a:hover { text-decoration:none; background:#f3f3f3; } .favorite_list ul li a.select, .favorite_list ul li a.select:hover { color:#555; text-decoration:none; background:#f3f3f3; } .bg_smsvs { background:#f5f5f5; } .smsvs_pr { font-weight:bold; color:#003366; margin:0 0 8px; } .smsvs_pr_team { font-weight:normal; font-size:0.9em; color:#999; margin-left:5px; } .smsvs_blockAll { position:relative; } .smsvs_blockLeft { position:absolute; top:0; left:0; width:380px; } .smsvs_blockRight { margin-left:390px; } .smsvs_blockLeft .corner_RoundBox07, .smsvs_blockRight .corner_RoundBox07 { padding:0; } .smsvs_blockLeft .blockButton_3 { margin:10px; } .smsvsTable { position:relative; } .smsvsTable_view { position:absolute; top:5px; right:10px; } .smsvsTable table { width:100%; border-collapse:collapse; } .smsvsTable table th { text-align:left; color:#111; height:34px; padding:0 12px 0 8px; *padding:2px 12px 3px 8px; border-bottom:1px dotted #ccc; } .smsvsTable table th .more { float:right; margin-top:5px; *margin-top:-12px; } .smsvsTable table th .checkbox { *margin-top:-2px; vertical-align:middle; } .smsvsTable table th .button_s { margin-top:2px; } .smsvsTable table td { padding:7px 8px 6px 5px; border-bottom:1px dotted #ccc; } .smsvsTable table tr.bgWhite td { background:#fff; } .smsvsTable table tr.hover td { background:#fff; } .smsvsTable table tr.selected td { background:#fdffcb; } .smsvsTable table tr.unread td .smsvs_box_con_tl span, .smsvsTable table tr.selected td .smsvs_box_con_tl span { font-weight:bold; color:#333; } .smsvsTable table tr.unread td .smsvs_box_con_name a, .smsvsTable table tr.selected td .smsvs_box_con_name a { color:#777; } .smsvsTable table table { table-layout:fixed; } .smsvsTable table td td { padding:0; border:none; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .smsvsTable table td td a { color:#555; } .smsvsTable table td.date { width:45px; font-size:0.9em; color:#999; padding-left:11px; background:url(../../images/UXDesign/icon/ic_point_09.gif) no-repeat 4px 8px !important; } .smsvsTable table td.date.bold { color:#555; font-weight:normal; } .smsvsTable table td.bold { font-weight:bold; } .smsvsTable table td.name, .smsvsTable table td.name a { width:100px; color:#999; text-align:center; } .smsvsTable .fixed_height { height:80px; overflow:auto; overflow-x:hidden; scrollbar-highlight-color: #fff; scrollbar-shadow-color: #ccc; scrollbar-arrow-color: #ccc; scrollbar-face-color: #fff; scrollbar-3dlight-color: #ccc; scrollbar-darkshadow-color: #fff; scrollbar-track-color: #fff; } .smsvsTable.contact td { padding-right:0; } .smsvsTable.contact .smsvsTable_view { position:relative; text-align:right; } .titleTable td { font-weight:bold; color:#333; padding:0 0 4px !important; border:none !important; } .smsvs_box { padding:15px 0; } .smsvs_box_check { width:10px; border-right:none !important; } .smsvs_box_check .checkbox { margin:0 0 0 5px; *margin:0; } .smsvs_box_img { width:50px; border-left:none !important; border-right:none !important; } .smsvs_box_img .icbox { display:inline-block; width:48px; height:40px; text-align:center; padding-top:8px; border:1px solid #e5e5e5; background:#fff; } .smsvs_box_img .icbox img { width:auto; height:auto; } .smsvs_box_img img { width:50px; height:50px; } .smsvs_box_con { vertical-align:top; border-left:none !important; } .smsvs_box_con_t img { vertical-align:middle; padding-bottom:2px; *padding:0; } .smsvs_box_con_t { padding-top:5px; } .smsvs_box_con_tl { /*float:left; width:87%;*/ } .smsvs_box_con_tr { float:right; } .smsvs_box_con_tr a { color:#999; } .smsvs_box_con span { color:#999; } .smsvs_box_con_info { clear:both; font-size:0.9em; line-height:22px; } .smsvs_box_con_name { float:left; margin-right:5px; } .smsvs_box_con_name a { color:#999; } .smsvs_box_con_team { float:left; color:#999; } .smsvs_box_con_team a { color:#999; } .smsvs_box_con_date { float:right; color:#777; } .contactBox { border-top:1px solid #ccc; background:url(../../images/UXDesign/common/bg_sky_repeat.gif) repeat-x; } .contactBox.con2 { border-top:none; } .contactBox.con2 .contactBox_con { padding-top:15px; } .contactBox_con { background:url(../../images/UXDesign/common/bg_sky.gif) no-repeat; } .contactBox_con .roundTitle { margin:0 35px; } .contactBox_con h3 { font-size:1em; color:#111; padding:10px 15px; } .contactBox_img { position:relative; height:75px; } .contactBox .blockButton_5 { margin-left:15px; margin-right:15px; } .imgFrame_l { position:absolute; top:5px; left:23px; } .imgFrame_r { position:absolute; top:5px; right:23px; } .imgFrame_l > img, .imgFrame_r > img { width:50px; height:50px; } .imgFrame_l .frame, .imgFrame_r .frame { position:absolute; top:-8px; left:-9px; } .contactBox_img_info { font-size:0.9em; color:#777; margin:0 20px; padding-top:11px; text-align:center; border-bottom:1px solid #ccc; } .contactBox_img_info_2 { font-size:0.9em; color:#777; margin:0 20px; text-align:center; } .contactBox_t { height:29px; background:url(../../images/UXDesign/theme/theme01/basic/bg_contitle.gif) repeat-x; } .contactBox_t h3 { font-size:1em; color:#fff; padding-left:15px; line-height:27px; } .contactBox_t_sub { padding:10px 0; } .contactBox_t_sub h4 { font-size:1em; color:#fff; text-align:center; line-height:22px; height:24px; background:url(../../images/UXDesign/theme/theme01/basic/bg_contitle_sub.gif) repeat-x; } .contactBox_cl { position:relative; margin:10px 12px 18px; } .contactBox_cl_img { position:absolute; top:0; left:0; } .contactBox_cl_img img { width:25px; height:25px; } .contactBox_cl p { position:absolute; top:7px; left:-10px; } .contactBox_cl .comment_RoundBox3, .contactBox_cl .comment_RoundBox4 { margin:0 60px 0 38px; } .contactBox_cl .box_gradient_1 { margin-right:60px; } .contactBox_cl .contactBox_ic { float:left; } .contactBox_cl .contactBox_p { margin:0 10px 0 22px; } .contactBox_cl_date { position:absolute; right:6px; bottom:-6px; font-size:0.9em; color:#777; } .contactBox_cr { position:relative; margin:10px 12px 18px; } .contactBox_cr p { position:absolute; top:7px; right:-10px; } .contactBox_cr .comment_RoundBox1, .contactBox_cr .comment_RoundBox4 { float:none; margin-left:60px; } .contactBox_cr .box_gradient_2 { float:none; margin-left:60px; } .contactBox_cr_date { position:absolute; left:6px; bottom:-6px; font-size:0.9em; color:#777; } .contactBox_cr .contactBox_ic { float:left; } .contactBox_cr .contactBox_p { margin:0 10px 0 22px; min-height:28px; } .attachfile { position:absolute; right:10px; bottom:5px; } .smsvs_blockLeft .search_box { padding:10px; border-bottom:1px solid #ccc; background:url(../../images/UXDesign/common/bg_qnamenu.gif) repeat-x bottom; } .smsvs_blockLeft .search_box h2 { float:left; font-size:1.2em; color:#111; margin-top:2px !important; } .smsvs_blockLeft .search_con { float:none; width:353px; margin:5px 10px; } .search_con input { width:230px; border:none; } .search_con_sel { position:relative; float:left; margin:1px 0 0 9px; } .search_con_sel a.sel_con span { display:none; } .search_con_sel a { color:#555; } .search_con_sel a:hover { text-decoration:none; } .search_con_sel a.sel_con { display:block; padding:1px 18px 0 0; *padding:0 18px 0 0; background:url(../../images/UXDesign/common/search_sel.gif) no-repeat right 0; } .search_con_layer { position:absolute; top:18px; left:-5px; z-index:99; width:70px; padding:4px; border:1px solid #DDD; background:#FFF; } .search_con_layer a:hover { color:#3378bd; } .smsvs_layer { position:relative; padding:5px 0 7px; border-bottom:1px solid #d7d7d7; } .smsvs_layer_icon { display:inline-block; } .smsvs_layer_title { margin-left:5px; vertical-align:top; font-weight:bold; color:#111; } .smsvs_layer_more { position:absolute; top:12px; right:0; } .smsvs_layer_con_t { padding-top:10px; } .smsvs_layer_con_tl { float:left; width:100%; } .smsvs_layer_con_tl span { color:#333; background:url(../../images/UXDesign/icon/ic_point_09.gif) no-repeat 0 6px; padding-left:8px; } .smsvs_layer_con_tl a { color:#333; } .smsvs_layer_con_tl a:hover { color:#333; text-decoration:none; } .smsvs_layer_con_info { clear:both; font-size:0.9em; line-height:22px; } .smsvs_layer_con_name { float:left; margin:0 5px 0 8px; } .smsvs_layer_con_name a { color:#777; } .smsvs_layer_con_name a:hover { color:#777; text-decoration:none; } .smsvs_layer_con_date { float:left; color:#999; } /* address book ---------------------------------------------------------*/ .addressBox1 { border-bottom: #d8e1ec 1px solid; text-align: center; border-left: #d8e1ec 1px solid; background-color: #f4f7fc; font-size: 12px; border-top: #d8e1ec 1px solid; border-right: #d8e1ec 1px solid; margin-bottom:10px; display:block; } .addressBox1_line { margin: 17px 34px 20px; background: url(../../images/UXDesign/common/ln_bring.gif); height: 2px; font-size: 0px; } .addressBox1_c { border-bottom: #d8e1ec 1px solid; border-left: #d8e1ec 1px solid; background-color: #f4f7fc; border-top: #d8e1ec 1px solid; border-right: #d8e1ec 1px solid; } .addressBox1_c { padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; } .pty1 { padding-bottom: 20px !important; padding-left: 40px !important; padding-right: 40px !important; padding-top: 20px !important; } .addressBox1_c span { font-weight: bold; } .addressBox1 .cvsfileradiowrap { margin-top: 18px; height: 40px; margin-right: 6px; } .addressBox1 .cvsfileradiowrap input { margin-top: 13px; width: 13px; float: left; height: 13px; margin-left:8px; } .addressBox1 .cvsfileradiowrap span { display: block; padding:11px 0 0 39px; font-size:0.9em; } .addressBox1 .cvsphone { width: 170px; background: url(../../images/UXDesign/common/bt_n_phone.gif); display:inline-block; } .addressBox1 .cvsoutlook { width: 170px; background: url(../../images/UXDesign/common/bt_n_outlook.gif); display:inline-block; } .addressBox1 .cvsexpress { width: 190px; background: url(../../images/UXDesign/common/bt_n_express.gif); display:inline-block; } .addressBox1 .cvsexcel { width: 165px; background: url(../../images/UXDesign/common/bt_n_excel.gif); MARGIN-RIGHT: 0px; display:inline-block; } .addressBox1 .fileselectwrap input { height: 22px; margin-left: 10px; margin-bottom: 20px; } .addressBox1_list li { padding-bottom:6px; font-size:0.9em; } .addressBox1_list li span { padding-left:12px; font-weight:normal !important; } .addressBox1_ty1 { font-size:1em; margin-bottom:10px; color:#0000ff; font-weight:bold; } div.addr_import { margin-top:20px; } div.addr_import label { display:inline-block; line-height:40px; background:url('../../images/UXDesign/common/bg_addr_import_button_left.gif') repeat scroll 0 0 transparent; padding-left:10px; margin:0 10px; } div.addr_import label span.title { display:block; line-height:40px; background:url('../../images/UXDesign/common/bg_addr_import_button_right.gif') no-repeat scroll right 0 transparent; padding-right:10px; } div.addr_import label span.icon { display:inline-block; width:16px; height:16px; margin:0 4px; vertical-align:middle; } div.addr_import label span.icon.phone { background:url('../../images/UXDesign/common/icon_addr_import_filetype.gif') no-repeat scroll 0 0 transparent; } div.addr_import label span.icon.outlook { background:url('../../images/UXDesign/common/icon_addr_import_filetype.gif') no-repeat scroll -16px 0 transparent; } div.addr_import label span.icon.express { background:url('../../images/UXDesign/common/icon_addr_import_filetype.gif') no-repeat scroll 0 -16px transparent; } div.addr_import label span.icon.excel { background:url('../../images/UXDesign/common/icon_addr_import_filetype.gif') no-repeat scroll -16px -16px transparent; } div.addr_import label input { vertical-align:middle; } /* namecard address ---------------------------------------------------------*/ .namecard_wrap { } .namecard_wrap li { display:inline-block; padding-right:4px; } .namecard_box { width:374px; height:171px; /*background:url(../../images/UXDesign/common/box_address.gif);*/ border-radius:5px; border:1px solid #d1d1d1; margin-bottom:15px; margin-right:5px; box-shadow:3px 3px 3px 0px #dfdfdf; } .namecard_m { margin-top:0px; margin-bottom:10px; margin-left:12px; margin-right:12px; } .namecard_title1 { font-size:1em; font-weight:none; color:#2164d3; height:27px; line-height:27px; border-bottom:1px solid #ccc; padding-left:5px; padding-top:8px; position:relative; } .namecard_title1 a:link, .namecard_title1 a:visited { color:#2164d3; text-decoration: none; } .namecard_title1 a:hover, .namecard_title1 a:active { color:#2164d3; text-decoration: underline; } .namecard_title2 { font-size:0.9em; font-weight:none; color:#99a2a9; height:27px; line-height:27px; padding-left:5px; padding-top:8px; position:relative; } .namecard_memo { font-size:0.9em; font-weight:none; color:#7a92b8; height:42px; text-align:center; background-color: #f4f7fb; line-height:42px; position:relative; margin-top:12px; display: ;} .namecard_list { color:#333; margin-top:14px; margin-left:4px; } .namecard_list li { margin-bottom:6px; display: block; } .namecard_mail { position:absolute; right:4px; top:6px; cursor:pointer; font-size:0.9em; color:#608ac9; text-decoration: none; } .namecard_mail a:link, .namecard_mail a:visited { color:#608ac9; text-decoration: none; } .namecard_mail a:hover, .namecard_mail a:active { color:#608ac9f; text-decoration: underline; } /* cafe ---------------------------------------------------------*/ #mainContents_3 h2 { font-size:1.2em; font-weight:bold; color:#111; margin:0 0 5px 0; } .cafe_main { margin-top:0px; height:28px; } .cafe_main h2 { float:left; *font-family:'돋움', 'Dotum'; font-size:1.3em; color:#111; padding-top:4px; margin-bottom:10px; } .cafeSubTitle { position:relative; height:28px; } .cafeSubTitle h3 { float:left; padding:3px 0 3px 0; font-size:1em; color:#333; } .cafeSubTitle h3 img { vertical-align:middle; } .cafe_ltp { position:absolute; !important; left:15px; width:164px; z-index:99; } .cafe_list { padding:0 0 8px 0; } .cafe_list > ul > li { display:block; width:145px; height:20px; color:#333; font-weight:bold; padding:4px 0 1px 5px; border-bottom:1px dotted #ccc; } .cafe_list > ul > li > a { color:#333; } .cafe_list > ul > li img { vertical-align:top; } .cafe_list > ul > li > a:hover { text-decoration:underline; } .cafe_graph { width:100%; height:179px; background-color:#f5f5f5; text-align:center; display:table; } .cafe_graph .txt { display:table-cell; vertical-align:middle; } .cafe_graph .txt { display:table-cell; vertical-align:middle; } .cafe_gal li { float:left; margin:0 6px 6px 0; } .Search_result { margin:0 0 10px 0; color:#333; } .cafe_img_bd img { border:1px solid #ddd; margin-top:4px; } .cafe_sort { position:absolute; top:2px; right:0px; } .cafe_sort_smenu img { padding:0 3px 0px; } .cafe_sort_smenu a:link, .cafe_sort_smenu a:active, .cafe_sort_smenu a:visited { letter-spacing:-0.05em; font-weight:normall; !important; color:#999 !important; font-size:0.9em; } .cafe_sort_smenu a:hover { text-decoration:underline !important; } .cafe_sort_smenu .current a:link, .cafe_sort_smenu .current a:active, .cafe_sort_smenu .current a:visited { letter-spacing:-0.05em; font-weight:normall; !important; color:#c60050 !important; font-size:0.9em; } .cafe_sort_smenu .current a:hover { text-decoration:underline !important; color:#c60050; } .cafeRightBlock { position:absolute; top:0; right:0; width:230px; } .cafeBox_tab { margin:-10px 0 10px; width:227px; border:1px solid #ccc; border-top:none; } .cafeTitle_1 { position:relative; font-size:0.9em; font-weight:bold; color:#555; padding-left:8px; padding-bottom:2px; margin:5px; letter-spacing:-0.03em; background:url(../../images/UXDesign/icon/ic_point_11.gif) no-repeat left 5px; border-bottom:1px solid #e0e0e0; *font-family:'돋움', 'Dotum'; } .cafeTitle_1 .title { display:inline-block; width:125px; } .cafeTitle_1 > .title > a { display:inline-block; color:#555; } .cafeTitle_1 > .title > a:hover { color:#111; text-decoration:none; } .cafeTitle_2 { position:relative; font-size:0.9em; font-weight:bold; color:#555; padding-top:10px; padding-left:22px; margin:12px 5px 5px 5px; letter-spacing:-0.03em; background:url(../../images/UXDesign/icon/ic_cafe_06.gif) no-repeat left 10px; border-top:1px solid #e0e0e0; *font-family:'돋움', 'Dotum'; } .cafe_text_1 { position:absolute; font-weight:normal; top:-2px; *top:-7px; right:0; color:#999; *font-family:'돋움', 'Dotum'; } .cafe_text_2 { font-size:0.9em; background:url(../../images/UXDesign/icon/ic_arrow_6.gif) no-repeat left 5px; color:#333; *font-family:'돋움', 'Dotum'; } .cafe_text_2 a:link, .cafe_text_2 a:active, .cafe_text_2 a:visited { color:#333; } .cafe_text_2 a:hover { text-decoration:underline !important; } .cafe_text_3 { position:relative; font-size:0.9em; background:url(../../images/UXDesign/icon/ic_point_12.gif) no-repeat left 6px; color:#777; *font-family:'돋움', 'Dotum'; } .cafe_text_3 a:link, .cafe_text_3 a:active, .cafe_text_3 a:visited { color:#777; } .cafe_text_3 a:hover { text-decoration:underline !important; } .cafe_text_3 span { position:absolute; right:0; float:right; color:#9a9a9a; } .cafe_list_1 { margin:7px 5px 5px 5px; line-height:17px; } .cafe_list_1 ul { margin-top:5px; } .cafe_list_1 ul li { padding-left:8px; } .cafe_list_2 { margin:0px 5px 5px 5px; line-height:19px; } .cafe_list_2 ul { margin-top:0px; } .cafe_list_2 ul li { padding-left:8px; } .cafe_block_1 { background:url(../../images/UXDesign/common/bg_cafe_tit_2_l.gif) no-repeat left; padding-left:2px; margin-top:-4px; margin-right:4px; } .cafe_tit_1 { background:url(../../images/UXDesign/common/bg_cafe_tit_2_r.gif) no-repeat right; font-size:1em; padding:3px 2px 2px 2px; text-align:center; display:inline-block; color:#fff; font-family:'돋움', 'Dotum'; } .cafe_box { border:1px solid #d7d7d7; padding:10px 10px 10px; } .cafe_box .subTitle_2 h3 { padding:0 0 3px 0; font-size:1em; color:#023431; } .cafe_photo { position:relative; float:left; margin:3px 4px 0 0; } .cafe_photo span img { width:41px; height:41px; } .cafe_img { position:relative; min-height:118px; margin-bottom:20px; border:1px solid #ccc; } .cafe_img_ex { text-align:right; background:#f2f2f2; } .cafe_img_info { position:absolute; top:45px; left:40px; } .cafe_img_info a { position:absolute; top:10px; } .cafe_photo_name a { font-size:0.9em; color:#003366 !important; font-weight:bold; display:block; width:155px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .cafe_photo_con { font-size:0.9em; display:block; width:155px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .cafeViewInfo { padding:0; color:#999; font-size:0.9em; } .cafeViewInfo a {margin-right:5px;} /* Search Preprocessor ---------------------------------------------------------*/ .ic_searchTop { display:inline-block; width:7px; height:8px; background:url(../../images/UXDesign/icon/btn_searchTop.gif) no-repeat; } .ic_searchTop > span { display:none; } .ic_searchDown { display:inline-block; width:7px; height:8px; background:url(../../images/UXDesign/icon/btn_searchDown.gif) no-repeat; } .ic_searchDown > span { display:none; } .search_num { margin-left:3px !important; } .pre_search_form { margin:5px 0; width:60%; position:relative; } .pre_search_input { position:relative; height:35px; margin-right:78px; background:url(../../images/UXDesign/common/qnasearch_input.gif) no-repeat; } .pre_search_inputbox { padding:7px 90px 0 10px; } .pre_search_inputbox .inputbox { width:100%; font-size:1.4em; padding:4px; border:none; } a.pre_btn_1 { position:absolute; top:0; right:0; width:73px; height:35px; text-align:center; text-decoration:none; background:url(../../images/UXDesign/common/btn_search_qna.gif) no-repeat; } a.pre_btn_1 span { line-height:37px; color:#fff; font-weight:bold; font-size:1em; letter-spacing:-0.05em; } .pre_graph { padding:6px; min-height:400px; border:1px solid #ddd; } /* Intelligent Search Service ---------------------------------------------------------*/ .Intelligent_l { position:relative;} .Intelligent_r { position:absolute; width:207px; top:15px; right:0; padding-bottom:30px; } .Intelligent_rBox { border:2px solid #5f8cd0; padding:9px 0 9px 10px; background:#fff; } .Intel_search_con { float:left; position:relative; width:100%; height:19px; margin-top:5px; border:2px solid #5a86ce; background:#fff; } .Intel_search_con_btn { position:absolute; top:-2px; right:-2px; } .Intel_search_con_detail { float:right; padding-top:5px; } .Intel_search_con input { width:100%; border:none; font-weight:bold; color:#737373; } .Intel_search_info { margin:8px 0 0 0px; } .Intel_search_info li { padding-left:15px; background:url(../../images/UXDesign/icon/ic_point_08.gif) no-repeat 7px 7px;} .Intel_search_info span { margin-left:6px; } .Intel_search_info a { color:#6678ff; text-decoration:none; } .Intel_search_info a:hover { color:#6678ff; text-decoration:underline; } .search_infoTxt { margin-left:3px !important; font-weight:bold !important; color:#737373 !important; } .lntel_tag_con { margin-top:15px; margin-bottom:14px; } .lntel_tagBox { min-height:87px; line-height:6px; *line-height:15px; } .lntel_tagBox02 { min-height:87px; line-height:6px; *line-height:15px; margin-left:5px; } .lntel_tag_cloud { overflow:hidden; min-height:68px; line-height:14px; text-align:left; } .lntel_tag_cloud span { display:inline-block; padding:2px 1px 1px; margin:2px; *margin:2px; font-family:'돋움', 'Dotum'; } .people_Ph { margin-bottom:9px; } .people_photo { padding-top:5px; margin-bottom:8px; } .people_photoList { position:relative; } .pList { float:left; padding:0 5px 0 8px; text-align:center; } .pList p { display:block; margin-top:6px; white-space:nowrap; ; } .pList p a { color:#555; } .pList p a:hover { color:#555; } .pList img { width:75px; height:75px; } a.people_pre { float:left; display:inline-block; width:48px; height:94px; white-space:nowrap; background:url(../../images/UXDesign/common/people_pre.gif) no-repeat; overflow:visible; } a:hover.people_pre { background:url(../../images/UXDesign/common/people_pre_over.gif) no-repeat; } a.people_pre span { display:none; } a.people_next { float:right; display:inline-block; width:48px; height:94px; white-space:nowrap; background:url(../../images/UXDesign/common/people_next.gif) no-repeat; overflow:visible; } div.button-right-hover a:hover.people_next { background:url(../../images/UXDesign/common/people_next_over.gif) no-repeat; } a.people_next span { display:none; } .Intel_content { position:relative; margin-bottom:15px; } .Intel_content h2 { font-size:1em; color:#333; padding-bottom:4px; border-bottom:1px solid #d7d7d7; } .Intel_content li { padding:7px 0; *padding:0 0 7px 0; margin-top:0; *margin-top:8px; border-top:1px solid #ebebeb; } .Intel_content li:first-child { border:none; } .Intel_content_photo { position:relative; float:left; margin:3px 10px 0 0; } .Intel_content_photo img { width:35px; height:35px; } .lntel_contentTitle { padding-top:3px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .lntel_contentTitle span { } .lntel_contentTitle a { color:#333 !important; font-weight:bold; } .lntel_contentTitle a:hover { text-decoration:underline !important; } .Intel_content_Info { font-size:0.9em; color:#999; } .Intel_content_Info span { margin-right:5px; } .Intel_content_Info img { padding:0 3px 0px; } .Intel_content_Info_name a:link, .Intel_content_Info_name a:active, .Intel_content_Info_name a:visited { letter-spacing:-0.05em; font-weight:normall; !important; color:#777 !important; } .Intel_content_Info_name a:hover { text-decoration:underline !important; } .company_Title { margin-bottom:5px; } .company_Title h3 { font-size:1em; color:#333 !important; } .company_Info { font-size:0.95em; color:#333; } .company_Info span { font-weight:bold; color:#6678ff; } .PowerUser_Title { margin-top:8px; } .PowerUser_Title h3 { font-size:1em; color:#333 !important; padding:0 0 3px 0; margin-bottom:10px; border-bottom:1px solid #d4d4d4; } .user_List li { margin:0 0 0 5px; } .user_List li span { font-size:0.95em; color:#111; } .user_List a { color:#555; font-size:1em; margin-left:8px; } .user_List a:hover { color:#555; } .user_List .team { color:#999; } /* Forum ---------------------------------------------------------*/ .forum_topBox { position:relative; margin-bottom:15px; border:1px solid #ebebeb; display:inline-block; width:100%; } .forum_topBox_t { margin:15px 15px 0 15px; padding-bottom:6px; border-bottom:1px solid #ebebeb; } .forum_topBox_t p { font-size:1.2em; } .forum_topBox_t .forum_list_info { margin:0 0 5px 0; } .forum_topBox_c { padding:15px; position:relative; } .forum_topBox_l { float:left; border-right:1px solid #ebebeb; } .forum_topBox_r { float:right; margin-left:-1px; } .forum_topBox .expert_topPhoto { margin:15px; } .forum_ranking_1 { padding:15px; margin-left:190px; } .fr_1 { color:#999; font-size:24px; line-height:20px; *line-height:24px; margin:6px 0; *margin:5px 0 10px; } .fr_num { color:#333; font-size:36px; padding:0 5px; } .fr_num_s { font-size:14px; font-weight:bold; } .fr_2 { color:#777; font-size:14px; margin:0 0 10px; } .forum_ranking_1 table { width:100%; border-collapse:collapse; } .forum_ranking_1 table th { color:#999; text-align:right; font-weight:normal; } .forum_ranking_1 table td { text-align:right; } .forum_topBox .cate_block_1 { float:none; } .forum_topBox .forum_name a { padding:0; background:none; } .forum_topBox p, .forum_topBox p a { display:inline; font-weight:bold; color:#333; vertical-align:middle; } .forum_topBox h3 { font-size:1em; color:#333; margin:15px; border-bottom:1px solid #e0e0e0; } .forum_topBox h3 img { margin-bottom:-2px; } .forum_topBox .blockButton { margin:0 15px 10px; padding-top:8px; *padding-bottom:10px; border-top:1px solid #ebebeb; } .forum_topBox_l .ranking, .forum_topBox_r .ranking { margin:0 15px; } .ranking { margin:2px 7px; } .ranking li { padding:7px; } .ranking_photo { position:relative; float:left; margin-right:7px; } .ranking_photo .photoimg img { width:35px; height:35px; } .ranking_name a { color:#003366; font-weight:bold; line-height:1.6em; } .ranking_num { color:#999; font-size:11px; font-weight:bold; } .normal { font-weight:normal; } .ic_ranking_1 { position:absolute; top:-7px; left:-9px; width:21px; height:22px; color:#c50050; padding-top:2px; font-weight:bold; text-align:center; font-size:0.8em; background:url(../../images/UXDesign/icon/ic_bg_ranking_1.png) no-repeat; } .ic_ranking_2 { position:absolute; top:-7px; left:-9px; width:21px; height:22px; color:#3662cb; padding-top:2px; font-weight:bold; text-align:center; font-size:0.8em; background:url(../../images/UXDesign/icon/ic_bg_ranking_2.png) no-repeat; } .forum_topBox_l .ic_ranking_1, .forum_topBox_l .ic_ranking_2, .forum_topBox_r .ic_ranking_1, .forum_topBox_r .ic_ranking_2 { padding-top:0; } .forum_topBox_img { position:absolute; top:15px; left:15px; } .hotIssue { position:absolute; top:0; left:0; } .forum_topBox_con { margin-left:150px; padding-left:15px; min-height:150px; } .forum_topBox_con a { color:#555; } .forum_topBox_con h3, .forum_topBox_con h3 a { font-size:16px; font-weight:bold; color:#111; line-height:26px; margin:0; border:none; } .forum_topBox_num { font-weight:normal; font-size:12px; color:#c50050; } .forum_topBox_con_p, .forum_topBox_con_p a { color:#999; padding:2px 0 5px; } .forum_con_re { padding:5px 0; } .forum_con_re a { color:#555; } .forum_con_re li { line-height:17px; padding-left:14px; background:url(../../images/UXDesign/icon/ic_reply_ar_b.gif) no-repeat 2px 4px; } .forum_con a { color:#333; padding-right:4px; } .forum_con img { margin-bottom:-1px; } .forum_name a { color:#777; font-size:0.9em; padding-left:7px; } .forum_team { color:#999; font-size:0.9em; font-weight:normal; margin:0 5px 0 5px; } .forum_date { color:#999; font-size:0.9em; padding-right:5px; } .forum_topBox_sub { padding:0 15px 15px 15px; } .forum_topBox_sub h3 { font-size:1em; color:#333; margin:0 0 10px; padding-bottom:4px; border-bottom:1px solid #d7d7d7; } .forum_topBox_sub h3 img { vertical-align:middle; } .forum_topBox_sub h4 { font-size:1em; color:#333; padding-left:10px; margin-bottom:5px; background:url(../../images/UXDesign/icon/ic_point_11.gif) no-repeat 0 6px; } .forum_topBox_sub li { padding-left:10px; background:url(../../images/UXDesign/icon/ic_point_09.gif) no-repeat 2px 7px; } .forum_topBox_sub a { color:#555; } .forum_list .cate_block_1 { float:none; } .forum_list_photo { float:left; margin:3px 10px 0 0; } .forum_list_photo img { width:35px; height:35px; } .blockTableRead_t .forum_list_photo { padding-top:9px; } .blockTableRead_t .icon { position:relative; top:3px; } .forum_list { margin-top:-10px; } .forum_list > li { padding:15px 0 4px; border-top:1px solid #ebebeb; } .forum_list > li:first-child { border:none; } .forum_list > li.selected { background: none repeat scroll 0 0 #FDFFCB; } .forum_list li p { display:inline; } .forum_list li p a { color:#333; font-weight:bold; } .forum_list li p a.licurrent { color:#3378BD; font-weight:bold; } .forum_list_img { padding:3px 0 5px; } .forum_list_img li { display:inline; } .forum_list_img > ul > li > a > img { width:25px; height:25px; } .forum_list_img li .next img { width:12px; height:17px; padding:0 5px 4px; } .forum_list_info { margin:0 150px 10px 46px; } .forum_list_info .forum_name a { padding:0; background:none; } .forum_etc { color:#999; font-size:0.9em; margin-right:5px; } .debate_point { border:1px solid #ebebeb; margin-bottom:20px; } .debate_point h3 { margin:12px 12px 5px; font-size:1em; color:#333; } .point_group { margin:0 12px 12px; } .point_01 { float:left; width:48%; } .point_01p { height:100px; padding-top:10px; text-align:center; background:#f5f5f5; } .point_Title { text-align:center; margin-top:5px; font-size:1em; color:#333; font-weight:bold; } .point_02 { float:left; width:48%; } .point_02p { height:82px; padding-top:28px; text-align:center; background:#f5f5f5; } .point_plus { float:left; text-align:center; width:4%; margin-top:50px; } .point_box { margin:0 12px 12px 12px; padding:5px 10px; background:#f5f5f5; } .point_box02 { margin:0 12px 5px; padding:5px 10px; background:#f5f5f5; } .point_box_txt { margin:0 12px 12px; color:#888; } /* Knowledge Streaming Service ---------------------------------------------------------*/ .blockLeft_Knowledge { position:relative; top:0px; left:0; width:210px; z-index:99; } .blockRight_Knowledge { position:absolute; top:10px; right:-8px; width:208px; z-index:99; } .blockCenter_Knowledge { position:absolute; top:10px; left:12px; width:100%; } .blockCenter_Knowledge_con { margin:0 220px 0 220px; } .blockLeft_Knowledge1.w100 { width:100% !important; } .blockLeft_Knowledge1 .subTitle_1 { background-image: -webkit-linear-gradient(top,white,#F8F8F8); background-image: -moz-linear-gradient(top,white,#F8F8F8); background-image: -ms-linear-gradient(top,white,#F8F8F8); background-image: -o-linear-gradient(top,white,#F8F8F8); background-image: linear-gradient(top,white,#F8F8F8); } .blockLeft_Knowledge1 { float:left; width:68%; } .blockRight_Knowledge1 { float:right; width:30%; } .blockRight_Knowledge1 .pr_schedule_c li { font-size:12px; } .blockRight_Knowledge1 .btn_more { position: absolute; top: 8px; right: 8px; } .blockLeft_Knowledge1 .btn_more { position: absolute; top: 6px !important; right: 10px !important; } .blockLeft_Knowledge1 .subTitle_1 h3 { padding: 0 0 0 10px; } .blockLeft_Knowledge1 .blockComment_c.divFirst { border-bottom: 1px dotted #CCC; padding: 2px 10px 2px 10px; } .blockLeft_Knowledge1 .blockComment { padding: 0px; margin-bottom: 0px; } .blockLeft_Knowledge1 .blockCommentInfo { padding: 0px; } .blockLeft_Knowledge1 .blockCommentDotted { position: relative; border-top: 1px dotted #CCC; } .blockLeft_Knowledge1 .blockComment_c { padding: 7px 10px 3px 10px; border-top: 3px solid white; border-bottom: 1px dotted #CCC; background: none; } .blockLeft_Knowledge1 .blockCommentReply img, .blockLeft_Knowledge1 .blockCommentView img { vertical-align: middle; margin-top: -3px; } .blockLeft_Knowledge1 .blockCommentReply a, .blockLeft_Knowledge1 .blockCommentView a { margin-left: 4px; color: #395B98; } .blockLeft_Knowledge1 .blockCommentPhoto { width: 35px; height: 35px; padding-right: 8px; } .blockLeft_Knowledge1 .blockCommentPhoto img { width: 35px; height: 35px; } .blockLeft_Knowledge1 .blockComment_c p { padding-top:0px; font-size: 12px; color: #545454; } .blockLeft_Knowledge1 .blockCommentInfo span { margin-left: 0px; } .blockLeft_Knowledge1 .blockCommentInfo span a { color:#999; font-size:11px; } .blockLeft_Knowledge1 .blockComment_c.divLast { border-bottom: 1px dotted #CCC; padding: 3px 10px 5px 10px; } .blockLeft_Knowledge1 .microblog_li li { border-bottom: 1px dashed #CCDEF4; padding: 8px 10px; } .blockLeft_Knowledge1.myspace .microblog_li li:first-child { border-top: 1px solid #EBEBEB; padding: 8px 10px; } .blockLeft_Knowledge1.myspace .microblog_li li { border-bottom: 1px solid #EBEBEB; padding: 8px 10px; } .blockLeft_Knowledge1.myspace .microblog_li li .blockComment_list li { border-top:none; } .blockLeft_Knowledge1 .tableList_1 { margin-top:20px; } .blockLeft_Knowledge1 .microblog_con p { padding:0; } .blockLeft_Knowledge1 .subTitle_1 { margin-bottom:0; } .knowledge_s_q { float:left; margin-right:5px; } .knowledge_s_q img { width:35px; height:35px; } .knowledge_s_Title { margin-bottom:5px; } .knowledge_s_Title .ty1 { font-size:1em; color:#333 !important; font-weight:bold; } .knowledge_s_Title .ty1 span { color:#c50050; font-weight:normal; } .knowledge_s_Info { padding-top:5px; font-size:0.95em; color:#333; } .knowledge_s_Info p { padding-left:7px; background:url(../../images/UXDesign/icon/ic_point_03.gif) no-repeat 1px 8px; } .knowledge_s_con { margin:10px 0; } .knowledge_s_photo { float:left; margin-right:8px; } .knowledge_s_photo img { width:50px; height:50px; } .knowledge_s_photo_name { padding:1px 0 2px 0; } .knowledge_s_photo_name a { color:#003366; font-weight:bold; line-height:16px; } .knowledge_s_photo_con a { font-size:0.9em; color:#999; padding-top:5px; } .knowledge_s_con ul { margin:5px 0; } .knowledge_s_con li { white-space:nowrap; overflow:hidden; padding-left:7px; background:url(../../images/UXDesign/icon/ic_point_03.gif) no-repeat 1px 8px; } .knowledge_s_con li a { color:#555; } .blockLeft_Knowledge .lntel_tag_cloud { margin:0 -7px; } /* bottom-up innovation ---------------------------------------------------------------------*/ .bottomUpFrame { position:relative; border:1px solid #ccc; border-top:none; background:#f5f5f5; } .bottomUp_t .corner_RoundBox09 { height:38px; } .bottomUp_t h2 { position:absolute; top:-1px; left:-1px; z-index:99; font-size:1.8em !important; font-weight:normal !important; color:#4671b1 !important; height:40px; line-height:40px; padding-left:15px; margin:0 !important; background:url(../../images/UXDesign/common/bg_bottomUp_t.gif) no-repeat; } .bottomUp_t h2 span { display:block; padding-right:40px; height:40px; line-height:40px; background:url(../../images/UXDesign/common/bg_bottomUp_t.gif) no-repeat right top; } .bottomUp_t_info { position:absolute; top:11px; left:270px; } .bottomUp_t_name, .bottomUp_t_name a { color:#003366 !important; font-size:12px !important; font-weight:bold !important; } .bottomUp_t_info span { color:#999; font-size:0.9em; } .bottomUp_t_info img { padding:0 2px; } .bottomUp_t_btn { position:absolute; top:9px; right:15px; } .frame_l { margin-right:168px; } .frame_r { position:absolute; top:0; right:0; width:168px; border-top:1px solid #ccc; } .frame_r .bgTitle_3 { height:31px; line-height:31px; margin:2px; background:#5a6e8c url(../../images/UXDesign/theme/theme01/basic/bg_contitle_sub_2.gif) repeat-x bottom; } .frame_r .bgTitle_3 h3 { font-size:1em; } .frame_l table { width:100%; border-collapse:collapse; } .frame_l table th { min-height:23px; padding:0; border-right:1px solid #ccc; } .frame_l table td { padding:0; vertical-align:top; border-left:1px solid #ccc; border-right:1px solid #ccc; background:#fff; } .frame_l table th .more { float:right; margin-top:5px; *margin-top:-12px; } .frame_l .tag { padding:5px; } .frame_l .stitle { position:relative; padding:3px 10px 2px; *padding:4px 10px 1px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:url(../../images/UXDesign/common/bg_qnamenu.gif) repeat-x bottom; } .frame_l .stitle h4 { font-size:1em; color:#111; font-weight:bold; } .frame_l .stitle .more { position:absolute; top:8px; right:10px; } .bottomUp_list_1 { padding:8px 10px 0; background:#fdffcb; } .bottomUp_list_1 p a { color:#333; font-weight:bold; } .bottomUp_list_1_re { margin:10px; border-bottom:1px solid #ebebeb; } .bottomUp_img_1 { float:left; margin-right:8px; } .bottomUp_img_1 img { width:25px; height:25px; } .bottomUp_info_1 .bottomUp_info_name a { color:#003366; font-weight:bold; line-height:12px; } .bottomUp_info_1 .bottomUp_info_team a { color:#999; font-size:0.9em; } .bottomUp_info_1 .bottomUp_info_date { color:#999; font-size:0.9em; margin-left:5px; } .bottomUp_con { padding:5px 0; } .bottomUp_con a { color:#555; } .bottomUp_list_1_reply { text-align:right; margin:-5px 10px 10px; } .bottomUp_list_1_reply a { color:#999; font-size:0.9em; padding-right:8px; background:url(../../images/UXDesign/theme/theme01/basic/ic_arrow_04.gif) no-repeat right 4px; } .ic_ideagroup { padding:10px 10px 8px; border-top:1px solid #ccc; } .ic_ideagroup li { display:inline; padding:0 5px; } .ic_ideagroup li a { display:inline-block; width:30px; height:30px; } .ic_ideagroup li a span { display:none; } .ic_view { background:url(../../images/UXDesign/icon/ic_ideagroup.gif) no-repeat 0 0; } .ic_post { background:url(../../images/UXDesign/icon/ic_ideagroup.gif) no-repeat -30px 0; } .ic_vote { background:url(../../images/UXDesign/icon/ic_ideagroup.gif) no-repeat -60px 0; } .ic_award { background:url(../../images/UXDesign/icon/ic_ideagroup.gif) no-repeat -90px 0; } .bottomUp_recomm { position:relative; padding:10px; min-height:40px; } .bottomUp_recomm .button_rec_num_2 { position:absolute; top:10px; left:10px; } .bottomUp_recomm p { margin-left:53px; } .bottomUp_recomm p a { color:#555; } .bottomUp_list_2 { position:relative; padding:10px; background:#fdffcb; } .bottomUp_img_2 { float:left; margin-right:8px; } .bottomUp_img_2 > a > img { width:41px; height:41px; } .infoLayer { position:absolute; top:0; left:0; } .infoLayer a { color:#fff; } .bottomUp_info_2 { line-height:14px; } .bottomUp_info_2 p a { color:#333; font-weight:bold; } .bottomUp_info_2 .bottomUp_info_name a { color:#777; font-size:0.9em; } .bottomUp_info_2 .bottomUp_info_team a { color:#999; font-size:0.9em; margin-left:5px; } .bottomUp_info_2 .bottomUp_info_date { color:#999; font-size:0.9em; } .bottomUp_poll_q { padding:10px; } .bottomUp_poll_q p { margin-bottom:5px; line-height:20px; } .bottomUp_poll_li { position:relative; margin:0 10px; padding-top:30px; background:#f5f5f5; } .bottomUp_poll_li .per { position:absolute; top:10px; left:10px; font-weight:bold; color:#999; } .bottomUp_poll_li .num { position:absolute; top:8px; right:10px; font-size:2em; color:#ccc; } .frame_r table { width:100%; border-collapse:collapse; } .frame_r table th { font-weight:normal; font-size:0.9em; color:#777; text-align:left; padding:0 0 0 17px; border:none; background:url(../../images/UXDesign/icon/ic_point_09.gif) no-repeat 10px 8px; } .frame_r table td { font-size:0.9em; color:#333; text-align:right; padding:0 10px 0 0; border:none; } .frame_r h4 { font-size:1em; color:#555; margin:8px 10px 5px; padding-bottom:3px; border-bottom:1px solid #d7d7d7; } .frame_r h4.noline { margin-bottom:0; border:none; } .frame_r_graph { min-height:120px; margin:0 10px 10px 10px; border:1px solid #d7d7d7; background:#fff; } /* People Connection Service ---------------------------------------------------------*/ #People_mainContents { padding:20px 15px 0 232px; } .People_ltp { position:absolute; left:15px; width:200px; z-index:99; } .People_box1 { padding:10px 0px 10px 0; } .People_box2 { border:1px solid #d7d7d7; padding:5px 10px 10px 10px; } .People_box3 { border:1px solid #d7d7d7; padding:5px 10px 10px 10px; } .People_box1 img { vertical-align:top; } .People_box1 strong { font-size:0.9em; color:#555; padding-bottom:4px; } .People_t1 h2 { font-size:1em; color:#333; margin-bottom:5px; } .People_t2 { position:relative; } .People_t2 h2 { font-size:1em; color:#333; padding:7px 0 4px; border-bottom:1px dotted #ccc; border-top:1px dotted #ccc; } .People_t2 span { position:absolute; top:1px; right:0; font-size:0.9em; color:#9a9a9a; } .People_t2 .edit { position:absolute; top:9px; right:0; } .People_t3 { position:relative; } .People_t3 .num { font-weight:normal; color:#3378bd; } .People_t3 h2 { font-size:1em; color:#333; padding-bottom:4px; } .People_t3 .more { position:absolute; top:0; right:0; font-size:0.9em; } .People_t3 .more a:link, .People_t3 .more a:active, .People_t3 .more a:visited { font-weight:normal; !important; color:#3378bd; !important; } .socialranking { font-size:0.9em; } .socialranking img { vertical-align:middle; margin-bottom:3px; } .socialgraph { position:relative; height:170px; margin-top:5px; } .socialgraph .area_lt { position:absolute; top:0; left:0; width:85px; height:85px; background:#e6e6e6; } .area_center { position:absolute; top:67px; left:67px; } .area_center .frame { position:absolute; top:-1px; left:-1px; } .area_lt_con { position:absolute; top:5px; left:5px; width:60px; line-height:9px; font-size:0.8em; } .area_rt_con { position:absolute; top:5px; right:5px; width:60px; text-align:right; line-height:9px; font-size:0.8em; } .area_lb_con { position:absolute; bottom:5px; left:5px; width:60px; line-height:9px; font-size:0.8em; } .area_rb_con { position:absolute; bottom:5px; right:5px; width:60px; text-align:right; line-height:9px; font-size:0.8em; } .area_lt_con ul, .area_rt_con ul, .area_lb_con ul, .area_rb_con ul { margin-top:3px; } .area_lt_con li, .area_rt_con li, .area_lb_con li, .area_rb_con li { display:inline; } .area_lt_con li img, .area_rt_con li img, .area_lb_con li img, .area_rb_con li img { margin:1px 0; } .socialgraph .area_rt { position:absolute; top:0; right:0; width:85px; height:85px; background:#f5f5f5; } .socialgraph .area_lb { position:absolute; top:85px; left:0; width:85px; height:85px; background:#f5f5f5; } .socialgraph .area_rb { position:absolute; top:85px; right:0; width:85px; height:85px; background:#e6e6e6; } .People_img_list { min-height:40px; margin-bottom:10px; } .People_img_list .more img { vertical-align:middle; padding-bottom:2px; } .People_img_list li { display:inline; } .People_img_list1 { min-height:40px; } .People_img_list1 li { padding-right:1px; margin-bottom:10px; } .People_photo { float:left; margin:0 6px 0 0; } .People_photo img { width:35px; height:35px; } .People_info { float:left; } .People_info .People_team { padding-top:5px; } .People_team, People_name { padding-left:41px; } .People_team { font-size:0.9em; color:#999; line-height:12px; } .People_name { *position:absolute; padding-bottom:2px; } .People_name a { color:#555; font-size:1em; font-weight:bold; } .iKEP_tab_ic { position:absolute; top:8px; right:0; font-size:0.9em; color:#999; letter-spacing:-0.05em; } .iKEP_tab_ic img { vertical-align:middle; margin:0 2px 2px 5px; } .People_list_day { float:left; width:75px; margin-right:10px; margin-left:6px; text-align:right; } .People_list_section { float:left; width:70px; font-size:0.9em; margin-right:8px; } .People_list_photo { float:left; margin-right:8px; } .People_list_photo img { width:35px; height:35px; } .People_list_Photo_info { position:relative; margin-left:90px;} .People_list_photo_con p { padding-left:22px; } .People_list_name { color:#2186f0; font-weight:bold; padding-right:6px; } .People_list_photo_name .link_1 a { color:#555; } .People_list_photo_name .link_2 a { color:#3366cc; } .People_list_photo_name .link_3 { color:#111; } .People_list_ViewInfo { padding:2px 10px 0 5px; font-size:0.9em; color:#999; } .People_list_ViewInfo img { padding:0 3px 0px; } .People_list_ViewInfo_name a:link, .corporateViewInfo_name a:active, .corporateViewInfo_name a:visited { letter-spacing:-0.05em; font-weight:normall; !important; color:#777 !important; } .People_list_ViewInfo_name a:hover { text-decoration:underline !important; } /* Social Analyzer ---------------------------------------------------------*/ .Analyzer_flash { min-height:300px; } /* Ideation ---------------------------------------------------------*/ .ideation_process { margin-bottom:20px; display:inline-block; width:100%; } .ideation_process .corner_RoundBox07 { padding:10px 15px; } .process_01, .process_02, .process_03, .process_04, .process_05 { position:relative; float:left; width:20%; color:#fff; height:37px; font-weight:bold; text-align:center; line-height:37px; } .process_01 { background:url(../../images/UXDesign/common/bg_process_1.gif) repeat-x; } .process_02 { border-right:2px solid #d7d7d7; margin-left:-2px; background:url(../../images/UXDesign/common/bg_process_2.gif) repeat-x; } .process_03 { border-right:1px solid #d7d7d7; margin-left:-1px; background:url(../../images/UXDesign/common/bg_process_2.gif) repeat-x; } .process_04 { background:url(../../images/UXDesign/common/bg_process_2.gif) repeat-x; } .process_05 { background:url(../../images/UXDesign/common/bg_process_3.gif) repeat-x; } .ar_1 { display:inline-block; position:absolute; top:0; left:0; width:25px; height:37px; background:url(../../images/UXDesign/common/bg_process_ar_1.gif) no-repeat; } .ar_2 { display:inline-block; position:absolute; top:0; left:0; width:25px; height:37px; background:url(../../images/UXDesign/common/bg_process_ar_2.gif) no-repeat; } .ar_3 { display:inline-block; position:absolute; top:0; right:0; width:25px; height:37px; background:url(../../images/UXDesign/common/bg_process_ar_3.gif) no-repeat; } .process_num_01, .process_num_02, .process_num_03, .process_num_04, .process_num_05 { position:relative; float:left; width:20%; margin-top:15px; *margin:5px 0 -10px; text-align:right; *line-height:2.3em; } .process_num_02 { border-left:1px solid #d7d7d7; } .process_num_03 { margin-left:-3px; border-left:1px solid #d7d7d7; } .process_num_04 { margin-right:3px; border-left:1px solid #d7d7d7; } .process_num_05 { margin-right:-4px; border-left:1px solid #d7d7d7; } .process_num_01 .num, .process_num_02 .num, .process_num_03 .num { padding-right:10px; color:#333; font-size:3em; } .process_num_04 .num { padding-right:5px; color:#333; font-size:3em; } .process_num_05 .num { padding-right:18px; color:#333; font-size:3em; } .process_num_01 .num_s, .process_num_02 .num_s, .process_num_03 .num_s, .process_num_04 .num_s, .process_num_05 .num_s { font-size:14px; font-weight:bold; color:#999; padding:0 3px; } .process_num_01 .per, .process_num_02 .per, .process_num_03 .per, .process_num_04 .per, .process_num_05 .per { display:block; font-size:24px; color:#999; padding:5px; *line-height:1em; } /* Ideation list */ .Ideation_list table td { text-align:left !important; vertical-align:top !important; border-top:1px solid #e5e5e5; border-bottom:none !important; } .Ideation_list table td.noline { border:none; } .Ideation_list .pageNum { border-top:1px solid #e0e0e0; } /* Nopage ---------------------------------------------------------*/ .nopagewrap { padding-top:15px; } .nopage { width:400px; margin:0 auto; } .nopage_border { position: relative; border:3px solid #ebebeb; padding:20px 20px 0 20px; } .nopage img { vertical-align:middle; } .nopage span { padding:0 0 0 14px; color:#111; font-weight:bold; font-size:1.2em; } .nopage_list { background-color:#f9f9f9; margin-top:12px; padding:15px; } .nopage_list1 { margin-top:14px; padding:20px 100px 0 100px; border-top:1px solid #d7d7d7; font-size:0.9em !important; } .nopage_list1 span { font-size:1em !important; color:#111 !important; } .nopage_list li { background:url(../../images/UXDesign/icon/ic_point_09.gif) no-repeat 0 8px; padding-left:8px; !important; line-height:20px; } .nopage_info { position:absolute; top:52px; left:90px; color:#999; font-size:0.9em; } /* work alignment ---------------------------------------------------------*/ .framebook { width:100%; margin-bottom:20px; table-layout:fixed; border-collapse:collapse; } .framebook_l { width:50%; padding:10px 15px 10px 10px; vertical-align:top; border:1px solid #ccc; background:url(../../images/UXDesign/common/bg_framebook_l.gif) repeat-y right 0; } .framebook_r { width:50%; padding:10px 10px 10px 15px; vertical-align:top; border:1px solid #ccc; background:url(../../images/UXDesign/common/bg_framebook_r.gif) repeat-y 0 0; } .framebg { padding:5px 10px; } .framebook .day { position:relative; width:100%; height:56px; margin-bottom:7px; } .framebook .day_dd { position:absolute; top:13px; left:0; color:#777; font-size:36px; } .framebook .day_dd.today { color:#111; } .framebook .day_yymm { position:absolute; top:39px; left:3px; color:#777; font-weight:bold; font-size:11px; } .framebook .today_swf { position:absolute; top:0; right:10px; } .framebook_innerTable table { table-layout:fixed; width:100%; } .framebook_innerTable td { border:none; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .framebook_innerTable td a { color:#555; } .framebook_innerTable td.date { width:45px; font-size:0.9em; color:#999; padding-left:11px; background:url(../../images/UXDesign/icon/ic_point_09.gif) no-repeat 4px 8px !important; } .framebook_innerTable td.date.bold { color:#555; font-weight:normal; } .framebook_innerTable td.bold { font-weight:bold; } .framebook_innerTable td.name, .framebook_innerTable td.name a { width:100px; color:#999; text-align:center; } .framebook_innerTable .fixed_height { height:90px; overflow:auto; overflow-x:hidden; scrollbar-highlight-color: #fff; scrollbar-shadow-color: #ccc; scrollbar-arrow-color: #ccc; scrollbar-face-color: #fff; scrollbar-3dlight-color: #ccc; scrollbar-darkshadow-color: #fff; scrollbar-track-color: #fff; } .framebook thead .fc-widget-header { height:22px !important; line-height:22px !important; border-top:1px solid #d7d7d7 !important; border-bottom:1px solid #d7d7d7 !important; background:url(../../images/UXDesign/common/bg_contitle_s.gif) repeat-x bottom !important; } .framebook .fc-agenda-allday { border-top:none !important; } /* layer select box */ div.select-container { position:absolute; margin:0; padding:0 0 1px 4px; background-color:white; border:1px solid #999; } div.select-container > a { background: url(../../images/UXDesign/common/search_sel.gif) no-repeat right 0; display: block; padding: 0 18px 0 0; margin-right:-1px; text-decoration:none; } div.select-container > a > span { white-space:nowrap; overflow:hidden; display:block; } ul.select-layer { position:absolute; left:-1px; margin-top:-2px; overflow-x:visible; overflow-y:auto; max-height:120px; background-color:white; border : 1px solid #999; padding : 2px; z-index : 999; } ul.select-layer > li > a { display:block; white-space:nowrap; padding:2px; cursor:pointer; text-decoration:none; } ul.select-layer > li > a:hover { color:#111; background-color:#ddd; } /* Plupload ------------------------------------------------------------------- */ .plupload_button { display: -moz-inline-box; /* FF < 3*/ display: inline-block; font: normal 12px sans-serif; text-decoration: none; color: #42454a; border: 1px solid #bababa; padding: 2px 8px 3px 20px; margin-right: 4px; background: #f3f3f3 url('../../images/UXDesign/plupload/buttons.png') no-repeat 0 center; outline: 0; /* Optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .plupload_button:hover { color: #000; text-decoration: none; } .plupload_disabled, a.plupload_disabled:hover { color: #737373; border-color: #c5c5c5; background: #ededed url('../../images/UXDesign/plupload/buttons-disabled.png') no-repeat 0 center; cursor: default; } .plupload_add { background-position: -181px center; } .plupload_wrapper { /* font: normal 11px Tahoma, Meiryo, "MS PGothic", Dotum; */ width: 100%; } .plupload_container { /*padding: 8px;*/ background: url('../../images/UXDesign/plupload/transp50.png'); /*-moz-border-radius: 5px;*/ } .plupload_container input { border: 1px solid #DDD; font: normal 11px Verdana,sans-serif; width: 98%; } .plupload_header {background: #2A2C2E url('../../images/UXDesign/plupload/backgrounds.gif') repeat-x;} .plupload_header_content { background: url('../../images/UXDesign/plupload/backgrounds.gif') no-repeat 0 -317px; min-height: 56px; padding-left: 60px; color: #FFF; } .plupload_header_title { font: normal 18px sans-serif; padding: 6px 0 3px; } .plupload_header_text { font: normal 12px sans-serif; } .plupload_filelist { margin: 0; padding: 0; list-style: none; } .plupload_scroll .plupload_filelist { height: 185px; background: #F5F5F5; overflow-y: scroll; } .plupload_filelist li { padding: 10px 8px; background: #F5F5F5 url('../../images/UXDesign/plupload/backgrounds.gif') repeat-x 0 -156px; border-bottom: 1px solid #DDD; } .plupload_uploaded_filelist { margin: 0; padding: 0; list-style: none; background: #F5F5F5; overflow-y: scroll; } .plupload_uploaded_filelist li { padding: 10px 8px; background: #F5F5F5 url('../../images/UXDesign/plupload/backgrounds.gif') repeat-x 0 -156px; border-bottom: 1px solid #DDD; } .plupload_filelist_header, .plupload_filelist_footer { background: #DFDFDF; padding: 8px 8px; color: #42454A; } .plupload_filelist_header { border-top: 1px solid #EEE; border-bottom: 1px solid #CDCDCD; height:20px; } .plupload_filelist_footer {border-top: 1px solid #FFF; height: 22px; line-height: 20px; vertical-align: middle;} .plupload_file_name {float: left; overflow: hidden} .plupload_file_status {color: #777;} .plupload_file_status span {color: #42454A;} .plupload_file_size, .plupload_file_status, .plupload_progress { float: right; width: 100px; } .plupload_file_size, .plupload_file_status, .plupload_file_action {text-align: right;} .plupload_filelist .plupload_file_name {width:205px; white-space:nowrap; text-overflow:ellipsis;} .plupload_file_action { float: right; width: 16px; height: 16px; margin-left: 15px; } .plupload_file_action * { display: none; width: 16px; height: 16px; } li.plupload_uploading {background: #ECF3DC url('../../images/UXDesign/plupload/backgrounds.gif') repeat-x 0 -238px;} li.plupload_done {color:#AAA} li.plupload_delete a { background: url('../../images/UXDesign/plupload/delete.gif'); } li.plupload_failed a { background: url('../../images/UXDesign/plupload/error.gif'); cursor: default; } li.plupload_done a { background: url('../../images/UXDesign/plupload/done.gif'); cursor: default; } .plupload_progress, .plupload_upload_status { display: none; } .plupload_progress_container { margin-top: 3px; border: 1px solid #CCC; background: #FFF; padding: 1px; } .plupload_progress_bar { width: 0px; height: 7px; background: #CDEB8B; } .plupload_scroll .plupload_filelist_header .plupload_file_action, .plupload_scroll .plupload_filelist_footer .plupload_file_action { margin-right: 17px; } .fileup h3 { background: url("../../images/UXDesign/icon/ic_attach.gif") no-repeat scroll 0 3px transparent; padding-left: 12px; } .filedown ul li { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } /* Floats */ .plupload_clear,.plupload_clearer {clear: both;} .plupload_clearer, .plupload_progress_bar { display: block; font-size: 0; line-height: 0; } #mgmt-panel .plupload_clearer { clear:right; } /* 일정 등록 화면에서 레이아웃 문제로 보정 */ li.plupload_droptext { background: transparent; text-align: center; vertical-align: middle; border: 0; line-height: 165px; } /* plupload customize */ .plupload_filelist_header { padding : 3px 10px; } .plupload_filelist li { padding : 3px 8px; } .plupload_filelist_footer { padding : 2px 10px; } .plupload_scroll .plupload_filelist { height : 75px; } ul.fileAttachmentList img.icon { padding-bottom:2px; vertical-align:middle; } .file_noAttachment { color:#aaa; } .fileAttach li.through > a { text-decoration:line-through !important; } .fileup_t { position:relative; } /* IE6, 7에서 UI 접는 버튼 위치문제로 추가 */ .fileAttach li { overflow:hidden; *zoom:1; } /* IE6, 7에서 업로드 파일 목록과 controller 사이가 벌어져서 추가 */ /* jstree customize */ .jstree > ul > li { margin-left:0 !important; } .jstree li { margin-left:14px !important; } .jstree a { padding-left:0 !important; } .jstree a:hover, .jstree a:active { color:#c50050 !important; } .jstree a:link, .jstree a:visited { color:#111; } .jstree a > ins.person { margin-right:0 !important; width:12px !important; /* background-position:-4px 0 !important; */} .jstree-ikep a.jstree-search { color:black !important; font-weight:bold; } .jstree-ikep .jstree-search { font-style:normal !important;} /* ckeditor */ td.ckeditor { padding:0 !important; } table.cke_editor td.cke_contents { /* IE6, 7에서 내용 입력 항목이 아래로 밀리는 현상 때문에 추가 */ vertical-align: top; } /* hintField */ .hintField { color: #999; font-size:1em; } /* common related post */ .common_related_post_div { display:inline-block;float:left;} .common_related_summary_info { color:#999999;font-size:0.9em;float:left;clear:none;padding:2px 0 0 3px; } /* tipContent */ .tipContent { padding:8px 12px 8px 0; background:#feffee; } .tipContent li { background:url(../../images/UXDesign/icon/ic_point_06.gif) no-repeat scroll 12px 7px transparent; padding-left:22px;line-height:18px; } .tipContent li span { color:#777777; font-size:0.9em; } .tipContent li.ty1 { background:none !important; } /* IE browser check ---------------------------------------------------------*/ div.notice_iebrowser { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: yellow; color: black; font-weight: bold; z-index: 100; } div.notice_iebrowser p { margin: 12px 20px; } div.notice_iebrowser a.btnClose { position: absolute; top: 2px; right: 2px; } /* Planner left menu : team schedule/favorite item */ #team-pane a.teamWorkspace, #favorite-menu a.favoriteUser { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:160px; } /* Planner List view : date cell alignment */ div.fc-view-listMonth table.fc-border-separate tbody tr td:first-child { text-align:left; } /* jqplot yaxis label : 한글인 경우 사이즈 디텍트 문제로 인해 줄 내려지지 않도록 하기 위해 추가 */ .jqplot-yaxis-tick { white-space : nowrap; max-width:120px; text-overflow:ellipsis; overflow:hidden; } /* bbs category list : list/tree type #boardList li a ins.category { display:none; } #boardList li a ins.board { display:none; } #boardList li a ins.link { display:inline-block; width:12px; height:12px; padding-right:3px; background:url(../../images/UXDesign/icon/tree_icon_customize.gif) no-repeat scroll -1px -1px transparent; } div.jstree li a ins.category { display:none; } div.jstree li a ins.board { width:14px; height:14px; background:url(../../images/UXDesign/icon/tree_icon_customize.gif) no-repeat scroll 0 -14px transparent; } div.jstree li a ins.link { width:14px; height:14px; background:url(../../images/UXDesign/icon/tree_icon_customize.gif) no-repeat scroll 0 0 transparent; } */ .left_fixed > ul > li > ul > li > a.link { background-color: transparent; background: url("../../images/UXDesign/jstree/ikep/ic_link.png") no-repeat 3px 2px; padding:0 0 0 23px; } div.bbs_location { text-align:right; padding-right:20px; } h1.logo_text { font-size:18px; font-family:georgia; letter-spacing:-0.5px; height:29px; padding:8px 0 0 90px; background:url(../../images/UXDesign/jp/common/logo.png) no-repeat; } h1.logo_text a { white-space:nowrap; text-decoration:none; color:#446; } h1.logo_text.topmini { font-size:12px; font-family:georgia; letter-spacing:-0.5px; height:29px; padding:5px 0 0 68px; background:url(../../images/UXDesign/jp/common/logo_mini.png) no-repeat; } h1.logo_text a.topmini { white-space:nowrap; text-decoration:none; color:#fff; } img.login_bg { width:750px; height:600px; } /* 2013test img.logo_bg { width:108px; height:22px; } img.logo_bg_jp {width:px; height:29px; } */ #blockHeader.topmini img.logo_bg_jp {width:px; height:23px; } #blockHeader.topmini #topLogo > h1 { font-family: Helvetica;font-size: 12px;height: 29px;letter-spacing: -0.5px;padding: 5px 0 0 0px; } #blockHeader.topmini #topLogo > h1.logo_text { background: url("../../images/UXDesign/jp/common/logo_mini.png") no-repeat scroll 0 0 transparent;font-family: Helvetica;font-size: 12px;height: 29px;letter-spacing: -0.5px;padding: 5px 0 0 78px; } #blockHeader.topmini #topLogo > h1 > a {color: #FFFFFF;text-decoration: none;white-space: nowrap;} #blockHeader.topmini #topLogo > h1 > a > img {margin-top: -4px;} strong.public_portlet { color:yellow; margin-right:4px; } div.todo_order_contents { min-height:40px; max-height:200px; _height:200px; overflow:auto; } div.todo_proc_contents { min-height:40px; max-height:200px; _height:200px; overflow:auto; } div.todo_proc_files {} #tblPublicRss th { width:60px; } a.lefemenu_arrowLeft { display:block; width:20px; height:29px; margin-top:6px; background-image:url(../../images/UXDesign/icon/leftMenuArrowLeft.gif); } a.lefemenu_arrowRight { display:block; width:20px; height:29px; margin-top:6px; background-image:url(../../images/UXDesign/icon/leftMenuArrowRight.gif); } #tblPublicRss th { width:60px; } /* Memo */ .memo_header { position:relative; width:530px; height:60px; background:url(../../images/UXDesign/common/bg_memo_header.gif) no-repeat;} .memo_header div { position:absolute; top:15px; right:12px;} .memo_list { min-height:418px; background:url(../../images/UXDesign/common/bg_memo_list_wrap2.gif) no-repeat;} .memo_list table {margin:0px 0 0 0px; line-height:22px; width:515px; table-layout:fixed;} .memo_view { min-height:418px; background:url(../../images/UXDesign/common/bg_memo_list_wrap2.gif) no-repeat;} .memo_view table {margin:0px 0 0 0px; line-height:24px; width:490px;} .memo_search { width:530px; height:56px; background:url(../../images/UXDesign/common/bg_memo_search.gif) no-repeat;} .memo_table { background:url(../../images/UXDesign/common/bg_memo_list.gif) repeat-y; } .memo_bottom { position:relative; width:530px; height:76px; background:url(../../images/UXDesign/common/bg_memo_bottom.gif) no-repeat;} .memo_btnWrap { position:absolute; top:35px; right:36px;} /*quicktxt*/ .quicktxt_tit_personal.dash { border-bottom: 1px dashed #666; padding-bottom: 6px; } .quicktxt_menuBox li.btnTop, .quicktxt_menuBox li.btnLeft, .quicktxt_menuBox li.btnRight { padding:0; margin:0; margin-right:3px; } .quicktxt_menuBox li.btnRight { margin-right:0px; } .quicktxt_menuBox li.btnTop a, .quicktxt_menuBox li.btnLeft a, .quicktxt_menuBox li.btnRight a { display:block; width:33px; height:33px; } .quicktxt_menuBox li.btnTop a { background: url(../../images/UXDesign/icon/ic_main_layout_off.png) no-repeat 0 0; } .quicktxt_menuBox li.btnLeft a { background: url(../../images/UXDesign/icon/ic_main_layout_off.png) no-repeat -38px 0; } .quicktxt_menuBox li.btnRight a { background: url(../../images/UXDesign/icon/ic_main_layout_off.png) no-repeat -75px 0; } .quicktxt_menuBox li.btnTop.on a { background: url(../../images/UXDesign/icon/ic_main_layout_on.png) no-repeat 0 0; } .quicktxt_menuBox li.btnLeft.on a { background: url(../../images/UXDesign/icon/ic_main_layout_on.png) no-repeat -38px 0; } .quicktxt_menuBox li.btnRight.on a { background: url(../../images/UXDesign/icon/ic_main_layout_on.png) no-repeat -75px 0; } /*main_splitbarV*/ .main_splitbarV { position: absolute; padding:0px; margin:0px; overflow: hidden; z-index: 2; top:0px; cursor: w-resize; width:9px; height:100%; background: url(../../images/UXDesign/common/line_vertical.gif) repeat scroll 0 50%; } .main_LayoutLeft_tootip { position: absolute; top:15px; left:0; padding-right: 14px; background: url(../../images/UXDesign/common/bu_arr_tooltip.gif) no-repeat 39px 0; color: #fff; line-height: 12px; display:none; } .main_LayoutLeft_tootip p { padding:2px 4px 4px 4px; border: 1px solid #526f9c; border-right: 0; background: #6b86ba; white-space: nowrap; font-size:11px; } /* Meeting Room */ div.meetingRoom { position:relative; } div.meetingRoom div.toolbar { text-align:right; } div.meetingRoom div.content { margin-top:10px; } div.meeting_timeline { margin-top:10px; min-width:170px; color:#777; } div.meeting_timeline table, div.meeting_timeline thead, div.meeting_timeline tbody, div.meeting_timeline tr, div.meeting_timeline th, div.meeting_timeline td { border-color:#999; border-style:solid; border-width:0; } div.meeting_timeline tr:last-child { border-color:#999; border-style:solid; border-width:0; }/* IE8 이하에서 적용안됨 */ div.meeting_timeline table { border-collapse:collapse; table-layout:fixed; width:100%; } div.meeting_timeline > table { border-width:1px; } div.meeting_timeline > table > thead { } div.meeting_timeline > table > tbody > tr > td:first-child { border-right-width:1px; } div.meeting_timeline table.timeline tr { height:40px; } div.meeting_timeline table table { height:100%; } div.meeting_timeline table table tr { border-width:1px 0; } div.meetingRoom .ui-datepicker { width:168px; } div.meetingRoom .meeting_schedule_h, div.meeting_timeline .meeting_schedule_v { position:relative; } div.meetingRoom .meeting_schedule_h tr { height:20px; } div.meetingRoom .meeting_schedule_v tr { height:20px; } div.meetingRoom .meeting_schedule_h td, div.meetingRoom .meeting_schedule_v td { cursor:pointer; } div.meetingRoom .meeting_schedule_h td span, div.meetingRoom .meeting_schedule_v td span { display:none; } div.meetingRoom .meeting_schedule_h .reserve, div.meetingRoom .meeting_schedule_v .reserve { position:absolute; border:1px dotted #66d; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:white; } div.meetingRoom .meeting_schedule_h .reserve span, div.meetingRoom .meeting_schedule_v .reserve span { margin:0 5px; } div.meetingRoom .meeting_schedule_h .reserve { right:0; width:70%; } div.meetingRoom .meeting_schedule_v .reserve { left:0; top:0; height:15px; text-align:left; line-height:100%; } div.meetingRoom div.approve { background-color:#8394cf; cursor:pointer; } div.meetingRoom div.waiting { background-color:#f06280; cursor:pointer; } div.meetingRoom .roomList { margin-top:4px; } div.meetingRoom .roomList table { border-collapse:collapse; width:100%; table-layout:fixed; } div.meetingRoom .roomList > table thead { border-style:solid; border-width:1px; border-color:#e6e6e6 #ccc #ccc #e6e6e6; background-color:#f5f5f5; } div.meetingRoom .roomList > table thead tr { border-top:1px solid #ccc; } div.meetingRoom .roomList > table th { border-right:1px dotted #dbdbdb; white-space:nowrap; word-break:break-all; font-weight:normal; color:#999; line-height:32px; } /*div.meetingRoom .roomList > table th:first-child { background:none; }*/ div.meetingRoom .roomList > table tbody { border-style:solid; border-color:#e6e6e6 #ccc #ccc #e6e6e6; border-width:0 1px 1px; } div.meetingRoom .roomList > table tbody tr { height:32px; border-bottom:1px solid #e5e5e5; } div.meetingRoom .roomList > table td:first-child { border-left:none; } div.meetingRoom .roomList > table td { border-left:1px dotted #dbdbdb; word-break:break-all; text-align:center; padding:0px 5px; } div.meetingRoom .roomList > table thead { /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f5f5f5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-8 */ } div.meetingRoom .roomList table.schedule { border:none; } div.meetingRoom .roomList table.schedule thead, div.meetingRoom .roomList table.schedule tbody { border:none; } div.meetingRoom .roomList table.schedule tr:last-child { border:none; } div.meetingRoom .meeting_schedule_h div.reserve_dialog, div.meetingRoom .meeting_schedule_v div.reserve_dialog { position:absolute; width:200px; line-height:20px; border:1px solid #A8C4DA; background-color:white; border-radius:4px; box-shadow:2px 2px 5px #aaa; padding:5px 10px; text-align:left; z-index:1; } div.meetingRoom .meeting_schedule_h div.reserve_dialog h4, div.meetingRoom .meeting_schedule_v div.reserve_dialog h4 { line-height:22px; } div.meetingRoom .meeting_schedule_h div.reserve_dialog { left:-90px; } div.meetingRoom .meeting_schedule_v div.reserve_dialog { left:0; } /* portlet icon */ a.icon_portlet { display:inline-block; width:70px; height:64px; white-space:nowrap; overflow:hidden; } a.icon_portlet span { display:block; padding-top:49px; } a.icon_portlet.img_portlet_01 { background:url(../../images/UXDesign/common/img_portlet.jpg) no-repeat 0 0; } a.icon_portlet.img_portlet_02 { background:url(../../images/UXDesign/common/img_portlet.jpg) no-repeat -100px 0; } a.icon_portlet.img_portlet_03 { background:url(../../images/UXDesign/common/img_portlet.jpg) no-repeat -200px 0; } a.icon_portlet.img_portlet_04 { background:url(../../images/UXDesign/common/img_portlet.jpg) no-repeat -300px 0; } a.icon_portlet.img_portlet_05 { background:url(../../images/UXDesign/common/img_portlet.jpg) no-repeat -400px 0; } a.icon_portlet.img_portlet_06 { background:url(../../images/UXDesign/common/img_portlet.jpg) no-repeat -500px 0; } a.icon_portlet.img_portlet_07 { background:url(../../images/UXDesign/common/img_portlet.jpg) no-repeat -600px 0; } a.icon_portlet.img_portlet_08 { background:url(../../images/UXDesign/common/img_portlet.jpg) no-repeat -700px 0; } a.icon_portlet.img_portlet_09 { background:url(../../images/UXDesign/common/img_portlet.jpg) no-repeat -800px 0; } a.icon_portlet.img_portlet_10 { background:url(../../images/UXDesign/common/img_portlet.jpg) no-repeat -900px 0; } a.icon_portlet.img_portlet_11 { background:url(../../images/UXDesign/common/img_portlet.jpg) no-repeat 0 -200px; } a.icon_portlet.img_portlet_12 { background:url(../../images/UXDesign/common/img_portlet.jpg) no-repeat -100px -200px; } a.icon_portlet.img_portlet_13 { background:url(../../images/UXDesign/common/img_portlet.jpg) no-repeat -200px -200px; } a.icon_portlet.img_portlet_14 { background:url(../../images/UXDesign/common/img_portlet.jpg) no-repeat -300px -200px; } a.icon_portlet.img_portlet_15 { background:url(../../images/UXDesign/common/img_portlet.jpg) no-repeat -400px -200px; } a.icon_portlet.img_portlet_16 { background:url(../../images/UXDesign/common/img_portlet.jpg) no-repeat -500px -200px; } a.icon_portlet.img_portlet_17 { background:url(../../images/UXDesign/common/img_portlet.jpg) no-repeat -600px -200px; } a.icon_portlet.img_portlet_18 { background:url(../../images/UXDesign/common/img_portlet.jpg) no-repeat -700px -200px; } a.icon_portlet.img_portlet_19 { background:url(../../images/UXDesign/common/img_portlet.jpg) no-repeat -800px -200px; } a.icon_portlet.img_portlet_20 { background:url(../../images/UXDesign/common/img_portlet.jpg) no-repeat -900px -200px; } a.icon_portlet.img_portlet_21 { background:url(../../images/UXDesign/common/img_portlet.jpg) no-repeat 0 -400px; } a.icon_portlet.img_portlet_22 { background:url(../../images/UXDesign/common/img_portlet.jpg) no-repeat -100px -400px; } a.icon_portlet.img_portlet_23 { background:url(../../images/UXDesign/common/img_portlet.jpg) no-repeat -200px -400px; } a.icon_portlet.img_portlet_24 { background:url(../../images/UXDesign/common/img_portlet.jpg) no-repeat -300px -400px; } a.icon_portlet.img_portlet_25 { background:url(../../images/UXDesign/common/img_portlet.jpg) no-repeat -400px -400px; } a.icon_portlet.img_portlet_26 { background:url(../../images/UXDesign/common/img_portlet.jpg) no-repeat -500px -400px; } a.icon_portlet.img_portlet_27 { background:url(../../images/UXDesign/common/img_portlet.jpg) no-repeat -600px -400px; } a.icon_portlet.img_portlet_28 { background:url(../../images/UXDesign/common/img_portlet.jpg) no-repeat -700px -400px; } a.icon_portlet.img_portlet_29 { background:url(../../images/UXDesign/common/img_portlet.jpg) no-repeat -800px -400px; } a.icon_portlet.img_portlet_30 { background:url(../../images/UXDesign/common/img_portlet.jpg) no-repeat -900px -400px; } a.icon_portlet.img_portlet_31 { background:url(../../images/UXDesign/common/img_portlet.jpg) no-repeat 0 -600px; } a.icon_portlet.img_portlet_32 { background:url(../../images/UXDesign/common/img_portlet.jpg) no-repeat -100px -600px; } a.icon_portlet.img_portlet_33 { background:url(../../images/UXDesign/common/img_portlet.jpg) no-repeat -200px -600px; } a.icon_portlet.img_portlet_01.selected { color:#ccc; background-position:0 -100px; } a.icon_portlet.img_portlet_02.selected { color:#ccc; background-position:-100px -100px; } a.icon_portlet.img_portlet_03.selected { color:#ccc; background-position:-200px -100px; } a.icon_portlet.img_portlet_04.selected { color:#ccc; background-position:-300px -100px; } a.icon_portlet.img_portlet_05.selected { color:#ccc; background-position:-400px -100px; } a.icon_portlet.img_portlet_06.selected { color:#ccc; background-position:-500px -100px; } a.icon_portlet.img_portlet_07.selected { color:#ccc; background-position:-600px -100px; } a.icon_portlet.img_portlet_08.selected { color:#ccc; background-position:-700px -100px; } a.icon_portlet.img_portlet_09.selected { color:#ccc; background-position:-800px -100px; } a.icon_portlet.img_portlet_10.selected { color:#ccc; background-position:-900px -100px; } a.icon_portlet.img_portlet_11.selected { color:#ccc; background-position:0 -300px; } a.icon_portlet.img_portlet_12.selected { color:#ccc; background-position:-100px -300px; } a.icon_portlet.img_portlet_13.selected { color:#ccc; background-position:-200px -300px; } a.icon_portlet.img_portlet_14.selected { color:#ccc; background-position:-300px -300px; } a.icon_portlet.img_portlet_15.selected { color:#ccc; background-position:-400px -300px; } a.icon_portlet.img_portlet_16.selected { color:#ccc; background-position:-500px -300px; } a.icon_portlet.img_portlet_17.selected { color:#ccc; background-position:-600px -300px; } a.icon_portlet.img_portlet_18.selected { color:#ccc; background-position:-700px -300px; } a.icon_portlet.img_portlet_19.selected { color:#ccc; background-position:-800px -300px; } a.icon_portlet.img_portlet_20.selected { color:#ccc; background-position:-900px -300px; } a.icon_portlet.img_portlet_21.selected { color:#ccc; background-position:0 -500px; } a.icon_portlet.img_portlet_22.selected { color:#ccc; background-position:-100px -500px; } a.icon_portlet.img_portlet_23.selected { color:#ccc; background-position:-200px -500px; } a.icon_portlet.img_portlet_24.selected { color:#ccc; background-position:-300px -500px; } a.icon_portlet.img_portlet_25.selected { color:#ccc; background-position:-400px -500px; } a.icon_portlet.img_portlet_26.selected { color:#ccc; background-position:-500px -500px; } a.icon_portlet.img_portlet_27.selected { color:#ccc; background-position:-600px -500px; } a.icon_portlet.img_portlet_28.selected { color:#ccc; background-position:-700px -500px; } a.icon_portlet.img_portlet_29.selected { color:#ccc; background-position:-800px -500px; } a.icon_portlet.img_portlet_30.selected { color:#ccc; background-position:-900px -500px; } a.icon_portlet.img_portlet_31.selected { color:#ccc; background-position:0 -700px; } a.icon_portlet.img_portlet_32.selected { color:#ccc; background-position:-100px -700px; } a.icon_portlet.img_portlet_33.selected { color:#ccc; background-position:-200px -700px; } .portletsum.admin { width:100%; height:100%; } .portletsum.admin a.icon_portlet { height:48px; cursor:pointer; } /* timepicker ----------------------------------------------------------------------------- */ div.plugin_timepicker { position:absolute; padding:1px 2px;/* background-color:white;*/} div.plugin_timepicker ul { width:27px; text-align:center; border:1px solid #999; border-radius:4px; background-color:#eee; } div.plugin_timepicker ul.hour { } div.plugin_timepicker ul.minute { position:absolute; top:0; left:30px; } div.plugin_timepicker ul li { font-family:'돋움', 'Dotum'; font-size:.9em; line-height:14px; cursor:pointer; border-bottom:1px dashed #bbb; } div.plugin_timepicker ul li.hover { font-weight:bold; background-color:orange; } div.plugin_timepicker ul.time { position:absolute; top:0; left:30px; width:35px; } div.plugin_timepicker ul.minute + ul.time { left:58px; } .btn_timepicker { cursor:pointer; } div.fc-content { z-index:0; } td.fc-header-right ul { position:relative; z-index:0; } .schedule_quickSearch { margin-bottom:6px; text-align:right; } .schedule_quickSearch > div { } .schedule_quickSearch div.period { display:inline-block; margin-right:10px; } .schedule_quickSearch a, .schedule_quickSearch input { vertical-align:middle; } /* layer box -------------------------------------------------------------------------------------------------- */ div.layerBox { position:absolute; top:10px; right:0; margin-top:10px; } div.layerBox > div { border-radius:5px; border:3px solid #4489C0; box-shadow:2px 2px 10px 3px #3A3A3A; background-color:white; display:inline-block;padding:7px 22px 7px 15px; min-width:100px; } div.layerBox > div > span.arrow { display:block; position:absolute; top:-10px; right:30px; width:14px; height:13px; background:url(../../images/UXDesign/theme/theme05/basic/box_arrow_blue.png) no-repeat; } div.layerBox > div > a.btnClose { position:absolute; top:8px; right:8px; } div.layerBox > div > h4 { font-weight:bold; color:#333; font-size:1.1em; border-bottom:1px dashed #666666; padding-bottom:6px; } div.layerBox1 { position:absolute; width:520px; } div.layerBox1 h4 { font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif, Meiryo, "MS PGothic", Dotum !important; font-size: 11px !important; height: 26px; } div.layerBox1 .head { background:#242424 url(../../images/UXDesign/common/bg_layer_title.png) repeat-x; border-radius: 5px 5px 0 0; box-shadow: 5px 5px 10px 0 #686868; } div.layerBox1 .head span { color:#fff; display: inline-block; margin-top: 6px; margin-left: 10px; } div.layerBox1 .ext_closeBtn { background:url(../../images/UXDesign/icon/ic_close_layer_3.gif) no-repeat left top; width: 11px; height: 10px; display: inline-block; position: absolute; top: 8px; right: 10px; } div.layerBox1 .content { border-radius: 0 0 5px 5px; box-shadow: 5px 5px 10px 0 #686868; border:1px solid #505050; background:#d5d5d5; } div.layerBox1 .content .extArrow { position: absolute; left: -11px; top: 166px; background: url(../../images/UXDesign/common/bg_layerbox_arrow.png) no-repeat; width: 11px; height: 22px; display: block; } div.layerBox1 .content .userInfoWrap { padding:10px; margin:10px; border:1px solid #AEAEAE; background:#fff; } #mainContents .userInfoWrap { float:left; width:410px; padding:10px; margin-right:10px; margin-bottom:10px; border:1px solid #AEAEAE; background:#fff; } #mainContents .userInfoWrap .prInfo { padding-left: 84px; min-height: 119px; margin-top:-10px; } #mainContents .userInfoWrap .prPhoto > a > img { width: 70px; height: 70px; display:inline-block;} #mainContents .userInfoWrap .prPhoto ul { left: 6px; } div.layerBox1 .content .userInfoWrap .prInfo { padding-left: 144px; min-height: 160px; } div.layerBox1 .content .userInfoWrap .prPhoto_follow { position: absolute; right: 8px; top: 110px; } div.layerBox1 .content .userInfoWrap .prPhoto a.follow { background: url(../../images/UXDesign/common/btn_profile_go.png) no-repeat left top; color: white; } div.layerBox1 .content .userInfoWrap .prPhoto a.follow span { background: url(../../images/UXDesign/common/btn_profile_following_r.png) no-repeat right top; color: white; margin-left: 16px; padding-right: 5px; padding-left: 5px; padding-top: 1px; } .select_layer { position:absolute; min-width:42px; padding:4px; border:1px solid #555; background:#FFF; letter-spacing: -0.1em; z-index:99; box-shadow:2px 2px 8px 0px #a0a0a0; } .select_layer a:hover { color:#c50050; text-decoration:none; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; float: left; min-width: 120px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #FFF; border: 1px solid #CCC; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .dropdown-menu > li { padding-left:0 !important; } .dropdown-menu > li > a { display: block; font-size: 12px; color: #444; font-weight: normal; line-height: 20px; margin: 0 5px; padding: 3px 10px; white-space: nowrap; clear: both; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a { background: #666; text-decoration: none; color: #fff; } /* blockFooter ---------------------------------------------------------------------*/ #blockFooter { padding:20px 0; color:#666; } #blockFooter .wrapper { width:921px; margin:0 auto; padding-left:90px; text-align:center; } #blockFooter img { vertical-align:middle; margin:-1px 3px 0 0; } /*#headerPersonalMenuBox { position:absolute; top:19px; right:0; background:url(../../images/UXDesign/theme/theme05/basic/bg_personal_menuBox.png) no-repeat 0 0; padding:10px 0 0 0; width:169px; text-align:left; z-index:10; } #headerPersonalMenuBox > div { background:url(../../images/UXDesign/theme/theme05/basic/bg_personal_menuBox_bottom.png) no-repeat bottom left; padding:10px 15px 10px 15px; margin-bottom:-2px; font-size:0.9em; color:#555; box-shadow:2px 2px 3px 5px #ccc; }*/ #headerPersonalMenuBox { top:19px; z-index:999; } #headerPersonalMenuBox span.arrow { right:12px; } #headerPersonalMenuBox li { font-size:1.2em; border-bottom:dashed 1px #bbb; margin-top:4px; line-height:26px; white-space:nowrap; } #headerPersonalMenuBox li:last-child, #headerPersonalMenuBox > div li.last-child { border-bottom-width:0px; } #headerPersonalMenuBox .icon { display:inline-block; width:11px; height:11px; margin-right:4px; background:url(../../images/UXDesign/jp/icon/icon_personal_menuBox.png) no-repeat 0 0; } #headerPersonalMenuBox .icon.profile { background-position:; } #headerPersonalMenuBox .icon.password { background-position:-11px 0; } #headerPersonalMenuBox .icon.logout { background-position:-22px 0; } #headerPersonalMenuBox .icon.help { background-position:-33px 0; } #headerPersonalMenuBox .icon.admin { background-position:-44px 0; } #portletLayoutSettingBox span.arrow { right:4px; } #topLayoutBox { top:37px; right:20px; z-index:999; } #topLayoutBox li { font-size:12px; border-bottom:dashed 1px #bbb; margin-top:4px; line-height:26px; white-space:nowrap; } #topLayoutBox li:last-child, #topLayoutBox > div li.last-child { border-bottom-width:0px; } #topLayoutBox .icon { display:inline-block; width:16px; height:16px; margin-right:0px; margin-bottom:-4px; background:url(../../images/UXDesign/jp/icon/icon_personal_menuBox1.png) no-repeat 0 0; } #topLayoutBox .icon.profile { background-position:; } #topLayoutBox .icon.password { background-position:-16px 0; } #topLayoutBox .icon.logout { background-position:-32px 0; } div.pageTitle_both { margin-bottom:4px; } div.pageTitle_both h2 { float:left; margin-top:5px; font-size:1.3em; } div.pageTitle_both .blockButton { float:right; margin:0; } div.pageTitle_both .blockButton li { display:inline-block; } div.dialog_message { color:#555; font-weight:bold; font-size:1.1em; line-height:1.8em; text-align:center; } a.btn { display:inline-block; border: 1px solid #bbb; border-radius: 3px; vertical-align:bottom; cursor:pointer; text-decoration:none; } a.sBtn { padding: 0 7px 0 17px; font-size:0.9em; line-height:18px; } a.sBtn_icon_delete { background: url("../../images/UXDesign/icon/ic_btn_delete.gif") no-repeat scroll 6px center; } a.sBtn_icon_quick { background: url("../../images/UXDesign/icon/ic_tab_ar.gif") no-repeat scroll 6px center; } a.sBtn_icon_quick.active { background: url("../../images/UXDesign/icon/ic_tablesort_down.gif") no-repeat scroll 6px center; } .favorite_people_layer { position:absolute; display:none; padding:6px 8px; width:300px; min-height:80px; max-height:300px; line-height:2.2em; border:1px solid #ccc; border-radius:5px; box-shadow:3px 3px 5px #ccc; background-color:#f6f6ff; overflow:auto; } .favorite_people_layer h4 { font-size:1.1em; margin-top:6px; } .favorite_people_layer a { cursor:pointer; } .favorite_people_layer > ul {} .favorite_people_layer > ul ul { margin-left:20px; line-height:1.8em; } .favorite_people_layer > ul ul li { border-bottom:1px dotted #ddd; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .Mainlocation { height:22px; margin-top:2px; padding-left: 10px; font-size:11px;} .Mainlocation a.home { width:10px; height:8px; padding-left: 14px;background:url("../../images/UXDesign/icon/ic_home.gif") no-repeat 0 3px; } /*2013 test .location {position: absolute;right: 20px; top:6px; font-size:11px;color:#000;} theme로 이동*/ .icon_help { position: absolute; left:200px; top:15px; } .icon_help a { display:inline-block; background: url("../../images/UXDesign/icon/ic_alliance_q.png") no-repeat; width:16px; height:16px; } .icon_help a span { display:none; } .icon_help_profile { position: absolute; left:180px; top:19px; } .icon_help_profile a { display:inline-block; background: url("../../images/UXDesign/icon/ic_alliance_q.png") no-repeat; width:16px; height:16px; } .icon_help_profile a span { display:none; } div.searchDetail { font-size:12px; border:1px solid #ccc; border-radius:5px; padding:4px 10px; } div.searchDetail { /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f5f5f5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-8 */ } div.searchDetail table { width:100%; line-height:26px; } div.searchDetail input, div.searchDetail label, div.searchDetail img { vertical-align:middle; } div.searchDetail label { margin-left:20px; } div.searchDetail label:first-child { margin-left:auto; } div.searchDetail label input { margin-right:4px; } div.searchDetail a.btnSearch { display:inline-block; width:54px; height:20px; border:none; background:url("../../images/UXDesign/theme/theme01/basic/btn_search.gif") no-repeat scroll 0 0 transparent; } /* facility -------------------------------------------------------------------------------------------------*/ #divFacilityList tr.disable { background-color:#eee; } #divFacilityList tr.unused { background-color:#fec; } /* #timelineDiv tr.unused { background-color:#fec; } */ #timelineDiv tr.unused td { background-color:#fec; } #divFacilityList tr.disable a.append, #divFacilityList tr.unused a.append { display:none; } #divFacilityReserveList div.facilityReserve { position:absolute; background-color:#6af; } div.facilityReserveHint { position:absolute; display:none; font-size:12px; padding:6px 10px; width:150px; /*height:40px;*/ border:1px solid #aaf; border-radius:5px; background-color:white; box-shadow:2px 2px 4px #666; } div.facilityReserveHint h4, div.facilityReserveHint > div { white-space:nowrap; width:100%; overflow:hidden; text-overflow:ellipsis; } div.facilityReserveHint h4 { border-bottom:1px dotted #eee; padding-bottom:2px; } div.facilityReserveHint div.ext { border-top:1px dotted #eee; } div.facilityReserveHint div.ext dl {} div.facilityReserveHint div.ext dl > dt {} div.facilityReserveHint div.ext dl > dd { text-indent:12px; } span.icon_facility { /* background-color: transparent; */ /* background-image: url("../../../images/UXDesign/icon/ic_facility.png"); */ /* background-repeat: no-repeat; */ /* background-position: center; */ background: url("../../images/UXDesign/icon/ic_facility.png") center no-repeat transparent; width:12px; height:12px; /* vertical-align:middle; */ display:inline-block; margin-right:2px; } span.itemFacility { display: inline-block; margin-left:7px; } span.itemFacility:first-child { margin-left:0px; } span.itemFacility > a.btnClose { background: url("../../images/UXDesign/icon/ic_close_layer.gif") no-repeat scroll center center transparent; border: 1px solid #9999FF; cursor: pointer; display: inline-block; height: 7px; margin-left: 2px; vertical-align: top; width: 7px; } /* gallery portlet -------------------------------------------------------------------------------------------------*/ #galleryPortletContainer { width:369px; /* padding:5px 10px; */ margin:0 auto; position:relative; z-index:0; height:300px; } #galleryPortletContainer img.frame {position:absolute;z-index:0;width:495px;height:320px;top:-3px;left:-64px;} #galleryPortletSlides { position:absolute;top:15px;left:4px;z-index:100; } #galleryPortletSlides .slides_container { width:360px;overflow:hidden;position:relative;display:none; } #galleryPortletSlides .slides_container div.slide { width:360px;height:245px;display:block; } #galleryPortletSlides .next, #galleryPortletSlides .prev { position:absolute;top:107px;left:-24px;width:24px;height:43px;display:block;z-index:101; } #galleryPortletSlides .next { left:360px; } #galleryPortletSlides .pagination { margin:11px auto; } #galleryPortletSlides .pagination li { float:left; margin:0 1px;list-style:none;} #galleryPortletSlides .pagination li a {display:block; width:12px; height:0;padding-top:12px;background-image:url(../../images/UXDesign/portlet/gallery/pagination.png);background-position:0 0;float:left;overflow:hidden;} #galleryPortletSlides .pagination li.current a { background-position:0 -12px; } #galleryPortletSlides .slides_container div.slide div.caption { z-index:500;position:absolute;bottom:-35px;left:0;height:30px;padding:6px 6px 0 6px;background:#000;background:rgba(0,0,0,.5);width:348px; font-family:Tahoma, Meiryo, "MS PGothic", Dotum; font-size:1em; line-height:1.9;color:#fff;text-shadow:none; } .portletUnit .po_title h2 { cursor:move; } .portletUnit .noMove .po_title h2 { cursor:default; } .portletUnit .po_title a { color:#444; } div.scheduleTargetSelector { position:absolute; width:375px; font-size:.9em; box-shadow:5px 5px 5px #aaa; border:1px solid #ddd; border-radius:5px; background-color:white; } div.scheduleTargetSelector a.btnExtend { position:absolute; top:100px;right:5px; background:url(../../images/UXDesign/icon/panevc.gif) no-repeat 0 0; width:10px; height:83px; } div.scheduleTargetSelector a.btnExtend.close { right:-1px; background-position:-10px 0; width:10px; height:83px; } div.scheduleTargetSelector a.btnAdd, div.scheduleTargetSelector a.btnRemove { display:block; margin:15px 0; width:12px; height:17px; } div.scheduleTargetSelector a.btnAdd { background:url(../../images/UXDesign/icon/ic_ar_next.gif); } div.scheduleTargetSelector a.btnRemove { background:url(../../images/UXDesign/icon/ic_ar_pre.gif); } /* topmenu icon -------------------------------------------------------------------------------------------------*/ .topmenu_icon { display:inline-block; } .topmenu_icon ul li { float:left; border:2px solid #ddd; border-radius:3px; background:#333; margin:5px; letter-spacing:-1px; } .topmenu_icon ul li:hover { border:2px solid #C50050; border-radius:3px; } .topmenu_icon.bg { background:url(../../images/UXDesign/common/bg_topmenu_icon.png) repeat-x 0 top; padding:0px 5px 7px 5px; display:block; min-height:100%; } .topmenu_icon.bg ul { display:inline-block; } .topmenu_icon.bg ul li { display:inline-block; border:none; margin:2px; margin-bottom:0px; margin-left:7px; margin-right:7px; background:none; } .topmenu_icon.bg ul li a { display:inline-block; text-align:center; color:#0562A0; } .topmenu_icon.bg ul li a:hover { color:#0562A0; text-decoration:underline; } .topmenu_icon.bg a div.topmenu_icon { display:inline-block; width:32px; height:32px; margin: 6px 10px 2px 10px; } .topmenu_icon.bg a div.topmenu_icon.icon_01 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 0; } .topmenu_icon.bg a div.topmenu_icon.icon_02 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -32px; } .topmenu_icon.bg a div.topmenu_icon.icon_03 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -64px; } .topmenu_icon.bg a div.topmenu_icon.icon_04 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -96px; } .topmenu_icon.bg a div.topmenu_icon.icon_05 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -128px; } .topmenu_icon.bg a div.topmenu_icon.icon_06 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -160px; } .topmenu_icon.bg a div.topmenu_icon.icon_07 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -192px; } .topmenu_icon.bg a div.topmenu_icon.icon_08 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -224px; } .topmenu_icon.bg a div.topmenu_icon.icon_09 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -256px; } .topmenu_icon.bg a div.topmenu_icon.icon_10 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -288px; } .topmenu_icon.bg a div.topmenu_icon.icon_11 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -320px; } .topmenu_icon.bg a div.topmenu_icon.icon_12 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -352px; } .topmenu_icon.bg a div.topmenu_icon.icon_13 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -384px; } .topmenu_icon.bg a div.topmenu_icon.icon_14 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -416px; } .topmenu_icon.bg a div.topmenu_icon.icon_15 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -448px; } .topmenu_icon.bg a div.topmenu_icon.icon_16 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -480px; } .topmenu_icon.bg a div.topmenu_icon.icon_17 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -512px; } .topmenu_icon.bg a div.topmenu_icon.icon_18 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -544px; } .topmenu_icon.bg a div.topmenu_icon.icon_19 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -576px; } .topmenu_icon.bg a div.topmenu_icon.icon_20 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -608px; } .topmenu_icon.bg a div.topmenu_icon.icon_21 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -640px; } .topmenu_icon.bg a div.topmenu_icon.icon_22 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -672px; } .topmenu_icon.bg a div.topmenu_icon.icon_23 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -704px; } .topmenu_icon.bg a div.topmenu_icon.icon_24 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -736px; } .topmenu_icon.bg a div.topmenu_icon.icon_25 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -768px; } .topmenu_icon.bg a div.topmenu_icon.icon_26 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -800px; } .topmenu_icon.bg a div.topmenu_icon.icon_27 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -832px; } .topmenu_icon.bg a div.topmenu_icon.icon_28 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -864px; } .topmenu_icon.bg a div.topmenu_icon.icon_29 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -896px; } .topmenu_icon.bg a div.topmenu_icon.icon_30 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -928px; } .topmenu_icon.bg a div.topmenu_icon.icon_31 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -960px; } .topmenu_icon.bg a div.topmenu_icon.icon_32 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -992px; } .topmenu_icon.bg a div.topmenu_icon.icon_33 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -1024px; } .topmenu_icon.bg a div.topmenu_icon.icon_34 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -1056px; } .topmenu_icon.bg ul li span { display:block; margin-top:2px; } a.topmenu_icon { display:inline-block; width:32px; height:32px; margin: 6px 10px 2px 10px; } a.topmenu_icon.icon_01 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 0; } a.topmenu_icon.icon_02 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -32px; } a.topmenu_icon.icon_03 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -64px; } a.topmenu_icon.icon_04 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -96px; } a.topmenu_icon.icon_05 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -128px; } a.topmenu_icon.icon_06 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -160px; } a.topmenu_icon.icon_07 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -192px; } a.topmenu_icon.icon_08 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -224px; } a.topmenu_icon.icon_09 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -256px; } a.topmenu_icon.icon_10 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -288px; } a.topmenu_icon.icon_11 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -320px; } a.topmenu_icon.icon_12 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -352px; } a.topmenu_icon.icon_13 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -384px; } a.topmenu_icon.icon_14 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -416px; } a.topmenu_icon.icon_15 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -448px; } a.topmenu_icon.icon_16 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -480px; } a.topmenu_icon.icon_17 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -512px; } a.topmenu_icon.icon_18 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -544px; } a.topmenu_icon.icon_19 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -576px; } a.topmenu_icon.icon_20 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -608px; } a.topmenu_icon.icon_21 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -640px; } a.topmenu_icon.icon_22 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -672px; } a.topmenu_icon.icon_23 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -704px; } a.topmenu_icon.icon_24 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -736px; } a.topmenu_icon.icon_25 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -768px; } a.topmenu_icon.icon_26 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -800px; } a.topmenu_icon.icon_27 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -832px; } a.topmenu_icon.icon_28 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -864px; } a.topmenu_icon.icon_29 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -896px; } a.topmenu_icon.icon_30 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -928px; } a.topmenu_icon.icon_31 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -960px; } a.topmenu_icon.icon_32 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -992px; } a.topmenu_icon.icon_33 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -1024px; } a.topmenu_icon.icon_34 { background:url(../../images/UXDesign/icon/ic_topmenu.png) no-repeat 0 -1056px; } .topmenu_fold { border-top:1px solid #dadada; border-bottom:1px solid #ccc; background:#ddd; height:8px; cursor: pointer; } .topmenu_fold:hover { border-top:1px solid #c7c7c7; border-bottom:1px solid #b4b4b4; background:#ccc; height:8px; } .topmenu_fold .arrow_01 { background:url(../../images/UXDesign/common/img_topmenu_arrow.png) no-repeat; width: 9px; height: 4px; margin: 0 auto; display: block; margin-top: 2px; } .topmenu_fold .arrow_02 { background:url(../../images/UXDesign/common/img_topmenu_arrow_down.png) no-repeat; width: 9px; height: 4px; margin: 0 auto; display: block; margin-top: 2px; } /* text box -------------------------------------------------------------------------------------------------*/ .text_box_red { border: 1px solid #CF6161; padding: 0px 4px; text-align: center; background: #E48A8A; font-size: 12px; color: white; border-radius: 8px; } .text_box_gray { border: 1px solid #989898; padding: 0px 4px; text-align: center; background: #b7b7b7; font-size: 12px; color: white; border-radius: 8px; } .text_box_green { border: 1px solid #67b43c; padding: 0px 4px; text-align: center; background: #90cc70; font-size: 12px; color: white; border-radius: 8px; } .text_box_blue { border: 1px solid #4e95d3; padding: 0px 4px; text-align: center; background: #79b5e8; font-size: 12px; color: white; border-radius: 8px; } /* Quick menu -------------------------------------------------------------------------------------------------*/ #QuickMenuBar { width: 59px; _width: 60px; border-bottom: 0; border-top: 0; /*border-right: 1px solid #4C4C4C;*/ position: absolute; left: 0; top: 0; color: #CECECE; background: #484848; margin-right: 1px; _margin-right: 0; _border-right: none; } #QuickMenuBar a { color: #D9FF57; } #QuickMenuBar a:hover { text-decoration:none; font-weight:bold; } #QuickMenuBar .Quick_blogLinks { border-bottom:1px solid #2b2b2b; } #QuickMenuBar .Quick_blogLinks li a.Quick_blogMe { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #QuickMenuBar .Quick_blogLinks li a.Quick_blogMe { background: url(../../images/UXDesign/common/img_quick_me.png) no-repeat 0 0; display: block; width: 59px; _width: 60px; height: 47px; } #QuickMenuBar .Quick_blogLinks li a.Quick_blogMe:hover { background: url(../../images/UXDesign/common/img_quick_me_o.png) no-repeat 0 0; display: block; width: 59px; _width: 60px; height: 47px; } #QuickMenuBar .Quick_blogLinks li a span { display: none; } #QuickMenuBar .Quick_noti { background: #484848; } #QuickMenuBar .Quick_noti li { font-size: 10px; position: relative; } #QuickMenuBar .Quick_noti li.Quick_msg { border-top:1px solid #4f4f4f; border-bottom:1px solid #2b2b2b; border-right:1px solid #282828; background:#3a3a3a; height: 23px; } #QuickMenuBar .Quick_noti li.Quick_appr { border-top:1px solid #4f4f4f; border-bottom:1px solid #2b2b2b; border-right:1px solid #282828; background:#3a3a3a; height: 23px; } #QuickMenuBar .Quick_noti li.Quick_todo { border-top:1px solid #4f4f4f; border-bottom:1px solid #2b2b2b; border-right:1px solid #282828; background:#3a3a3a; height: 23px; } #QuickMenuBar .Quick_noti li.Quick_sche { border-top:1px solid #4f4f4f; border-bottom:1px solid #2b2b2b; border-right:1px solid #282828; background:#3a3a3a; height: 23px; } #QuickMenuBar .Quick_noti li.Quick_phone { border-top:1px solid #4f4f4f; border-bottom:1px solid #2b2b2b; border-right:1px solid #282828; background:#3a3a3a; height: 23px; } #QuickMenuBar .Quick_noti li.Quick_refresh a { display:block; height: 19px; padding-left:5px; border-top:1px solid #5a5a5a; border-bottom:1px solid #282828; background:#494949; color:#cecece; /* background: url(../../../images/UXDesign/theme/theme14/basic/btn_quick_refresh.png) no-repeat 0 0; */ -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out } #QuickMenuBar .Quick_noti li.Quick_refresh a:hover { display:block; height: 19px; border-top:1px solid #787878; border-bottom:1px solid #282828; background:#585858; color:#fcfcfc; font-weight:normal; /* background: url(../../../images/UXDesign/theme/theme14/basic/btn_quick_refresh_o.png) no-repeat 0 0; */ } #QuickMenuBar .Quick_noti li.Quick_note a { display:block; height: 21px; padding-top:3px; padding-left:5px; border-top:1px solid #5a5a5a; border-bottom:1px solid #282828; background:#494949; color:#cecece; font-size:12px; /* background: url(../../../images/UXDesign/theme/theme14/basic/btn_quick_note.png) no-repeat 0 0; */ -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #QuickMenuBar .Quick_noti li.Quick_note a:hover { display:block; height: 21px; border-top:1px solid #787878; border-bottom:1px solid #282828; background:#585858; color:#fcfcfc; font-weight:normal; /* background: url(../../../images/UXDesign/theme/theme14/basic/btn_quick_note_o.png) no-repeat 0 0; */ -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #QuickMenuBar .Quick_noti li.Quick_note a i { font-size:13px; } #QuickMenuBar .Quick_noti dl dt { display: inline; color: #e9e9e9; font-size: 13px; padding-top: 3px; padding-left: 3px; float: left; } #QuickMenuBar .Quick_noti dl dd { display: inline; float: right; cursor: pointer; line-height: 21px; padding-top: 1px; margin-right: 8px; font-size: 11px; text-align:right; } #QuickMenuBar .Quick_menus { clear: both; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; text-align: center; padding:6px 0; border-bottom:1px solid #282828; background:url(../../images/UXDesign/common/bg_quick_icon.gif) repeat-y 0 0; } #QuickMenuBar .Quick_menus li { padding:3px 0; height: 32px; } #QuickMenuBar .Quick_menus li a span { display:none; } #QuickMenuBar div.Quick_arrow_top a, #QuickMenuBar div.Quick_arrow_bottom a, #QuickMenuBar .Quick_menus li.icon_01 a, #QuickMenuBar .Quick_menus li.icon_02 a, #QuickMenuBar .Quick_menus li.icon_03 a, #QuickMenuBar .Quick_menus li.icon_04 a, #QuickMenuBar .Quick_menus li.icon_05 a, #QuickMenuBar .Quick_menus li.icon_06 a, #QuickMenuBar .Quick_menus li.icon_07 a, #QuickMenuBar .Quick_menus li.icon_08 a, #QuickMenuBar .Quick_menus li.icon_09 a, #QuickMenuBar .Quick_menus li.icon_10 a, #QuickMenuBar .Quick_menus li.icon_11 a, #QuickMenuBar .Quick_menus li.icon_12 a, #QuickMenuBar .Quick_menus li.icon_13 a, #QuickMenuBar .Quick_menus li.icon_14 a, #QuickMenuBar .Quick_menus li.icon_15 a, #QuickMenuBar .Quick_menus li.icon_16 a, #QuickMenuBar .Quick_menus li.icon_17 a, #QuickMenuBar .Quick_menus li.icon_18 a, #QuickMenuBar .Quick_menus li.icon_19 a, #QuickMenuBar .Quick_menus li.icon_20 a, #QuickMenuBar .Quick_menus li.icon_21 a, #QuickMenuBar .Quick_menus li.icon_22 a, #QuickMenuBar .Quick_menus li.icon_23 a, #QuickMenuBar .Quick_menus li.icon_24 a, #QuickMenuBar .Quick_menus li.icon_25 a, #QuickMenuBar .Quick_menus li.icon_26 a, #QuickMenuBar .Quick_menus li.icon_27 a, #QuickMenuBar .Quick_menus li.icon_28 a, #QuickMenuBar .Quick_menus li.icon_29 a, #QuickMenuBar .Quick_menus li.icon_30 a, #QuickMenuBar .Quick_menus li.icon_31 a, #QuickMenuBar .Quick_menus li.icon_32 a, #QuickMenuBar .Quick_menus li.icon_33 a, #QuickMenuBar .Quick_menus li.icon_34 a, #QuickMenuBar .Quick_menus li.icon_35 a { display:inline-block; width:59px; height:32px; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #QuickMenuBar div.Quick_arrow_top a { background: url(../../images/UXDesign/common/icon_quick_arrow_top.png) no-repeat left top; cursor: pointer; height:14px; display:block; margin-top:3px; margin-bottom:1px; } #QuickMenuBar div.Quick_arrow_top a:hover { background: url(../../images/UXDesign/common/icon_quick_arrow_top_o.png) no-repeat left top; cursor: pointer; height:14px; display:block; } #QuickMenuBar div.Quick_arrow_bottom a { background: url(../../images/UXDesign/common/icon_quick_arrow_bottom.png) no-repeat left top; cursor: pointer; height:14px; display:block; margin-top:3px; margin-bottom:5px; } #QuickMenuBar div.Quick_arrow_bottom a:hover { background: url(../../images/UXDesign/common/icon_quick_arrow_bottom_o.png) no-repeat left top; cursor: pointer; height:14px; display:block; } #QuickMenuBar .Quick_menus li.icon_01 a { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat 0 0; } #QuickMenuBar .Quick_menus li.icon_01 a:hover { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat 0 -32px; } #QuickMenuBar .Quick_menus li.icon_02 a { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -59px 0; } #QuickMenuBar .Quick_menus li.icon_02 a:hover { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -59px -32px; } #QuickMenuBar .Quick_menus li.icon_03 a { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -118px 0; } #QuickMenuBar .Quick_menus li.icon_03 a:hover { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -118px -32px; } #QuickMenuBar .Quick_menus li.icon_04 a { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -177px 0; } #QuickMenuBar .Quick_menus li.icon_04 a:hover { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -177px -32px; } #QuickMenuBar .Quick_menus li.icon_05 a { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -236px 0; } #QuickMenuBar .Quick_menus li.icon_05 a:hover { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -236px -32px; } #QuickMenuBar .Quick_menus li.icon_06 a { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -295px 0; } #QuickMenuBar .Quick_menus li.icon_06 a:hover { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -295px -32px; } #QuickMenuBar .Quick_menus li.icon_07 a { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -354px 0; } #QuickMenuBar .Quick_menus li.icon_07 a:hover { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -354px -32px; } #QuickMenuBar .Quick_menus li.icon_08 a { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -413px 0; } #QuickMenuBar .Quick_menus li.icon_08 a:hover { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -413px -32px; } #QuickMenuBar .Quick_menus li.icon_09 a { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -472px 0; } #QuickMenuBar .Quick_menus li.icon_09 a:hover { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -472px -32px; } #QuickMenuBar .Quick_menus li.icon_10 a { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -531px 0; } #QuickMenuBar .Quick_menus li.icon_10 a:hover { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -531px -32px; } #QuickMenuBar .Quick_menus li.icon_11 a { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -590px 0; } #QuickMenuBar .Quick_menus li.icon_11 a:hover { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -590px -32px; } #QuickMenuBar .Quick_menus li.icon_12 a { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -649px 0; } #QuickMenuBar .Quick_menus li.icon_12 a:hover { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -649px -32px; } #QuickMenuBar .Quick_menus li.icon_13 a { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -708px 0; } #QuickMenuBar .Quick_menus li.icon_13 a:hover { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -708px -32px; } #QuickMenuBar .Quick_menus li.icon_14 a { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -767px 0; } #QuickMenuBar .Quick_menus li.icon_14 a:hover { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -767px -32px; } #QuickMenuBar .Quick_menus li.icon_15 a { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -826px 0; } #QuickMenuBar .Quick_menus li.icon_15 a:hover { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -826px -32px; } #QuickMenuBar .Quick_menus li.icon_16 a { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -885px 0; } #QuickMenuBar .Quick_menus li.icon_16 a:hover { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -885px -32px; } #QuickMenuBar .Quick_menus li.icon_17 a { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -944px 0; } #QuickMenuBar .Quick_menus li.icon_17 a:hover { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -944px -32px; } #QuickMenuBar .Quick_menus li.icon_18 a { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -1003px 0; } #QuickMenuBar .Quick_menus li.icon_18 a:hover { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -1003px -32px; } #QuickMenuBar .Quick_menus li.icon_19 a { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -1062px 0; } #QuickMenuBar .Quick_menus li.icon_19 a:hover { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -1062px -32px; } #QuickMenuBar .Quick_menus li.icon_20 a { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -1121px 0; } #QuickMenuBar .Quick_menus li.icon_20 a:hover { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -1121px -32px; } #QuickMenuBar .Quick_menus li.icon_21 a { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -1180px 0; } #QuickMenuBar .Quick_menus li.icon_21 a:hover { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -1180px -32px; } #QuickMenuBar .Quick_menus li.icon_22 a { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -1239px 0; } #QuickMenuBar .Quick_menus li.icon_22 a:hover { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -1239px -32px; } #QuickMenuBar .Quick_menus li.icon_23 a { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -1298px 0; } #QuickMenuBar .Quick_menus li.icon_23 a:hover { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -1298px -32px; } #QuickMenuBar .Quick_menus li.icon_24 a { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -1357px 0; } #QuickMenuBar .Quick_menus li.icon_24 a:hover { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -1357px -32px; } #QuickMenuBar .Quick_menus li.icon_25 a { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -1416px 0; } #QuickMenuBar .Quick_menus li.icon_25 a:hover { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -1416px -32px; } #QuickMenuBar .Quick_menus li.icon_26 a { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -1475px 0; } #QuickMenuBar .Quick_menus li.icon_26 a:hover { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -1475px -32px; } #QuickMenuBar .Quick_menus li.icon_27 a { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -1534px 0; } #QuickMenuBar .Quick_menus li.icon_27 a:hover { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -1534px -32px; } #QuickMenuBar .Quick_menus li.icon_28 a { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -1593px 0; } #QuickMenuBar .Quick_menus li.icon_28 a:hover { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -1593px -32px; } #QuickMenuBar .Quick_menus li.icon_29 a { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -1652px 0; } #QuickMenuBar .Quick_menus li.icon_29 a:hover { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -1652px -32px; } #QuickMenuBar .Quick_menus li.icon_30 a { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -1711px 0; } #QuickMenuBar .Quick_menus li.icon_30 a:hover { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -1711px -32px; } #QuickMenuBar .Quick_menus li.icon_31 a { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -1770px 0; } #QuickMenuBar .Quick_menus li.icon_31 a:hover { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -1770px -32px; } #QuickMenuBar .Quick_menus li.icon_32 a { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -1829px 0; } #QuickMenuBar .Quick_menus li.icon_32 a:hover { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -1829px -32px; } #QuickMenuBar .Quick_menus li.icon_33 a { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -1888px 0; } #QuickMenuBar .Quick_menus li.icon_33 a:hover { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -1888px -32px; } #QuickMenuBar .Quick_menus li.icon_34 a { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -1947px 0; } #QuickMenuBar .Quick_menus li.icon_34 a:hover { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -1947px -32px; } #QuickMenuBar .Quick_menus li.icon_35 a { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -2006px 0; } #QuickMenuBar .Quick_menus li.icon_35 a:hover { background: url(../../images/UXDesign/common/icon_main_leftquick.png) no-repeat -2006px -32px; } #QuickMenuBar .Quick_setting a { display: block; height:19px; padding-left:5px; border-top:1px solid #5a5a5a; border-bottom:1px solid #282828; background:#494949; color:#cecece; font-size:10px; /* background: url(../../../images/UXDesign/theme/theme14/basic/icon_quick_setting.png) no-repeat left top; */ -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } #QuickMenuBar .Quick_setting a:hover { height:19px; border-top:1px solid #787878; border-bottom:1px solid #282828; background:#585858; color: #fcfcfc; text-decoration: none; font-weight:normal; /* background: url(../../../images/UXDesign/theme/theme14/basic/icon_quick_setting_o.png) no-repeat left top; */ -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } #QuickMenuBar .Quick_helpdesk a { display: block; height:19px; padding-left:5px; border-top:1px solid #5a5a5a; border-bottom:1px solid #282828; background:#494949; color:#cecece; font-size:10px; /* background: url(../../../images/UXDesign/theme/theme14/basic/icon_quick_help.png) no-repeat left top; */ -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } #QuickMenuBar .Quick_helpdesk a:hover { height:19px; border-top:1px solid #787878; border-bottom:1px solid #282828; background:#585858; color: #fcfcfc; text-decoration: none; font-weight:normal; /* background: url(../../../images/UXDesign/theme/theme14/basic/icon_quick_help_o.png) no-repeat left top; */ -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } #QuickMenuBar .Quick_helpdesk a i { padding-right:2px; } .quick_r { right: 17px !important; } /* button ---------------------------------------------------------*/ .btn_profile1 a { display:inline-block; color:#333; font-size:0.9em; width:110px; height:20px; padding:3px 0 0 25px; background:url(../../images/UXDesign/common/btn_profile_write1.gif) no-repeat; text-align:left; position:absolute; left:0; top:-2px;} .btn_profile1 a:hover { text-decoration:none; } .btn_v4 { display: inline-block; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-color: #BBB; margin-bottom: 0px; font-size: 13px; padding: 5px 12px 5px; background: #EEE; text-shadow: none; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #333; border: 1px solid #CCC; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #B3B3B3; -webkit-border-radius: 0!important; -moz-border-radius: 0!important; border-radius: 0!important; -webkit-box-shadow: 0 3px 3px -3px rgba(132, 132, 132, 0.3); -moz-box-shadow: 0 3px 3px -3px rgba(132,132,132,0.3); box-shadow: 0 3px 3px -3px rgba(132, 132, 132, 0.3); } .btn_v4.small { padding: 0px 8px; } .btn-group { position: relative; display: inline-block; font-size: 0; vertical-align: middle; white-space: nowrap; } .btn-group > .btn-large { font-size: 17.5px; padding: 11px 19px; } .btn-group > .btn-small { font-size: 11.9px; padding: 2px 10px; } .btn-group > .btn-mini { font-size: 10.5px; padding: 0 6px; } .btn-group > .btn-mmini { font-size: 10.5px; padding: 0px 6px; line-height:14px; } .btn_v4:hover, .btn_v4:focus, .btn_v4:active, .btn_v4.active, .btn_v4.disabled, .btn_v4[disabled] { color: #333; background-color: #E6E6E6; } .btn_v4 .caret { margin-left: 5px; margin-top: 8px; } .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000; border-right: 4px solid rgba(0, 0, 0, 0); border-left: 4px solid rgba(0, 0, 0, 0); content: ""; } /* My Work ---------------------------------------------------------*/ .date_wrp { overflow: hidden; position: relative; width: 100%; height: 51px; margin-top: -1px; background: url(../../images/UXDesign/common/bg_dw_x10.gif) repeat-x; line-height: 51px; z-index: 0; } .date_wrp .date_view { position: relative; overflow: hidden; height: 51px; line-height: 51px; } .date_wrp ul { display: table; width: 100%; height: 51px; } .date_wrp li { display: table-cell; position: relative; min-width: 64px; margin: 0; padding: 0; font-weight: bold; font-size: 15px; color: #585E68; text-align: center; } .date_wrp li a { display: block; width: 100%; height: 31px; padding: 0; margin-top: 9px; border-right: 1px dotted #d2d3d5; color: #40454D; text-align: center; } .date_wrp li a:hover { color: #c50050; text-decoration:none; } .date_wrp li a span { display: block; height: 16px; line-height: 16px; } .date_wrp li.selected a span { color: #c50050; } .date_wrp li.selected { background:url(../../images/UXDesign/common/bg_dw_arrow.png) no-repeat 50% bottom;} .date_wrp li.selected a span + span { display: block; overflow: hidden; height: 14px; color: #c50050; } .date_wrp li a span + span { margin-top: 2px; font-size: 12px; font-weight: bold; } .date_wrp li.today a, .date_wrp li.today a span + span { color: #0D9D02; } /* tag editor --------------------------------------- */ div.tagsinput { border:1px solid #CCC; /*background: #FFF;*/ padding:2px; width:100%;/*width:300px; height:100px;*/ overflow-y: auto; line-height:1.4em;} div.tagsinput span.tag { border: 1px solid #ffdd66; border-radius:3px; display: block; float: left; padding:0 2px; background: #fffcaa; margin-right: 3px; } div.tagsinput span.tag a { font-weight: bold; text-decoration:none; } div.tagsinput input { width:80px; margin:0px; border:1px solid transparent; padding:2px; background: transparent; outline:0px; margin-right:2px; } div.tagsinput div { display:block; float: left; } .tags_clear { clear: both; width: 100%; height: 0px; } .not_valid {background: #FBD8DB !important; color: #90111A !important; border-radius:3px;} /* animate --------------------------------------- */ .animate0 { -webkit-animation-duration: .8s; -webkit-animation-delay: 0s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .8s; -moz-animation-delay: 0s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .8s; -ms-animation-delay: 0s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .8s; animation-delay: 0s; animation-timing-function: ease; animation-fill-mode: both; } .animate1 { -webkit-animation-duration: .8s; -webkit-animation-delay: .2s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .8s; -moz-animation-delay: .2s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .8s; -ms-animation-delay: .2s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .8s; animation-delay: .2s; animation-timing-function: ease; animation-fill-mode: both; } .animate2{ -webkit-animation-duration: .8s; -webkit-animation-delay: .4s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .8s; -moz-animation-delay: .4s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .8s; -ms-animation-delay: .4s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .8s; animation-delay: .4s; animation-timing-function: ease; animation-fill-mode: both; } .animate3{ -webkit-animation-duration: .8s; -webkit-animation-delay: .6s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .8s; -moz-animation-delay: .6s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .8s; -ms-animation-delay: .6s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .8s; animation-delay: .6s; animation-timing-function: ease; animation-fill-mode: both; } .animate4{ -webkit-animation-duration: .8s; -webkit-animation-delay: .8s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .8s; -moz-animation-delay: .8s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .8s; -ms-animation-delay: .8s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .8s; animation-delay: .8s; animation-timing-function: ease; animation-fill-mode: both; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } }@-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(.9); } 100% { -moz-transform: scale(1); } }@-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(.9); } 100% { -o-transform: scale(1); } }@keyframes bounceIn { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(.9); } 100% { transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } .bounceIn input { -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } }@-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateX(-10deg); } 70% { -moz-transform: perspective(400px) rotateX(10deg); } 100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } }@-o-keyframes flipInX { 0% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateX(-10deg); } 70% { -o-transform: perspective(400px) rotateX(10deg); } 100% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } }@keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } }.flipInX { -webkit-backface-visibility: visible!important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible!important; -moz-animation-name: flipInX; -o-backface-visibility: visible!important; -o-animation-name: flipInX; backface-visibility: visible!important; animation-name: flipInX; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } }@-moz-keyframes lightSpeedIn { 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } }@-o-keyframes lightSpeedIn { 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } }@keyframes lightSpeedIn { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } }.lightSpeedIn { -webkit-animation-name: lightSpeedIn; -moz-animation-name: lightSpeedIn; -o-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } .animated.lightSpeedIn { -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s; } }.fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } }@-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } }@-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } }@keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }.fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } /* label --------------------------------------- */ .label { display: inline-block; padding: 2px 4px; font-size: 11px; font-weight: normal; line-height: 14px; color: #FFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); white-space: nowrap; vertical-align: baseline; background-color: #999; } .label-success { background-color: #55a3cc; } .label-fail { background: #d26661; } /* tooltip --------------------------------------- */ .tooltip { position: absolute; z-index: 999; display: block; visibility: visible; padding: 5px; font-size: 11px; } .tooltip .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: rgba(0, 0, 0, 0); border-style: solid; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #FFF; text-align: center; text-decoration: none; background-color: #000; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .fade.in { opacity: 0.9; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -ms-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .cal .ic_search01 { cursor:pointer; position:absolute;right:1px;top:1px;} .cal .input_search { height:17px;line-height:17px; border:1px solid #9cb0be;} /* margin */ .mt_0{ margin-top:0 !important;} .m_0{ margin:0 !important;} .mt_5{ margin-top:5px !important;} .mt_10{ margin-top:10px !important;} .mt_m1{ margin-top:-1px !important;} .ml_m4{ margin-left:-4px !important;} .mt_15{ margin-top:15px !important;} .mt_20{ margin-top:20px !important;} .ml_5{margin-left:10px !important;} .ml_10{margin-left:10px !important;} .mr_3{margin-right:3px !important;} .mr_5{margin-right:5px !important;} .mr_10{margin-right:10px !important;} /* padding */ .p_0{ padding:0 !important;} .pt_0{ padding-top:0 !important;} .pt_5{ padding-top:5px !important;} .pt_20{ padding-top:20px !important;} .pt_25{ padding-top:25px !important;} .pb_5{ padding-bottom:5px !important;} .pb_10{ padding-bottom:10px !important;} .pb_15{ padding-bottom:15px !important;} .pb_20{ padding-bottom:20px !important;} .pb_25{ padding-bottom:25px !important;} .pb_30{ padding-bottom:30px !important;} .pl_5{ padding-left:5px !important;} .pl_10{padding-left:10px !important;} .pl_15{padding-left:15px !important;} .pl_20{padding-left:20px !important;} .pl_30{padding-left:20px !important;} .pl_40{padding-left:20px !important;} .pl_50{padding-left:20px !important;} .pr_10{ padding-right:5px !important;} /* ie */ .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix{display:inline-block;} * html .clearfix{height:1%;} .clearfix{display:block;} /*.pointColor{color:#EA5705 !important;}*/ /* login */ /*.loginBg{background:#063681;} .loginBg .login{background:url(../../images/UXDesign/common/bg_login.png) no-repeat left bottom;width:713px;height:425px;margin:auto;padding-top:60px;} .loginBg .login .loginCon{position:relative;width:402px;height:216px;padding:145px 0 0 142px;} .loginBg .login .loginCon .title{padding:40px 0 0 0;text-align:center;} .inputboxArea{position:relative;margin:18px 0 0 60px;} .inputboxArea .loginArea {display:inline-block;background:url(../../images/UXDesign/common/bg_login_id_f.png) no-repeat left top;height:25px;padding-left:5px;} .inputboxArea .loginArea .loginAreaBg{display:inline-block;background:url(../../images/UXDesign/common/bg_login_id.png) no-repeat right top;height:25px;padding-right:5px;} .inputboxArea .loginArea .loginAreaBg .loginTxt{font-size:14px;color:#32475d;border:0;height:20px;font-weight:bold;background:none;padding:2px 0 0 ;} .inputboxArea .btnLogin{position:absolute;top:-2px;right:47px;} .inputboxArea .btnLoginAdmin{position:absolute;top:15px;right:20px;} .inputboxArea .checkLogin{margin:5px 0 0 54px;} .loginCon .logo{text-align:center;margin-top:9px;} .loginCon .logoAdmin{text-align:center;margin-top:18px;} .inputboxArea.position{padding-top:17px;margin-left:23px !important;} */ .loginBg{background:#e0e4e8;} .loginBg .login{background:url(../../images/UXDesign/yeonsung/bg_login.png) no-repeat left bottom;width:680px;height:650px;margin:auto;padding-top:40px;} .loginBg .login .loginCon{position:relative;width:402px;height:216px;padding:230px 0 0 134px;} .loginBg .login .loginCon .title{padding:40px 0 0 0;text-align:center;} .inputboxArea{position:relative;margin:42px 0 0 64px;} .inputboxArea.other{margin:30px 0 0 64px;} .inputboxArea .loginArea {display:inline-block;background:url(../../images/UXDesign/common/bg_login_id_f.png) no-repeat left top;height:25px;padding-left:5px;} .inputboxArea .loginArea .loginAreaBg{display:inline-block;background:url(../../images/UXDesign/common/bg_login_id.png) no-repeat right top;height:25px;padding-right:5px;} .inputboxArea .loginArea .loginAreaBg .loginTxt{font-size:14px;color:#32475d;border:0;height:20px;font-weight:bold;background:none;padding:2px 0 0 ;} .inputboxArea .btnLogin{position:absolute;top:0px;right:32px;} .inputboxArea .btnLoginAdmin{position:absolute;top:15px;right:15px;} .inputboxArea .checkLogin{margin:5px 0 0 54px;color:#6f6f6f;} .loginCon .logo{text-align:right;margin-top:45px;} .loginCon .logoAdmin{text-align:center;margin-top:18px;} .inputboxArea.position{padding-top:17px;margin-left:23px !important;} .w_50{display:inline-block;width:50px;text-align:left;} .w_130{display:inline-block;width:130px;text-align:left;} /* leftMenu open Close ------------------------------------------------------------------- */ body.leftClose { background:url(../../images/UXDesign/theme/theme07/basic/bg_leftline2.gif) repeat-y 62px top;} body.noBg { background:none;} /* 메인 페이지만 사용 */ .leftClose #mainContents { margin-left:20px;} .leftClose #leftMenu {display:none; } .leftClose .leftlayout a {background:url(../../images/UXDesign/common/btn_leftMenu.png) no-repeat left -19px; width:20px; height:19px; } /* 131210 doh - gnb */ iframe.layerCover { position:absolute; left:1px; top:28px; width:100%; height:100%; border:0; overflow:hidden;}