/* List----------------------------------------------------------------------------------------------- /* blockContainer /* LeftContainer /* Portal Main layout /* blockHeader /* topInfo /* personInfo /* utilMenu /* topMenu /* blockHeaderSub /* blockMain /* leftMenu /* blockFooter /* portletSetting /* portlet /* portlet unit style /* pageTitle_main /* pageTitle /* pageLocation /* conTitle /* subTitle_1 /* subTitle_2 /* subTitle_3 /* subTitle_4 /* bgTitle_1 /* bgTitle_2 /* bgTitle_3 /* bgTitle_4 /* roundTitle /* tab /* tab2 /* search /* listTable /* listTable_2 /* msgTable /* calTable /* summaryView /* corporateView /* galleryView /* blockDetail /* blockDetail_2 /* blockTableRead /* blockComment /* blockReply /* blockRelated /* pageNum /* blockButton /* subbutton_icon /* subbutton /* button_s_pop /* blockButton_2 /* blockButton_3 /* blockButton_4 /* blockButton_5 /* button_pr /* button_follow /* button_blog /* button_re /* button_rec /* button_rec_num /* button_rec_num_2 /* button_profile /* blockShuttle /* popup /* poptitle /* jquery ui with datepicker /* QnA View Category /* IE browser check /* Approval -------------------------------------------------------------------------------------------------- */ /* blockContainer ---------------------------------------------------------------------*/ /*2013test #blockContainer { min-width:990px; height:100%; position:relative; }*/ #blockContainer { min-width:1185px/* 932px */;position:relative;} #blockContainer.bgnone { background:none;} #blockthemebg_01 { height:80px; background:url(../../../images/UXDesign/theme/theme07/basic/bg_theme07.png) repeat-x top; } .layout_2p { margin-left:170px; } .layout_1p { margin-left:6px; } .fixed_width { margin:0 auto; width:970px; } /*2013test */ /* LeftContainer5 ---------------------------------------------------------------------*/ #LeftContainer, #LeftContainerFixed { position:absolute; top:0; left:0; height:100%; background:#40414b; } #LeftContainer.opened { width:170px; } #LeftContainer.closed, #LeftContainerFixed.closed { width:6px; } .LeftContainer_bar { position:absolute; top:0; right:0; width:6px; height:100%; background:url(../../../images/UXDesign/theme/theme07/basic/leftContainer_bar.gif) repeat-y; } #LeftContainer a.splitter { display:block; position:absolute !important; top:0; right:0; width:6px; height:168px; background-color:#5E6577; cursor:default; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity: 0; } #LeftContainer a.splitter:hover { cursor:w-resize; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity: 1; } #LeftContainer a.splitter span { display:none; } .LeftContainer_bar a { display:block; position:absolute; top:168px; right:0; width:6px; height:48px; } .LeftContainer_bar span { display:none; } .LeftContainer_bar_opened a { background:url(../../../images/UXDesign/theme/theme07/basic/leftContainer_ar.gif) no-repeat 0 0; } .LeftContainer_bar_opened a:hover { background-position:-6px 0; } .LeftContainer_bar_closed a { background:url(../../../images/UXDesign/theme/theme07/basic/leftContainer_ar.gif) no-repeat 0 -48px; } .LeftContainer_bar_closed a:hover { background-position:-6px -48px; } .perInfo { position:relative; padding:15px 8px 15px 7px; background:url(../../../images/UXDesign/theme/theme07/basic/bg_leftContainer_topInfo.gif) repeat-x 0 bottom; } .perInfo table { border-collapse:collapse; } .perInfo table td { vertical-align:top; } .perInfo img { width:41px; height:41px; margin:3px 0; } .perInfo_team { font-size:0.9em; *font-family:'돋움', 'Dotum', Tahoma; color:#999; line-height:15px; } .perInfo_name { color:#d8d8db; line-height:18px; } .perInfo_name_en { font-size:0.9em; color:#9b9eb5; line-height:10px; } .perInfo_etc { font-size:0.9em; color:#9295a9; padding:5px 0; } .conList { margin-right: 6px; overflow:auto; overflow-x:hidden; scrollbar-highlight-color: #60626e; scrollbar-shadow-color: #60626e; scrollbar-arrow-color: #d0d7df; scrollbar-face-color: #454753; scrollbar-3dlight-color: #030305; scrollbar-darkshadow-color: #262934; scrollbar-track-color: #262934; } .btn_refresh { height:22px; padding:8px 0 0 14px; } .btn_refresh a { display:block; width:60px; height:14px; background:url(../../../images/UXDesign/common/btn_refresh.png) no-repeat; } .btn_refresh span { display:none; } #LeftContainer .conList > ul > li > a { display:block; /*width:154px;*/ height:33px; line-height:33px; padding-left:10px; color:#ccc; background:url(../../../images/UXDesign/theme/theme07/basic/leftContainer_menu_1.gif) repeat-x right 0; } #LeftContainer .conList > ul > li > a:hover { text-decoration:none; background-position:right -33px; } #LeftContainer .conList > ul > li.opened > a { background-position:right -66px; } #LeftContainer .conList > ul > li.opened > a:hover { background-position:right -99px; } #LeftContainer li img { padding-right:5px; vertical-align:text-top; } #LeftContainer li li a { display:block; /*width:154px;*/ height:25px; line-height:25px; padding-left:10px; color:#ccc; white-space:nowrap; background:#545663; } #LeftContainer li li a:hover { text-decoration:none; background:#464855; } #LeftContainer li li.licurrent a { color:#fff; background:#7a7c88; } #LeftContainer li li .bottomline { display:block; height:2px; padding:2px 0; background:#545663 url(../../../images/UXDesign/theme/theme07/basic/leftContainer_menu_line.gif) repeat-x 5px 2px; } #LeftContainer li li.ar a { padding-left:31px; /*width:133px;*/ height:25px; line-height:25px; background:#545663 url(../../../images/UXDesign/theme/theme07/basic/ic_arrow_02.gif) no-repeat 20px 9px; } #LeftContainer li li.ar a:hover { background:#464855 url(../../../images/UXDesign/theme/theme07/basic/ic_arrow_02.gif) no-repeat 20px 9px; } #LeftContainer li li.ar.licurrent a { color:#fff; background:#7a7c88 url(../../../images/UXDesign/theme/theme07/basic/ic_arrow_03.gif) no-repeat 20px 9px; } #LeftContainer li li.docu a { background:#545663 url(../../../images/UXDesign/theme/theme07/basic/ic_menu_docu.png) no-repeat 14px 6px; } #LeftContainer li li.docu a:hover { background:#464855 url(../../../images/UXDesign/theme/theme07/basic/ic_menu_docu.png) no-repeat 14px 6px; } #LeftContainer li li.docu.licurrent a { background:#7a7c88 url(../../../images/UXDesign/theme/theme07/basic/ic_menu_docu.png) no-repeat 14px 6px; } #LeftContainer li li.per a { background:#545663 url(../../../images/UXDesign/theme/theme07/basic/ic_menu_per.png) no-repeat 15px 6px; } #LeftContainer li li.per a:hover { background:#464855 url(../../../images/UXDesign/theme/theme07/basic/ic_menu_per.png) no-repeat 15px 6px; } #LeftContainer li li.per.licurrent a { background:#7a7c88 url(../../../images/UXDesign/theme/theme07/basic/ic_menu_per.png) no-repeat 15px 6px; } /* Portal Main layout ---------------------------------------------------------------------*/ .ui-layout-north{ z-index:2 !important; min-height:80px;} .inner-center{ min-height:50px !important;} .toggler-west-open { top:60px !important; width:6px; height:48px; background:url(../../../images/UXDesign/theme/theme07/basic/leftContainer_ar.gif) no-repeat 0 0; } .toggler-west-closed { top:60px !important; width:6px; height:48px; background:url(../../../images/UXDesign/theme/theme07/basic/leftContainer_ar.gif) no-repeat 0 -48px; } .resizer-west-closed { width:6px; background:url(../../../images/UXDesign/theme/theme07/basic/leftContainer_bar.gif) repeat-y 0 0; } .resizer-west-open { width:6px; background:url(../../../images/UXDesign/theme/theme07/basic/leftContainer_bar.gif) repeat-y 0 0; } /* blockHeader ---------------------------------------------------------------------*/ /* #blockHeader { position:relative; z-index:99; height:75px; padding:0 23px 0 14px; background:url(../../../images/UXDesign/theme/theme07/basic/bg_top.gif) repeat-x left top; } */ #blockHeader { /* position:fixed; top:0; left:0; width:100%;*/ z-index:99; height:75px; /* margin-left:62px; */ padding:0 23px 0 14px; background:url(../../../images/UXDesign/theme/theme07/basic/bg_top_gcp.gif) repeat-x left top; } /* 131210 doh - size */ #blockHeader.topmini { position:relative; z-index:99; height:34px; padding:0 20px; background:#456f96; } /* topInfo ---------------------------------------------------------------------*/ #topInfo { position:relative; height:42px; } /* #topLogo { position:absolute; top:12px; left:0; } */ /* #topLogo.topmini { position:relative; top:5px; left:0; float:left; } */ #blockHeader.topmini #topLogo { position:relative; top:5px; left:0; float:left; } #blockHeader.topmini .toplayout1 { top: 9px; right: 42px; } h1.logo_text a { color:#fff; text-decoration:none;} h1.logo_text { background:url(../../../images/UXDesign/jp/common/logo_white.png) no-repeat; } /* personInfo ---------------------------------------------------------------------*/ #personInfo { font-size:0.9em; line-height:16px; position:absolute; top:17px; right:272px; } /* #personInfo.topmini { font-size:0.9em; line-height:16px; position:absolute; top:8px; right:235px; } */ #blockHeader.topmini #personInfo { font-size:0.9em; line-height:16px; position:absolute; top:8px; right:272px; } .info_date { float:left; color:#777; padding-top:1px; } @-moz-document url-prefix() { .info_date {padding-top:0;}} .info_photo { background:url(../../../images/UXDesign/common/photo_22x22.gif) no-repeat 0 0; width:22px; height:22px; display:block; float:left; margin-top:-2px; margin-right: 3px; } @-moz-document url-prefix() {.info_photo { background:url(../../../images/UXDesign/common/photo_22x22.gif) no-repeat 0 0; width:22px; height:22px; display:block; float:left; margin-top:-4px; margin-right: 3px; }} /* .info_photo.topmini { background:url(../../../images/UXDesign/common/photo_22x22.gif) no-repeat 0 0; width:22px; height:22px; display:block; float:left; margin-top:-2px; margin-right: 3px; } */ #blockHeader.topmini .info_photo { background:url(../../../images/UXDesign/common/photo_22x22.gif) no-repeat 0 0; width:22px; height:22px; display:block; float:left; margin-top:-2px; margin-right: 3px; } @-moz-document url-prefix() {.info_photo.topmini { background:url(../../../images/UXDesign/common/photo_22x22.gif) no-repeat 0 0; width:22px; height:22px; display:block; float:left; margin-top:-4px; margin-right: 3px; }} .info_team { float:left; padding:2px 10px 0 2px; font-size:12px; color:#fff; } @-moz-document url-prefix() { .info_team {padding:0 8px 0 2px;}} /* .info_team.topmini { float:left; padding:2px 10px 0 2px; font-size:12px; color:#fff; } */ #blockHeader.topmini .info_team { float:left; padding:2px 10px 0 2px; font-size:12px; color:#fff; } @-moz-document url-prefix() { .info_team.topmini {padding:0 8px 0 2px; color:#fff; }} .info_team a { color:#777; } .info_team a:hover { color:#333; text-decoration:none; } .info_name { font-weight:bold; color:#fff; padding:0 2px 0 5px; margin-bottom:20px; vertical-align:baseline; } #blockHeader.topmini .info_name { font-weight:bold; color:#fff; padding:0 2px 0 5px; margin-bottom:20px; vertical-align:baseline; } .info_btn { float:left; } .info_btn a { display:block; width:41px; height:16px; color:#777; padding-left:15px; background:url(../../../images/UXDesign/theme/theme07/basic/btn_logout.gif) no-repeat; } .info_btn a:hover { color:#333; text-decoration:none; } .info_profilebtn { float:left; } .info_profilebtn a { display:block; width:20px; height:18px; color:#777; padding-left:0px; background:url(../../../images/UXDesign/theme/theme07/basic/profile_btn.png) no-repeat; } .info_profilebtn a:hover { background:url(../../../images/UXDesign/theme/theme07/basic/profile_btn_on.png) no-repeat; } #blockHeader.topmini .info_profilebtn a { display:block; width:19px; height:18px; color:#777; padding-left:0px; background:url(../../../images/UXDesign/jp/common/profile_btn.png) no-repeat; } #blockHeader.topmini .info_profilebtn a:hover { background:url(../../../images/UXDesign/jp/common/profile_btn_on.png) no-repeat; } /* utilMenu ---------------------------------------------------------------------*/ #utilMenu { float:right; z-index:100; margin:13px 237px 0 20px; } #utilMenu > ul > li { position:relative; display:inline; margin-left:-4px; background:url(../../../images/UXDesign/theme/theme07/basic/bar_utilmenu.gif) no-repeat 0 1px; } #utilMenu > ul > li:first-child { background:none; } .utilmenu_system > a { display:inline-block; width:51px; height:15px; background:url(../../../images/UXDesign/theme/theme07/basic/utilmenu.gif) no-repeat 0 0; } .utilmenu_sitemap > a { display:inline-block; width:54px; height:15px; background:url(../../../images/UXDesign/theme/theme07/basic/utilmenu.gif) no-repeat -51px 0; } .utilmenu_help > a { display:inline-block; width:38px; height:15px; background:url(../../../images/UXDesign/theme/theme07/basic/utilmenu.gif) no-repeat -105px 0; } .utilmenu_admin > a { display:inline-block; width:43px; height:15px; background:url(../../../images/UXDesign/theme/theme07/basic/utilmenu.gif) no-repeat -143px 0; } .utilmenu_system > a:hover { background-position:0 -15px; } .utilmenu_sitemap > a:hover { background-position:-51px -15px; } .utilmenu_help > a:hover { background-position:-105px -15px; } .utilmenu_admin > a:hover { background-position:-143px -15px; } .utilmenu_system.selected > a { background-position:0 -30px; } .utilmenu_sitemap.selected > a { background-position:-51px -30px; } .utilmenu_help.selected > a { background-position:-105px -30px; } .utilmenu_admin.selected > a { background-position:-143px -30px; } #utilMenu > ul > li > a > span { display:none; } .utilmenu_system_layer { position:absolute; z-index:100; top:13px; left:-70px; width:190px; height:218px; background:url(../../../images/UXDesign/common/bg_utilmenu_sub.gif) } .utilmenu_box { margin-top:7px; width:189px; height:198px; overflow: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; } .utilmenu_box > ul { padding:10px 12px; } .utilmenu_box > ul > li { padding-bottom:5px; } .utilmenu_box > ul > li > a { padding:0 0 2px 8px; background:url(../../../images/UXDesign/icon/ic_arrow_3.gif) no-repeat 0 4px; } .utilmenu_box > ul > li > ul > li { padding-left:10px; } .utilmenu_box > ul > li > ul > li > a { padding-left:8px; font-size:0.9em; line-height:1.5em; background:url(../../../images/UXDesign/icon/ic_point_05.gif) no-repeat 0 6px; } .utilmenu_box li { white-space:nowrap; } .utilmenu_box li a { color:#555; } .utilmenu_box > ul > li > a:hover { color:#111; text-decoration:none; background:url(../../../images/UXDesign/icon/ic_arrow_4.gif) no-repeat 0 4px; } .utilmenu_box > ul > li > a:hover { color:#111; text-decoration:none; background:url(../../../images/UXDesign/icon/ic_arrow_4.gif) no-repeat 0 4px; } .utilmenu_box > ul > li > ul > li > a:hover { color:#111; text-decoration:none; background:url(../../../images/UXDesign/icon/ic_point_06.gif) no-repeat 0 6px; } .util_close a { display:block; width:190px; height:12px; } .util_close a span { display:none; } /* topMenu ---------------------------------------------------------------------*/ #topMenu {padding:0px 0 1px; height:45px;} #topMenu > ul {height:58px; /* background:url(../../../images/UXDesign/theme/theme07/basic/bg_gnbL.png) no-repeat left top; */ padding-left:13px;} #topMenu > ul > li { position:relative; z-index:99; float:left; padding:0; height:42px; margin-top:5px;/* background:url(../../../images/UXDesign/theme/theme07/basic/bg_gnb_li.png) repeat-x left top; */} #topMenu > ul > li > a { color:#fff; display:block; padding:0 10px; height:34px; background:url(../../../images/UXDesign/theme/theme07/basic/bg_gnb_bar.gif) no-repeat right 13px; text-align:center; text-decoration:none; letter-spacing:-0.5px; } #topMenu > ul > li:last-child > a { background:none; } #topMenu > ul > li > a.hover { background-position:0 -34px; color:#024e86; } /* #topMenu > ul > li > a:hover 서브메뉴 show시 활성화 되도록 처리하기 위해 변경 */ #topMenu > ul > li > a > span { display:block; font-size:1.2em; font-weight:bold; padding-top:9px; height:25px; letter-spacing:-1px;} #topMenu > ul > li.on > a, #topMenu > ul > li.liCurrent > a { padding:0 0 0 10px; margin:0 7px 0 0; background:url(../../../images/UXDesign/theme/theme07/basic/bg_gnb_current.png) no-repeat 0 0; } /* #topMenu > ul > li:first-child.liCurrent a { margin:0 7px 0 0; } */ #topMenu > ul > li.on > a > span, #topMenu > ul > li.liCurrent > a > span { color:#024e86; padding-right:10px; margin:0 -4px 0 0; background:url(../../../images/UXDesign/theme/theme07/basic/bg_gnb_current.png) no-repeat right 0; } #topMenu > ul > li > div { display:none; position:absolute; left:-3px; top:28px; } #topMenu > ul > li.on > div { width:100%; height:auto; display:block; } #topMenu > ul > li.on iframe { display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:999 !important;} #topMenu > ul > li ul { display:block !important; position:relative !important; top:0 !important; left:0 !important; width:100%; z-index:1000 !important;} /* #topMenu > ul > li.last-child {margin-left:36px;} */ /*.iconMenu_01 { background:url(../../../images/UXDesign/theme/theme07/basic/topmenuA_01.png); } .iconMenu_02 { background:url(../../../images/UXDesign/theme/theme07/basic/topmenuA_02.png); } .iconMenu_03 { background:url(../../../images/UXDesign/theme/theme07/basic/topmenuA_03.png); } .iconMenu_04 { background:url(../../../images/UXDesign/theme/theme07/basic/topmenuA_04.png); } .iconMenu_05 { background:url(../../../images/UXDesign/theme/theme07/basic/topmenuA_05.png); } #topMenu > ul > li > a.iconMenu_05 { background:url(../../../images/UXDesign/theme/theme01/basic/topmenuA_05.png) no-repeat left top; margin-left:34px; width:53px;} #topMenu > ul > li > a.iconMenu_05.hover { background-position:0 -41px; } #topMenu > ul > li > a.iconMenu_06 { background:url(../../../images/UXDesign/theme/theme01/basic/topmenu_06.png) no-repeat left top; width:79px;} #topMenu > ul > li > a.iconMenu_06.hover { background-position:0 -41px; }*/ .iconMenu_07 { background:url(../../../images/UXDesign/theme/theme01/basic/topmenu_07.png); } #topMenu > ul > li > div > ul { display:none; z-index:100; position:absolute; top:28px; left:3px; text-align:left; padding:5px 0; background:#fff; border:1px solid #014a75; border-top:none; border-radius:0 0 6px 6px; } #topMenu > ul > li > div > ul > li > a { display:block; white-space:nowrap; font-family:돋움; padding:5px 6px 3px; color:#333; margin-bottom:4px;} #topMenu > ul > li > div > ul > li > a.number { display:none; } #topMenu > ul > li > div > ul > li > a:hover { color:#000; background:#eee; text-decoration:none; } #topMenu2 { width:480px; height:90px; margin:0 auto; text-align:left; } #topMenu2 > ul { } #topMenu2 > ul > li { position:relative; z-index:99; float:left; padding:0 5px; } #topMenu2 > ul > li > a { display:block; width:110px; height:90px; background-position:0 0; background-repeat:no-repeat; text-align:left; } #topMenu2 > ul > li > a:hover { background-position:0 0px; text-decoration:none; } #topMenu3 { width:480px; height:18px; margin:0 auto; text-align:left; } #topMenu3 > ul { } #topMenu3 > ul > li { position:relative; float:left; padding:0 15px; } #topMenu3 > ul > li > p { margin-bottom:10px; } #topMenu3 > ul > li > a { display:block; width:50px; height:19px; text-align:left; } #topMenu3 > ul > li > a.photo_noimage { display:block; width:50px !important; height:50px !important; text-align:left; } .photo_noimage { display:inline-block; width:50px; height:50px; background:url(../../../images/UXDesign/common/photo_noImage.gif) no-repeat 0 0; } .photo_noimage span { display:none } #topMenu .allMenu {position:absolute; right:22px;} #topMenu .allMenu a {display:block; height:41px; width:106px; background:url(../../../images/UXDesign/theme/theme01/basic/topmenu_all.png) no-repeat 0 0;} #topMenu .allMenu a span {display:none;} .layerCover { } /* blockHeaderSub ---------------------------------------------------------------------*/ #blockHeaderSub { position:relative; height:38px; color:#c3c5c9; } .quick_l { position:absolute; top:6px; left:0; height:26px; } .quick_r { position:absolute; top:9px; right:0; height:26px; z-index:9; } #topMenu.topmini .quick_r { display:none; } .quick_l div.wrap { float:left; overflow:hidden; padding-top:7px; } .quick_l ul { float:left;/*margin:4px 6px 0 0;*/ } .quick_l div ul li a {color:#FFFFFF;text-decoration: none;font-weight: bold; font-size:0.95em; vertical-align:middle;} .popQuickguide div ul li a {color:#FFFFFF;text-decoration: none;font-weight: bold; font-size:0.95em; vertical-align:middle;} .popQuickguide div ul li {text-align:center;} .quick_l li { position:relative; float:left; padding-left:5px; text-align:center; min-width:45px; /*display:inline; padding-top:5px;*/ } .quick_l li.liLast { padding:0; } a.quickic_mail, a.quickic_appr, a.quickic_todo, a.quickic_plan, a.quickic_bbs, a.quickic_sms, a.quickic_msg, a.quickic_addr, a.quickic_rss { display:inline-block; width:50px; height:19px; } a.quickic_mail { background:url(../../../images/UXDesign/theme/theme07/basic/ic_quick.gif) no-repeat 0 0; } a.quickic_appr { background:url(../../../images/UXDesign/theme/theme07/basic/ic_quick.gif) no-repeat -50px 0; } a.quickic_todo { background:url(../../../images/UXDesign/theme/theme07/basic/ic_quick.gif) no-repeat -100px 0; } a.quickic_plan { background:url(../../../images/UXDesign/theme/theme07/basic/ic_quick.gif) no-repeat -150px 0; } a.quickic_bbs { background:url(../../../images/UXDesign/theme/theme07/basic/ic_quick.gif) no-repeat -200px 0; } a.quickic_sms { background:url(../../../images/UXDesign/theme/theme07/basic/ic_quick.gif) no-repeat -250px 0; } a.quickic_msg { background:url(../../../images/UXDesign/theme/theme07/basic/ic_quick.gif) no-repeat -300px 0; } a.quickic_addr { background:url(../../../images/UXDesign/theme/theme07/basic/ic_quick.gif) no-repeat -350px 0; } a.quickic_rss { background:url(../../../images/UXDesign/theme/theme07/basic/ic_quick.gif) no-repeat -400px 0; } a:hover.quickic_mail { background-position:0 -19px; } a:hover.quickic_appr { background-position:-50px -19px; } a:hover.quickic_todo { background-position:-100px -19px; } a:hover.quickic_plan { background-position:-150px -19px; } a:hover.quickic_bbs { background-position:-200px -19px; } a:hover.quickic_sms { background-position:-250px -19px; } a:hover.quickic_msg { background-position:-300px -19px; } a:hover.quickic_addr { background-position:-350px -19px; } a:hover.quickic_rss { background-position:-400px -19px; } a.quickic_mail span, a.quickic_appr span, a.quickic_todo span, a.quickic_plan span, a.quickic_bbs span, a.quickic_sms span, a.quickic_msg span, a.quickic_addr span, a.quickic_rss span { display:none; } .quick_num { position:absolute; top:-7px; left:0px; font-size:0.8em; padding:0 0 0 5px; color:#fff; line-height:13px; *line-height:12px; *padding-bottom:1px; background:url(../../../images/UXDesign/theme/theme07/basic/bg_quick_num.png) no-repeat left top; } .quick_num a:link, .quick_num a:hover, .quick_num a:active, .quick_num a:visited { color:#fff; text-decoration:none; } .quick_num span { display:inline-block; padding:0 5px 1px 0; margin-right:-6px; background:url(../../../images/UXDesign/theme/theme07/basic/bg_quick_num.png) no-repeat right top; } .quick_move_l, .quick_move_r { float:left; margin-top:2px;/*margin-top:-4px;*/ } .quick_move_l { margin-right:6px; } .quick_move_r { margin-left:6px; } .quick_move_l a { display:block; width:20px; height:27px; background:url(../../../images/UXDesign/theme/theme07/basic/ic_quick_move.gif) no-repeat 0 0; } .quick_move_r a { display:block; width:20px; height:27px; background:url(../../../images/UXDesign/theme/theme07/basic/ic_quick_move.gif) no-repeat -20px 0; } .quick_move_l a:hover { background-position:left -27px; text-decoration:none; } .quick_move_r a:hover { background-position:-20px -27px; text-decoration:none; } .quick_move_l a.disabled { background-position:left -54px; } .quick_move_r a.disabled { background-position:-20px -54px; } .quick_move_l span, .quick_move_r span { display:none; } .quickset { float:left; margin:5px 5px 0; } .quickset a { display:block; width:21px; height:21px; background:url(../../../images/UXDesign/theme/theme07/basic/ic_quicksetting.gif) no-repeat; } .quickset a:hover { background-position:left -21px; text-decoration:none; } .quickset span { display:none; } .quicktxt { float:left; padding:1px 0 0 0; text-align:right; } .quicktxt ul { padding:0; } .quicktxt > ul > li { display:inline; padding-left:2px; } .quicktxt > ul > li:first-child { background:none; } .quicktxt li.liFirst { padding:0; background:none; } .quicktxt_personal a, .quicktxt_recent a, .quicktxt_favorite a { display:inline-block; width:25px; height:22px; } .quicktxt_personal a { background:url(../../../images/UXDesign/theme/theme07/basic/quicktxt.png) no-repeat 0 0; } .quicktxt_recent a { background:url(../../../images/UXDesign/theme/theme07/basic/quicktxt.png) no-repeat -25px 0; } .quicktxt_favorite a { background:url(../../../images/UXDesign/theme/theme07/basic/quicktxt.png) no-repeat -50px 0; } .quicktxt_personal a:hover, .quicktxt_personal a.selected { background-position:0 -22px; } .quicktxt_recent a:hover, .quicktxt_recent a.selected { background-position:-25px -22px; } .quicktxt_favorite a:hover, .quicktxt_favorite a.selected { background-position:-50px -22px; } .quicktxt_personal a span, .quicktxt_recent a span, .quicktxt_favorite a span { display:none; } .quicktxt_personalBox { text-align:left; right:37px !important; top:28px !important; } .quicktxt_recentBox { text-align:left; right:0 !important; top:28px !important; } .quicktxt_recentBox span.arrow { right:38px !important; } .quicktxt_favoriteBox { text-align:left; right:0 !important; top:28px !important; } .quicktxt_favoriteBox span.arrow { right:8px !important; } .quicktxt_menuBox { padding:10px 15px !important; font-size:0.9em; color:#555; width:140px; } .quicktxt_personalBox .quicktxt_menuBox { width:110px; } .quicktxt_recentBox .quicktxt_menuBox { width:160px; } .quicktxt_favoriteBox .quicktxt_menuBox { width:200px; right:0 !important;} .quicktxt_menuBox > span.arrow { top:-13px !important; } #personalBoxContent { min-height:100px; } .quicktxt_tit_personal { background:url(../../../images/UXDesign/icon/ic_person_3.png) no-repeat 0 4px; padding-left:15px; font-weight:bold; color:#333; font-size:1.2em; } .quicktxt_tit_personal img { float:right; margin-top:5px; *margin-top:-15px; } .quicktxt_tit_recent { background:url(../../../images/UXDesign/icon/ic_recent.png) no-repeat 0 4px; padding-left:15px; font-weight:bold; color:#333; font-size:1.2em; } .quicktxt_tit_recent img { float:right; margin-top:5px; *margin-top:-15px; } .quicktxt_tit_favorite { background:url(../../../images/UXDesign/icon/ic_favorite.gif) no-repeat 0 4px; padding-left:15px; font-weight:bold; color:#333; font-size:1.2em; } .quicktxt_tit_favorite img { float:right; margin-top:5px; *margin-top:-15px; } .quicktxt_menuBox li { padding-left:15px; margin-top:2px; } .quicktxt_menuBox li a { color:#555; } .quicktxt_listPeople li { background:url(../../../images/UXDesign/icon/ic_person_2.png) no-repeat 0 2px; } .quicktxt_listDoc li { background:url(../../../images/UXDesign/icon/ic_document.png) no-repeat 0 1px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .quicktxt_listPerson { margin-top:10px; } .quicktxt_listPerson li.document { background:url(../../../images/UXDesign/icon/ic_document.png) no-repeat 2px 2px; padding-left:18px; } .quicktxt_listPerson li.file { background:url(../../../images/UXDesign/icon/ic_file.png) no-repeat 0 2px; padding-left:18px; } .quicktxt_listPerson li.images { background:url(../../../images/UXDesign/icon/ic_image.png) no-repeat 0 2px; padding-left:18px; } .quicktxt_listPerson li.video { background:url(../../../images/UXDesign/icon/ic_video.png) no-repeat 0 2px; padding-left:18px; } .quicktxt_listPerson li.comment { background:url(../../../images/UXDesign/icon/ic_comment.png) no-repeat 0 2px; padding-left:18px; } .quicktxt_listPerson li.feedback { background:url(../../../images/UXDesign/icon/ic_feedback.png) no-repeat 0 2px; padding-left:18px; } .quicktxt_listPerson li.micblog { background:url(../../../images/UXDesign/icon/ic_micblog.png) no-repeat 0 2px; padding-left:18px; } .setting { padding-top:6px; } .setting a { display:block; width:14px; height:14px; background:url(../../../images/UXDesign/icon/ic_setting.gif) no-repeat; } .setting a:hover { background-position:left -14px; } .setting span { display:none; } .addr_setting { margin:0 -4px 6px 0; text-align:right; } .addr_setting a { display:inline-block; height:14px; color:#777; padding-left:17px; font-size:0.9em; background:url(../../../images/UXDesign/icon/ic_setting.gif) no-repeat; } .addr_setting a:hover { color:#333; text-decoration:none; background-position:left -14px; } .leftMenu_btn { position:relative; } .mail_sync { margin:0 0 5px; text-align:right; position:absolute; top:0px; left:2px;} .mail_sync a { display:inline-block; height:14px; color:#777; padding-left:18px; font-size:0.9em; background:url(../../../images/UXDesign/icon/ic_sync.gif) no-repeat; } .mail_sync a:hover { color:#333; text-decoration:none; background-position:left -14px; } .mail_sync1 { margin:0 0 5px; text-align:right; position:absolute; top:8px; right:8px;} .mail_sync1 a { display:inline-block; height:14px; color:#777; padding-left:18px; font-size:0.9em; background:url(../../../images/UXDesign/icon/ic_sync.gif) no-repeat; } .mail_sync1 a:hover { color:#333; text-decoration:none; background-position:left -14px; } .mail_sync2 { margin:0 0 5px; text-align:right; position:absolute; top:10px; right:2px;} .mail_sync2 a { display:inline-block; height:14px; color:#777; padding-left:18px; font-size:0.9em; background:url(../../../images/UXDesign/common/loading_14px.gif) no-repeat; } .mail_sync2 a:hover { color:#333; text-decoration:none; background-position:left 0px; } .headerSearch { position:absolute; top:51px; right:90px; width:274px; height:20px; background:url(../../../images/UXDesign/theme/theme07/basic/header_search.png) no-repeat; } .headerSearch_sel a.sel_con { background:url(../../../images/UXDesign/theme/theme07/basic/header_search_sel.gif) no-repeat right 0; } .headerSearch a.sel_btn { background:url(../../../images/UXDesign/theme/theme07/basic/header_search_go.gif) no-repeat 0 -4px; } .headerSearch .headerSearch_sel .cell3 a {background:url(../../../images/UXDesign/theme/theme07/basic/header_search_auto.gif) no-repeat center center; } .headerSearch table.headerSearch_sel .headerSearch_layer { padding: 5px 0; } .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: #666; text-decoration: none; color: #FFF; } /* 131211 doh - header search fixed */ .headerSearch_sel { border-collapse:collapse; table-layout:fixed; border:0; height:20px; } .headerSearch a.sel_con { padding-top:0; margin-top:2px; } .headerSearch table.headerSearch_sel .headerSearch_layer { top:20px; } .headerSearch a.sel_btn { width:56px; height:22px; background:url(../../../images/UXDesign/theme/theme07/basic/header_search_go_gcp.png) no-repeat left top; } #personInfo { top:16px; } .info_link { position:absolute; top:35px; right:0; min-width:136px; } .info_link span { background:url(../../../images/UXDesign/theme/theme07/basic/btn_maintop_gcp.png) no-repeat 0 0; width:58px; height:21px; display:inline-block; padding:3px 0 0 9px; } .info_link a { color:#0c5487 !important; font-size:12px; margin:0 1px 0 -7px; } h1.logo_text { width:62px; height:46px; background:url(../../../images/UXDesign/theme/theme07/basic/logo_gcp.png) no-repeat; } /* blockMain ---------------------------------------------------------------------*/ /*#blockMain { position:relative; background:url(../../../images/UXDesign/theme/theme07/basic/bg_leftline.gif) repeat-y left top; } */ #blockMain.lnone { background:none !important; } #blockMain.bgnone { background:none !importnat; margin:0 !important; border:none !important; } #blockMain.bgset { background:#ebeef0 !important; } .mainTop_l { float:left; width:32.5%; } .mainTop_m { float:left; width:32.5%; margin:0 1.25%; } .mainTop_r { float:right; width:32.5%; } .mainTop_l table { width:100%; table-layout:fixed; border-collapse:collapse; } .iKEP_tab_s .more { position:absolute; top:8px; right:3px; } .mtitle { border-bottom:1px solid #d8d8d8; font-size:13px; font-weight:bold; color:#454545; padding-bottom:5px; margin-bottom:15px; } .newslist li { padding-left:10px; line-height:18px; background:url(../../../images/UXDesign/theme/theme07/basic/ic_point_01.gif) no-repeat 3px 7px; } .newslist li a { color:#555; font-size:12px; } .newslist li a:hover { color:#000; } .mainTop_imgtxt_01 { font-size:0.95em; color:#555; } .mainTop_imgtxt_02 { font-size:1.0em; color:#555; line-height:14px; } .mainTop_imgtxt_03 { font-size:0.8em; color:#999; margin-top:10px; line-height:11px; } .mainTop_imgtxt_04 { font-size:0.95em; color:#999; } .bgmc { background:url(../../../images/UXDesign/jp/common/img_mamagementclassroom.png) no-repeat right top; } /* leftMenu ------------------------------------------------------------ */ #leftMenu { position:absolute; top:19px; left:0; background:url(../../../images/UXDesign/theme/theme07/basic/bg_leftline.gif) repeat-y left top; height:100%;} .bg_leftline { background:url(../../../images/UXDesign/theme/theme07/basic/bg_leftline.gif) repeat-y left top; } .bg_leftline2 { background:url(../../../images/UXDesign/theme/theme07/basic/bg_leftline2.gif) repeat-y left top; } #leftMenu h2, #leftMenu h2 a, #leftMenu h2 a:hover { font-size:18px; font-family:돋움; color:#06468a; text-decoration:none; } #leftMenu h2 {padding:12px 16px; background:url(../../../images/UXDesign/theme/theme07/basic/bg_leftmenu_h2Line.gif) no-repeat right bottom; margin-bottom:8px;} #leftMenu h2.han { font-size:18px;} .left_fixed { padding:0 8px 0 9px;} .left_fixed > ul > li.liFirst {} .left_fixed > ul > li > a { display:block; line-height:0; font-weight:bold; width:166px; padding:15px 0 13px 21px; font-family:돋움; color:#222; background:url(../../../images/UXDesign/theme/theme07/basic/bg_leftmenu_1depth.png) no-repeat left top;} .left_fixed > ul > li > a:hover { text-decoration:none; background-position:0 -28px; color:#21507c;} .left_fixed > ul > li.opened > a { background-position:0 -56px; } .left_fixed > ul > li.opened > a:hover { background-position:0 -84px; color:#21507c;} .left_fixed > ul > li.no_child > a { background-position:0 -112px; } .left_fixed > ul > li.closed > ul{display:none;} .left_fixed > ul > li.no_child > a:hover {background-position:0 -140px; color:#21507c;} .left_fixed > ul > li.opened > ul {margin-top:4px;}/* 2013.09.02 */ .left_fixed > ul > li.no_child.licurrent > a { background-position:0 -168px; color:#21507c;} #leftMenu a.btn_close {display:block; height:18px; background:url(../../../images/UXDesign/theme/theme07/basic/leftMenu_btn.gif) no-repeat left top; text-indent:-9999px;} */ /* 2depth */ .left_fixed > ul > li > ul {} .left_fixed > ul > li > ul > li { line-height:24px; font-weight:normal;} .left_fixed > ul > li > ul > li > a { letter-spacing:-.05em; display:block; font-family:돋움; color:#000; width:160px; padding:0 0 0 18px; margin:0 0 2px 9px; background:url(../../../images/UXDesign/theme/theme07/basic/bg_leftmenu_2depth.png) no-repeat left top; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .left_fixed > ul > li > ul > li > a.blt_01 { background:url(../../../images/UXDesign/icon/ic_category.gif) no-repeat 11px 2px; } .left_fixed > ul > li > ul > li > a:hover { color:#21507c; text-decoration:none; background-position:0 -30px; } .left_fixed > ul > li > ul > li.licurrent > a { color:#21507c; background-position:0 -60px; } /* 3depth */ .left_fixed > ul > li > ul > li > ul { padding:0 0 7px; width:175px; background:#fff; } .left_fixed > ul > li > ul > li > ul > li { line-height:18px; font-weight:normal; } .left_fixed > ul > li > ul > li > ul > li > a { display:block; font-size:0.9em; color:#555; padding:0 0 0 36px; background:url(../../../images/UXDesign/icon/ic_bar.gif) no-repeat 26px 8px; } .left_fixed > ul > li > ul > li > ul > li > a:hover { color:#c50050; text-decoration:none; } .left_fixed > ul > li > ul > li > ul > li.licurrent > a { color:#c50050; } /* ui-layout ------------------------------------------------------------ */ .ui-layout-pane { /* all 'panes' */ border: none; } .ui-layout-pane-center { /* IFRAME pane */ padding: 0 0 0 0; margin: 0; } .ui-layout-pane-west { /* west pane */ overflow: hidden; } .ui-layout-toggler { /* all 'toggler-buttons' */ width:204px !important; height:25px !important; left:0 !important; top:0 !important; background:url(../../../images/UXDesign/theme/theme07/basic/leftMenu_btn.gif) no-repeat left top; } .ui-layout-toggler-closed { /* closed toggler-button */ width:30px !important; height:25px !important; left:0 !important; top:0 !important; background:url(../../../images/UXDesign/theme/theme07/basic/leftMenu_btn.gif) no-repeat right -25px; } /* masks are usually transparent - make them visible (must 'override' default) */ .ui-layout-mask { background: #C00 !important; opacity: .20 !important; filter: alpha(opacity=20) !important; } .ui-layout-resizer {width:204px !important; height:25px !important; left:0 !important;} .ui-layout-resizer.ui-layout-resizer-west-closed {width:30px !important;} /* layout -horizental Scroll ---------------------------------------------------------- */ #mContents {min-width:921px; padding:0 30px 0 29px; /*overflow-x:auto; overflow-y:scroll;*/} /*@media screen and (max-width : 1200px) { #mContents { overflow-x:auto; overflow-y:scroll;} }*/ /* boxList */ .boxList { position:relative; line-height:26px; font-weight:bold;/* width:164px;*/ padding:3px 0 0 10px; color:#555; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;/* background:#fff;*/ } .boxList .more { position:absolute; top:11px; right:8px; } .boxList_sub { /*width:155px; */padding:8px 10px 8px 8px; margin-bottom:10px;/* background:#fff; */} .boxList_sub .sublist { color:#999; } .boxList_sub li { padding:2px 0; } .boxList_sub li a { color:#555; padding-left:15px; background:url(../../../images/UXDesign/icon/ic_point_08.gif) no-repeat 7px 7px; } .boxList_child { width:174px; min-height:100px; padding:0; /*background:#fff;*/ } /* boxList_2 */ .boxList_2 { position:relative; width:176px; line-height:23px; font-weight:bold; color:#333; padding:10px; margin-bottom:10px; border:2px solid #5f8cd0; background:#fff; } .boxList_2 li { color:#555; font-weight:normal; line-height:1.6em; padding-left:8px; background:url(../../../images/UXDesign/icon/ic_point_10.gif) no-repeat 2px 8px; } .boxList_2 li a { color:#555; } .boxList_2 li a:hover { color: #555; } /* leftMenu_collaboration */ #leftMenu .coll_title { font-size:1.2em; font-weight:bold; color:#111; } #leftMenu h2.coll_title { margin-bottom:8px; } .leftMenu_coll { width:100%; } .coll_menu { margin-bottom:10px; background:#5481ce url(../../../images/UXDesign/theme/theme07/basic/bg_teamColl_menu.gif) repeat-x; border-radius:3px; } .coll_menu ul { padding:8px 3px; } .coll_menu li a { display:block; padding:2px 0 0 20px; color:#fff; background:url(../../../images/UXDesign/icon/ic_arrow_5.gif) no-repeat 5px 5px; margin:0 2px; } .coll_menu li a:hover { text-decoration:none; color:#e4eeff; } .coll_menu li.selected a { color:#111; background:#fff url(../../../images/UXDesign/icon/ic_arrow_5_on.gif) no-repeat 5px 4px; border-radius:3px; } .leftMenu_coll > ul > li > a { line-height:23px; padding:2px 0 0 28px; border:1px solid #ccc; background:#fff url(../../../images/UXDesign/theme/theme07/basic/bg_leftmenu_coll_1depth.gif) no-repeat 0 0; } .leftMenu_coll > ul > li > a:hover { background:#fff url(../../../images/UXDesign/theme/theme07/basic/bg_leftmenu_coll_1depth.gif) no-repeat 0 0; } .leftMenu_coll > ul > li.opened > a, .leftMenu_coll > ul > li.opened > a:hover, .leftMenu_coll > ul > li.opened.licurrent > a { background-position:0 -27px; } .leftMenu_coll > ul > li.licurrent > a { border:1px solid #ccc; background:#fff url(../../../images/UXDesign/theme/theme07/basic/bg_leftmenu_coll_1depth.gif) no-repeat 0 0; } .leftMenu_coll > ul > li > ul { padding:0; width:198px !important; } .leftMenu_coll > ul > li > ul > li > a { width:169px; line-height:23px; padding:2px 0 0 29px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px dotted #e1e1e1; background:#fff url(../../../images/UXDesign/theme/theme07/basic/bg_leftmenu_coll_2depth.gif) no-repeat 0 0; } .leftMenu_coll > ul > li > ul > li > a:hover { color:#3378bd; text-decoration:none; background-position:0 -54px; } .leftMenu_coll > ul > li > ul > li.licurrent > a, .leftMenu_coll > ul > li > ul > li.no_child > a:hover, .leftMenu_coll > ul > li > ul > li.licurrent.no_child > a, .leftMenu_coll > ul > li > ul > li > ul > li > a:hover, .leftMenu_coll > ul > li > ul > li > ul > li.licurrent > a { color:#3378bd; } .leftMenu_coll > ul > li.licurrent > ul > li > a { border-left:1px solid #ccc; border-right:1px solid #ccc; } .leftMenu_coll > ul > li > ul > li.opened > a { background-position:0 -27px; } .leftMenu_coll > ul > li > ul > li.opened > a:hover, .leftMenu_coll > ul > li > ul > li.opened.licurrent > a { background-position:0 -81px; } .leftMenu_coll > ul > li.licurrent > ul > li.opened.liLast > a, .leftMenu_coll > ul > li > ul > li.opened.liLast > a { border-bottom:1px dotted #ccc; } .leftMenu_coll > ul > li > ul > li.liLast > a, .leftMenu_coll > ul > li.licurrent > ul > li.liLast > ul, .leftMenu_coll > ul > li.licurrent > ul > li.liLast > a { border-bottom:1px solid #ccc; } .leftMenu_coll > ul > li.licurrent > ul > li > ul { border-left:1px solid #ccc; border-right:1px solid #ccc; } .leftMenu_coll > ul > li > ul > li > ul { padding:7px 0; width:198px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px dotted #ccc; background:#fff; } .leftMenu_coll > ul > li > ul > li > ul > li > a { display:block; font-size:0.9em; color:#555; padding:0 0 0px 31px; background:url(../../../images/UXDesign/icon/ic_point_08.gif) no-repeat 22px 7px; } .leftMenu_coll > .coll_box { padding:6px 10px; margin:10px 0; border:1px solid #ccc; background:#fff; } .leftMenu_coll > .coll_box h3 { font-size:1em; padding-bottom:2px; margin-bottom:7px; border-bottom:1px solid #d4d4d4; } .leftMenu_coll > .coll_box a { color:#555; } .leftMenu_coll > .coll_box span a { color:#999; } .leftMenu_coll > .coll_box span a:hover { color:#555; text-decoration:none; } /*.leftMenu_coll > .coll_box li.selected .arrow { color:#111; padding-left:6px; background:url(../../../images/UXDesign/theme/theme07/basic/ic_arrow_04.gif) no-repeat 0 4px; }*/ /* Q&A list */ #leftMenu.leftMenu_QnA { margin-right:10px; } .leftMenu_QnA .left_fixed > ul > li > a { } .leftMenu_QnA .left_fixed > ul > li > ul.qnalist_sub { padding:0; margin:10px 0; } .leftMenu_QnA .left_fixed > ul > li > ul > li.qnalist > a { line-height:24px; width:186px; color:#333; padding:2px 0 0 18px; background:url(../../../images/UXDesign/theme/theme07/basic/bg_leftmenu_qnalist.gif) no-repeat 0 0; } .leftMenu_QnA .left_fixed > ul > li > ul > li.qnalist > a:hover { color:#c50050; background-position:0 -52px; } .leftMenu_QnA .left_fixed > ul > li > ul > li.qnalist.licurrent > a, .leftMenu_QnA .left_fixed > ul > li > ul > li.qnalist.licurrent > a:hover { width:186px; color:#fff; background-position:0 -26px; } .leftMenu_QnA .left_fixed > ul > li.licurrent.opened > a { background:#fff url(../../../images/UXDesign/theme/theme07/basic/bg_leftmenu_1depth.gif) no-repeat 0 -29px; } .leftMenu_QnA .left_fixed > ul > li > a:hover { color:#c50050; background-position:0 0; } .leftMenu_QnA .left_fixed > ul > li.opened > a:hover { background-position:0 -29px; } .leftMenu_QnA .left_fixed > ul > li.licurrent.opened > a:hover { color:#c50050; } .leftMenu_QnA .left_fixed > ul > li.licurrent > a { background:#fff url(../../../images/UXDesign/theme/theme07/basic/bg_leftmenu_1depth.gif) no-repeat 0 0px; } .leftMenu_QnA .left_fixed > ul > li.no_child.licurrent > a { background:#fff; } /* leftMenu_service */ .leftMenu_service { top:15px !important; width:190px !important; } .leftMenu_service .corner_RoundBox07 { padding:10px; } .leftMenu_service h2, .leftMenu_service h2 a { font-size:18px !important; color:#111 !important; margin:5px 15px 15px 0 !important; } .leftMenu_service .left_fixed { width:168px; } .leftMenu_service .left_fixed > ul > li > a { width:158px; } .leftMenu_service .left_fixed > ul > li > ul { width:168px; } .leftMenu_service .left_fixed > ul > li > ul > li > a { padding: 0 0 0 18px; background:url(../../../images/UXDesign/icon/ic_point_08.gif) no-repeat 10px 7px; } .leftMenu_service .boxList { width:auto; } .leftMenu_service .boxList_sub { width:148px; } .leftMenu_service .boxList_sub li a { padding-left: 8px; background:url(../../../images/UXDesign/icon/ic_point_08.gif) no-repeat 0 7px; } .leftTree { min-height:140px; padding:6px; 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; overflow:hidden !important; text-overflow:ellipsis;} .leftTree_2 { position:absolute; left:7px; top:42px; width:195px; padding:0 0 10px; white-space:nowrap; overflow: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: #eee; } .treeTitle { position:absolute; left:10px; top:15px; font-size:18px; font-weight:normal; color:#111; } .btn_tr_enlarge a { position:absolute; top:19px; left:115px; display:block; width:61px; height:13px; background:url(../../../images/UXDesign/common/btn_tr_enlarge.gif) no-repeat; } .btn_tr_reduce a { position:absolute; top:19px; left:115px; display:block; width:55px; height:13px; background:url(../../../images/UXDesign/common/btn_tr_reduce.gif) no-repeat; } .btn_tr_enlarge_jp a { position:absolute; top:19px; left:115px; display:block; width:61px; height:13px; background:url(../../../images/UXDesign/common/btn_tr_enlarge_jp.gif) no-repeat; } .btn_tr_reduce_jp a { position:absolute; top:19px; left:115px; display:block; width:55px; height:13px; background:url(../../../images/UXDesign/common/btn_tr_reduce_jp.gif) no-repeat; } .btn_tr_enlarge span, .btn_tr_reduce span { display:none; } .btn_tr_enlarge_jp span, .btn_tr_reduce_jp span { display:none; } .treeBox { margin-bottom:20px; padding:6px; border:1px solid #ddd; } .leftBox { margin-bottom:20px; padding:6px; border:1px solid #ddd; } .centerBox { margin-bottom:20px; margin-left:15px; padding:6px; border:1px solid #ddd; } .treeBox_tab { overflow-x:auto; margin:-10px 0 10px; width:178px; border:1px solid #ccc; border-top:none; } .leftBox h3 { font-size:1em; margin:0 0 5px 5px; } .leftSelect { margin:0; padding:10px; background:#fff6f3; } .leftSelectBox { margin-top:10px; } .leftSelectBox select { width:100%; } .leftSelect select { width:100%; } .planner_leftbtn { margin:10px 0; } .btn_planner_import a { display:inline-block; color:#333; font-size:12px; text-align:center; width:74px; height:23px; line-height:23px; padding:0 0 0 20px; background:url(../../../images/UXDesign/common/btn_planner_import.gif) no-repeat; } .btn_planner_export a { display:inline-block; color:#333; font-size:12px; text-align:center; width:74px; height:23px; line-height:23px; padding:0 0 0 20px; background:url(../../../images/UXDesign/common/btn_planner_export.gif) no-repeat; } .btn_planner_import a:hover, .btn_planner_export a:hover { text-decoration:none; } /* portletSetting ---------------------------------------------------------------------*/ /* #portletSetting { text-align:right; margin-bottom:0; padding:12px 0 3px; } .po_btn_portlet a { display:block; width:54px; height:11px; background:url(../../../images/UXDesign/theme/theme07/basic/btn_po_setting.gif) repeat-x 0 0; padding-bottom:3px; } .po_btn_portlet_jp a { display:block; width:65px; height:11px; background:url(../../../images/UXDesign/theme/theme05/basic/btn_po_setting_jp.gif) repeat-x 0 0; padding-bottom:3px; } .po_btn_theme a { display:block; width:56px; height:11px; background:url(../../../images/UXDesign/theme/theme07/basic/btn_po_setting.gif) repeat-x -56px 0; padding-bottom:3px; } .po_btn_theme_jp a { display:block; width:56px; height:11px; background:url(../../../images/UXDesign/theme/theme05/basic/btn_po_setting_jp.gif) repeat-x -70px 0; padding-bottom:3px; } */ #portletSetting { text-align:right; margin-bottom:0; padding:12px 0 3px; } .po_btn_portlet a { display:block; margin-right:4px; /* background:url(../../../images/UXDesign/theme/theme06/basic/btn_po_setting.gif) repeat-x 0 0; */ padding-bottom:3px; font-size:16px; color: #555; -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; } .po_btn_portlet a:hover { color: #999; text-decoration:none; -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; } .po_btn_portlet_jp a { display:block; margin-right:4px; /* background:url(../../../images/UXDesign/theme/theme05/basic/btn_po_setting_jp.gif) repeat-x 0 0; */ padding-bottom:3px; font-size:16px; color: #555; -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; } .po_btn_portlet_jp a:hover { color: #999; text-decoration:none; -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; } .po_btn_theme a { display:block; margin-right:4px; /* background:url(../../../images/UXDesign/theme/theme06/basic/btn_po_setting.gif) repeat-x -56px 0; */ padding-bottom:3px; font-size:16px; color: #555; } .po_btn_theme a:hover { color: #999; text-decoration:none; -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; } .po_btn_theme_jp a { display:block; margin-right:4px; /* background:url(../../../images/UXDesign/theme/theme05/basic/btn_po_setting_jp.gif) repeat-x -70px 0; */ padding-bottom:3px; font-size:16px; color: #555; } .po_btn_theme_jp a:hover { color: #999; text-decoration:none; -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; } .po_btn_PortletLayout { margin-right:4px !important; font-size:16px; } .po_btn_PortletLayout a { color: #555; -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; } .po_btn_PortletLayout a:hover { color: #999; text-decoration:none; -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; } .po_btn_Help { margin-right:4px; font-size:18px; } .po_btn_Help a { color: #555; -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; } .po_btn_Help a:hover { color: #999; text-decoration:none; -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; } .po_btn_portlet a span, .po_btn_theme a span { display:none; } .po_btn_portlet_jp a span, .po_btn_theme_jp a span { display:none; } .portletSetting_c { text-align:left; color:#FFF; background:#3d3e4a; padding:10px 10px 5px; border:1px solid #3d3e4a; margin-bottom:10px;} .relative { position:relative; } * html .portletSetting_c { height:1%; } .portletSetting_c .l_t_corner { position:absolute; font-size:0; width:7px; height:7px; left:-1px; top:-1px; background:url(../../../images/UXDesign/theme/theme07/basic/bg_portletsetting.gif) no-repeat left top; } .portletSetting_c .r_t_corner { position:absolute; font-size:0; width:7px; height:7px; right:-1px; top:-1px; background:url(../../../images/UXDesign/theme/theme07/basic/bg_portletsetting.gif) no-repeat right top; } .portletSetting_c .l_b_corner { position:absolute; font-size:0; width:7px; height:7px; left:-1px; bottom:-1px; background:url(../../../images/UXDesign/theme/theme07/basic/bg_portletsetting.gif) no-repeat left bottom; } .portletSetting_c .r_b_corner { position:absolute; font-size:0; width:7px; height:7px; right:-1px; bottom:-1px; background:url(../../../images/UXDesign/theme/theme07/basic/bg_portletsetting.gif) no-repeat right bottom; } .portletcat { float:left; /*width:160px; height:158px; overflow-y:auto;*/ padding:0 10px; border-right:1px solid #787d84; scrollbar-highlight-color: #676b72; scrollbar-shadow-color: #676b72; scrollbar-arrow-color: #eee; scrollbar-face-color: #676b72; scrollbar-3dlight-color: #3d3e4a; scrollbar-darkshadow-color: #3d3e4a; scrollbar-track-color: #3d3e4a; } .portletcat > div { height: 158px; width: 160px; overflow-y: auto; overflow-x:hidden; } .portletcat li { padding-left:15px; margin-bottom:5px; *margin-bottom:2px; } .portletcat li a { display:block; font-size:0.8em; color:#ddd; line-height:14px; } .portletcat li a:hover { color:#FFF; text-decoration:none; } .portletcat li.licurrent { background:url(../../../images/UXDesign/theme/theme07/basic/portletcat_on.gif) no-repeat left top; } .portletcat li.licurrent a { color:#FFF; background:url(../../../images/UXDesign/theme/theme07/basic/portletcat_on.gif) no-repeat right top; } .portletcurrent { float:left; width:180px; height:163px; text-align:center; overflow-y:auto; padding:0 10px 0 0; border-right:1px solid #787d84; } .portletcurrent img { width:160px; padding:5px 0; } .portletcurrent span { padding-left:17px; background:url(../../../images/UXDesign/theme/theme07/basic/ic_sel.gif) no-repeat left 2px; } .portletcurrent p { color:#ccc; } .portletsum, .portlettheme { padding:0 10px; height:144px; overflow-x:hidden; overflow-y:auto; scrollbar-highlight-color: #676b72; scrollbar-shadow-color: #676b72; scrollbar-arrow-color: #eee; scrollbar-face-color: #676b72; scrollbar-3dlight-color: #3d3e4a; scrollbar-darkshadow-color: #3d3e4a; scrollbar-track-color: #3d3e4a; } .portletsum > div { height: 144px; overflow-x: hidden; overflow-y: auto; } .portlettheme { height:163px; } .portlettheme ul { padding-top:10px; } .portletsum li { position:relative; float:left; width:66px; padding:4px 10px; text-align:center; } .portlettheme li { position:relative; float:left; width:124px; padding:4px 15px; text-align:center; } .btn_portlet_sel{ display:inline-block; height:20px; background:url(../../../images/UXDesign/theme/theme07/basic/btn_portlet_sel_l.gif) no-repeat; } .btn_portlet_sel span{ display:inline-block; height:18px; background:url(../../../images/UXDesign/theme/theme07/basic/btn_portlet_sel_r.gif) no-repeat right top; margin-left:7px; padding-right:7px; padding-top:2px; } .btn_portlet_sel.selected { background-position:0 -20px; } .btn_portlet_sel.selected span { background-position:right -20px; color:#7a7a83; } .portletsum li p, .portlettheme li p { overflow:hidden; white-space:nowrap; padding-top:5px; } .portletsum a:link, .portletsum a:visited, .portletsum a:active, .portlettheme a { font-size:0.9em; *font-family:'돋움', 'Dotum', Tahoma; text-align:center; color:#fff; } .portletsum a:hover, .portlettheme a:hover { color:#ccc; text-decoration:none; } .portlettheme li.selected a { color:#ccc; } .portletsum li span { } a.img_portlet_01, a.img_portlet_02, a.img_portlet_03, a.img_portlet_04, a.img_portlet_05, a.img_portlet_06, a.img_portlet_07, a.img_portlet_08, a.img_portlet_09, a.img_portlet_10, a.img_portlet_11, a.img_portlet_12, a.img_portlet_13, a.img_portlet_14, a.img_portlet_15, a.img_portlet_16, a.img_portlet_17, a.img_portlet_18, a.img_portlet_19, a.img_portlet_20, a.img_portlet_21, a.img_portlet_22, a.img_portlet_23, a.img_portlet_24, a.img_portlet_25, a.img_portlet_26, a.img_portlet_27, a.img_portlet_28, a.img_portlet_29, a.img_portlet_30, a.img_portlet_31, a.img_portlet_32, a.img_portlet_33 { display:inline-block; width:70px; height:64px; white-space:nowrap; overflow:hidden; } a.img_portlet_01 { background:url(../../../images/UXDesign/common/img_portlet.jpg) no-repeat 0 0; } a.img_portlet_02 { background:url(../../../images/UXDesign/common/img_portlet.jpg) no-repeat -100px 0; } a.img_portlet_03 { background:url(../../../images/UXDesign/common/img_portlet.jpg) no-repeat -200px 0; } a.img_portlet_04 { background:url(../../../images/UXDesign/common/img_portlet.jpg) no-repeat -300px 0; } a.img_portlet_05 { background:url(../../../images/UXDesign/common/img_portlet.jpg) no-repeat -400px 0; } a.img_portlet_06 { background:url(../../../images/UXDesign/common/img_portlet.jpg) no-repeat -500px 0; } a.img_portlet_07 { background:url(../../../images/UXDesign/common/img_portlet.jpg) no-repeat -600px 0; } a.img_portlet_08 { background:url(../../../images/UXDesign/common/img_portlet.jpg) no-repeat -700px 0; } a.img_portlet_09 { background:url(../../../images/UXDesign/common/img_portlet.jpg) no-repeat -800px 0; } a.img_portlet_10 { background:url(../../../images/UXDesign/common/img_portlet.jpg) no-repeat -900px 0; } a.img_portlet_11 { background:url(../../../images/UXDesign/common/img_portlet.jpg) no-repeat 0 -200px; } a.img_portlet_12 { background:url(../../../images/UXDesign/common/img_portlet.jpg) no-repeat -100px -200px; } a.img_portlet_13 { background:url(../../../images/UXDesign/common/img_portlet.jpg) no-repeat -200px -200px; } a.img_portlet_14 { background:url(../../../images/UXDesign/common/img_portlet.jpg) no-repeat -300px -200px; } a.img_portlet_15 { background:url(../../../images/UXDesign/common/img_portlet.jpg) no-repeat -400px -200px; } a.img_portlet_16 { background:url(../../../images/UXDesign/common/img_portlet.jpg) no-repeat -500px -200px; } a.img_portlet_17 { background:url(../../../images/UXDesign/common/img_portlet.jpg) no-repeat -600px -200px; } a.img_portlet_18 { background:url(../../../images/UXDesign/common/img_portlet.jpg) no-repeat -700px -200px; } a.img_portlet_19 { background:url(../../../images/UXDesign/common/img_portlet.jpg) no-repeat -800px -200px; } a.img_portlet_20 { background:url(../../../images/UXDesign/common/img_portlet.jpg) no-repeat -900px -200px; } a.img_portlet_21 { background:url(../../../images/UXDesign/common/img_portlet.jpg) no-repeat 0 -400px; } a.img_portlet_22 { background:url(../../../images/UXDesign/common/img_portlet.jpg) no-repeat -100px -400px; } a.img_portlet_23 { background:url(../../../images/UXDesign/common/img_portlet.jpg) no-repeat -200px -400px; } a.img_portlet_24 { background:url(../../../images/UXDesign/common/img_portlet.jpg) no-repeat -300px -400px; } a.img_portlet_25 { background:url(../../../images/UXDesign/common/img_portlet.jpg) no-repeat -400px -400px; } a.img_portlet_26 { background:url(../../../images/UXDesign/common/img_portlet.jpg) no-repeat -500px -400px; } a.img_portlet_27 { background:url(../../../images/UXDesign/common/img_portlet.jpg) no-repeat -600px -400px; } a.img_portlet_28 { background:url(../../../images/UXDesign/common/img_portlet.jpg) no-repeat -700px -400px; } a.img_portlet_29 { background:url(../../../images/UXDesign/common/img_portlet.jpg) no-repeat -800px -400px; } a.img_portlet_30 { background:url(../../../images/UXDesign/common/img_portlet.jpg) no-repeat -900px -400px; } a.img_portlet_31 { background:url(../../../images/UXDesign/common/img_portlet.jpg) no-repeat 0 -600px; } a.img_portlet_32 { background:url(../../../images/UXDesign/common/img_portlet.jpg) no-repeat -100px -600px; } a.img_portlet_33 { background:url(../../../images/UXDesign/common/img_portlet.jpg) no-repeat -200px -600px; } a.img_portlet_01.selected { color:#ccc; background-position:0 -100px; } a.img_portlet_02.selected { color:#ccc; background-position:-100px -100px; } a.img_portlet_03.selected { color:#ccc; background-position:-200px -100px; } a.img_portlet_04.selected { color:#ccc; background-position:-300px -100px; } a.img_portlet_05.selected { color:#ccc; background-position:-400px -100px; } a.img_portlet_06.selected { color:#ccc; background-position:-500px -100px; } a.img_portlet_07.selected { color:#ccc; background-position:-600px -100px; } a.img_portlet_08.selected { color:#ccc; background-position:-700px -100px; } a.img_portlet_09.selected { color:#ccc; background-position:-800px -100px; } a.img_portlet_10.selected { color:#ccc; background-position:-900px -100px; } a.img_portlet_11.selected { color:#ccc; background-position:0 -300px; } a.img_portlet_12.selected { color:#ccc; background-position:-100px -300px; } a.img_portlet_13.selected { color:#ccc; background-position:-200px -300px; } a.img_portlet_14.selected { color:#ccc; background-position:-300px -300px; } a.img_portlet_15.selected { color:#ccc; background-position:-400px -300px; } a.img_portlet_16.selected { color:#ccc; background-position:-500px -300px; } a.img_portlet_17.selected { color:#ccc; background-position:-600px -300px; } a.img_portlet_18.selected { color:#ccc; background-position:-700px -300px; } a.img_portlet_19.selected { color:#ccc; background-position:-800px -300px; } a.img_portlet_20.selected { color:#ccc; background-position:-900px -300px; } a.img_portlet_21.selected { color:#ccc; background-position:0 -500px; } a.img_portlet_22.selected { color:#ccc; background-position:-100px -500px; } a.img_portlet_23.selected { color:#ccc; background-position:-200px -500px; } a.img_portlet_24.selected { color:#ccc; background-position:-300px -500px; } a.img_portlet_25.selected { color:#ccc; background-position:-400px -500px; } a.img_portlet_26.selected { color:#ccc; background-position:-500px -500px; } a.img_portlet_27.selected { color:#ccc; background-position:-600px -500px; } a.img_portlet_28.selected { color:#ccc; background-position:-700px -500px; } a.img_portlet_29.selected { color:#ccc; background-position:-800px -500px; } a.img_portlet_30.selected { color:#ccc; background-position:-900px -500px; } a.img_portlet_31.selected { color:#ccc; background-position:0 -700px; } a.img_portlet_32.selected { color:#ccc; background-position:-100px -700px; } a.img_portlet_33.selected { color:#ccc; background-position:-200px -700px; } a.img_portlet_01 span, a.img_portlet_02 span, a.img_portlet_03 span, a.img_portlet_04 span, a.img_portlet_05 span, a.img_portlet_06 span, a.img_portlet_07 span, a.img_portlet_08 span, a.img_portlet_09 span, a.img_portlet_10 span, a.img_portlet_11 span, a.img_portlet_12 span, a.img_portlet_13 span, a.img_portlet_14 span, a.img_portlet_15 span, a.img_portlet_16 span, a.img_portlet_17 span, a.img_portlet_18 span, a.img_portlet_19 span, a.img_portlet_20 span, a.img_portlet_21 span, a.img_portlet_22 span, a.img_portlet_23 span, a.img_portlet_24 span, a.img_portlet_25 span, a.img_portlet_26 span, a.img_portlet_27 span, a.img_portlet_28 span, a.img_portlet_29 span, a.img_portlet_30 span, a.img_portlet_31 span, a.img_portlet_32 span, a.img_portlet_33 span { display:block; padding-top:49px; } .portletreset { text-align:right; padding-top:5px; } .portletreset a { display:inline-block; width:48px; height:14px; background:url(../../../images/UXDesign/theme/theme07/basic/btn_reset.gif) no-repeat; } .portletreset span { display:none; } /* portlet ---------------------------------------------------------------------*/ #portlet { padding-bottom:8px; } .portlet_l { float:left; width:32.5%; } .portlet_c { float:left; width:32.5%; margin:0 1.25%; } .portlet_r { float:left; width:32.5%; } .portletUnit { position:relative; margin-bottom:10px; } .portletUnit_t { height:26px; border:1px solid #C6C7CB; border-radius:5px 5px 0 0; background:#fafafa; /*background:url(../../../images/UXDesign/theme/theme07/basic/bg_portletTitle_l.gif) no-repeat left top;*/ } .portletUnit_t { /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background:#fafafa; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fafafa 0%, #ebebeb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fafafa 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fafafa 0%,#ebebeb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fafafa 0%,#ebebeb 100%); /* IE10+ */ background: linear-gradient(to bottom, #fafafa 0%,#ebebeb 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ebebeb',GradientType=0 );*/ /* IE6-8 */ } html>body .portletUnit_t { background:#f6f6f6 \0/IE8; } .portletUnit_t { box-shadow : 1px 1px 5px 0 #BBB; } .po_title { padding:4px 10px 0; height:26px; /*background:url(../../../images/UXDesign/theme/theme07/basic/bg_portletTitle_r.gif) no-repeat right top;*/ } .po_title h2 { font-weight:bold; font-size:1.1em !important; color:#444; } .po_icon { position:absolute; top:6px; right:10px; } .po_icon li { float:left; } .po_icon_help a { display:block; width:15px; height:15px; background:url(../../../images/UXDesign/icon/ic_portletunit.gif) no-repeat -129px 0; } .po_icon_edit a { display:block; width:24px; height:15px; background:url(../../../images/UXDesign/icon/ic_portletunit.gif) no-repeat -105px 0; } .po_icon_refresh a { display:block; width:15px; height:15px; background:url(../../../images/UXDesign/icon/ic_portletunit.gif) no-repeat 0 0; } .po_icon_max a { display:block; width:15px; height:15px; background:url(../../../images/UXDesign/icon/ic_portletunit.gif) no-repeat -15px 0; } .po_icon_fold a { display:block; width:15px; height:15px; background:url(../../../images/UXDesign/icon/ic_portletunit.gif) no-repeat -30px 0; } .po_icon_close a { display:block; width:15px; height:15px; background:url(../../../images/UXDesign/icon/ic_portletunit.gif) no-repeat -45px 0; } .po_icon_more a { display:block; width:15px; height:15px; background:url(../../../images/UXDesign/icon/ic_portletunit.gif) no-repeat -60px 0; } .po_icon_restore a { display:block; width:15px; height:15px; background:url(../../../images/UXDesign/icon/ic_portletunit.gif) no-repeat -75px 0; } .po_icon_config a { display:block; width:15px; height:15px; background:url(../../../images/UXDesign/icon/ic_portletunit.gif) no-repeat -90px 0; } .po_icon_help a:hover { background-position:-129px -15px; } .po_icon_edit a:hover { background-position:-105px -15px; } .po_icon_refresh a:hover { background-position:0 -15px; } .po_icon_max a:hover { background-position:-15px -15px; } .po_icon_fold a:hover { background-position:-30px -15px; } .po_icon_close a:hover { background-position:-45px -15px; } .po_icon_more a:hover { background-position:-60px -15px; } .po_icon_restore a:hover { background-position:-75px -15px; } .po_icon_config a:hover { background-position:-90px -15px; } .po_icon_help a span, .po_icon_edit a span, .po_icon_refresh a span, .po_icon_max a span, .po_icon_fold a span, .po_icon_close a span, .po_icon_more a span, .po_icon_restore a span, .po_icon_config a span { display:none; } .po_notice li { padding-left:7px; background:url(../../../images/UXDesign/theme/theme07/basic/ic_point_01.gif) no-repeat left 7px; } .portletUnit_c { position:relative; padding:7px 10px 10px 10px; border:1px solid #cecece; border-top:none; border-radius:0 0 5px 5px; background:#FFF; } .portletUnit_c { box-shadow:1px 1px 5px 0 #BBB; } * html .portletUnit_c { height:1%; } .portletUnit_c .l_b_corner { position:absolute; font-size:0; width:7px; height:7px; left:-1px; bottom:-1px; background:url(../../../images/UXDesign/theme/theme07/basic/bg_portletUnit.gif) no-repeat left bottom; } .portletUnit_c .r_b_corner { position:absolute; font-size:0; width:7px; height:7px; right:-1px; bottom:-1px; background:url(../../../images/UXDesign/theme/theme07/basic/bg_portletUnit.gif) no-repeat right bottom; } .setgroup_1, .setgroup_2, .setgroup_3 { padding:10px 10px 0; margin-bottom:30px; overflow-x:auto; *overflow-x: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; } .setgroup_2 { border:none; background:#f2f2f2; } .setgroup_3 { *padding:0; *margin:0; border:none; background:#f2f2f2; *background:none; } .setContents { min-width:980px; *min-width:auto; } /* portlet unit style ---------------------------------------------------------*/ .poEdit { padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #f1f1f1; } .poEdit div { padding-bottom:10px; } .pTitle_1 { font-size:1em; font-weight:bold; color:#4671b1; padding-left:10px; margin-bottom:5px; background:url(../../../images/UXDesign/icon/ic_arrow_3.gif) no-repeat left 5px; } .tableList_1 table { width:100%; table-layout:fixed; border-collapse:collapse; } .tableList_1 th { text-align:left; font-weight:normal; padding:1px 3px; vertical-align:top; overflow:hidden; } .tableList_1 th a, .tableList_1 td a { color:#555; } .tableList_1 td { vertical-align:top; white-space:nowrap; padding:1px 3px; } .tableList_1 td .date { font-size:0.9em; color:#999; } .tableList_1 td .name { color:#999; } .tableList_1 th.today a { color:#3378bd; } .tableList_1 td.today .date { color:#555; } .tableList_2 { margin-bottom:20px !important; } .tableList_2 table { width:100%; table-layout:fixed; border-collapse:collapse; } .tableList_2 th { text-align:left; font-weight:normal; padding:1px 3px 0 12px; vertical-align:top; overflow:hidden; background:url(../../../images/UXDesign/icon/ic_point_09.gif) no-repeat 5px 8px; } .tableList_2 th a { color:#555; } .tableList_2 td { vertical-align:top; white-space:nowrap; padding:1px 3px; } .tableList_2 td .date { color:#999; font-size:0.9em; } .tableList_2 td .name, .tableList_2 td .name a { color:#999; } .tableList_2 th.today a { color:#3378bd; } .tableList_2 td.today .date { color:#999; font-weight:bold; } .summaryView_2 td { padding:5px 0px 5px; border-bottom:1px dotted #ddd; } .imgList_1 li { float:left; margin:2px 4px; text-align:center; } .imgList_2 li { float:left; margin:2px 0; text-align:center; } .imgList_1 li p { margin-top:2px; width:50px; overflow:hidden; white-space:nowrap; } .imgList_1 li a { color:#777; } .imgList_1 img { width:50px; height:50px; } .imgList_3 img { width:35px; height:35px; float:left } .imgList_3 > ul > li { border-bottom:1px dotted #d7d7d7; padding-bottom:2px; margin-bottom:5px; } .imgList_3 > ul > li.position_1 { border-bottom:none; padding-bottom:0; margin-bottom:2px; } .imgList_3 > ul > li > ul {margin-bottom:0; float:left; width:80%; margin-left:8px; } .imgList_3 > ul > li > ul > li {margin-bottom:0; } .imgList_3 span { margin-right:8px } .imgList_3 span.name a { color:#555; } .imgList_3 span.team { color:#999; } .imgList_3 span.index { background:url(../../../images/UXDesign/icon/ic_arrow_3.gif) no-repeat left 4px; padding-left:8px; } .imgList_3 span.index span { color:#111; } .imgList_no img { width:9px !important; height:7px !important; } .imgList_1_max li { width:25%; text-align:left; } .imgList_1_max td { vertical-align:top; padding:0 2px; } .imgList_1_max img { width:50px; height:50px; } .imgList_1_info { text-align:left; line-height:16px; } .imgList_1_id a:link, .imgList_1_id a:active, .imgList_1_id a:visited, .imgList_1_id a:hover { color:#333; font-weight:bold; } .imgList_1_name a:link, .imgList_1_name a:active, .imgList_1_name a:visited, .imgList_1_name a:hover { color:#999; } .po_schedule .pr_schedule_c, .po_schedule_w .pr_schedule_c { border:1px solid #dbdbdb; border:none; } .po_schedule_w .pr_schedule_c ul { margin-top:0; } .po_schedule .pr_schedule_c li, .po_schedule_w .pr_schedule_c li { width:100%; border-top:1px dotted #d8d8d8; } .po_schedule .pr_schedule_c li span, .po_schedule_w .pr_schedule_c li span { color:#999; } .po_schedule .pr_schedule_c li a, .po_schedule_w .pr_schedule_c li a { font-size:1.1em; color:#777; } .po_schedule .msgTable, .po_schedule_w .msgTable { min-width:10px; width:100%; margin-bottom:10px; } .po_schedule .date, .po_schedule_w .date { color:#4671b1; font-weight:bold; font-size:0.9em; } .po_schedule_w .msgTable td { padding:4px 0 5px 5px; } .po_schedule_w .msgTable td span { display:block; height:8px; } .sch_ar { text-align:center; margin-bottom:10px; } .sch_ar_l a { display:inline-block; width:7px; height:7px; background:url(../../../images/UXDesign/icon/ic_ar_ym.gif) no-repeat 0 0; } .sch_ar_r a { display:inline-block; width:7px; height:7px; background:url(../../../images/UXDesign/icon/ic_ar_ym.gif) no-repeat -7px 0; } .sch_ar_l a span, .sch_ar_r a span { display:none; } .sch_ar_date { font-size:0.9em; font-weight:bold; padding:0 5px; } /* blockFooter ---------------------------------------------------------------------*/ #blockFooter { position:relative; } #blockFooter .footer { width:100%; text-align:center; padding:6px 0; font-size:0.9em; color:#777; } #blockFooter .footer img { vertical-align:middle; padding:0 5px 2px 0; } /* pageTitle_main ---------------------------------------------------------*/ #pageTitle_main { position:relative; height:26px; margin-bottom:20px; } #pageTitle_main h2 { float:left; *font-family:'돋움', 'Dotum', Tahoma; font-size:1.3em; color:#111; padding-top:4px; } /* pageTitle ---------------------------------------------------------*/ #pageTitle { position:relative;} #pageTitle h2 { font-size:1.2em; color:#0092d7; padding:17px 0 18px; background:url(../../../images/UXDesign/theme/theme07/basic/bg_pageTitle.gif) repeat-x left top;} #pageTitle h2 span { *font-family:'돋움', 'Dotum', Tahoma; font-size:0.8em; color:#777; font-weight:normal; } #pageTitle.TeamColl { border:none; margin:0; } .btnline { padding-top:6px; } .btnline .blockButton { position:absolute; top:0; right:0; margin-bottom:5px; } /* pageLocation ---------------------------------------------------------*/ #pageLocation { position:absolute; right:0; top:0; font-size:0.9em; } #pageLocation li { display:inline; padding-left:8px; color:#777; background:url(../../../images/UXDesign/theme/theme07/basic/bar_pageLocation.gif) no-repeat left 1px; } #pageLocation li.liFirst { background:none; } #pageLocation li.liLast { color:#333; } /* conTitle ---------------------------------------------------------*/ .conTitle { margin-bottom:20px; border-bottom:1px solid #ddd; } .conTitle h2 { color:#222f3c; font-size:1.2em; *font-family:'돋움', 'Dotum', Tahoma; letter-spacing:-0.05em; padding:0 0 5px 10px; background:url(../../../images/UXDesign/common/bar_conTitle.gif) no-repeat left 2px; } .conTitle_s { font-size:0.9em; color:#555; font-weight:normal; padding-left:10px; } /* subTitle_1 ---------------------------------------------------------*/ .subTitle_1 { position:relative; margin-bottom:5px; border-bottom:1px solid #cacaca; } .subTitle_1.noline { border:none; margin-bottom:0; } .subTitle_1 h3 { background:url(../../../images/UXDesign/theme/theme07/basic/bul_h3.gif) no-repeat left 2px; padding:2px 0 7px 20px; font-size:12px; font-weight:bold; color:#21507c;} .subTitle_1 h3 img { padding-right:3px;vertical-align: text-bottom; } .subTitle_1 .btn_more { position:absolute; top:3px; right:1px; } .subTitle_1 .blockButton { position:absolute; top:0; right:0; } /* subTitle_2 ---------------------------------------------------------*/ .subTitle_2 { position:relative; margin-bottom:10px; border-bottom:1px solid #d4d4d4; } .subTitle_2.noline { border:none; margin-bottom:0; } .subTitle_2 h3 { padding:0 0 3px 0; font-size:1em; color:#333; } .mb2 { margin-bottom:2px !important; } .subTitle_2 .btn_more { position:absolute; top:6px; right:1px; } .subTitle_btn { margin-top:15px; } .subTitle_btn .button { position:absolute; top:-6px; right:8px; } .subTitle_ins { font-weight:normal; font-size:0.9em; color:#777; letter-spacing:-0.05em; } .subTitle_2_input { position:absolute; top:0; right:0; text-align:right; width:20% } .subTitle_2_input input { text-align:center; } .subTitle_2_input02 { position:absolute; top:0; right:0; text-align:right; font-weight:bold; } .subTitle_2_input02 input { text-align:center; } .subTitle_2_input02 span { color:#888; font-weight:normal !important; } /* subTitle_3 ---------------------------------------------------------*/ .subTitle_3 { position:relative; margin-bottom:10px; } .subTitle_3 h3 { padding:0 0 0 10px; font-size:1em; font-weight:normal; color:#777; background:url(../../../images/UXDesign/icon/ic_arrow_3.gif) no-repeat left 5px; } /* subTitle_4 ---------------------------------------------------------*/ .subTitle_4 { position:relative; margin-bottom:5px; margin-top:5px; border-bottom:1px solid #d4d4d4; } .subTitle_4.noline { border:none; margin-bottom:0; } .subTitle_4 h3 { padding:0 0 0px 0; font-size:1em; color:#333; font-weight:normal; } .subTitle_4 .btn_more { position:absolute; top:2px; *top:6px; right:1px; } /* bgTitle_1 ---------------------------------------------------------*/ .bgTitle_1 { height:34px; line-height:34px; color:#fff; text-align:center; background:url(../../../images/UXDesign/theme/theme07/basic/bg_contitle.gif) repeat-x; } .bgTitle_1 h3 { font-size:1.2em; } /* bgTitle_2 ---------------------------------------------------------*/ .bgTitle_2 { height:24px; line-height:24px; color:#fff; text-align:center; background:url(../../../images/UXDesign/theme/theme07/basic/bg_contitle_sub.gif) repeat-x; } .bgTitle_2 h4 { color:#fff !important; font-size:1em; } /* bgTitle_3 ---------------------------------------------------------*/ .bgTitle_3 { height:24px; line-height:24px; color:#fff; text-align:center; background:url(../../../images/UXDesign/theme/theme07/basic/bg_contitle_sub_2.gif) repeat-x; } .bgTitle_3 h4 { color:#fff !important; font-size:1em; } /* bgTitle_4 ---------------------------------------------------------*/ .bgTitle_4 { height:22px; line-height:24px; text-align:center; margin-bottom:10px; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background:url(../../../images/UXDesign/common/bg_contitle_s.gif) repeat-x bottom; } .bgTitle_4 h3 { color:#555 !important; font-size:0.9em; font-weight:normal; } /* roundTitle ---------------------------------------------------------*/ .roundTitle { position:relative; height:15px; line-height:15px; color:#fff; text-align:center; margin:0 20px; background:#a9b0b2; } .roundTitle_l { position:absolute; top:0; left:-20px; width:20px; height:15px; background:url(../../../images/UXDesign/common/bg_rtitle.png) no-repeat left top; } .roundTitle_r { position:absolute; top:0; right:-20px; width:20px; height:15px; background:url(../../../images/UXDesign/common/bg_rtitle.png) no-repeat right top; } .roundTitle h4 { color:#fff !important; font-size:10px !important; } /* tab ---------------------------------------------------------*/ .blockTab { margin-bottom:10px; height:23px; background:url(../../../images/UXDesign/theme/theme07/basic/tab_bg.gif) repeat-x left bottom; } .blockTab li { float:left; margin-right:2px; background:url(../../../images/UXDesign/theme/theme07/basic/tab_l.gif) no-repeat; } .blockTab li.licurrent { background-position:left -23px; } .blockTab li span { display:block; background:url(../../../images/UXDesign/theme/theme07/basic/tab_r.gif) no-repeat right top; } .blockTab li.licurrent span { background-position:right -23px; } .blockTab li span a { display:block; line-height:19px; *line-height:21px; color:#999; text-decoration:none; font-weight:bold; letter-spacing:-0.1em; padding:4px 12px 0; *padding:2px 12px 0; } .blockTab li.licurrent span a { color:#c50050; } .blockTab li span a:hover, .blockTab li.licurrent span a:hover { text-decoration:none; } .tab_conbox { padding:0 10px; border:1px solid #DDD; border-top:none; } /* tab2 ---------------------------------------------------------*/ .blockTab_2 { margin-bottom:10px; height:26px; background:url(../../../images/UXDesign/theme/theme07/basic/tab2_bg.gif) repeat-x left bottom; } .blockTab_2 li { float:left; margin-right:2px; background:url(../../../images/UXDesign/theme/theme07/basic/tab2_l.gif) no-repeat; } .blockTab_2 li.licurrent { background-position:left -26px; } .blockTab_2 li span { display:block; background:url(../../../images/UXDesign/theme/theme07/basic/tab2_r.gif) no-repeat right top; } .blockTab_2 li.licurrent span { background-position:right -26px; } .blockTab_2 li span a { display:block; line-height:20px; *line-height:22px; color:#888888; text-decoration:none; letter-spacing:-0.1em; font-weight:bold; padding:4px 12px 2px; *padding:3px 12px 1px; } .blockTab_2 li.licurrent span a { color:#FFF; } .blockTab_2 li span a:hover, .blockTab_2 li.licurrent span a:hover { text-decoration:none; } /* search ---------------------------------------------------------*/ .blockSearch { position:relative; margin-bottom:10px;white-space:nowrap; } .blockSearch table { border-collapse:collapse; width:100%; } .blockSearch table caption { display:none; } .blockSearch table th { font-weight:bold; height:26px; vertical-align:middle;text-align:left; padding-left:16px;color:#333; white-space:nowrap; background:url(../../../images/UXDesign/theme/theme07/basic/ic_title_03.gif) no-repeat 8px 11px; } .blockSearch table td { height:26px;padding:0 5px; vertical-align:middle;color:#222;} .blockSearch .searchBtn { position:absolute; right:10px; bottom:9px; } .searchBtn a.button_sch { display:inline-block; height:20px; background:url(../../../images/UXDesign/theme/theme07/basic/btn_search02.gif) no-repeat left top;text-align:center;padding-left:10px;text-decoration:none; } .searchBtn a.button_sch span {display:inline-block; cursor:pointer; font-weight:bold;color:#fff;height:20px; line-height:23px;text-align:center;background:url(../../../images/UXDesign/theme/theme07/basic/btn_search02.gif) no-repeat right top;padding-right:10px;} .searchBtn a:hover.button_sch { display:inline-block; height:20px; background:url(../../../images/UXDesign/theme/theme07/basic/btn_search02_over.gif) no-repeat left top;text-align:center;padding-left:10px;text-decoration:none; } .searchBtn a:hover.button_sch span {display:inline-block; cursor:pointer; font-weight:bold;color:#fff;height:20px;text-align:center;background:url(../../../images/UXDesign/theme/theme07/basic/btn_search02_over.gif) no-repeat right top;padding-right:10px;} .blockSearch ul li { margin-bottom:5px; } .blockSearch .button_s span { padding:1px 7px 0 0;} .blockSearch .list{overflow:hidden;} .blockSearch .list ul{background:#fff;height:40px;overflow:auto;width:100px;border:1px solid #abadb3;padding:2px;float:left;margin:2px 3px 0 0;} .blockSearch .list ul li{line-height:19px;margin-bottom:3px;} .blockSearch .list .list_btn{padding:28px 0 0 5px;} .blockSearch .list .list_btn img{float:left;margin-right:3px;} .list_btn1 img{margin-left:-1px;} .blockSearch_v1 {position:relative; border:1px solid #6188ba; background-color:#d7e5f6; padding:9px 18px 10px; margin-bottom:10px; white-space:nowrap;} .blockSearch_v1 .input_tit {font-weight:bold;color:#000; vertical-align:middle; background:url(../../../images/UXDesign/theme/theme07/basic/bullet_label.gif) no-repeat left 4px; padding:0 8px 0 8px; margin-left:28px;} .blockSearch_v1 .input_tit.first {margin-left:0;} .blockSearch_v1 .btnSearch, .blockSearchMulti .btnSearch {position:absolute; top:14px; right:11px;} .blockSearch_v1 .btnSearch a.button, .blockSearchMulti .btnSearch a.button { display:inline-block; height:20px; position:relative; color:#fff; font-weight:bold; white-space:nowrap; background:url(../../../images/UXDesign/theme/theme07/basic/btn_search02.gif) no-repeat left top; } .blockSearch_v1 .btnSearch a:hover.button, .blockSearchMulti .btnSearch a:hover.button { text-decoration:none; background:url(../../../images/UXDesign/theme/theme07/basic/btn_search02.gif) no-repeat left top; } .blockSearch_v1 .btnSearch a.button span, .blockSearchMulti .btnSearch a.button span { display:inline-block; height:20px; margin-left:3px; padding:0 12px 0 9px; line-height:21px; cursor:pointer; background:url(../../../images/UXDesign/theme/theme07/basic/btn_search02.gif) no-repeat right top; } .blockSearch_v1 .btnSearch a:hover.button span, .blockSearchMulti .btnSearch a:hover.button span { text-decoration:none; background:url(../../../images/UXDesign/theme/theme07/basic/btn_search02.gif) no-repeat right top; } .blockSearch_v1 table td{text-align:left;padding:0 !important;} .blockSearch_v1 .btnSearch a.button { display:inline-block; height:20px; position:relative; color:#fff; font-weight:bold; white-space:nowrap; background:url(../../../images/UXDesign/theme/theme07/basic/btn_search02.gif) no-repeat left top; } .blockSearch_v1 .btnSearch a:hover.button { text-decoration:none; background:url(../../../images/UXDesign/theme/theme07/basic/btn_search02.gif) no-repeat left top; } .blockSearch_v1 .btnSearch a.button span{ display:inline-block; height:20px; margin-left:3px; padding:0 12px 0 9px; line-height:21px; cursor:pointer; background:url(../../../images/UXDesign/theme/theme07/basic/btn_search02.gif) no-repeat right top; } .blockSearch2 {margin-bottom:10px;} .blockSearch2 span.searchBtn {vertical-align:-1px;} .blockSearch2 span.title {display:inline-block; vertical-align:middle; padding:3px 0 0 8px; font-weight:bold; background:url("../../../images/UXDesign/theme/theme07/basic/ic_title_03.gif") no-repeat 0 10px; margin-right:3px;} /* listTable ---------------------------------------------------------*/ .blockListTable { position:relative; width:100%; min-width:400px; margin-bottom:10px;border-top:2px solid #6188ba;color:#000; } .blockListTable table { border-collapse:collapse; width:100%; table-layout:fixed; } .blockListTable table caption { display:none; } .blockListTable table thead { /*border-left:1px solid #d7e5f6; border-right:1px solid #d7e5f6;*/ } .blockListTable table thead { background: #ffffff; /* Old browsers */ /* 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 */ } .blockListTable table tr:hover {background-color:#edf8ff;} .blockListTable table th { white-space:nowrap; word-break:break-all; text-align:center; font-weight:normal; color:#21507c; line-height:16px; padding:6px 8px; border:1px solid #8ca2b1;border-top:none; border-bottom:none;background:#d7e5f6; } .blockListTable table th a:link, .blockListTable table th a:visited, .blockListTable table th a:active { color:#21507C; } .blockListTable table th a:hover { color:#21507C; text-decoration:none; } .blockListTable table#statistics_listTable th {color:#777; border-left: 1px solid #b1b5ba;} .blockListTable table#statistics_listTable td {color:#777; border-left: 1px solid #e5e5e5;} .blockListTable table#statistics_listTable td:first-child { font-weight: ; } .blockListTable table#statistics_listTable td:last-child {font-weight: bold; border-right: 1px solid #e5e5e5; background: #edf2f5; } .blockListTable table#statistics_listTable tr.last {font-weight: bold; background: #edf2f5; } .blockListTable table td a:link, .blockListTable table td a:visited, .blockListTable table td a:active { color:#000000; } .blockListTable table td a:hover { /*text-decoration:underline;*/ color:#000; } .blockListTable table td a { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .blockListTable table td { word-break:break-all; text-align:center; line-height:16px; padding:6px 8px; border:1px solid #bfbfbf;border-top:none; color:#000000;} .blockListTable table td .button_s { margin:-4px 3px -3px 0px; } .blockListTable table td .button_ic { margin:-4px 3px -3px 0; } .ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; } .through { text-decoration:line-through; font-family:Tahoma, Meiryo, "MS PGothic", Dotum; } .blockListTable table th .radio, .blockListTable table th .checkbox, .blockListTable table td .radio, .blockListTable table td .checkbox { *margin:-5px 0 0 0; } .blockListTable table td .inputbox { margin:-3px 0 -2px; *margin:-4px 0 -3px; } .blockListTable .bgSelected { background-color: #edf2f5 !important; } .imgtable { padding-bottom:2px; } .blockListTable img { vertical-align:middle;} .blockListTable td a {display:inline;} .blockListTable .emptyRecord { } .indent_1 { padding:0 5px 0 22px; background:url(../../../images/UXDesign/icon/ic_reply_ar_b.gif) no-repeat 10px 4px; } .indent_2 { padding:0 5px 0 32px; background:url(../../../images/UXDesign/icon/ic_reply_ar_b.gif) no-repeat 20px 4px; } .indent_3 { padding:0 5px 0 42px; background:url(../../../images/UXDesign/icon/ic_reply_ar_b.gif) no-repeat 30px 4px; } .indent_4 { padding:0 5px 0 52px; background:url(../../../images/UXDesign/icon/ic_reply_ar_b.gif) no-repeat 40px 4px; } .indent_5 { padding:0 5px 0 62px; background:url(../../../images/UXDesign/icon/ic_reply_ar_b.gif) no-repeat 50px 4px; } .deletedItem { color:#c50050; } .notice { font-weight:bold; } .ic_new { display:inline-block; width:12px; height:9px; background:url(../../../images/UXDesign/theme/theme07/basic/ic_new.gif) no-repeat; } .ic_new > span { display:none; } .blockListTable table th input[type="checkbox"],.blockListTable table td input[type="checkbox"]{margin:0 !important;} .blockListTable table th input[type="radio"],.blockListTable table td input[type="radio"]{margin:0 !important;} .blockListTable{min-width:200px;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;} .blockListTable .blockListTableHeader{position:absolute;top:0;left:0;right:0;border:1px solid #6188ba;border-bottom:0;border-top:0;background:#d7e5f6 !important;} .blockListTable .blockListTableHeaderInner{margin-right:16px;} .blockListTable .blockListTableBody{position:absolute;top:28px;bottom:30px;left:0;right:0;border:1px solid #ccc;overflow-y:scroll;z-index:10;background:#fff;border-top:1px solid #6188ba;} .blockListTable .blockListTableBody::-webkit-scrollbar{width:17px;} .blockListTable .blockListTableBody::-webkit-scrollbar-track{background-color:rgb(240, 240, 240);} .blockListTable .blockListTableBody::-webkit-scrollbar-thumb{background-color:darkgrey;} .blockListTable .pageList{position:absolute;bottom:0;width:100%;} .blockListTableBody td:first-child{border-left:0;} .blockListTableBody td:last-child{border-right:0;} .blockListTableHeader th:first-child{border-left:0;} .blockListTableHeader th:last-child{border-right:0;} .blockListTableBody .tag_editarea{position:absolute;top:0;left:60px;background:#fff;border:2px solid #666;width:auto;padding:6px 5px 5px 5px;} .tag_editarea .tag{margin-left:5px;} .tag_editarea .tag:hover{text-decoration:underline;} .tag_editarea .tag_ctrl{margin-left:10px} .tag_ctrl .icon_close{margin-left:5px} .slickList{position:absolute;top:0;bottom:0;left:0;right:0;} .slickList .slickTable{position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid #ccc;border-top:2px solid #6188ba;} /* listTable_2 ---------------------------------------------------------*/ .blockListTable_2 { position:relative; width:100%; min-width:400px; margin-bottom:10px; } .blockListTable_2 table { border-collapse:collapse; width:100%; table-layout:fixed; } .blockListTable_2 table caption { display:none; } .blockListTable_2 > table > thead > tr > th { white-space:nowrap; word-break:break-all; text-align:center; font-weight:bold; color:#111; padding:3px 10px 2px; *padding:4px 10px 1px; border:1px solid #ccc; background:url(../../../images/UXDesign/common/bg_qnamenu.gif) repeat-x bottom; } .blockListTable_2 > table > tbody > tr > td { word-break:break-all; text-align:center; line-height:14px; padding:6px 5px 5px 5px; *padding:6px 5px 4px 5px; border:1px solid #ccc; } /* msgTable 2013 원본과 대체 ---------------------------------------------------------*/ .msgTable { /*margin-bottom:20px;*/ } .msgTable table thead { /*border:none;*/ } .msgTable table th { /*font-weight:normal; font-size:0.9em; *font-family:'돋움', 'Dotum', Tahoma; padding:5px 5px 4px 5px; *padding:4px 5px 6px 5px; border-top:1px solid #d7d7d7; border-bottom:none; */border-right:1px dotted #dbdbdb; background:none; /*background:url(../../../images/UXDesign/common/bg_msgTable.gif) repeat-x;*/ } .msgTable table td { /*padding:5px 5px 4px 5px; *padding:5px 5px 3px 5px; border-bottom:1px dotted #e8e8e8;*/ border-right:1px dotted #dbdbdb; } .msgTable table th.tdLast, .msgTable table td.tdLast { border-right:none; } .msg_read td, .msg_read td a:link, .msg_read td a:active, .msg_read td a:visited { color:#555 !important; } .msg_read td a:hover { color:#555 !important; } .msg_unread td, .msg_unread td a:link, .msg_unread td a:active, .msg_unread td a:visited { color:#333 !important; } .msg_unread td a:hover { color:#000 !important; } .msgTable table th .checkbox { margin:-3px 0 0; } .msgTable .pageNum { padding-bottom:0px;/*margin-top:-1px; height:27px; border-top:1px solid #e0e0e0; background:#f8f8f8;*/ } .msgTable .pageNum ul { /*padding:4px 0 0 0;*/ } .blockMsgbox { position:relative; margin-bottom:20px; border:1px solid #d3d687; background:#fdffcb; } .blockMsgbox_2 { padding:15px 15px 5px 15px; } .blockMsgbox_t { min-height:47px; margin:10px 15px; padding-bottom:10px; border-bottom:1px solid #d3d687; } .blockMsgbox_img { float:left; margin-right:10px; } .blockMsgbox_img img { width:50px; height:50px; } .blockMsgbox_img .icbox { display:inline-block; width:48px; height:40px; text-align:center; padding-top:8px; border:1px solid #e5e5e5; background:#fff; } .blockMsgbox_img .icbox img { width:auto; height:auto; } .blockMsgbox_info { line-height:17px; } .blockMsgbox_info_name a { font-weight:bold; color:#003366; } .blockMsgbox_info_team { font-size:0.9em; color:#999; margin-left:5px; } .blockMsgbox_info_t { color:#777; } .blockMsgbox_info_c { color:#333; padding-left:15px; } .blockMsgbox_info_c img { vertical-align:middle; padding-bottom:2px; *padding:0; } .blockMsgbox_filedown { position:relative; margin:10px 15px; padding-bottom:10px; border-bottom:1px solid #d3d687; } .blockMsgbox_filedown a { color:#777; } .blockMsgbox_filedown .filedown_btn { position:absolute; top:0; right:0; } .blockMsgbox_con { margin:10px 15px; padding-bottom:10px; border-bottom:1px solid #ebedb1; } .blockMsgbox_2 .blockMsgbox_con { margin:10px 0; border-bottom: 1px solid #ebebeb; } .blockMsgbox_con_title { font-size:1.3em; font-weight:bold; color:#111; padding-bottom:10px; } .msgbox_frame { position:absolute; bottom:-1px; right:-1px; width:13px; height:13px; background:url(../../../images/UXDesign/common/msgbox_frame.gif) no-repeat; } .blockMsgbox table { width:100%; border-collapse:collapse; table-layout:fixed; word-break:break-all; } .blockMsgbox table tr th, .blockMsgbox table tr td { color:#333; border-bottom:1px solid #d3d687; } .blockMsgbox table tr th a, .blockMsgbox table tr td a { color:#333; } .blockMsgbox table tr th { text-align:left; padding:5px 5px 2px 15px; } .blockMsgbox table tr td { padding:4px 5px 2px 5px; } .blockMsgbox table th.tdLast, .blockMsgbox table td.tdLast { padding:10px 15px 6px; border-bottom:none; } .blockMsgbox table th.tdLast, .blockMsgbox table td.tdLast #dtContents { word-break:break-all; word-wrap: break-word; } .blockMsgbox table th.Last { padding:5px 5px 2px 15px; border-bottom:none; } .blockMsgbox table td.Last { padding:4px 5px 2px 5px; border-bottom:none; } .blockMsgbox table p { min-height:80px; padding-bottom:10px; border-bottom:1px solid #ebedb1; } .blockMsgbtn { text-align:right; margin:8px 16px 10px 0; } .delay { color:#fff; padding:0 3px; background:#d689a8; } /* calTable 2013 원본과 대체 ---------------------------------------------------------*/ .calTable table th { color:#333; font-weight:normal; text-align: center; border-top:1px solid #b1b5ba; border-bottom:1px solid #808080; background:url(../../../images/UXDesign/common/bg_calTable.gif) repeat-x bottom; } .calTable table th.borderLeft { border-left:1px solid #b1b5ba; } .calTable table th.borderRight { border-right:1px solid #b1b5ba !important; } .bgcolor_b { background:url(../../../images/UXDesign/common/bg_calTable02.gif) repeat-x bottom !important; } .calTable table td.borderLeft { border-left:1px solid #b1b5ba; } .calTable table td.borderRight { border-right:1px solid #b1b5ba; } .calTable table .tdLast { border-bottom:1px solid #b1b5ba !important; } .bgGray { background:#f5f5f5; } .calTable table tr td table td { padding: 3px 7px 5px !important; } .calTable table tr td table span { color:#999 !important; } .noList { margin:8px 14px; } .noList ul li { margin-bottom:5px; } .calTable_2 { border-collapse:collapse; border:1px solid #b1b5ba; } .calTable_2 table { border-collapse:collapse; } .calTable_2 table th { padding:5px 0 2px 0; font-weight:normal; border-bottom:1px solid #808080; } .allSelect { margin:10px 14px 0 14px; padding-bottom:4px; border-bottom:1px solid #e0e0e0; } /* summaryView 2013 원본과 대체 ---------------------------------------------------------*/ /*.summaryView table { border-top:1px solid #ccc !important; }*/ .summaryView table tr { line-height:20px !important; } .summaryView table td { text-align:left !important; vertical-align:top; padding: 6px 5px 5px 5px; } .summaryViewTitle a { color:#333 !important; font-weight:bold; } .titleBlue a { color:#003366; font-weight:bold; } .summaryViewTitle a:hover { text-decoration:underline !important; } .summaryViewTitle img { padding-bottom:2px; } .summaryViewInfo { padding:3px 70px 0 0; font-size:0.9em; color:#aaa; } .summaryViewInfo span { margin-right:5px; } .summaryViewInfo span a { color:#999 !important; } .summaryViewInfo span a:hover { text-decoration:underline !important; } .summaryViewInfo img { padding:0 3px 3px; } .summaryViewInfo_name a:link, .summaryViewInfo_name a:active, .summaryViewInfo_name a:visited { color:#aaa !important; } .summaryViewInfo_name a:hover { text-decoration:underline !important; } .summaryViewCon { padding:5px 0 0 0; line-height:1.4em; } .summaryViewCon a { color:#555 !important; } .summaryViewCon a:hover { text-decoration:underline !important; } .summaryViewTag { padding-bottom:2px; } .summaryViewTag a { color:#9cb3d3 !important; } .summaryViewTag a:hover { text-decoration:underline !important; } /* corporateView 2013 원본과 대체 ---------------------------------------------------------*/ .corporateView { position:relative; width:100%; min-width:400px; margin-bottom:10px; } .corporateView table { border-collapse:collapse; width:100%; } .corporateView table caption { display:none; } .corporateView table td { word-break:break-all; text-align:left vertical-align:top; line-height:14px; padding:6px 5px 5px 5px; *padding:6px 5px 4px 5px; border-top:1px solid #d7d7d7; } .TeamColl_summaryView table td { text-align:left !important; vertical-align:top; border-top:none;border-bottom:1px solid #d7d7d7; } .corporateView table td.corporate_s { word-break:break-all; text-align:left vertical-align:top; line-height:14px; padding:6px 5px 5px 5px; *padding:6px 5px 4px 5px; border-top:none; } .corporateViewTitle a:link, .corporateViewTitle a:visited, .corporateViewTitle a:active { color:#003366; } .titlebold { font-weight:bold; } .engText { font-weight:normal; } .corporateViewTitle a:hover { text-decoration:underline } .corporateViewTitle img { padding-bottom:2px; } .corporateViewInfo { padding:5px 70px 0 0; font-size:0.9em; color:#999; } .corporateViewInfo span { margin-right:5px; } .corporateViewInfo img { padding:0 3px 0px; } .corporateViewInfo_name a:link, .corporateViewInfo_name a:active, .corporateViewInfo_name a:visited { letter-spacing:-0.05em; font-weight:normall; !important; color:#777 !important; } .corporateViewInfo_name a:hover { text-decoration:underline !important; } .corporateViewCon { padding:10px 0px 5px; line-height:1.4em; } .corporateBg { color:#111; background-color:#e2f6d6; } .corporateViewCon a { color:#777 !important; } .corporateViewCon a:hover { text-decoration:underline !important; } .corporateViewCon .link { color:#5a86ce !important; } .corporateViewCon a:visited.link { color:#ba31bc !important; } .corporateViewTag { padding-bottom:2px; margin-top:15px;} .corporateViewTag a { color:#9cb3d3 !important; } .corporateViewTag span a { color:#111 !important; background-color:#e2f6d6; } .corporateViewTag table td { border:none !important;} .corporateViewTag a:hover { text-decoration:underline !important; } .corporateViewInfo2 { padding:0; font-size:0.9em; color:#999; } .corporateViewInfo2 span { padding-right:5px; } .corporateViewInfo2 img { padding:0 3px 0px; } .ic_tag { display:inline-block; width:26px; height:11px; background:url(../../../images/UXDesign/theme/theme07/basic/ic_tag.gif) no-repeat; } .ic_tag > span { display:none; } .corporate_more { position:relative; padding-bottom:25px; border-bottom:1px solid #d7d7d7; margin-bottom:20px; } .corporate_more2 { float:right; margin-bottom:10px; } .corporate_more2 img { padding-bottom:1px; } .corporate_more2 a:link, .corporate_more2 a:active, .corporate_more2 a:visited { color:#3378bd; } /* galleryView 2013 원본과 대체 ---------------------------------------------------------*/ .galleryView table { border-top:2px solid #919fb2; } .galleryView table td { padding:7px 0 6px; } .galleryView li.galleryViewList { float:left; padding:8px; } .galleryViewPhoto { width:130px; height:95px; padding:5px; *padding:3px 5px 7px 5px; vertical-align:middle; text-align:left; border:1px solid #DDD; } .galleryViewPhoto img { width:130px; height:95px; } .galleryViewTitle { font-weight:bold; padding:6px 0 4px; text-align:left; width:142px; overflow-x:hidden; white-space:nowrap; } .galleryViewTitle a { color:#333 !important; } .galleryViewTitle a:hover { text-decoration:underline !important; } .galleryViewInfo { width:142px; position:relative; } .galleryViewInfo_name { float:left; font-size:0.9em; text-align:left; letter-spacing:-0.05em; width:55%; overflow-x:hidden; white-space:nowrap; } .galleryViewInfo_name a { color:#777 !important; } .galleryViewInfo_name a:hover { text-decoration:underline !important; } .galleryViewInfo_date { float:right; width:45%; font-size:0.9em; text-align:right; color:#999; } .galleryViewList .checkbox { margin:0 2px 1px 0 !important; *margin:0 0 0 -4px !important; } /* blockDetail ---------------------------------------------------------*/ .blockDetail { position:relative; margin-bottom:10px;border-top:2px solid #6188ba; width:100%; } .blockDetail.Approval_tb { border-top:1px solid #e0e0e0; } .blockDetail table { width:100%; border-collapse:collapse;} .blockDetail table caption { display:none; } .blockDetail table tr.on td { background-color:#edf8ff;} .blockDetail table th { font-weight:normal;color:#21507c;padding:7px 6px 6px 6px; line-height:15px; border:1px solid #8ca2b1; border-top:none; background:#d9e5f5;text-align:center; } .blockDetail table th a:link, .blockDetail table th a:visited, .blockDetail table th a:active, .blockDetail table th a:hover {color:#21507C; text-decoration:none; } .blockDetail table td {padding:7px 6px 6px 6px;line-height:15px; color:#000;word-break:break-all;border:1px solid #bfbfbf;border-top:none; ;text-align:center;background:#fff; } .blockDetail table tr.tfoot td{background:#d9e5f5;} .blockDetail .bgSelected { background-color: #edf2f5; } .blockDetail table td .radio, .blockDetail table td .checkbox { vertical-align:middle;} .blockDetail table td .button_s { vertical-align:middle; margin:-1px 3px -2px 0; } .blockDetail.thLeft table th, .blockDetail.thLeft table td {text-align:left;}/* 2013.08.12 수정 */ .blockDetail.thLeft table th {padding-left:16px;}/* 2013.08.12 수정 */ .blockDetail .selectbox { vertical-align:top; } .blockDetail .listStyle li { padding:2px 0; } .blockDetail.Approval { position:relative; margin-bottom:10px; width:100%; border-top:none; } .blockDetail.Approval table { width:100%; border-collapse:collapse; } .blockDetail.Approval table caption { display:none; } .blockDetail.Approval table .title { height: 40px;padding:30px 0 20px 0;} .blockDetail.Approval table .title p { font-size:28px;font-weight:bold;} .blockDetail.Approval table .title p.t1 { font-size:20px;font-weight:bold;} .blockDetail.Approval table .title p.t1 img { vertical-align: bottom;margin-bottom: -4px;} .blockDetail.Approval table .title.tl { text-align:left;} .blockDetail.Approval table .title.tc { text-align:center;} .blockDetail.Approval table .title.tr { text-align:right;} .blockDetail.Approval table th { font-weight:bold; line-height:19px; text-align:right; color:#333; padding:3px 5px; border:0;background-color:#fff;} .blockDetail.Approval table th a:link, .blockDetail table th a:visited, .blockDetail table th a:active, .blockDetail table th a:hover { color:#333; text-decoration:none; } .blockDetail.Approval table td { line-height:19px; padding:3px 5px; word-break:break-all; border:0; background-color:#fff; } .blockDetail.Approval table td ul li { padding:0px; } .blockDetail.Approval table td.content { padding: 20px 10px; } .blockDetail.Approval table td hr.line1{ display:block; border:5px solid #555;} *:first-child+html .blockDetail.Approval table td hr.line1{ display:block; height:5px; border:5px solid #555;} .blockDetail.Approval table td hr.line2{ display:block; border:1px solid #555;} *:first-child+html .blockDetail.Approval table td hr.line2{ display:block; height:2px; color:#555;} .blockDetail.Approval .bgSelected { background-color: #edf2f5; } .blockDetail.Approval table td .radio, .blockDetail table td .checkbox { vertical-align:middle; } .blockDetail.Approval table td .button_s { vertical-align:middle; margin:-1px 3px -2px 0; } .blockDetail.Approval .selectbox { vertical-align:top; } .blockDetail.Approval .listStyle li { padding:2px 0; } .tdInstruction { padding:5px 0; color:#888; } .tdInstruction_top { padding-bottom:5px; color:#888; } .blockTableInfo { text-align:right; padding-bottom:5px; } .totalNum_s, .totalNum_s span { vertical-align:bottom; } .fileAttach li { padding:4px 10px 2px; border-top:1px dotted #e1e1e1; } .fileAttach li:first-child { border:none; } .fileAttach li img { vertical-align:middle; padding-bottom:2px; } .fileAttach li a { color:#555; } .fileAttach li a:hover { color:#111; text-decoration:none; } .fileAttach .fileNum { color:#999; } .fileAttachArea { position:relative; } .fileAttachArea .wrap { position:relative; border:1px solid #e0e0e0; border-top:none; } .fileAttachArea .wrap .th { position:absolute; top:0; left:0; text-align:right; min-height:25px; height:100%; background:#f3f3f3; } .fileAttachArea .wrap .th .title { position:absolute; top:50%; margin-top:-10px; right:6px; color:#333; font-weight:bold; } .fileAttachArea .wrap .td { min-height:25px; padding-left:5px; border-left:1px solid #E0E0E0; background:#fff; } .fileAttachArea .wrap .td .content { padding-left:1px; padding-bottom:7px; padding-right:5px; padding-top:10px; } .input_buttonBox { position:relative; } .input_buttonBox01 { position:relative; margin-right:175px; padding-top:5px; } .input_buttonBox01 select { width:100% } .input_buttonBox02 { position:absolute; width:150px; bottom:0; right:20px; } .fileup { position:relative; } .fileup h3 { font-size:1em; } .fileup_t { height:20px; border-bottom:1px solid #d7d7d7; } .fileup_t .btn { position:absolute; top:7px; right:0; } .fileup_c { background:#f5f5f5; } .blockDetail .link { color:#5a86ce !important; } .blockDetail a:visited.link { color:#ba31bc !important; } .f_star{font-family:Tahoma,'돋움','Dotum';font-size:12px;color:#ea5705 !important;position:relative;top:3px;padding-right:2px; margin-left:-8px;}/* 2013.08.12 수정 */ .img_p{position:relative;margin-left:1px;top:-1px;} .blockDetail th input, .blockDetail td input {margin-right:0 !important;} .blockDetail td label input{margin-right:3px !important;} .blockDetail.overflowEl table {table-layout:fixed;} .blockDetail.overflowEl table td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} /* blockDetail_2 2013 원본과 대체 ---------------------------------------------------------*/ .blockDetail_2 { position:relative; margin-bottom:10px; width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; } .blockDetail_2 table { width:100%; table-layout:fixed; border-collapse:collapse; } .blockDetail_2 table caption { display:none; } .blockDetail_2 table th { font-weight:bold; line-height:14px; text-align:center; color:#333; padding:7px 5px 4px 5px; border-top:1px dotted #ddd; } .blockDetail_2 table th a:link, .blockDetail_2 table th a:visited, .blockDetail_2 table th a:active, .blockDetail_2 table th a:hover { color:#333; text-decoration:none; } .blockDetail_2 table td { line-height:14px; padding:7px 5px 4px 5px; word-break:break-all; border-top:1px dotted #ddd; } .blockDetail_2 table td.tdFirst, .blockDetail_2 table th.tdFirst { border-top:none; } .blockDetail_2 table div { padding:8px; background:#f5f5f5; } .blockDetail_2 table tr.detail td, .blockDetail_2 table tr.detail th { border-top:none; padding:2px 5px 4px 5px; } .blockDetail_2 table td, .blockDetail_2 table th { padding-left:13px; } /* blockTableRead 2013 원본과 대체 ---------------------------------------------------------*/ .blockTableReadWrap { padding:10px 15px; margin-bottom:20px; border:1px solid #ccc; background:url(../../../images/UXDesign/common/bg_tablereadwrap.gif) repeat-y 0 0; border-radius:5px; } .blockTableRead { position:relative; margin-bottom:10px; width:100%; min-width:400px; } .blockTableRead_t { padding:0 0 14px; border-bottom:1px solid #e9e9e9; } .blockTableRead_t p { font-weight:bold; font-size:1.2em; letter-spacing:-0.05em; color:#333; padding:5px 0 0 0; word-break:break-all; } .blockTableRead_t .summaryViewInfo img { padding:2px 3px 0; } .filedown { position:relative; padding:8px 7px 7px; margin-bottom:10px; background:#F5F5F5; } .filedown ul li { text-align:right; } .filedown img { vertical-align:top; } .filedown a { color:#777; } .filedown_ic { text-align:right; margin-top:3px; } .filedown_ic a { color:#555; } .filedown_ic a:hover { text-decoration:none; } .filedown_ic img { vertical-align:middle; padding-bottom:2px; *padding-bottom:0; } .blockTableRead_t_info_1 { font-size:11px; font-weight:normal; color:#999; margin-left:5px; } .blockTableRead_t .ic_rt_favorite { margin:0 1px 3px 1px; *margin:0 5px 3px 1px; vertical-align:middle; } .blockTableRead_t_info_2 { position:relative; margin-top:4px; } .blockTableRead_t .date { font-size:0.9em; color:#999; } .blockTableRead .recommend { position:absolute; top:5px; right:5px; } .blockTableRead .favorite { position:absolute; top:5px; right:10px; padding-top:5px; } .blockTableRead .favorite img { vertical-align:middle; padding-bottom:4px; } .blockTableRead_c { word-wrap: break-word; line-height:1.8em; color:#555; padding:10px 0; border-bottom:1px solid #e9e9e9; } .blockTableRead_c ol { margin:10px 0 10px 30px; } .blockTableRead_c ul { list-style:inside; margin:10px 0 10px 12px; } .tableTag { padding:5px 5px 5px 0; } .tableTag .rebtn { vertical-align:middle; margin-left:5px; margin-top: -2px; display: inline-block; } .tableTag a { color:#9cb3d3; } .blockTableRead_b { border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#f5f5f5; } .blockTableRead_b ul { text-align:right; padding:5px 10px 1px 0; *padding:5px 10px 3px 0; } .blockTableRead_b li { display:inline; } .icgroup { margin-bottom:1px; } .btn_icbox { position:relative; display:inline-block; width:24px; height:20px; background:url(../../../images/UXDesign/common/btn_icbox.gif) no-repeat; } .btn_icbox .ic_rt_favorite { position:absolute; top:2px; left:5px; } .btn_icbox .ic_note { position:absolute; top:3px; left:5px; } .btn_icbox .ic_mail { position:absolute; top:1px; left:3px; } .btn_icbox .ic_microblog { position:absolute; top:3px; left:4px; } .btn_icbox_sel { position:relative; display:none; } .btn_icbox_sel > a { position:relative; display:inline-block; width:39px; height:20px; background:url(../../../images/UXDesign/common/btn_icbox_sel.gif) no-repeat; } .btn_icbox_sel .ic_mail { position:absolute; top:1px; left:4px; } .btn_icbox_sel .icboxLayer { position:absolute; top:22; left:0; min-width:80px; padding:5px 8px; border:1px solid #cbcbcb; background:#fff; z-index:99; } .btn_icbox_sel .icboxLayer li { white-space:nowrap; padding-left:7px; background:url(../../../images/UXDesign/icon/ic_point_09.gif) no-repeat 0 6px; } .btn_icbox_sel .icboxLayer a { color:#333; } /* blockComment 2013 원본과 대체 ---------------------------------------------------------*/ .blockComment { position:relative; padding:15px; margin-bottom:20px; background:#f9f9f9; } .blockComment.noLine { margin:0; } .blockComment.noLine .blockComment_t { border:none !important; } .blockComment_t { position:relative; font-weight:bold; padding:0 0 5px 12px; border-bottom:1px solid #ddd !important; background:url(../../../images/UXDesign/icon/ic_blt_01.gif) no-repeat 0 4px; } .blockComment_t a { color:#555; } .blockComment_t .button_s { position:absolute; top:-2px; *top:-5px; right:0; font-weight:normal; } .blockComment_c { position:relative; padding:9px 0 7px; background:url(../../../images/UXDesign/common/dotline_1px.gif) repeat-x bottom; } .blockComment_c p { word-wrap: break-word; } .blockComment_c.divLast { background:none; } .commentNum { position:absolute; top:10px; right:0; color:#777; } .blockComment .pageNum { border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; } .blockComment .pageNum img { vertical-align:middle; } .blockComment_re { position:relative; margin:5px 0 2px; padding:5px 0 4px 27px; background:#fff; } .blockComment_rewrite { position:relative; padding:0 10px 0 25px; } .blockComment_rewrite table { width:100%; border-collapse:collapse; } .blockComment_rewrite table td { padding:0 2px; } .blockComment_rewrite table td input { width:100%; *width:99%; margin-left:-2px; } .blockComment_rewrite ul { margin-top:2px; } .blockComment_rewrite li { display:inline; } .blockComment_rewrite.modify { padding:0 10px 0 0; } .blockComment_rewrite textarea { padding:4px; width:100%; *width:99%; } .blockTag_rewrite { position:relative; padding:0 10px 0 25px; } .blockTag_rewrite table { width:100%; border-collapse:collapse; } .blockTag_rewrite table td { padding:0 2px; } .blockTag_rewrite table td input { width:100%; *width:99%; margin-left:-2px; } .blockTag_rewrite ul { margin-top:2px; } .blockTag_rewrite li { display:inline; } .blockTag_rewrite.modify { padding:0 10px 0 0; } .blockCommentPhoto { float:left; width:26px; height:26px; padding-right:10px; } .blockCommentPhoto img { width:26px; height:26px; } .blockCommentInfo { padding:5px 0; font-size:0.9em; color:#999; } .blockCommentInfo span { margin-left:5px; } .blockCommentInfo img { padding:2px 3px 0; } .blockCommentInfo_name a:link, .blockCommentInfo_name a:active, .blockCommentInfo_name a:visited { font-size:1.1em; letter-spacing:-0.05em; font-weight:bold; color:#003366; } .reply_ar { position:absolute; top:13px; left:12px; } .comment_num { color:#3378bd; font-weight:normal; } .blockComment .summaryViewInfo img { padding:2px 3px 0; } .rebtn { padding-left:0; vertical-align:bottom; margin-bottom: 3px; display: inline-block; } .rebtn img { padding:0 !important; margin-bottom:-3px; } a.ic_modify { display:inline-block; width:13px; height:13px; background:url(../../../images/UXDesign/icon/ic_modify.gif) no-repeat; } a.ic_delete { display:inline-block; width:13px; height:13px; background:url(../../../images/UXDesign/icon/ic_delete.gif) no-repeat; } a.ic_reply { display:inline-block; width:13px; height:13px; background:url(../../../images/UXDesign/icon/ic_reply.gif) no-repeat; } a:hover.ic_modify, a:hover.ic_delete, a:hover.ic_reply { background-position:0 -13px; } a.ic_modify span, a.ic_delete span, a.ic_reply span { display:none; } .blockTableRead_t a.ic_modify, .forum_topBox_t a.ic_modify { width:14px; height:14px; background:url(../../../images/UXDesign/icon/ic_bbs_modify.gif) no-repeat; vertical-align:middle; margin-bottom:3px; } .blockTableRead_t a.ic_delete, .forum_topBox_t a.ic_delete { width:14px; height:14px; background:url(../../../images/UXDesign/icon/ic_bbs_delete.gif) no-repeat; vertical-align:middle; margin-bottom:3px; } .blockTableRead_t a:hover.ic_modify, .blockTableRead_t a:hover.ic_delete, .forum_topBox_t a:hover.ic_modify, .forum_topBox_t a:hover.ic_delete { background-position:0 -14px; } .blockTableRead_t .rebtn, .forum_topBox_t .rebtn { vertical-align:middle; } /* calender 2013 원본에 없음 ---------------------------------------------------------*/ .calender{position:relative;display:inline-block;} a.ic_cal{display:inline-block;background:url(../images/UXDesign/common2/ic_cal.gif) no-repeat left top;width:12px;height:12px;position:relative;top:2px;left:-18px;} a.ic_cal1{position:absolute;top:3px;right:4px;} /* fileArea 2013 원본에 없음 ---------------------------------------------------------*/ .add_file{overflow:hidden;} .ex_block{width:91%;float:left;margin-right:10px;} .ex_block select{width:100%;border:1px solid #ccc;min-height:70px;overflow:auto;} .fileArea{float:left;} .fileArea li{line-height:0;margin-bottom:5px;} .fileArea li.last{margin-bottom:0;} .font_s{font-size:11px;color:#888888;text-align:center;vertical-align:top;} /* blockReply 2013 원본과 대체 ---------------------------------------------------------*/ .blockReply { position:relative; padding:15px; background:#f9f9f9; } .blockReply_t { font-weight:bold; padding:0 0 5px 12px; border-bottom:1px solid #ddd; background:url(../../../images/UXDesign/icon/ic_blt_01.gif) no-repeat 0 4px; } .blockReply li { padding:5px 0; background:url(../../../images/UXDesign/common/dotline_1px.gif) repeat-x bottom; } .blockReply li a { color:#555; } .blockReply li.liLast { border-bottom:1px solid #ddd; background:none; } .blockReply .summaryViewInfo { padding:5px 10px 0; } .blockReply .summaryViewInfo img { padding:0 3px; } /* blockRelated 2013 원본과 대체 ---------------------------------------------------------*/ .blockRelated { position:relative; padding:15px; background:#f9f9f9; } .blockRelated_t { font-weight:bold; padding:0 0 5px 12px; border-bottom:1px solid #ddd; background:url(../../../images/UXDesign/icon/ic_blt_01.gif) no-repeat 0 4px; position:relative; } .blockRelated_t .more { position:absolute; top:7px; right:0; } .blockRelated li { padding:5px 0; background:url(../../../images/UXDesign/common/dotline_1px.gif) repeat-x bottom; } .blockRelated li a { color:#555; } .blockRelated li.liLast { border-bottom:1px solid #ddd; background:none; } .blockRelated .summaryViewInfo { padding:5px 10px 0; } .blockRelated .summaryViewInfo img { padding:0 3px; } /* pageNum ---------------------------------------------------------*/ .pageList { height:26px;position:relative;} .pageNum ul { text-align:center; font-size:0.9em; padding:6px 0 0 0; } .pageNum li { display:inline !important; padding:0 1px !important; border-bottom:none !important; } .pageNum li span { color:#ea5705; padding:0 7px 0 1px; vertical-align:bottom; font-weight:bold;} .pageNum li span.liFirst { padding-left:6px; } .pageNum li span.liLast { background:none; } .pageNum li a:link { color:#000; vertical-align:bottom; text-decoration:none;font-weight:normal;} .pageNum li a:active, .pageNum li a:visited { color:#000; text-decoration:none;font-weight:normal; } .pageNum > ul > li > span > a:hover { color:#ea5705; text-decoration:none; } .pageNum a.btn_page_first, .pageNum a.btn_page_last { display:inline-block; margin-bottom:3px; *margin-bottom:0; width:15px; height:13px;} .pageNum a.btn_page_pre, .pageNum a.btn_page_next { display:inline-block; margin-bottom:3px; *margin-bottom:0; width:13px; height:13px; } .pageNum a.btn_page_first, .pageNum a.btn_page_next{margin-right:-2px; } .pageNum a.btn_page_first { background:url(../../../images/UXDesign/theme/theme07/basic/btn_page_first.gif) no-repeat; } .pageNum a.btn_page_pre { background:url(../../../images/UXDesign/theme/theme07/basic/btn_page_pre.gif) no-repeat; } .pageNum a.btn_page_next { background:url(../../../images/UXDesign/theme/theme07/basic/btn_page_next.gif) no-repeat; } .pageNum a.btn_page_last { background:url(../../../images/UXDesign/theme/theme07/basic/btn_page_last.gif) no-repeat; } .pageNum a.btn_page_first span, .pageNum a.btn_page_pre span, .pageNum a.btn_page_next span, .pageNum a.btn_page_last span { display:none; } .pageList .pageState {position:absolute; top:2px; left:0; } .pageList .pageState .numSelect{display:inline-block;padding-top:3px;} .pageList .pageState .totalNum {display:inline-block;color:#000;padding: 4px 3px 0 0;} .pageList .pageState .totalNum strong {color:#0092d7;} /* blockButton ---------------------------------------------------------*/ .blockButton { position:relative; text-align:right; padding-bottom:7px;} .blockButton.btnleft{text-align:left;} .blockButton li { display:inline;} .float_n li{ display:block !important; text-align:left !important;padding-bottom:3px;} .underline { border-bottom: 1px solid #e6e6e6; padding-bottom:5px; } a.button { display:inline-block; height:20px;position:relative; color:#000; white-space:nowrap; background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_01_l.gif) no-repeat left top; } a:hover.button { text-decoration:none; background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_01_over_l.gif) no-repeat; } a.button span { display:inline-block; height:20px; margin-left:2px; padding:0 9px 0 7px; line-height:23px; cursor:pointer; background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_01.gif) no-repeat right top; } a:hover.button span { text-decoration:none; background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_01_over.gif) no-repeat right top; } a.button span img{padding-right:3px;margin-bottom:2px;} a.button_ac { display:inline-block; height:20px;position:relative; color:#000; white-space:nowrap; background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_06_l.gif) no-repeat; } a:hover.button_ac { text-decoration:none; background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_06_over_l.gif) no-repeat; } a.button_ac span { display:inline-block; height:20px; margin-left:2px; padding:0 9px 0 7px; line-height:23px; cursor:pointer; background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_06.gif) no-repeat right top; } a:hover.button_ac span { text-decoration:none; background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_06_over.gif) no-repeat right top; } a.button_ic { display:inline-block; height:20px; position:relative; color:#000; white-space:nowrap; background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_01.gif) no-repeat; } a.button_ic span { display:inline-block; height:20px; margin-left:2px; padding:0 9px 0 7px; line-height:20px; cursor:pointer; background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_01.gif) no-repeat right top; } a.btn_txt {color:#EA5705;font-size:12px;} a.button_ico { display:inline-block; height:20px;position:relative; color:#000; white-space:nowrap; background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_01_l.gif) no-repeat left top; } a:hover.button_ico { text-decoration:none; background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_01_over_l.gif) no-repeat; } a.button_ico span { display:inline-block; height:20px; margin-left:2px; padding:0 6px 0 5px; line-height:23px;letter-spacing:-1px;cursor:pointer; background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_01.gif) no-repeat right top; } a:hover.button_ico span { text-decoration:none; background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_01_over.gif) no-repeat right top;letter-spacing:-1px;} a.button_ico span img{display:inline-block;padding-right:3px;margin-bottom:3px;} a.button_dis { display:inline-block; height:20px;position:relative; color:#999; white-space:nowrap; background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_01_l.gif) no-repeat left top; } a.button_dis span { display:inline-block; height:20px; margin-left:2px; padding:0 9px 0 7px; line-height:23px;letter-spacing:-1px;cursor:pointer; background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_01.gif) no-repeat right top; } a.basic_dis{display:inline-block;vertical-align:middle;background:url(../../../images/UXDesign/theme/theme07/basic/bg_search_dis.gif) no-repeat left top;height:20px;line-height:23px;font-size:12px;padding:0 0 0 10px;color:#a6a6a6;letter-spacing:-1px;text-decoration:none;} a.basic_dis span{display:inline-block;text-align:center;background:url(../../../images/UXDesign/theme/theme07/basic/bg_search_dis.gif) no-repeat right top;padding:0 10px 0 0;cursor:pointer;} .buttongroup { position:relative; text-align:right; } .buttongroup .buttongroup_ic { margin:0 2px; vertical-align:bottom; *vertical-align:middle; } .buttonicon { position:absolute; top:0; left:0; } .buttonicon a { color:#555; } .buttonicon a:hover { text-decoration:none; } .buttonicon img { vertical-align:top; } .buttongroup .buttonicon { top:2px; } .btn_w{width:50px;text-align:center;} a.button_arrow{color:#ea5705;} /* subbutton_icon ---------------------------------------------------------*/ a.button_ic, a.button_ic span, .button_ic, .button_ic span { position:relative; margin-right:3px; vertical-align:text-top; display:inline-block; border:0; white-space:nowrap; background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_s.gif) no-repeat; overflow:visible; } a.button_ic, .button_ic { text-decoration:none; padding:0; background-position:left top; } a.button_ic span { height:20px; font-size:1em; left:7px; color:#111; padding:0 7px 0 0; *padding:1px 7px 0 0; line-height:20px; background-position:right top; cursor:pointer; } a.button_ic img, .button_ic img { padding:0 3px 2px 0; vertical-align:text-top; } a.button_ic.selected { background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_s_selected.gif) no-repeat left top; } a.button_ic.selected span { color:#c50050; background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_s_selected.gif) no-repeat right top; } /* subbutton ---------------------------------------------------------*/ a.button_s, a.button_s span { position:relative; margin-right:3px;display:inline-block; border:0; white-space:nowrap; background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_s.gif) no-repeat; overflow:visible;} a.button_s { text-decoration:none; padding:0; background-position:left top; } a.button_s span { height:20px; letter-spacing:-1px;font-size:12px; font-weight:normal; left:7px; color:#111; padding:0 7px 0 0; line-height:23px; background-position:right top; cursor:pointer; text-decoration:normal !important;} a.button_s.selected { background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_s_selected.gif) no-repeat left top; } a.button_s.selected span { color:#c50050; background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_s_selected.gif) no-repeat right top; } .btn_s { float:right; margin-right:3%; } /* button_s_pop ---------------------------------------------------------*/ .button_s_pop { vertical-align:bottom; font-size:0.9em; *font-family:Tahoma, Meiryo, "MS PGothic", Dotum; margin-left:9px; color:#777; } .button_s_pop span { color:#777 !important; margin-left:4px; } /* blockButton_2 ---------------------------------------------------------*/ /*.blockButton_2 { height:35px; margin:10px 0 20px; padding:0 8px 0 9px;}*/ .blockButton_2 { height:35px; margin-bottom:20px; text-align:center; } .button_2 { width:90%; text-align:center; display:inline-block; background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_02.gif) no-repeat left top; } a:hover.button_2, a:hover.button_2 span { text-decoration:none; background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_02_over.gif) no-repeat; } a.button_2 span, a:hover.button_2 span { display:block; height:35px; line-height:35px; margin-left:3px; padding-right:3px; cursor:pointer; color:#555; font-weight:bold; background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_02.gif) no-repeat right top; } a.button_2.normal span, a:hover.button_2.normal span { font-weight:normal !important; } a:hover.button_2 span { color:#111; background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_02_over.gif) no-repeat right top; } a.button_2 img { padding:0 2px 2px 0; vertical-align:middle; } /* blockButton_3 ---------------------------------------------------------*/ .blockButton_3 { position:relative; height:28px; margin-bottom:8px; } .button_3 { width:100%; text-align:center; display:inline-block; background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_03.gif) no-repeat left top !important; } a:hover.button_3, a:hover.button_3 span { text-decoration:none; background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_03_over.gif) no-repeat; } a.button_3 span, a:hover.button_3 span { display:block; height:28px; line-height:28px; margin-left:3px; padding-right:3px; cursor:pointer; color:#111; background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_03.gif) no-repeat right top; } a:hover.button_3 span { background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_03_over.gif) no-repeat right top; } .blockButton_3 .ic_top { position:absolute; top:7px; right:15px; } .blockButton_3 .ic_top a { display:block; width:34px; height:13px; background:url(../../../images/UXDesign/icon/ic_top.gif) no-repeat; } .blockButton_3 .ic_top a:hover { background-position:0 -13px; } .blockButton_3 .ic_top a span { display:none; } /* blockButton_4 ---------------------------------------------------------*/ .blockButton_4 { height:35px; margin-bottom:20px; } .button_4 { width:100%; text-align:center; display:inline-block; background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_04.gif) no-repeat left top; } a:hover.button_4, a:hover.button_4 span { text-decoration:none; } a.button_4 span, a:hover.button_4 span { display:block; height:35px; line-height:35px; margin-left:3px; padding:2px 3px 0 0; *padding:0px 3px 0 0; cursor:pointer; color:#fff; font-weight:bold; background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_04.gif) no-repeat right top; } a.button_4 img { padding:0 6px 4px 0; *padding:2px 6px 4px 0; vertical-align:middle; } /* blockButton_5 ---------------------------------------------------------*/ .blockButton_5 { position:relative; height:28px; margin-bottom:8px; } a.button_prev { float:left; width:50%; height:28px; font-size:0.9em; color:#75839e; line-height:28px; text-align:center; display:inline-block; margin-right:-1px; background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_03.gif) no-repeat left top; } a:hover.button_prev { text-decoration:none; background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_03_over.gif) no-repeat; } a.button_next { float:left; width:50%; height:28px; font-size:0.9em; color:#555; line-height:28px; text-align:center; display:inline-block; border-left:1px solid #d8d9e3; background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_05.gif) no-repeat right top; } a:hover.button_next { text-decoration:none; background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_05_over.gif) no-repeat right top; } /* button_pr ---------------------------------------------------------*/ a.button_pr, a.button_pr span { position:relative; margin-right:4px; display:inline-block; border:0; white-space:nowrap; background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_pr.gif) no-repeat; vertical-align:middle; overflow:visible; } a.button_pr { text-decoration:none; padding:0; background-position:left top; } a:hover.button_pr { background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_pr_over.gif) no-repeat; } a.button_pr span { height:26px; left:10px; color:#333; font-size:1.1em; padding:0 10px 0 0; line-height:24px; background-position:right top; cursor:pointer; } a:hover.button_pr span { background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_pr_over.gif) right top; } a.button_pr img { padding:0 4px 0 0; } /* button_follow ---------------------------------------------------------*/ a.button_follow, a.button_follow span { position:relative; margin-right:4px; display:inline-block; border:0; white-space:nowrap; background:url(../../../images/UXDesign/common/btn_follow.gif) no-repeat; vertical-align:middle; overflow:visible; } a.button_follow { text-decoration:none; padding:0; background-position:left top; } a:hover.button_follow { background:url(../../../images/UXDesign/common/btn_unfollow.gif) no-repeat; } a.button_follow span { height:26px; left:25px; color:#fff; font-size:1.1em; padding:0 10px 0 0; line-height:24px; background-position:right top; cursor:pointer; } a:hover.button_follow span { background:url(../../../images/UXDesign/common/btn_unfollow.gif) right top; } /* button_blog ---------------------------------------------------------*/ a.button_blog, a.button_blog span { position:relative; margin-right:4px; display:inline-block; border:0; white-space:nowrap; background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_blog.gif) no-repeat; vertical-align:middle; overflow:visible; } a.button_blog { text-decoration:none; padding:0; background-position:left top; } a.button_blog span { height:29px; left:18px; color:#777; font-size:1.2em; padding:0 18px 1px 0; line-height:29px; background-position:right top; cursor:pointer; } a.button_blog img { padding:0 4px 0 0; } /* button_re ---------------------------------------------------------*/ a.button_re { width:56px; height:50px; text-align:center; display:inline-block; vertical-align:middle; text-decoration:none; background:url(../../../images/UXDesign/common/btn_basic_re.gif) no-repeat; } a.button_re span { color:#333; font-weight:bold; line-height:50px; cursor:pointer; } /* button_rec ---------------------------------------------------------*/ a.button_rec, a.button_rec span { position:relative; margin-right:4px; display:inline-block; border:0; white-space:nowrap; background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_rec.gif) no-repeat; vertical-align:middle; overflow:visible; } a.button_rec { text-decoration:none; padding:0; background-position:left top; } a.button_rec span { height:50px; left:12px; color:#333; font-weight:bold; padding:0 12px 0 0; line-height:50px; *line-height:45px; background-position:right top; cursor:pointer; } a.button_rec img { padding:0 2px 6px 0; *padding:0 2px 4px 0; vertical-align:middle; } /* button_rec_num ---------------------------------------------------------*/ a.button_rec_num, a.button_rec_num .doc { position:relative; margin-right:4px; display:inline-block; border:0; white-space:nowrap; background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_rec.gif) no-repeat; overflow:visible; } a.button_rec_num { text-decoration:none; padding:0; background-position:left top; } a.button_rec_num .doc { left:12px; color:#333; padding:10px 12px 0 0; line-height:50px; *line-height:45px; background-position:right top; cursor:pointer; } a.button_rec_num img { padding:0 2px 7px 0; *padding:0 2px 4px 0; vertical-align:middle; } a.button_rec_num .num { position:absolute; display:block; top:5px; color:#c50050; text-align:center; margin:0 auto; width:65px; z-index:99; } /* button_rec_num_2 ---------------------------------------------------------*/ .button_rec_num_2, .button_rec_num_2 .doc { position:relative; width:29px; height:43px; display:inline-block; border:0; white-space:nowrap; background:url(../../../images/UXDesign/theme/theme07/basic/btn_basic_rec_2.gif) no-repeat; } .button_rec_num_2 { text-decoration:none; padding:0; background-position:left top; } .button_rec_num_2 .doc { padding:0 12px 0 0; margin-left:5px; background-position:right top; } .button_rec_num_2 img { position:absolute; top:21px; left:12px; } .button_rec_num_2 .num { position:absolute; display:block; top:3px; font-size:0.9em; color:#c50050; text-align:center; margin:0 auto; width:46px; z-index:99; } /* button_profile ---------------------------------------------------------*/ .btn_profile a { display:inline-block; color:#333; font-size:0.9em; width:63px; height:20px; padding:3px 0 0 25px; background:url(../../../images/UXDesign/common/btn_profile_write.gif) no-repeat; text-align:left; position:absolute; left:0; top:-2px;} .btn_profile a:hover { text-decoration:none; } /* button_search 2013 원본에 없음 ---------------------------------------------------------*/ a.btn_search_v1{width:20px;height:20px;display:inline-block;background:url(../../../images/UXDesign/theme/theme07/basic/btn_search01.gif) no-repeat left top;text-indent:-9999px;} a.btn_information{width:16px;height:16px;display:inline-block;background:url(../../../images/UXDesign/theme/theme07/basic/ic_question.png) no-repeat left top;text-indent:-9999px;} /*2013 a.basic{display:inline-block;background:url(../../../images/UXDesign/theme/theme07/basic/bg_search.gif) no-repeat left top;height:20px;line-height:20px;font-size:12px;padding:0 0 0 10px;color:#000000;letter-spacing:-1px;text-decoration:none;}*/ a.basic{display:inline-block !important;white-space:nowrap;vertical-align:middle;background:url(../../../images/UXDesign/theme/theme07/basic/bg_search.gif) no-repeat left top;height:20px;line-height:23px;font-size:12px;padding:0 0 0 10px;color:#000000;text-decoration:none !important;} a.basic span{display:inline-block;text-align:center;background:url(../../../images/UXDesign/theme/theme07/basic/bg_search.gif) no-repeat right top;padding:0 10px 0 0;cursor:pointer;color:#000;} a.btn_up{background:url(../../../images/UXDesign/theme/theme07/basic/btn_up.gif) no-repeat left top;width:30px;height:20px;display:inline-block;margin-left:1px;} a.btn_down{background:url(../../../images/UXDesign/theme/theme07/basic/btn_down.gif) no-repeat left top;width:30px;height:20px;display:inline-block;} a.btn_save{display:inline-block;background:url(../../../images/UXDesign/theme/theme07/basic/bg_save.gif) no-repeat left top;height:46px;line-height:46px;font-size:12px;padding:0 0 0 14px;} a.btn_save span{display:inline-block;background:url(../../../images/UXDesign/theme/theme07/basic/bg_save.gif) no-repeat right top;padding:1px 14px 0 0;cursor:pointer;} /* button_file 2013 원본에 없음 ---------------------------------------------------------*/ a.btn_file{display:inline-block;background:url(../../../images/UXDesign/theme/theme07/basic/bg_search.gif) no-repeat left top;height:20px;line-height:20px;font-size:12px;padding:0 0 0 8px;} a.btn_file span{display:inline-block;background:url(../../../images/UXDesign/theme/theme07/basic/bg_search.gif) no-repeat right top;padding:1px 8px 0 0;cursor:pointer;} /* blockShuttle ---------------------------------------------------------*/ .blockShuttle { position:relative; min-width:600px; margin-bottom:10px; } .shuttle_l { float:left; width:45%; } .shuttle_m { float:left; width:9.9%; text-align:center; } .shuttle_r { float:right; width:45%; } .shuttle_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; border:2px solid #DDD; } .shuttle_r .sbox { border:2px solid #DDD; margin-bottom:10px; } .shuttle_m li { padding:2px 0; } .shuttleSearch { text-align:right; color:#777; padding-bottom:10px; } .shuttleSearch a.ic_search { vertical-align:middle; } .shuttleSearch input { padding:2px; } .shuttleSearch_ins { font-size:0.9em; color:#999; padding-right:5px; } .shuttletab_ins { position:absolute; top:4px; right:0; } .shuttletab_ins .checkbox { margin:0 2px 2px; *margin:0 0 2px -4px; } .shuttleTree { padding:10px; } .shuttleTitle { padding:8px 10px 7px; font-weight:bold; background:url(../../../images/UXDesign/common/bg_shuttle_t.gif) repeat-x; } .shuttleCon { padding:5px; 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.suttle_btn { padding-top:8px; margin-bottom:0; border-top:1px solid #ddd; } /* popup ---------------------------------------------------------*/ #popup { background:#eaecef; } #popup_title { height:36px; background:url(../../../images/UXDesign/common/bg_popup_t.gif) repeat-x; } #popup_title a { display:block; position:absolute; top:12px; right:15px; width:11px; height:10px; background:url(../../../images/UXDesign/theme/theme07/basic/ic_close_popup.gif) no-repeat; } #popup_title a span { display:none; } #popup_title h1 { font-size:1em; color:#fff; padding:10px 15px 5px; } #popup_contents { padding:15px; margin:10px 10px 0; background:#fff; border:1px solid #d2d4d8; } #popup_contents_1 { padding:15px; background:#fff; border:1px solid #d2d4d8; } #popup_footer { text-align:center; width:100%; font-size:0.9em; line-height:25px; color:#7b7b7b; height:13px; background:#eaecef; } #popup_2 { position:relative; } #popup_title_2 { height:36px; background:url(../../../images/UXDesign/common/bg_popup_t_2.gif) repeat-x; } .popup_bgTitle_l { position:absolute; top:0; left:0; width:205px; height:2px; background:url(../../../images/UXDesign/common/bg_popup_t_2_l.gif) repeat-x; } #popup_title_2 a { display:block; position:absolute; top:9px; right:15px; width:17px; height:17px; background:url(../../../images/UXDesign/theme/theme07/basic/ic_close_popup_2.gif) no-repeat 0 0; } #popup_title_2 a:hover { background-position:0 -17px; } #popup_title_2 a span { display:none; } #popup_title_2 h1 { font-size:1em; color:#111; padding:10px 30px 5px; background:url(../../../images/UXDesign/theme/theme07/basic/ic_poptitle.png) no-repeat 15px 13px; } #popup_contents_2 { margin:0; } /* poptitle ---------------------------------------------------------*/ .poptitle_bg { height:35px; width:100%; margin-bottom:20px; text-align:center; display:inline-block; background:url(../../../images/UXDesign/theme/theme07/basic/bg_poptitle.gif) no-repeat left; } .poptitle_text { height:35px; display:block; line-height:35px; margin-left:3px; padding-right:3px; color:#555; font-weight:bold; background:url(../../../images/UXDesign/theme/theme07/basic/bg_poptitle_r.gif) no-repeat right; } .popmargin { margin-bottom:10px; } /* jquery ui with datepicker */ .ui-datepicker td > a.alarm { background-image:none; background-color:#5e99eb; border-color:#367fdb; color:white !important; } .ui-state-hover-week { background:none repeat scroll 0 0 #b3d1f7 !important; border:1px solid #367fdb; } /* QnA View Category ---------------------------------------------------------*/ #qaCategoryLocation { position:absolute; right:0; top:20px; font-size:0.9em; } #qaCategoryLocation li { display:inline; padding-left:8px; color:#777; background:url(../../../images/UXDesign/theme/theme02/basic/bar_pageLocation.gif) no-repeat left 1px; } #qaCategoryLocation li.liFirst { background:none; } #qaCategoryLocation li.liLast { color:#333; } /* 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; } /* Approval ---------------------------------------------------------*/ .Approval { position:relative; margin-bottom:10px; width:100%; border-top:none; } .Approval table { width:100%; border-collapse:collapse; } .Approval table caption { display:none; } .Approval table .title { height: 40px;padding:30px 15px 20px 15px;} .Approval table .title p { font-size:28px;font-weight:bold;} .Approval table .title p.t1 { font-size:20px;font-weight:bold;} .Approval table .title p.t1 img { vertical-align: bottom;margin-bottom: -4px;} .Approval table .title.tl { text-align:left;} .Approval table .title.tc { text-align:center;} .Approval table .title.tr { text-align:right;} .Approval table th { font-weight:bold; line-height:19px; text-align:right; color:#333; padding:3px 15px; border:0;background-color:#fff;} .Approval table th a:link, .blockDetail table th a:visited, .blockDetail table th a:active, .blockDetail table th a:hover { color:#333; text-decoration:none; } .Approval table td { line-height:19px; padding:3px 15px; word-break:break-all; border:0; background-color:#fff; } .Approval table td ul li { padding:0px 15px; } .Approval table td.content { padding: 20px 25px; } .Approval table td hr.line1{ display:block; border:5px solid #555;} *:first-child+html .Approval table td hr.line1{ display:block; height:5px; border:5px solid #555;} .Approval table td hr.line2{ display:block; border:1px solid #555;} *:first-child+html .Approval table td hr.line2{ display:block; height:2px; color:#555;} .Approval .bgSelected { background-color: #edf2f5; } .Approval table td .radio, .blockDetail table td .checkbox { vertical-align:middle; } .Approval table td .button_s { vertical-align:middle; margin:-1px 3px -2px 0; } .Approval .selectbox { vertical-align:top; } .Approval .listStyle li { padding:2px 0; } .Approval_1 { position:relative; margin-bottom:5px; width:100%; border-top:2px solid #7e98b8; } .Approval_1 table { width:100%; table-layout:fixed; border-collapse:collapse; } .Approval_1 table caption { display:none; } .Approval_1 table th { font-weight:bold; line-height:19px; text-align:right; color:#333; padding:3px 5px; border:1px solid #e0e0e0; border-top:none; background:#eaf0f7; } .Approval_1 table th a:link, .blockDetail table th a:visited, .blockDetail table th a:active, .blockDetail table th a:hover { color:#333; text-decoration:none; } .Approval_1 table td { line-height:19px; padding:3px 5px; word-break:break-all; border:1px solid #e0e0e0; border-top:none; background-color:#fff; } .Approval_1 table td strong { color: #2359ad; padding: 5px 0;} .Approval_1 .bgSelected { background-color: #edf2f5; } .Approval_1 table td .radio, .Approval_1 table td .checkbox { vertical-align: text-bottom; margin:0 0 0 2px; } .Approval_1 table td .button_s { vertical-align:middle; margin:-1px 3px -2px 0; } .Approval_1 .selectbox { vertical-align:top; } .Approval_1 .inputbox { vertical-align:top; } .Approval_1 .listStyle li { padding:2px 0; } .Approval_1 .link { color:#5a86ce !important; } .Approval_1 a:visited.link { color:#ba31bc !important; } /* 2013 원본에 없음 */ .inputText{padding:0 5px;} .stateALert {color:#ea5705; display:inline;} .stateFine {color:#21507c; display:inline;} .stateALert span, .stateFine span {display:inline-block; width:40px; height:14px; line-height:15px !important; font-size:.9em; font-weight:bold; color:#fff;margin-left:5px;} .stateALert span {background-color:#f78749; border:1px solid #e96926;} .stateFine span {background-color:#659fe6; border:1px solid #3a85c4;} /* common css override 2013 원본에서 삽입 */ #blockMainTop { padding:25px 30px; } #portletWrap { /* padding:0 30px; background-color:#ebeff2;*/ } .btnTopHome { float:left; } .btnTopHome a { display:block; width:34px; height:28px; margin:10px 5px 0 0; background:url(../../../images/UXDesign/theme/theme07/basic/btn_home.png) no-repeat 0 0; } ul.ul_topmenu { float:left; } /* forum add 2013 원본에서 삽입 */ .forum_topBox_sub_div { position:relative;height:60px; } /* Quick menu 2013 원본에서 삽입 -------------------------------------------------------------------------------------------------*/ #QuickMenuBar .Quick_noti dl dt { display: inline-block; color: #9d9d9d; font-size: 12px; padding-top: 5px; padding-left: 6px; float: none; } @-moz-document url-prefix() { #QuickMenuBar .Quick_noti dl dt { padding-top: 3px; }} /* pageTitle ---------------------------------------------------------*/ #pageTitle .location{position:absolute;right:0;top:15px;overflow:hidden;} #pageTitle .location span.current {color:#0092d7;} #pageTitle .location .path{float:left;margin:3px 5px 0 0;} #pageTitle .hfBtn{float:left;} #pageTitle .hfBtn a {display:inline-block;height:20px; text-indent:-9999px; overflow:hidden;margin-left:-1px;} #pageTitle .hfBtn a.btnRss {width:20px; background:url(../../../images/UXDesign/theme/theme07/basic/btn_rss.gif) no-repeat left top;} #pageTitle .hfBtn a.btnHelp {width:20px; background:url(../../../images/UXDesign/theme/theme07/basic/btn_help.gif) no-repeat left top;} #pageTitle .hfBtn a.btnFavorite {width:20px; background:url(../../../images/UXDesign/theme/theme07/basic/btn_favorite.gif) no-repeat left top;} #pageTitle .hfBtn a.selet {width:20px; background:url(../../../images/UXDesign/theme/theme07/basic/btn_favorite_over.gif) no-repeat left top;} /* 2013.08.16 삽입 */ #pageTitle .hfBtn a.btnClose {text-indent:0; display:inline-block; height:20px; background:url(../../../images/UXDesign/theme/theme07/basic/btn_close.gif) no-repeat left top; margin-left:0;} #pageTitle .hfBtn a.btnClose span {display:inline-block; height:20px; background:url(../../../images/UXDesign/theme/theme07/basic/btn_close.gif) no-repeat right top; margin-left:17px; padding-right:6px; font-size:.9em; line-height:20px;} #pageTitle .hfBtn a.first {margin-left:0;} #pageTitle .location:after{content:".";display:block;height:0;clear:both;visibility:hidden;} a.btnClose_app {text-indent:0; display:inline-block; height:20px; background:url(../../../images/UXDesign/theme/theme07/basic/btn_close.gif) no-repeat left top; margin-left:0;} a.btnClose_app span {display:inline-block; height:20px; background:url(../../../images/UXDesign/theme/theme07/basic/btn_close.gif) no-repeat right top; margin-left:17px; padding-right:6px; font-size:.9em; line-height:20px;} /* tab ---------------------------------------------------------*/ .tab_b{border-bottom:1px solid #bfbfbf;height:29px;font-family:'돋움', 'Dotum';margin-bottom:10px;} .tab_b li{float:left;height:29px;margin-right:3px;line-height:32px;cursor:pointer;} .tab_b li a{display:inline-block; height:29px; background:url(../../../images/UXDesign/theme/theme07/basic/tab_off.gif) no-repeat left top; padding:0 0 0 20px; font-weight:bold; color:#777777; white-space:nowrap; } .tab_b li a:hover{display:inline-block; height:29px; background:url(../../../images/UXDesign/theme/theme07/basic/tab_on.gif) no-repeat left top; padding:0 0 0 20px; font-weight:bold; color:#3d5b82; white-space:nowrap; } .tab_b li span{display:inline-block; height:29px; background:url(../../../images/UXDesign/theme/theme07/basic/tab_off.gif) no-repeat right top;padding:0 20px 0 0;cursor:pointer;} .tab_b li a:hover span{display:inline-block; height:29px; background:url(../../../images/UXDesign/theme/theme07/basic/tab_on.gif) no-repeat right top;padding:0 20px 0 0;cursor:pointer;} .tab_b li a.on{background:url(../../../images/UXDesign/theme/theme07/basic/tab_on.gif) no-repeat left top;padding:0 0 0 20px; font-weight:bold; color:#3d5b82;} .tab_b li a.on span{background:url(../../../images/UXDesign/theme/theme07/basic/tab_on.gif) no-repeat right top;padding:0 20px 0 0;} .tab_s{overflow:hidden;border-bottom:1px solid #bfbfbf;height:23px;font-family:'돋움', 'Dotum';margin-bottom:10px;} .tab_s li{float:left;height:23px;margin-right:3px;line-height:27px;cursor:pointer;border-bottom:1px solid #bfbfbf;} .tab_s li a{display:inline-block; height:23px; background:url(../../../images/UXDesign/theme/theme07/basic/tab_off01.gif) no-repeat left top;padding:0 0 0 9px; font-weight:bold; color:#777777; white-space:nowrap; } .tab_s li a:hover{background:url(../../../images/UXDesign/theme/theme07/basic/tab_on01.gif) no-repeat left top;padding:0 0 0 9px; font-weight:bold; color:#3d5b82;} .tab_s li a.on{background:url(../../../images/UXDesign/theme/theme07/basic/tab_on01.gif) no-repeat left top;padding:0 0 0 9px; font-weight:bold; color:#3d5b82;} .tab_s li span{display:inline-block; height:23px;background:url(../../../images/UXDesign/theme/theme07/basic/tab_off01.gif) no-repeat right top;padding:0 10px 0 0;cursor:pointer;} .tab_s li a:hover span{background:url(../../../images/UXDesign/theme/theme07/basic/tab_on01.gif) no-repeat right top;padding:0 10px 0 0;} .tab_s li a.on span{background:url(../../../images/UXDesign/theme/theme07/basic/tab_on01.gif) no-repeat right top;padding:0 10px 0 0;} .depart_l li{margin-right:2px;} .depart_l .tab_s li a, .depart_l .tab_s li a:hover, .depart_l .tab_s li a.on{padding:0 0 0 4px;} .depart_l .tab_s li span, .depart_l .tab_s li a:hover span, .depart_l .tab_s li a.on span{padding:0 4px 0 0;} /* portal ---------------------------------------------------------*/ #popupArea{padding:0 20px 0;background:#fff;position:relative;margin:auto;} .search_area{position:relative;z-index:1;background:#e6effa;border:1px solid #6188ba;margin-bottom:10px;clear:both;} .search_area .title{padding:10px;border-bottom:1px dotted #6188ba;} .search_area .add{padding-top:15px;width:373px;background:url(../../../images/UXDesign/theme/theme07/basic/bg_add_1.png) no-repeat left top;} .search_area .add_btm{padding:0 15px 15px 10px;background:url(../../../images/UXDesign/theme/theme07/basic/bg_add.png) no-repeat left bottom;} .search_area .btn_add{position:absolute;top:10px;right:10px;} .add {position:absolute;top:30px;right:10px;z-index:10;} .add .add_file{padding:10px 13px 13px 10px;background:#fff;border:1px solid #9b9b9b;} .add .detail{padding:10px;margin-top:10px;background:#fff;border:1px solid #9b9b9b;} .add .detail .check_area{letter-spacing:-0.6px;} .add .detail .add_scroll{height:60px;overflow:auto;padding:10px;border:1px solid #e3e9ef;margin-top:10px;} .add .detail .add_scroll li{line-height:20px;} .sel_area{width:302px;float:left;} .block1{width:282px;height:214px;border:1px solid #6188ba;237px;background:#fff;padding:10px;overflow:auto;display:block;} .block1.list{line-height:20px;font-weight:bold;} .multi_area{float:left;} .multi{width:162px;padding:10px; height:214px;border:1px solid #6188ba;237px;background:#fff;overflow:auto;font-weight:bold;} .multi li{line-height:20px;} .search_area .find_area{padding:10px;} .search_area .find_1{width:335px;} .find_block{height:160px;border:1px solid #6188ba;background:#fff;padding:10px; overflow-y:scroll;} .search_area .find_2{width:205px;} .search_area .find_3{width:205px;margin-right:0 !important;} .name_title, .team_name{height:166px;background:#fff;padding:4px 10px 10px 10px;border:1px solid #6188ba;overflow-y:scroll;position:relative;} .name_title li, .team_name li{font-weight:bold;line-height:23px;} .search_area .find_1, .search_area .find_2, .search_area .find_3{float:left;margin-right:10px;} .last{margin:0; background:none;} .subTitle_detail {background:url(../../../images/UXDesign/icon/ic_detail.png) no-repeat left 12px;padding:8px 0 8px 12px;} .subTitle_detail2 {background:url(../../../images/UXDesign/theme/theme07/basic/bg_leftmenu_1depth.png) no-repeat -5px -107px; padding:10px 0 6px 16px; font-weight:bold; font-size:13px; color:#21507c;} .result_area{overflow:hidden;} .result_1, .result_2{width:350px;} .btn_area{padding:0 8px;} .btn_area li{margin-bottom:3px;} .result_1, .result_2, .btn_area{float:left;} .tbl_area {height:175px;overflow-y:auto;margin-bottom:10px;border-top:1px solid #6188ba;border-bottom:1px solid #bfbfbf;background:#e3e9ef;} .result_1 .tbl_area, .result_2 .tbl_area{overflow-y:scroll;} /* popup size ---------------------------------------------------------*/ .w_684{width:684px;} .w_565{width:565px;} .blockDetail.tbl_area {border-top:1px solid #6188ba; border-bottom:1px solid #e3e9ef /*#bfbfbf*/; } .blockDetail.tbl_area table, .popApp_data .tbl_overflow table, .blockDetail.tbl_overflow_pop table, .popApp_tree .tbl_overflow table, .tbl_overflow_pop table { border-top:1px solid #6188ba; } .blockDetail.tbl_area table tr:last td, .blockDetail .tbl_overflow table tr:last td, .blockDetail .tbl_overflow_pop table tr:last td {border-bottom:none;} /* 2013.08.16 삽입 */ .tdCursor table td {cursor:pointer;} /* 2013.08.02 common layer ---------------------------------------------------------*/ .layerBlock {position:absolute; z-index:100;} .layerBtn {padding:0 5px 0 0;} .layerBtn, .layerBtn a {color:#ea5705; cursor:pointer;} .layer {padding-top:6px; position:relative;} .layer .layerArrow {position:absolute;top:0; width:100%; height:7px; background-image:url(../../../images/UXDesign/theme/theme07/basic/bg_layer_arrow.png); background-repeat:no-repeat;} .layer .layerArrow.left {background-position:left top;} .layer .layerArrow.center {background-position:center top;} .layer .layerArrow.right {background-position:right top;} .layerOut {background:url(../../../images/UXDesign/theme/theme07/basic/bg_layer.png) no-repeat right bottom; padding:0 5px 5px 0;} .layerTop {background:url(../../../images/UXDesign/theme/theme07/basic/bg_layer_top.png) no-repeat right bottom; height:5px;border-left:1px solid #828282;} .layerIn {border-left:1px solid #828282; padding:4px 9px 9px;} .layerIn .blockButton {padding:8px 17px; margin-bottom:7px; background-color:#fff; border:1px solid #9b9b9b;} .layerIn .blockContent {padding:10px 17px; background-color:#fff; border:1px solid #9b9b9b;} .layerIn .scrollBox {height:78px; border-width:1px; border-style:solid; border-color:#abadb3 #e2e3ea #e2e3ea; overflow-y:scroll;} .layerIn .corner_RoundBox03 {margin-bottom:10px;} .layerIn .grade {margin-bottom:7px;} .layerIn input[type="checkbox"]{margin-right:0;} .layerBlock.arrowRight .layerBtn {text-align:right;} .blockSearch .scrollBox ul {padding:9px 0 0 8px;} .detailTitle {position:relative; z-index:999;} /* 2013.08.19*/ .detailTitle .explain {font-size:12px; padding:4px 0 6px;} .detailTitle .explain a{text-decoration:underline;} .detailTitle .explain .layer {background-color:#fff; position:absolute; width:auto; border:1px solid #ccc; top:30px; left:0; padding:10px;} .detailTitle .blockButton {position:absolute;top:0;right:0;} .detailTitle .txt_unit {position:absolute; top:3px; right:0; font-size:11px;} /* 2013.08.14*/ .detailTitle .f_star {margin-left:0;} .a.btn_information{width:16px;height:16px;display:inline-block;background:url(../../../images/UXDesign/theme/theme07/basic/ic_question.png) no-repeat left top;text-indent:-9999px;} .btn_BoardList{display:inline;} .btn_BoardList li{float:left;margin-right:5px;} .boardTextarea{margin:5px 0 0 0;} .contentBlock{min-height:198px;vertical-align:top;} .processArea {position:relative;margin-right:30px;} .processArea .processBar{background:url(../../../images/UXDesign/theme/theme07/basic/bg_bar_off.gif) repeat left top;height:11px;border:1px solid #c3c3c3;} .processBar .processBarRate{position:absolute;top:0;left:0;background:url(../../../images/UXDesign/theme/theme07/basic/bg_bar_on.gif) repeat left top;height:11px;border:1px solid #6798d1;font-size:11px;text-align:right;} .processBar .processBarRate.empty{border:0;} .processBar .processBarRate.empty .txtRate{right:-5px;top:-1px;} .processBar .processBarRate.full{text-align:center;} .processBar .processBarRate.full .txtRate{right:0;top:-1px;} .processBar .processBarRate .txtRate{position:relative;top:-1px;right:-30px;text-align:left;display:inline-block;width:28px;} .processArea .status{position:absolute;top:0;right:-36px;} .txt_gray{color:#d2d2d2;} .txt_point{color:#ea5705;} .txt_important {color:#ea5705; font-weight:bold;} .txt_new {font-weight:bold;} a.linkInline {text-decoration:underline;} /* allSite 2013.08.30 전체사이트 수정 */ #popupArea.sitepadding {padding:0 15px;} .allSite{overflow:hidden; width:937px;} .siteList{float:left;width:727px;/*background:url(../../../images/UXDesign/theme/theme07/basic/bg_siteList.gif) repeat-y left top;*/} .siteList .list{float:left;/*padding-left:20px;*/margin-left:10px;width:135px;} .siteList .list.first{margin-left:0;} .siteList .list .unit{margin-bottom:8px;} .siteList .list .unit .category{width:20px;height:20px;font-weight:bold;line-height:20px;text-align:center;color:#000;background:url(../../../images/UXDesign/theme/theme07/basic/bg_category.gif) no-repeat left top;margin-bottom:10px;} .siteList .list .unit .linkList{} .linkList {background:#fff;} .linkList li{position:relative;line-height:16px;} .linkList .btn_favorite{display:inline-block;width:17px;height:17px;background:url(../../../images/UXDesign/theme/theme07/basic/ico_favorite_off.gif) no-repeat left -2px;} .linkList .btn_favorite.on{background:url(../../../images/UXDesign/theme/theme07/basic/ico_favorite_on.gif) no-repeat left -2px;} .link_text{display:inline-block;vertical-align:top;width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .linkList .btn_favorite span{width:0;height:0;font-size:0;position:absolute;text-indent:-9999px;} .linkList .ic_new{display:inline-block;margin:0 10px 10px 0;position: absolute;right:8px;top:4px;} .linkList li a.btn_help{display:inline-block;width:16px;height:17px;background:url(../../../images/UXDesign/theme/theme07/basic/btn_help_1.gif) no-repeat left top;position:absolute;right:0;top:0;} .linkList li a.btn_help span{width:0;height:0;font-size:0;position:absolute;text-indent:-9999px;} .myLink{width:210px;float:left;} .myLink .inputSearch{position:relative;display:inline-block;margin-bottom:10px;} .myLink .inputSearch .inputBox{border:2px solid #96bdeb;font-size:12px;color:#888888;width:190px;height:22px;line-height:22px;padding:0 8px;} .myLink .inputSearch .btn_view{position:absolute;top:5px;right:5px;} .myLink .linkList{width:208px;height:262px;border:1px solid #b8b8b8;overflow-y:auto;overflow-x:hidden;margin-bottom:10px;position:relative;} .myLink .linkList ul{padding:8px 10px 0;} .myLink .linkInfo{padding:8px;background:#f5f5f5;line-height:13px;margin-bottom:10px;} .myLink .linkInfo img{display:inline-block;text-align:text-top;margin-bottom:3px;margin-left:-1px;} .myLink .linkList .link_text {width:148px;} .siteList .list .unit .category1{display:inline-block;width:140px;height:20px;font-weight:bold;line-height:20px;text-align:center;color:#206799;background:url(../../../images/UXDesign/theme/theme07/basic/bg_category_1.gif) no-repeat left top;margin-bottom:10px;} a.button span.size{padding:0 5px 0 3px;} .linkTitle{background:url(../../../images/UXDesign/theme/theme07/basic/bg_pop.gif) repeat-x left top;height:20px;border-right:1px solid #4a4a4a;position:relative;padding:6px 0 0 8px;} .linkTitle .btn_pop{position:absolute;right:8px;top:4px;} .linkSite{background:#d0d0d0;border:1px solid #818181;border-top:none;padding:6px;} .linkSite .linkList{border:1px solid #9b9b9b;padding:8px 8px 0;overflow:auto;height:222px;position:relative;} a.btn_link{display:block;height:29px;line-height:29px;background:url(../../../images/UXDesign/theme/theme07/basic/bg_allBtn.gif) no-repeat left top;margin-bottom:4px;padding-left:10px;} a.btn_link span{display:block;cursor:pointer;height:29px;background:url(../../../images/UXDesign/theme/theme07/basic/bg_allBtn.gif) no-repeat right top;margin-bottom:4px;padding-right:10px;text-align:center;} a.btn_link span img{display:inline-block;margin-left:30px;} td .part {display:inline-block;width:350px;} td .icon img{display:inline-block;margin-right:9px;} .tbl_list{padding-top:10px;} .tbl_list ul{padding-top:8px;} td.tbl_list_v1{vertical-align:top;} td.tbl_list_v1 ul{padding-top:2px;} .tbl_list li, td.tbl_list_v1 li {background:url(../../../images/UXDesign/theme/theme07/basic/ico_circle.gif) no-repeat left 4px;padding-left:12px;line-height:18px;text-align:left;} .blockDetail table td.bd_non{border-right:0;} .blockDetail table td.bd_non_l{border-left:0;} /* move */ .move{border-top:1px solid #bfbfbf;margin-bottom:10px;} .move li{border-bottom:1px solid #bfbfbf;} .move li a{display:block;padding:6px 10px 5px;} .move li a:hover{background:#f5f5f5;} .move li a strong{display:inline-block;width:14px;margin-right:18px;text-align:right;} /* gallery */ .w921{width:921px;} .birthCon{overflow:hidden;} .gallery{width:437px;margin-right:5px;float:left;} .imgArea{} .imgArea .thum{overflow:hidden;background:#d7e5f6;border:1px solid #6188ba;padding:8px 5px 8px 8px;} .imgArea .thum p, .imgArea .thum .thumList{float:left;} .imgArea .thum p.btnAdd{margin-left:4px;} .imgArea .thum .thumList{padding:0 0 0 2px;} .imgArea .thum .thumList li{float:left;margin-right:2px;} .imgArea .thum .thumList img{width:64px;} .imgArea .bgimg{width:437px;height:437px;background:url(../../../images/UXDesign/theme/theme07/basic/img_sample.jpg) no-repeat left top;margin-top:10px;position:relative;} a.btn_gallery{display:inline-block;background:url(../../../images/UXDesign/theme/theme07/basic/bg_gallery.gif) no-repeat left top;padding-left:7px;} a.btn_gallery span{display:inline-block;height:64px;line-height:64px;background:url(../../../images/UXDesign/theme/theme07/basic/bg_gallery.gif) no-repeat right top;padding-right:8px;cursor:pointer;} a.btn_gallery span img{padding-top:29px;} a.btn_addimg{display:inline-block;background:url(../../../images/UXDesign/theme/theme07/basic/bg_gallery1.gif) no-repeat left top;padding-left:5px;} a.btn_addimg span{display:inline-block;background:url(../../../images/UXDesign/theme/theme07/basic/bg_gallery1.gif) no-repeat right top;padding:18px 5px 0 0;height:46px;line-height:14px;text-align:center;cursor:pointer;} .conRight{margin-left:457px;} .birthText{border-top:1px solid #cacaca;} .birthText ul{height:215px;overflow:auto;} .birthText ul li{border-bottom:1px dotted #cacaca;line-height:26px;} .birthText ul li .radio{display:inline-block;margin:0 6px 3px 2px;} .birthText ul li.last{border-bottom:none;} .birthText ul.h162{height:162px !important;overflow:auto;} .textarea_birth textarea{width:98%;margin-left:-1px;height:66px;} .textarea_birth textarea.txt_h{width:97.8%;height:54px;margin-top:3px;} .viewImg{width:100%;height:437px;background:url(../../../images/UXDesign/theme/theme07/basic/img_sample.jpg) no-repeat left top;position:relative;} .viewImg .messageBox{position:absolute;bottom:6px;left:10px;background:url(../../../images/UXDesign/theme/theme07/basic/bg_messageTag.png) no-repeat left top;width:388px;height:54px;padding:22px 20px 22px 20px;} /* message */ .messageArea{overflow:hidden;margin-bottom:15px;} .photoArea{width:128px;height:238px;background:#d7e5f6;border:1px solid #6188ba;float:left;margin-right:14px;overflow:hidden;padding:5px;} .photoArea .photo{text-align:center;} .photoArea .photo img{width:98px;height:118px;border:1px solid #b2b2b2;margin-top:9px;} .photoArea .text{padding:8px 0 0 20px;} .font_14{font-size:14px;font-weight:bold;color:#206799;} .levelMessage{margin-left:154px;} .levelMessage .open{margin-bottom:6px;} .open .desc{background:url(../../../images/UXDesign/theme/theme07/basic/ico_circle.gif) no-repeat left 4px;padding-left:12px;float:left;margin-right:14px;} .open .radioArea{overflow:hidden;} .open .radioArea li{float:left;margin-right:12px;} .open .radioArea .radio{display:inline-block;margin:0 6px 3px 2px;} /* depart_l */ .depart_l{width:394px;float:left;} .depart_2{margin-left:414px;} .namecardArea .conTable{width:100%;border-collapse:collapse;} .namecardArea td.img{vertical-align:top;} .namecardArea .photoBox{border:1px solid #6288b9;margin-right:10px;} .namecardArea .blockDetail{width:100%;} .pd0{padding:0 !important;} .name{padding:6px 10px;} /* webdisk */ .webdisk{padding:15px;border:1px solid #6188ba;margin-bottom:10px;} .webdisk .processText{float:left;width:250px;} .webdisk .processArea{margin-left:260px;} .webdiskCon .treeLeft{float:left;} .webdiskCon .treeLeft .treeBlock {width:176px;height:176px;border:1px solid #b8b8b8;padding:10px;overflow:auto;margin-bottom:10px;} .webdiskCon .treeRight{margin-left:220px;} .desc{background:url(../../../images/UXDesign/theme/theme07/basic/ic_title_03.gif) no-repeat left 5px;padding-left:10px;margin-right:20px;} .f_size_14{font-size:14px;color:#206799;font-weight:bold;margin-bottom:12px;} .f_color{color:#0092d7;} .f_darkblue{color:#21507c;} .bul{background:url(../../../images/UXDesign/theme/theme07/basic/ico_arrow01.gif) no-repeat left -1px;padding-left:14px;} .webdiskManage{overflow:hidden;} .webdiskManage .treeArea{width:276px;height:396px;padding:7px 15px 15px;border:1px solid #b8b8b8;float:left;} .webdiskManage .manageRight{margin-left:326px;} .manageRight .processBox{margin-bottom:13px;} .blockDetail .processArea{margin-right:0;} .myAlbum {overflow:hidden;} .myAlbum .myAlbum_1{width:437px;float:left;} .myAlbum .myAlbum_1 .myTitle{height:23px;border-bottom:1px solid #cdcdcd;font-weight:bold;} .myAlbum .myAlbum_1 .album{} .myAlbum .myAlbum_1 .album .message{padding:10px;background:#f0f6fa;margin:1px 0 10px 0;} .myAlbum .myAlbum_1 .album .article{overflow:hidden;padding:10px;background:#d1e1ea;} .myAlbum .myAlbum_1 .album .article textarea{display:inline-block;height:45px;float:left;margin-right:10px;} .myAlbum .myAlbum_1 .album .article .byte{float:left;width:48px;margin-top:-2px;} .myAlbum .myAlbum_1 .album .article .byte .byteTxt{display:inline-block;color:#21507c;margin-bottom:13px} .myAlbum .myAlbum_1 .album .reply{padding:10px;background:#f0f6fa;} .space{padding:0 10px;} .myAlbum .myAlbum_1 .blockButton{margin:5px 0;} .myAlbum_2{margin-left:456px;padding-top:22px;} .myAlbum_2 .thumNail{padding:20px 0 10px 20px;background:#f0f6fa;} .myAlbum_2 .thumNail ul{overflow:hidden;} .myAlbum_2 .thumNail li{float:left;margin:0 5px 10px 0;} .myAlbum_2 .thumNail .bg_thum{width:102px;height:103px;overflow:hidden;background:url(../../../images/UXDesign/theme/theme07/basic/thum_shadow.png) no-repeat right bottom;} .myAlbum_2 .thumNail .bg_thum img{width:100px;height:100px;} /* tagBox */ .tag_orange{color: #FFFFFF; display: inline-block;font-size:11px;height:14px;line-height:17px !important;letter-spacing:-1px;background:#F78749;border: 1px solid #E96926;text-align:center;} .tag_blue{color: #FFFFFF; display: inline-block;font-size:11px;height:14px;line-height:17px !important;letter-spacing:-1px;background:#659FE6;border:1px solid #3A85C4;text-align:center;} .tag_gray{color: #FFFFFF; display: inline-block;font-size:11px;height:14px;line-height:17px !important;letter-spacing:-1px;background:#7a7a7a;border:1px solid #616161;text-align:center;} .tag_navy{color: #FFFFFF; display: inline-block;font-size:11px;height:14px;line-height:17px !important;letter-spacing:-1px;background:#21507c;border:1px solid #123454;text-align:center;} .tag_purple{color: #FFFFFF; display: inline-block;font-size:11px;height:14px;line-height:17px !important;letter-spacing:-1px;background:#3e5ac5;border:1px solid #3e5ac5;text-align:center;} .tag_red{color: #FFFFFF; display: inline-block;font-size:11px;height:14px;line-height:17px !important;letter-spacing:-1px;background:#f76449;border:1px solid #e7432e;text-align:center;} .w_2{width:26px;} .w_3{width:36px;} .w_4{width:46px;} .w_5{width:56px;} .w_6{width:66px;} .w_7{width:76px;} .w_8{width:86px;} .w_9{width:96px;} .tag_basic{color: #FFFFFF; display: inline-block;font-size:11px;height:14px;line-height:17px !important;width: 36px;letter-spacing:-1px;background:#7a7a7a;border:1px solid #515153;text-align:center;} .tag_cancel{color: #FFFFFF; display: inline-block;font-size:11px;height:14px;line-height:17px !important;width: 36px;letter-spacing:-1px;background:#21507c;border:1px solid #0d3051;text-align:center;} .tag_decide{color: #FFFFFF; display: inline-block;font-size:11px;height:14px;line-height:17px !important;width: 36px;letter-spacing:-1px;background:#6572e6;border:1px solid #3552bf;text-align:center;} .sign{background:#0092d7 !important;color:#fff !important;text-align:center !important;} /* conference */ .conference{overflow:hidden;height:100%;} .conference_left{width:204px;height:100%;float:left;background:url(../../../images/UXDesign/theme/theme07/basic/bg_conference_left.gif) repeat-y left top;} .conference_content{padding:15px 20px 20px 0;margin-left:224px;} .conference_left h2{padding:12px 10px 14px 16px;background:url(../../../images/UXDesign/theme/theme07/basic/bg_h2.gif) no-repeat left bottom;font-size:18px;color:#06468a;font-weight:bold;font-family:'맑은 고딕','돋움','Dotum'} .conference_left .content{padding:17px 8px 8px;} .conference_left .content .control{padding:8px 10px 4px;color:#0092d7;text-align:left;font-weight:bold;background-color:#fff;border:1px solid #cacaca;position:relative;margin-bottom:10px;} .content .control .btn_control{position:absolute;top:6px;right:6px;} .content .control .btn_control a{margin-right:3px;} .content .control .btn_control .btn_play{display:inline-block;width:18px;height:18px;background:url(../../../images/UXDesign/theme/theme07/basic/btn_play.gif) no-repeat left top;} .content .control .btn_control .btn_stop{display:inline-block;width:18px;height:18px;background:url(../../../images/UXDesign/theme/theme07/basic/btn_stop.gif) no-repeat left top;} .content .control .btn_control .btn_play span, .conference_left .control .btn_control .btn_stop span{font-size:0;width:0;height:0;text-indent:-9999px;} .content .screenSetting{padding:8px 10px 5px;background-color:#fff;border:1px solid #cacaca;} .content .screenSetting p{font-weight:bold;height:20px;border-bottom:1px solid #cacaca;} .content .screenSetting .setting{color:#555555;padding-top:5px;} .content .screenSetting .setting li{line-height:20px;} .content .treeBlock {padding:8px 10px;height:308px;overflow:auto;margin-bottom:40px;} a.btn_conference{display:block;height:26px;line-height:27px;background:url(../../../images/UXDesign/theme/theme07/basic/bg_conference_l.gif) no-repeat left top;padding-left:10px;} a.btn_conference span{display:block;cursor:pointer;height:26px;background:url(../../../images/UXDesign/theme/theme07/basic/bg_conference.gif) no-repeat right top;padding-right:10px;text-align:center;} .download{height:100%;background:url(../../../images/UXDesign/theme/theme07/basic/bg_conference1.gif) repeat-y left top;} .download .data{padding:17px 7px 28px;} .download .treeblock{height:510px;padding:0 7px 0 16px;overflow:auto;} .itemBox {border:1px solid #6188ba; padding:10px; overflow:auto;} .itemBox > ul > li {margin-bottom:5px;} .bulletDepth1 {background:url(../../../images/UXDesign/theme/theme07/basic/ico_circle.gif) no-repeat left 4px; padding-left:12px;line-height:18px;} .bulletDepth2 li {background:url(../../../images/UXDesign/theme/theme07/basic/ico_dash.gif) no-repeat left 4px; padding-left:12px;line-height:18px;} /* approval */ .documentForm{overflow:hidden;} .treeApproval_left{width:282px;float:left;} .treeApproval{float:left;width:262px;border:1px solid #b8b8b8;padding:10px;overflow:auto;margin-bottom:10px;height:324px;} .treeApproval1{float:left;width:262px;height:315px;border:1px solid #b8b8b8;padding:10px;overflow:auto;margin-bottom:10px;} .documentCon{margin-left:304px;} .blockDetail table td label,.blockSearch .corner_RoundBox03 label, .blockListTable table td label {margin-right:8px;} .con_open{display:block;} .con_close{display:none;} .approval_content{position:relative;margin-bottom:10px;} .approval_left{margin-right:233px;} .approval_right{position:absolute;top:0;right:0;width:213px;min-height:510px;} .ellipsis_full { width:680px;display:inline-block;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; } /* 2013-10-29추가 */ .approval_menu{position:relative;border:1px solid #c4c4c4;height:707px;overflow-y:auto;min-height:620px;height:auto;} .m_menu{position:relative;background:url(../../../images/UXDesign/theme/theme07/basic/bg_approval.gif) repeat-x left bottom;height:15px;padding:6px 6px 7px 10px;border-top:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4;cursor:pointer;} .m_menu .link{} .m_menu .link a.opinion{position:absolute;top:6px;right:24px;text-decoration:underline;} .m_menu .link a.btn_arrow{position:absolute;top:0;right:10px;} .btnone{border-top:none !important;} .s_menu .title {position:relative;background:#949494;height:18px;padding:7px 8px 5px 9px;color:#fff;border-bottom:1px solid #fff;font-weight:bold;cursor:pointer;} .s_menu .title p{width:185px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .s_menu .title.on {background:#ea5705;} .s_menu .title .btn_sub {position:absolute;top:6px;right:10px;} .s_menu .content li{padding:7px 6px 5px;border-bottom:1px dotted #bfbfbf;} .s_menu .content li.last{border-bottom:none;} .s_menu .content li.focus{/*background:#edf8ff;*/background:url(../../../images/UXDesign/theme/theme07/basic/on_off2.gif) repeat-x;/*border:3px solid #336699;*/} .s_menu .content .info{display:block;width:185px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} /* 2013-10-29추가 */ tr.btnone td{border-top:none !important;} a.tblLink{color:#000;text-decoration:underline;} a.subject{color:#000;} a:hover.subject{color:#000;text-decoration:underline;} .lstInput{margin-top:6px;} .lstInput label{display:inline-block;margin-bottom:5px;} .blockDetail td a.lineHeight{line-height:20px;} .btn_view{float:right;margin-top:0;} #opinion #layer_popup.opinion_pos{position:absolute;top:0;left:0;z-index:20;} a.ellipsis_app{display:inline-block;width:120px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis;}/*20113-10-16수정*/ .blockListTable.overflow, .blockDetail.overflow {height:174px;overflow:auto;} .blockListTable .overflow,.blockDetail .overflow{height:174px;overflow:auto;} .check{margin-right:0 !important;} a.listImg{display:inline-block !important;} a.listImg img{padding:0 6px;} .diagram{margin:10px 0;height:205px;overflow:auto;} .diagram .row{height:82px;overflow:hidden;padding-bottom:39px;background:url(../../../images/UXDesign/theme/theme07/basic/bg_arrow.gif) no-repeat left bottom;} .diagram .rowLast{padding-bottom:10px;background:none;} .diagram .row .first{float:left;width:240px;height:83px;background:url(../../../images/UXDesign/theme/theme07/basic/bg_arrow_f.png) no-repeat left top;} .diagram .row .basic{float:left;width:240px;height:83px;background:url(../../../images/UXDesign/theme/theme07/basic/bg_arrow_n.png) no-repeat left top;margin-left:-11px;} .diagram .row .progress{float:left;width:240px;height:83px;background:url(../../../images/UXDesign/theme/theme07/basic/bg_arrow_p.png) no-repeat left top;margin-left:-11px;} .diagram .row .registrator{float:left;width:240px;height:83px;background:url(../../../images/UXDesign/theme/theme07/basic/bg_arrow_a.png) no-repeat left top;margin-left:-11px;} .diagram .row .end{float:left;width:240px;height:83px;background:url(../../../images/UXDesign/theme/theme07/basic/bg_arrow_e.png) no-repeat left top;margin-left:-11px;} .diagram .first ul{padding:7px 10px 10px 10px;color:#21507c;} .diagram .basic ul, .diagram .progress ul, .diagram .end ul, .diagram .registrator ul{padding:7px 8px 10px 22px;color:#21507c;} /* layer popup */ #layer_popup{position:absolute;top:200px;left:100px;z-index:1000;} .layer_top{background:url(../../../images/UXDesign/theme/theme07/basic/bg_top_app.gif) no-repeat right top;padding-top:6px;} .layer_con{background:url(../../../images/UXDesign/theme/theme07/basic/bg_con_app.png) no-repeat right top;border-left:1px solid #828282;padding:0 25px 10px 20px;} .layer_btm{background:url(../../../images/UXDesign/theme/theme07/basic/bg_con_app.png) no-repeat right bottom;height:5px;} .popApp_con{overflow:hidden;} .popApp_con .app_text textarea{height:350px;margin-bottom:10px;} .popApp_con .popApp_tree{float:left;margin-right:20px;width:304px;} .popApp_tree .treeBlock{width:282px;height:299px;border:1px solid #d0d0d0;padding:10px;overflow:auto;} .popApp_con .popApp_data{float:left;width:430px;} .popApp_data .tbl_overflow, .popApp_tree .tbl_overflow{height:320px;overflow:auto;border-top:1px solid #6188ba;} .popApp_data .blockDetail .btn_data{padding-top:130px;vertical-align:top;} .popApp_data .blockDetail td.vertical{vertical-align:top;} .popApp_data .blockDetail .btn_data li a.button_s{margin:0 0 3px 0 !important;} .tbl_overflow_pop{overflow:auto;border-top:1px solid #6188ba;border-bottom:1px solid #e3e9ef;background:#e3e9ef;} .blockDetail.tbl_overflow th input, .blockDetail.tbl_overflow td input, .blockDetail.tbl_overflow_pop th input, .blockDetail.tbl_overflow_pop td input{margin-right:0;} .blockListTable table tr.reply th, .blockListTable table tr.reply td {background-color:#f5f5f5;border-top:none;} .blockListTable td.confirm {padding-left:20px;line-height:160%;} /*20113-10-16수정*/ .content{} .opinionPos{position:relative;} .app_layer{position:absolute;top:14px;right:-18px;z-index:200;} .app_layer .app_layer_top{width:143px;height:16px;background:url(../../../images/UXDesign/theme/theme07/basic/bg_app_top.png) no-repeat left top;} .app_layer .app_layer_con{width:127px;padding:2px 9px 2px 7px;min-height:50px;background:url(../../../images/UXDesign/theme/theme07/basic/bg_app_con.png) repeat-y left top;} .app_layer .app_layer_btm{width:143px;height:9px;background:url(../../../images/UXDesign/theme/theme07/basic/bg_app_btm.png) no-repeat left top;} /*20113-10-16수정*/ .appTab{border:1px solid #6188ba;padding:12px 15px 10px;overflow:hidden;margin-bottom:10px;} .appTab ul li{background:url(../../../images/UXDesign/theme/theme07/basic/bg_approval_line.gif) no-repeat right 2px;padding-right:10px;margin-right:10px;float:left;} .appTab ul li.last{background:none;} .appTab ul li img{margin-bottom:3px;} /* inner_table */ .blockDetail .inner_table { position:relative;width:100%; } .blockDetail .inner_table table { width:100%; border-collapse:collapse;border-top:none;} .blockDetail .inner_table table caption { display:none; } .blockDetail .inner_table table tr.on td { background-color:#edf8ff;} .blockDetail .inner_table table th { font-weight:normal;color:#21507c;padding:7px 6px 6px 6px; line-height:15px; border:1px solid #8ca2b1;border-left:0; border-top:0; background:#d9e5f5;text-align:center; } .blockDetail .inner_table table th a:link, .blockDetail table th a:visited, .blockDetail table th a:active, .blockDetail table th a:hover {color:#21507C; text-decoration:none; } .blockDetail .inner_table table td {padding:7px 6px 6px 6px;line-height:15px; color:#000;word-break:break-all;border:1px solid #bfbfbf;border-top:0;border-right:0; ;text-align:center;background:#fff; } .blockDetail .inner_table table tr.tfoot td{background:#d9e5f5;} .blockDetail .inner_table .bgSelected { background-color: #edf2f5; } .blockDetail .inner_table table td .radio, .blockDetail table td .checkbox { vertical-align:middle;} .blockDetail .inner_table table td .button_s { vertical-align:middle; margin:-1px 3px -2px 0; } .blockDetail .inner_table.thLeft table th, .blockDetail.thLeft table td {text-align:left;}/* 2013.08.12 수정 */ .blockDetail .inner_table.thLeft table th {padding-left:16px;}/* 2013.08.12 수정 */ /* inner_table */ .blockDetail .inner_table_v1 { position:relative;width:100%;overflow:auto;} .blockDetail .inner_table_v1 table { width:100%; border-collapse:collapse;border:none;} .blockDetail .inner_table_v1 table caption { display:none; } .blockDetail .inner_table_v1 table tr.on td { background-color:#edf8ff;} .blockDetail .inner_table_v1 table th { font-weight:normal;color:#21507c;padding:7px 6px 6px 6px; line-height:15px; border-right:1px solid #8ca2b1; border-bottom:1px solid #8ca2b1;border-left:none;background:#d9e5f5;text-align:center; } .blockDetail .inner_table_v1 table th a:link, .blockDetail table th a:visited, .blockDetail table th a:active, .blockDetail table th a:hover {color:#21507C; text-decoration:none; } .blockDetail .inner_table_v1 table td {padding:7px 6px 6px 6px;line-height:15px; color:#000;word-break:break-all;border-right:1px solid #bfbfbf;border-top:1px solid #bfbfbf;border-left:none;text-align:center;background:#fff; } .blockDetail .inner_table_v1 table tr.tfoot td{background:#d9e5f5;} .blockDetail .inner_table_v1 .bgSelected { background-color: #edf2f5; } .blockDetail .inner_table_v1 table td .radio, .blockDetail table td .checkbox { vertical-align:middle;} .blockDetail .inner_table_v1 table td .button_s { vertical-align:middle; margin:-1px 3px -2px 0; } .blockDetail .inner_table_v1.thLeft table th, .blockDetail.thLeft table td {text-align:left;}/* 2013.08.12 수정 */ .blockDetail .inner_table_v1.thLeft table th {padding-left:16px;}/* 2013.08.12 수정 */ .blockDetail .inner_table_v1 table th.last, .blockDetail .inner_table_v1 table td.last{border-right:0;} .blockDetail .inner_table_v1 th input, .blockDetail .inner_table_v1 td input, .blockDetail .overflow th input, .blockDetail .overflow td input {margin-right:0 !important;} .blockDetail .overflow td label input {margin-right:3px;} /* popup left */ body.bg_left{background:url(../../../images/UXDesign/theme/theme07/basic/bg_left.gif) repeat-y left top;} #popupArea_wrap{height:100%;padding:0 20px 0 0;} #popupArea_wrap #pop_container{overflow:hidden;} #pop_container #pop_leftMenu{float:left;height:100%;width:166px;background:url(../../../images/UXDesign/theme/theme07/basic/bg_left.gif) repeat-y left top;} #pop_container #pop_leftMenu h2 {font-size:18px;font-weight:bold;color:#06468a;font-family:"돋움", 'Dotum',Sans-Serief;padding:15px 12px 10px; background:url(../../../images/UXDesign/theme/theme07/basic/bg_leftmenu_h2Line.gif) no-repeat right bottom;} #pop_container #pop_leftMenu .left_fixed {font-family:"돋움", 'Dotum',Sans-Serief; padding:15px 21px 0 10px;height:100%; } #pop_container #pop_leftMenu .left_fixed > ul > li{margin-bottom:3px;height:23px;} #pop_container #pop_leftMenu .left_fixed > ul > li > a { display:block; line-height:0; font-weight:bold; width:126px; padding:13px 0 11px 21px; color:#222; background:url(../../../images/UXDesign/theme/theme07/basic/pop_leftmenu_1depth.png) no-repeat left top;} #pop_container #pop_leftMenu .left_fixed > ul > li > a:hover {background-position:0 -30px;color:#222; text-decoration:none; } #pop_container #pop_leftMenu .left_fixed > ul > li > a.on {background-position:0 -30px;color:#222; text-decoration:none; } #pop_container #content{margin-left:186px;} .organization{overflow:hidden;} .organ_left{width:400px;float:left;} .organ_right{margin-left:420px;} .signArea{overflow:hidden;} .signArea .txt_sign{float:right;padding:20px 10px 0 0;} /* main */ .contentWrap{height:100%;background:url(../../../images/UXDesign/theme/theme07/basic/bg_m.gif) repeat-y left top;padding:20px 15px 20px;} .topMainWrap{margin:0 5px 16px;background:url(../../../images/UXDesign/theme/theme07/basic/bg_main.gif) repeat-x right top;height:105px;position:relative;} .topMainWrap .top_left{width:20px;height:105px;background:url(../../../images/UXDesign/theme/theme07/basic/bg_top_l.gif) no-repeat left top;position:absolute;top:0;left:0;} .topMainWrap .top_center .txt_main{padding-top:14px;} .topMainWrap .top_right{width:17px;height:105px;background:url(../../../images/UXDesign/theme/theme07/basic/bg_top_r.gif) no-repeat left top;position:absolute;top:0;right:0;} .contentInner{overflow:hidden;} .new.topMainWrap {width:100%; height:114px; background:url(../../../images/UXDesign/theme/theme07/basic/bg_mainVisual_l.gif) no-repeat left top; margin:0 0 16px; padding:0 0 0 0; overflow:hidden;} .new.topMainWrap .top_center {float:right; width:845px; height:100%; background:url(../../../images/UXDesign/theme/theme07/basic/bg_mainVisual_r.gif) no-repeat right top;} .new.topMainWrap .top_center .txt_main {display:none;} .new.topMainWrap .top_left, .topMainWrap .top_right {display:none;} .contentInner .contentLeft{float:left;margin-right:1%;position:relative;background:url(../../../images/UXDesign/theme/theme07/basic/bg_table_c.png) no-repeat right top;height:557px;width:49.5%;} .contentInner .contentRight{float:left;position:relative;background:url(../../../images/UXDesign/theme/theme07/basic/bg_table_c.png) no-repeat right top;height:557px;width:49.5%;} .tbl_left{position:absolute;left:0;top:0;background:url(../../../images/UXDesign/theme/theme07/basic/bg_table_l.png) no-repeat left top;width:18px;height:557px;} .tbl_right{position:absolute;right:0;top:0;background:url(../../../images/UXDesign/theme/theme07/basic/bg_table_r.png) no-repeat right top;width:26px;height:557px;} .tbl_center{padding:24px 28px 3px 28px;} .copyright{margin:10px 5px 0;} .copyright address{color: #595959;font-family: Arial,"돋움",'Dotum',Sans-Serief;font-style: normal;font-weight: bold;} .contentMain{position:relative;} .approval_tbl_con{position:relative;} .approval_tbl_con .tbl_shadow_l{position:absolute;left:0;top:0;background:url(../../../images/UXDesign/theme/theme07/basic/bg_tableD1_l.png) no-repeat left top;width:5px;height:100%;} .approval_tbl_con .tbl_shadow_r{position:absolute;right:0;top:0;background:url(../../../images/UXDesign/theme/theme07/basic/bg_tableD1_r.png) no-repeat left top;width:6px;height:100%;} .approval_tbl_con .tbl_shadowS_l{position:absolute;left:0;top:0;background:url(../../../images/UXDesign/theme/theme07/basic/bg_tableD2_l.png) no-repeat left top;width:5px;height:100%;} .approval_tbl_con .tbl_shadowS_r{position:absolute;right:0;top:0;background:url(../../../images/UXDesign/theme/theme07/basic/bg_tableD2_r.png) no-repeat left top;width:6px;height:100%;} .contentMain h3{margin:0 0 7px 5px;} .approval_tbl{border-top:1px solid #ccc/* #0d86d3 */;padding:0 6px 0 5px;} .approval_tbl table{width:100%; border-collapse:collapse;table-layout:fixed;} .approval_tbl table thead th{background:#0088D2 /* none */ url(../../../images/UXDesign/theme/theme07/basic/bg_table_thead.gif) repeat-x left top;height:27px;border-right:1px solid #fff /* #0d86d3 */;border-bottom:1px solid #bcbcbc/* #2b6b9b */;text-align:center; background: linear-gradient(to bottom, #ffffff 0%, #ebebeb 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#ebebeb'); color:#004F9C; letter-spacing:-0.5px;font-weight: bold; } .approval_tbl table thead th.last, .approval_tbl table td.last{border-right:none;} .approval_tbl table td{padding:5px 9px 3px;border-right:0/*1px solid #bfbfbf*/;border-bottom:1px solid #bfbfbf;text-align:center;white-space:nowrap;} .approval_tbl table td a:hover{/*text-decoration:underline;*/} .approval_tbl table td a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .contentMain .more{position:absolute;top:2px;right:6px;} .blockDetail .inner_table_v1.thLeft table th, .blockDetail.thLeft table td.btn_detail{border-left:0;text-align:right;}/* 2013-10-29추가 */ .nonEllipsis{white-space:normal !important;line-height:18px !important;}/* 2013-10-29추가 */ .brnone{border-right:0 !important;}/* 2013-10-29추가 */ .contentInner .contentsLeft {width:50%; float:left;} .contentInner .contentsRight {width:50%; float:right;} .contentInner .contentItem {position:relative; margin-right:5px; padding:0; background:#fff url(../../../images/UXDesign/theme/theme07/basic/bg_table_rl.gif) repeat-y left top; margin-top:10px;} .contentInner > div > .contentItem:first-child {margin-top:0;} .contentInner .contentsRight .contentItem {margin-left:5px;} .contentInner .contentItem .contentMain {padding:25px 28px;} .contentInner .contentItem .contentMain .more {top:25px; right:35px;} .contentInner .contentItem .cntItm0 {position:absolute; top:0; right:0; width:20px; height:100%; background:url(../../../images/UXDesign/theme/theme07/basic/bg_table_rr.gif) repeat-y right top;} .contentInner .contentItem .cntItm1 {position:absolute; top:0; left:0; width:50%; height:24px; background:url(../../../images/UXDesign/theme/theme07/basic/bg_table_tl.gif) no-repeat left top;} .contentInner .contentItem .cntItm2 {position:absolute; top:0; right:0; width:50%; height:24px; background:url(../../../images/UXDesign/theme/theme07/basic/bg_table_tr.gif) no-repeat right top;} .contentInner .contentItem .cntItm3 {position:absolute; bottom:0; left:0; width:50%; height:24px; background:url(../../../images/UXDesign/theme/theme07/basic/bg_table_bl.gif) no-repeat left bottom;} .contentInner .contentItem .cntItm4 {position:absolute; bottom:0; right:0; width:50%; height:24px; background:url(../../../images/UXDesign/theme/theme07/basic/bg_table_br.gif) no-repeat right bottom;} /* 131210 doh - topmenu backup */ @media screen and (max-width : 1px) { #topMenu { height:41px; padding-top:11px; margin-left:47px; } #topMenu > ul {} #topMenu > ul > li { position:relative; z-index:99; float:left; padding:0; } #topMenu > ul > li > a { color:#fff; display:block; width:124px; height:41px; background:url(../../../images/UXDesign/theme/theme07/basic/bg_topmenu.png) top left; text-align:center; text-decoration:none; } #topMenu > ul > li > a.hover { background-position:0 -41px; color:#024e86; } /* #topMenu > ul > li > a:hover 서브메뉴 show시 활성화 되도록 처리하기 위해 변경 */ #topMenu > ul > li > a > span { display:block; font-size:1.2em; font-weight:bold; padding-top:9px;} #topMenu > ul > li.liCurrent > a { background-position:0 -41px; } #topMenu > ul > li.liCurrent > a > span { color:#024e86; } /* #topMenu > ul > li.last-child {margin-left:36px;} */ /*.iconMenu_01 { background:url(../../../images/UXDesign/theme/theme07/basic/topmenuA_01.png); } .iconMenu_02 { background:url(../../../images/UXDesign/theme/theme07/basic/topmenuA_02.png); } .iconMenu_03 { background:url(../../../images/UXDesign/theme/theme07/basic/topmenuA_03.png); } .iconMenu_04 { background:url(../../../images/UXDesign/theme/theme07/basic/topmenuA_04.png); } .iconMenu_05 { background:url(../../../images/UXDesign/theme/theme07/basic/topmenuA_05.png); } #topMenu > ul > li > a.iconMenu_05 { background:url(../../../images/UXDesign/theme/theme01/basic/topmenuA_05.png) no-repeat left top; margin-left:34px; width:53px;} #topMenu > ul > li > a.iconMenu_05.hover { background-position:0 -41px; } #topMenu > ul > li > a.iconMenu_06 { background:url(../../../images/UXDesign/theme/theme01/basic/topmenu_06.png) no-repeat left top; width:79px;} #topMenu > ul > li > a.iconMenu_06.hover { background-position:0 -41px; }*/ .iconMenu_07 { background:url(../../../images/UXDesign/theme/theme01/basic/topmenu_07.png); } #topMenu > ul > li > ul { display:none; z-index:100; position:absolute; top:41px; left:-1px; text-align:left; padding:5px 6px 5px; background:url(../../../images/UXDesign/theme/theme07/basic/bg_topmenu_2depth.png) no-repeat left bottom; width:146px;} #topMenu > ul > li > ul > li > a { display:block; width:128px; white-space:nowrap; font-family:돋움; padding:5px 6px 3px; color:#333; margin-bottom:4px;} #topMenu > ul > li > ul > li > a.number { display:none; } #topMenu > ul > li > ul > li > a:hover { color:#333; background:#ffc693; text-decoration:none; } #topMenu2 { width:480px; height:90px; margin:0 auto; text-align:left; } #topMenu2 > ul { } #topMenu2 > ul > li { position:relative; z-index:99; float:left; padding:0 5px; } #topMenu2 > ul > li > a { display:block; width:110px; height:90px; background-position:0 0; background-repeat:no-repeat; text-align:left; } #topMenu2 > ul > li > a:hover { background-position:0 0px; text-decoration:none; } #topMenu3 { width:480px; height:18px; margin:0 auto; text-align:left; } #topMenu3 > ul { } #topMenu3 > ul > li { position:relative; float:left; padding:0 15px; } #topMenu3 > ul > li > p { margin-bottom:10px; } #topMenu3 > ul > li > a { display:block; width:50px; height:19px; text-align:left; } #topMenu3 > ul > li > a.photo_noimage { display:block; width:50px !important; height:50px !important; text-align:left; } .photo_noimage { display:inline-block; width:50px; height:50px; background:url(../../../images/UXDesign/common/photo_noImage.gif) no-repeat 0 0; } .photo_noimage span { display:none } #topMenu .allMenu {position:absolute; right:22px;} #topMenu .allMenu a {display:block; height:41px; width:106px; background:url(../../../images/UXDesign/theme/theme01/basic/topmenu_all.png) no-repeat 0 0;} #topMenu .allMenu a span {display:none;} } .blockDetail .innerWrap {padding:5px;} .blockDetail.thLeft tr>td:first-child[colspan] {border-left-color:#8CA2B1;} .blockDetail .blockDetail {border-top:1px solid #bfbfbf;} .blockDetail .blockDetail table th {border-color:#bfbfbf;} /* layout fix - 140321 */ html {height:100%;} body {height:100%;} body #wrapper {width:100%; height:100%; box-sizing:border-box;-moz-box-sizing:border-box; padding-left:62px; padding-top:74px; margin:0 0 0 0;} body #megaMenu {position:fixed; left:0; top:0; height:100%; z-index:100;} body #blockHeader {position:fixed; left:0; top:0; z-index:99; width:100%; box-sizing:border-box;-moz-box-sizing:border-box; margin-left:0; padding-left:76px;} body #blockContainer {position:relative; left:0; top:0; width:100%; height:100%; overflow:auto; box-sizing:border-box;-moz-box-sizing:border-box; margin-top:0; margin-left:0;} body #mainContents {position:relative; top:0; left:0; height:100%; overflow:auto;} /* new main layout - 140321 */ .renewCont .contentWrap {padding:15px;} .renewCont .contentWrap .topMainWrap {margin-bottom:10px;} .renewCont .contentInner {padding:0 1px;} .renewCont .contentInner .contentLeft, .renewCont .contentInner .contentRight {background:none; height:auto;} .renewCont .tbl_left, .renewCont .tbl_right {display:none;} .renewCont .tbl_center{padding:0 5px;} .renewCont .contentLeft .contentMain {height:266px;} .renewCont .contentRight .contentMain {height:170px;} .renewCont .contentMain{position:relative; border:1px solid #cdcdcd; padding:10px 10px 10px 10px;} .renewCont .approval_tbl_con{position:relative;} .renewCont .approval_tbl_con .tbl_shadow_l, .renewCont .approval_tbl_con .tbl_shadow_r, .renewCont .approval_tbl_con .tbl_shadowS_l, .renewCont .approval_tbl_con .tbl_shadowS_r {display:none;} .renewCont .contentMain h3{ background:#fff none; border:0; border-radius:0; height:20px; margin-bottom:10px; padding:5px 0 0 0; line-height:20px; color:#00529c; font-size:1.1em; margin:0 0 7px 5px; } .renewCont .contentMain h3 img {display:block;} .renewCont .approval_tbl{border-top:1px solid #ccc; padding:0 0 0 0;} .renewCont .approval_tbl table{width:100%; border-collapse:collapse;table-layout:fixed;} .renewCont .approval_tbl table thead th{background:#D7E5F6; filter:none; height:27px; border-right:1px solid #fff; border-bottom:1px solid #bcbcbc; text-align:center; color:#21507C; letter-spacing:-0.5px;} .renewCont .approval_tbl table thead th.last, .approval_tbl table td.last{border-right:none;} .renewCont .approval_tbl table td{padding:5px 9px 3px; border-right:0; border-bottom:1px solid #bfbfbf;text-align:center;} .renewCont .approval_tbl table td a:hover{text-decoration:none;} .renewCont .approval_tbl table tr:hover {background-color:#EDF8FF;} .renewCont .approval_tbl table tr:nth-child(2n) th, .renewCont .approval_tbl table tr:nth-child(2n) td {/* background-color:#fafafa; */} .renewCont .approval_tbl table td a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .renewCont .contentMain .more{position:absolute;top:15px;right:10px;}