body{background:#2b3038} #sb-shadow{display:none;position:absolute;z-index:200;top:0;width:100%;height:100%;background:#000;opacity:0.7} #login-wrap{width:100%;height:100%;min-width:1200px;background:#cdcdcd url('../images/bg_login_v2.jpg') top center no-repeat} #login-wrap .login-form{position:relative;width:1200px;margin:0 auto} #login-wrap .login-form .userid{position:absolute;top:270px;left:830px;width:308px;height:48px;background:url('../images/bg_user_id.png') no-repeat} #login-wrap .login-form .passwd{position:absolute;top:330px;left:830px;width:308px;height:48px;background:url('../images/bg_passwd.png') no-repeat} #login-wrap .login-form .ipt{margin:5px 0 0 45px;width:250px;height:35px;border:none;background-color:transparent;font-size:14px;font-family:'verdana';line-height:14px;color:#fff} #login-wrap .login-form .ipt:-webkit-autofill{ -webkit-box-shadow: 0 0 0px 1000px white inset;} #login-wrap .login-form input[type=image]{position:absolute;top:395px;left:830px} #login-wrap .login-form .chk{position:absolute;top:450px;left:830px} #login-wrap .login-form .chk input[type=checkbox]{vertical-align:middle} #login-wrap .login-form .chk label{vertical-align:middle;color:#fff} #login-wrap-mobile{width:100%;height:450px;min-width:400px;background:#cdcdcd url('../images/bg_login_v3.jpg') center no-repeat} #login-wrap-mobile .login-form{position:relative;width:400px;margin:0 auto} #login-wrap-mobile .login-form .userid{position:absolute;top:130px;left:50px;width:308px;height:48px;background:url('../images/bg_user_id.png') no-repeat} #login-wrap-mobile .login-form .passwd{position:absolute;top:200px;left:50px;width:308px;height:48px;background:url('../images/bg_passwd.png') no-repeat} #login-wrap-mobile .login-form .ipt{margin:10px 0 0 45px;width:250px;height:28px;border:none;background-color:white;font-size:14px;font-family:'verdana';line-height:14px;color:#000000} #login-wrap-mobile .login-form .ipt:-webkit-autofill{ -webkit-box-shadow: 0 0 0px 1000px white inset;} #login-wrap-mobile .login-form input[type=image]{position:absolute;top:285px;left:50px} #login-wrap-mobile .login-form .chk{position:absolute;top:100px;left:50px} #login-wrap-mobile .login-form .chk input[type=checkbox]{vertical-align:middle} #login-wrap-mobile .login-form .chk label{vertical-align:middle;color:#fff} #sb-wrap{width:1900px;height:900px;margin:0 auto;border:1px solid #4d525c;background:#fff url('../images/bg_wrap.jpg') no-repeat} #sb-wrap.sub{background:url('../images/page/bg_sub_wrap.jpg') no-repeat} #sb-wrap-mobile{width:1468px;height:900px;margin:0 auto;border:1px solid #4d525c;background:#fff url('../images/bg_wrap.jpg') no-repeat} #sb-header{position:relative;height:86px;border-bottom:1px solid #41464e} #sb-header .logo{float:left;width:370px;height:86px;border-right:1px solid #000} #sb-header .logo h1{margin:15px 0 0 65px} #sb-header .gnb{float:left;width:1096px;height:100%;border-right:1px solid #000} #sb-header .gnb ul{margin:25px 0 0 20px} #sb-header .gnb ul li{position:relative;float:left;margin:0 20px;text-align:center} #sb-header .gnb ul li:last-child{border-right:none} #sb-header .gnb ul li .new{position:absolute;left:50%;bottom:-13px;margin-left:-12.5px} #sb-header .gnb_mobile{float:left;width:100%height:100%;border-right:0px solid #000} #sb-header .gnb_mobile ul{margin:25px 0 0 20px} #sb-header .gnb_mobile ul li{position:relative;float:left;margin:0 15px;text-align:center} #sb-header .gnb_mobile ul li:last-child{border-right:none} #sb-header .gnb_mobile ul li .new{position:absolute;left:50%;bottom:-13px;margin-left:-12.5px} #sb-header .gnb li em{display:inline-block;position:absolute;top:-5px;left:30px;padding:3px 5px;border-radius:10px;background:#f75556;color:#fff;font-style:normal;font-weight:700;font-size:11px;line-height:15px;text-align:center} #sb-header .gnb_mobile li em{display:inline-block;position:absolute;top:-5px;left:30px;padding:3px 5px;border-radius:10px;background:#f75556;color:#fff;font-style:normal;font-weight:700;font-size:11px;line-height:15px;text-align:center} #sb-header .mini-profile-photo{position:absolute;top:5px;left:1480px;} #sb-header .mini-profile-photo img{width:42px;height:42px;border:2px solid #383c43;border-radius:50%;} #sb-header .mini-profile{position:absolute;top:7px;left:1540px} #sb-header .mini-profile .eng{color:#fff;font-size:16px} #sb-header .mini-profile .pos{color:#fff;font-size:12px} #sb-header .mini-logout{position:absolute;display:block;top:5px;right:15px;width:85px;padding:3px 0;text-align:center;border-bottom:1px solid #a4a5a9;} #sb-header .mini-mypage{position:absolute;display:block;top:35px;right:22px} #sb-header .search{float:left;width:432px;height:24px;margin-top:58px;border-top:1px solid #000;background:url('../images/txt_search.png') 5px 5px no-repeat} #sb-header .search input{width:200px;margin:4px 0 0 100px;border-radius:10px;border:none;background:#fff} #sb-container{width:100%;height:762px;} #sb-container .lnb-wrap{float:left;width:370px;height:100%;border-right:1px solid #4d525c} #sb-container .lnb-wrap .lnb{width:275px;margin-left:84px} #sb-container .lnb-wrap .lnb .profile{position:relative;height:176px;margin-top:15px;background:url('../images/bg_profile_v2.png') no-repeat} #sb-container .lnb-wrap .lnb .profile .photo{position:absolute;top:45px;left:28px} #sb-container .lnb-wrap .lnb .profile .photo img{width:60px;height:60px;border-radius:50%;} #sb-container .lnb-wrap .lnb .profile .name{position:absolute;top:38px;left:116px;width:158px;text-align:center} #sb-container .lnb-wrap .lnb .profile .name .eng{display:inline-block;border-bottom:1px solid #8a8d94;padding-bottom:3px;margin-bottom:2px;font-family:'Nanum Barun Gothic','Malgun Gothic';color:#4d525c;font-size:14px;font-weight:bold} #sb-container .lnb-wrap .lnb .profile .name .pos{font-family:'Nanum Barun Gothic','Malgun Gothic';color:#4d525c;font-size:12px;font-weight:bold} #sb-container .lnb-wrap .lnb .profile .name .pos span{font-family:'Nanum Barun Gothic','Malgun Gothic';color:#233e82;font-size:12px;font-weight:bold} #sb-container .lnb-wrap .lnb .profile .name .pos .kor{color:#233e82} #sb-container .lnb-wrap .lnb .profile .btn{position:absolute;top:115px;right:1px} #sb-container .lnb-wrap .lnb .profile .btn a{display:inline-block;line-height:0} #sb-container .lnb-wrap .lnb .profile .logout{position:absolute;top:90px;left:133px} #sb-container .lnb-wrap .lnb .profile .mypage{position:absolute;top:90px;left:190px} #sb-container .lnb-wrap .lnb .sign{position:relative;height:157px;margin-top:15px;background:url('../images/bg_sign.png') no-repeat} #sb-container .lnb-wrap .lnb .sign span{position:absolute;display:inline-block;width:30px;color:red;font-size:11px;font-weight:bold;text-align:right;font-family:'Nanum Barun Gothic','Malgun Gothic'} #sb-container .lnb-wrap .lnb .sign .sign-standby{top:101px;left:90px} #sb-container .lnb-wrap .lnb .sign .sign-ing{top:130px;left:90px} #sb-container .lnb-wrap .lnb .sign .sign-standby a, #sb-container .lnb-wrap .lnb .sign .sign-ing a{color:red;font-size:11px;font-weight:bold;text-align:right;font-family:'Nanum Barun Gothic','Malgun Gothic'} #sb-container .lnb-wrap .lnb .sign .step-standby{top:101px;left:225px} #sb-container .lnb-wrap .lnb .sign .step-ing{top:130px;left:225px} #sb-container .lnb-wrap .lnb .dept-table{margin-top:15px} #sb-container .lnb-wrap .lnb .dept-table .tit{padding:8px 0;border-top-left-radius:10px;border-top-right-radius:10px;background:#4d525c;text-align:center} #sb-container .lnb-wrap .lnb .dept-table .tit h3{color:#fff;font-size:14 px} #sb-container .lnb-wrap .lnb .dept-table .middle{overflow:hidden;border-left:1px solid #4d525c;border-right:1px solid #4d525c;background:#e6e7e8} #sb-container .lnb-wrap .lnb .dept-table .middle .search{padding:5px;border-bottom:1px solid #4d525c;background:#fff url('../images/main/img_dept_search.png') 20px 7px no-repeat;vertical-align:middle} #sb-container .lnb-wrap .lnb .dept-table .middle .search input{width:190px;padding:3px 5px;margin-left:40px;vertical-align:middle} #sb-container .lnb-wrap .lnb .dept-table .middle .dt{overflow:hidden;overflow-y:auto;height:250px;padding:5px} #sb-container .lnb-wrap .lnb .dept-table .bottom{height:20px;border-left:1px solid #4d525c;border-bottom:1px solid #4d525c;border-right:1px solid #4d525c;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background:#e6e7e8} /* 서브페이즈별 LNB 구성 */ #sb-container .lnb-wrap.sub{border-right:none;background:url('../images/bg_lnb.png') right repeat-y} #sb-container .lnb-wrap.sub .lnb{width:273px;margin-left:97px} #sb-container .lnb-wrap .lnb .lnb-content{} #sb-container .lnb-wrap .lnb .lnb-content .create{margin:0 10px 0 10px;padding:10px 0;border-bottom:1px solid #e6e7e8;text-align:center;} #sb-container .lnb-wrap .lnb .lnb-content .create.bn{border-bottom:none} #sb-container .lnb-wrap .lnb .lnb-content .lnb-btn{display:block;padding:10px 0;background:#4d525c;color:#fff;font-size:12px;text-align:center;font-weight:bold} #sb-container .lnb-wrap .lnb .lnb-content .cate{margin-top:10px} #sb-container .lnb-wrap .lnb .lnb-content .cate li{position:relative;padding:10px 0 10px 60px;background:url('../images/ico_pds_on.png') 20px center no-repeat} #sb-container .lnb-wrap .lnb .lnb-content .cate li.parent{padding:5px 0 5px 10px;font-size:12px;color:#000;font-weight:bold;background:#6d7078} #sb-container .lnb-wrap .lnb .lnb-content .cate li.on{background-color:#233e82} #sb-container .lnb-wrap .lnb .lnb-content .cate li a{font-size:12px;color:#fff;font-weight:bold} #sb-container .lnb-wrap .lnb .lnb-content .cate li em{display:inline-block;position:absolute;top:5px;left:230px;padding:3px 5px;border-radius:10px;background:#f75556;color:#fff;font-style:normal;font-size:10px;line-height:10px;text-align:center} #sb-container .lnb-wrap .lnb .lnb-content .cate li .alert{position:absolute;top:8px;left:220px} #sb-container .lnb-wrap .lnb .lnb-content .cate li .selected{display:none;position:absolute;top:50%;right:0;width:16px;height:29px;margin-top:-14px;background:url('../images/bg_cate_on.png') no-repeat} #sb-container .lnb-wrap .lnb .lnb-content .cate li.on .selected{display:block} #sb-container .content{overflow:auto;overflow-x:hidden;float:left;width:1096px;height:100%;border-right:1px solid #4d525c;background:none;} #sb-container .content.sub{background:#e6e7e8;} #sb-container .content .banner{position:relative;top:0} #sb-container .content .banner .bxslider{height:517px} #sb-container .content .banner .bg_top{position:absolute;z-index:10;top:0;width:100%;height:13px;border-bottom:1px solid #3f434b;background:#4d525c;} #sb-container .content .banner .bg_bottom{position:absolute;z-index:10;bottom:0;width:100%;height:13px;border-top:1px solid #3f434b;border-bottom:1px solid #3f434b;background:#4d525c;} #sb-container .content .banner .menu2{position:absolute;z-index:100;top:0;left:120px;width:124px;height:13px;border-bottom:1px solid #262626;border-left:1px solid #262626;background:#db2727} #sb-container .content .banner .menu3{position:absolute;z-index:100;top:0;left:240px;width:124px;height:13px;border-bottom:1px solid #262626;border-left:1px solid #262626;background:#db2727} #sb-container .content .banner .menu4{position:absolute;z-index:100;top:0;left:350px;width:124px;height:13px;border-bottom:1px solid #262626;border-left:1px solid #262626;background:#db2727} #sb-container .content .banner .menu5{position:absolute;z-index:100;top:0;left:460px;width:124px;height:13px;border-bottom:1px solid #262626;border-left:1px solid #262626;background:#db2727} #sb-container .content .banner .menu6{position:absolute;z-index:100;top:0;left:570px;width:124px;height:13px;border-bottom:1px solid #262626;border-left:1px solid #262626;background:#db2727} #sb-container .content .banner .menu7{position:absolute;z-index:100;top:0;left:670px;width:124px;height:13px;border-bottom:1px solid #262626;border-left:1px solid #262626;background:#db2727} #sb-container .content .summary{margin:10px 0 0 15px} #sb-container .content .bbs{position:relative;float:left;width:350px;margin-right:10px} #sb-container .content .bbs h3{margin:10px 0 0 10px} #sb-container .content .bbs .more{position:absolute;top:7px;right:10px} #sb-container .content .bbs .bbs-list{height:175px;margin-top:5px;border:1px solid #77797c;border-radius:10px} #sb-container .content .bbs .bbs-list table{width:313px;margin:8px 18px;table-layout:fixed} #sb-container .content .bbs .bbs-list table td{padding:5px 0;text-align:left;font-family:'Nanum Barun Gothic','Malgun Gothic';font-weight:bold} #sb-container .content .bbs .bbs-list table td.date{text-align:right;font-size:9px} #sb-container .content .bbs .bbs-list table td a{font-family:'Nanum Barun Gothic','Malgun Gothic';font-weight:bold;color:#000} #sb-container .content .bbs .bbs-list table td img{margin-right:5px;vertical-align:middle} #sb-container .content .bbs .bbs-list table td.new{padding-top:8px;border-top:1px solid #000;text-align:center} /* 서브 레이아웃 시작 */ #sb-container .content .menu_mark{position:relative} #sb-container .sebang-path{padding:10px;background:#eee} #sb-container .sebang-path h3{font-size:18px;font-family:'Nanum Barun Gothic','Malgun Gothic';font-weight:bold;} #sb-container .rnb{float:left;padding:18px} #sb-container .rnb.sub{overflow:hidden;overflow-y:auto;width:433px;height:762px;padding:0;background:#545862} #sb-container .rnb .calendar{position:relative;width:184px;height:256px;background:url('../images/bg_calendar.png') no-repeat} #sb-container .rnb .calendar .ym{position:absolute;top:40px;left:-5px;width:100%;text-align:center;font-weight:bold;font-size:18px;line-height:18px} #sb-container .rnb .calendar .tb{position:absolute;top:105px;left:15px;width:150px} #sb-container .rnb .calendar .tb table{width:100%} #sb-container .rnb .calendar .tb table td{height:24px;vertical-align:middle;font-weight:bold;font-size:12px} #sb-container .rnb .calendar2{width:184px} #sb-container .rnb .calendar2 .tit{border-top-left-radius:10px;border-top-right-radius:10px;padding:3px 0;font-size:14px;background:#4d525c;color:#fff;font-weight:bold;text-align:center;font-family:'Nanum Barun Gothic','Malgun Gothic';font-weight:bold;} #sb-container .rnb .calendar2 .month{position:relative;height:55px;background:#373c47} #sb-container .rnb .calendar2 .month .control{padding-top:5px;text-align:center} #sb-container .rnb .calendar2 .month .control a{font-size:14px;color:#6a6e74} #sb-container .rnb .calendar2 .month .control span{color:#fff;font-size:14px} #sb-container .rnb .calendar2 .month .mm_eng{position:absolute;top:25px;width:100%;text-align:center;color:#e1e2e3;font-size:20px} #sb-container .rnb .calendar2 .cal{padding:10px;background:#282a2f} #sb-container .rnb .calendar2 .cal table{width:100%} #sb-container .rnb .calendar2 .cal th{font-size:10px;color:#e1e1e1;font-weight:normal} #sb-container .rnb .calendar2 .cal td{height:30px;vertical-align:middle;font-size:12px;color:#fff} #sb-container .rnb .calendar2 .cal td span.today{display:inline-block;border-radius:5px;padding:2px 4px;background:#f75556;color:#fff} #sb-container .rnb .calendar2 .bottom{height:18px;border-bottom:1px solid #282a2f;border-left:1px solid #282a2f;border-right:1px solid #282a2f;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background:#e4e5e9} #sb-container .rnb .erp{margin:15px 0;border-top:1px solid #4d525c;border-bottom:1px solid #4d525c;text-align:center} .weather{position:relative;padding:5px 5px 10px 5px;margin-top:15px;border:1px solid #000;border-radius:10px;background:#fff} .weather .area{position:relative;font-size:11px;font-weight:bold;} .weather .more{position:absolute;right:0;font-weight:normal;color:#aaa;font-size:11px} .weather .icon{position:relative;padding:5px 0;text-align:left} .weather .icon img{width:90px} .weather .icon .temp{position:absolute;top:30px;font-size:25px;font-family:'verdana'} .weather .icon .temp em{font-size:10px;font-style:normal} .weather .tm{} .weather .tm li{} .weather .tm li span.tit{color:#aaa;letter-spacing:-1px} .weather .tm li em{font-style:normal;font-size:12px;font-family:'verdana'} #sb-container .rnb .util a{margin-right:3px} #sb-container .rnb .util a:last-child{margin-right:0} #sb-container .rnb .contact{margin:30px 0 0 10px} #sb-container .rnb .contact li{position:relative;} #sb-container .rnb .contact li .title{display:inline-block;padding:7px 10px;margin-bottom:15px;border-radius:10px;background:#233e82;font-size:14px;font-weight:bold;color:#fff} #sb-container .rnb .contact li .tel{z-index:10;width:300px;padding:20px 10px 10px 20px;margin:-30px 0 15px 20px;border-radius:10px;color:#fff;background:#6d7078} #sb-container .rnb .contact li .tel span{display:inline-block;font-size:13px} #sb-container .rnb .contact li .ico-dept{padding-left:16px;background:url('../images/icon/ico_user_w.png') left center no-repeat;line-height:14px} #sb-container .rnb .contact li .ico-tel{width:100px;padding-left:16px;margin:3px 0 13px 20px;background:url('../images/icon/ico_tel_w.png') left center no-repeat;line-height:14px} #sb-container .rnb .contact li .ico-fax{padding-left:20px;margin:3px 0 13px 15px;background:url('../images/icon/ico_fax_w.png') left center no-repeat;line-height:16px} #sb-footer{width:100%;border-top:1px solid #4d525c} #sb-footer .config{margin:17px 0 0 17px} #sb-footer.sub .config{margin:8px 0 0 17px} #sb-footer .config a{display:inline-block;padding:0 13px;border-right:1px solid #010000} #sb-footer .config a img{vertical-align:middle} #sb-footer .config a:last-child{border-right:none} /* Content 시작 */ #content{padding:0;margin:0} #content .sb-grid{padding:30px 30px 0 30px} #content .sb-grid .search{padding:0 30px 15px 0} #content .sb-grid .search input[type=text]{width:250px;padding:5px;border:1px solid #4d525c;background:transparent;font-family:'Nanum Barun Gothic','Malgun Gothic';font-size:13px;} #content .sb-grid .search input.search-text{background:transparent url('../images/ico_search.png') 98% center no-repeat} #content .sb-grid .search input[type=submit]{width:50px;padding:5px 7px;border:1px solid #4d525c;background:transparent;font-weight:bold;font-family:'Nanum Barun Gothic','Malgun Gothic';font-size:13px;} #content .sb-grid .search select{width:250px;padding:5px;border:1px solid #4d525c;background:transparent;font-family:'Nanum Barun Gothic','Malgun Gothic';font-size:13px;} #content .sb-grid table{width:100%} #content .sb-grid table thead th, #content .sb-grid table tbody th{padding:7px 0;border-bottom:1px solid #4d525c;background:#4d525c;color:#fff;font-family:'Nanum Barun Gothic','Malgun Gothic';font-size:13px} #content .sb-grid table tbody td{padding:7px 0;border-top:1px solid #73777f;border-bottom:1px solid #73777f;font-family:'Nanum Barun Gothic','Malgun Gothic';font-size:13px} #content .sb-grid table tbody td a{color:#000;font-weight:bold;font-size:13px} #content .sb-grid table tbody td em{font-style:normal;font-size:11px;color:#666;letter-spacing:1px;font-family:'verdana';font-weight:normal} /* 모바일관련 추가 20181026 YSKIM */ #content .sb-grid-mobile{padding:10px 5px 0 5px;width:600px;} #content .sb-grid-mobile .search{padding:0 30px 15px 0} #content .sb-grid-mobile .search input[type=text]{width:250px;padding:5px;border:1px solid #4d525c;background:transparent;font-family:'Nanum Barun Gothic','Malgun Gothic';font-size:13px;} #content .sb-grid-mobile .search input.search-text{background:transparent url('../images/ico_search.png') 98% center no-repeat} #content .sb-grid-mobile .search input[type=submit]{width:50px;padding:5px 7px;border:1px solid #4d525c;background:transparent;font-weight:bold;font-family:'Nanum Barun Gothic','Malgun Gothic';font-size:13px;} #content .sb-grid-mobile .search select{width:250px;padding:5px;border:1px solid #4d525c;background:transparent;font-family:'Nanum Barun Gothic','Malgun Gothic';font-size:13px;} #content .sb-grid-mobile table{width:100%} #content .sb-grid-mobile table thead th, #content .sb-grid-mobile table tbody th{padding:7px 0;border-bottom:1px solid #4d525c;background:#4d525c;color:#fff;font-family:'Nanum Barun Gothic','Malgun Gothic';font-size:13px} #content .sb-grid-mobile table tbody td{padding:7px 0;font-family:'Nanum Barun Gothic','Malgun Gothic';font-size:12px} #content .sb-grid-mobile table tbody td a{color:#000;font-weight:bold;font-size:14px} #content .sb-grid-mobile table tbody td em{font-style:normal;font-size:11px;color:#666;letter-spacing:1px;font-family:'verdana';font-weight:normal} #content .sb-grid-mobile table tbody .border-b{border-bottom:1px solid #73777f} #content .sb-form{padding:30px 30px 0 30px} #content .sb-form table{table-layout:fixed;width:100%;border-collapse:collapse;font-family:'Nanum Barun Gothic','Malgun Gothic';font-size:13px} #content .sb-form table tbody th{padding:7px 0;border-bottom:1px solid #73777f;border-top:1px solid #73777f;background:#dfdfdf} #content .sb-form table tbody td{padding:7px 5px;border-bottom:1px solid #73777f;border-top:1px solid #73777f;background:transparent;text-align:left} #content .sb-form table tbody td.cnt{} #content .sb-form table tbody td textarea, #content .sb-form table tbody td input[type=text], #content .sb-form table tbody td input[type=password]{padding:5px;border:1px solid #4d525c;background:#fff;font-family:'Nanum Barun Gothic','Malgun Gothic';font-size:13px;} #content .sb-form table tbody td input[type=file]{padding:5px;border:1px solid #4d525c;background:#fff;font-family:'Nanum Barun Gothic','Malgun Gothic';font-size:13px;} #content .sb-form table tbody td select{padding:5px;border:1px solid #4d525c} #content .sb-form table tbody td .view{padding:5px;border:1px solid #73777f;} #content .sb-form table tbody td .view img{width:100%;max-width:100%} #content .sb-form .positionList li{float:left;width:140px} .sb-btn{display:inline-block;padding:5px 10px;border:1px solid #4d525c;background:transparent;font-weight:bold;font-family:'Nanum Barun Gothic','Malgun Gothic';font-size:13px;color:#4d525c} .sb-btn2{display:inline-block;padding:5px 10px;border:1px solid #4d525c;background:#4d525c;color:#fff !important;font-weight:bold;font-family:'Nanum Barun Gothic','Malgun Gothic';font-size:13px} #content .sb-image{width:100%} #content .sb-image li{float:left;width:195px;margin:0 10px 20px 0} #content .sb-image li.first{clear:both;} #content .sb-image li.last{margin-right:0} #content .sb-image li .photo{display:table-cell;height:160px;padding:5px;border:1px solid #73777f;vertical-align:middle} #content .sb-image li .photo img{width:100%} #content .sb-image li .title{padding:10px;font-size:13px;color:#000} #content .sb-image li .title a strong{font-size:13px;color:#000} #content .sb-image li .reg{display:block;padding-top:5px;color:#666;font-size:12x;} #content .sb-image .empty{border-top:1px solid #73777f;border-bottom:1px solid #73777f;padding:50px 0;text-align:center;font-size:14px;font-weight:bold} #content .bbsCommentWrap{margin:20px 0} #content .bbsComment{margin-top:5px; padding:20px; border:1px solid #ddd; background:#f0f0f0} #content .bbsComment h6{color:#666} #content .bbsCommentForm{position:relative; width:876px; height:47px; margin-bottom:10px} #content .bbsCommentForm textarea{position:absolute; width:820px; height:40px; background:#fff} #content .bbsCommentForm input[type=submit]{position:absolute;left:840px;padding:5px;border:1px solid #4d525c;background:#4d525c;color:#fff} #content .bbsCommentCount{font-size:11px; font-family:'dotum'; font-weight:normal; color:#58b530} #content .bbsCommentList li{padding:15px 0; border-bottom:1px solid #f2f2f2} #content .bbsCommentList li span{font-size:11px; font-family:'dotum'; font-weight:normal; color:#aaa} #content .bbsCommentList li span.date{margin-left:10px; color:#bbb} #content .bbsCommentList li p.text{padding:5px 5px 0 5px; line-height:18px; font-size:12px} /* 팝업 */ #sb-popup{width:100%;margin:0 auto;background:url('../images/page/bg_popup.jpg') top center repeat-y;} #sb-popup .popup-logo{padding:10px;margin-bottom:10px;background:#4d525c} #sb-popup .popup-logo img{width:120px} input.a{width:50%; margin:0 0 0 5px; padding:5px 4px; border:1px solid #bbb; background:url('/html/images/theme/g.gif') repeat-x; text-align:left; color:#666} input.b{width:50%; margin:0 3px; padding:5px 4px; border:1px solid #ddd; text-align:left; color:#666} input.b:hover{border:1px solid #999} textarea.a{width:50%; height:100px; margin: 0 0 0 5px; padding:0 4px 5px 4px; border:1px solid #bbb; font-family:'돋음','dotum'; font-size:12px; line-height:160%; color:#666} textarea.b{overflow:hidden;width:50%; margin:0 3px; padding:5px 0; border:1px solid #ddd; font-family:'돋음','dotum'; font-size:12px; color:#666; line-height:15px} textarea.b:hover{border:1px solid #999} select.a{width:55%; margin:0 0 0 5px; padding:2px; border:1px solid #bbb; background:url('/html/images/theme/g.gif') repeat-x; color:#666; font-size:12px} .grid{} .grid table{table-layout:fixed; width:100%; color:#333} .grid table thead th{word-break:break-all; height:20px; padding:3px 0; border:1px solid #c0c0c0;background:#e0edfc; color:#000; font-weight:bold; font-size:12px} .grid table tbody tr.gray td{height:25px; padding:3px 0; border:1px solid #d2d2d2; background:url('/html/images/theme/g.gif') repeat-x} .grid table tbody th{word-break:break-all; height:20px; padding:5px 0; border:1px solid #c0c0c0;background:#f6f6f6; color:#666; font-weight:normal;font-size:12px} .grid table tbody td{word-break:break-all; height:20px; padding:5px 0; border-top:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;font-size:12px} .grid table tbody td.valid{background:#fffbed} .grid table tbody td.empty{cursor:pointer} .grid table tbody td.ui-selecting{background:#f4f4f4;} /* jquery ui selecting */ .grid table tbody td.ui-selected{background:#eee; color:#666} /* jquery ui selected */ .grid table tbody td input{vertical-align:middle} .grid table tbody tr.even{background:#e1f5ff} .grid table tbody tr.etc{background:#fffedf} .grid table tbody td.etc{background:#fffedf} .grid table tbody tr.etc2{background:#F6F6F6} .grid table tbody td.red{color:red; font-weight:bold} .grid table tbody td.checked{background:#519ade; color:#fff; font-weight:bold} .grid table tbody th.empty{background:#fff} .grid table tbody td.empty{ background:#fff} .grid table tfoot td{padding:6px 0 3px 0; border:none} .grid table tbody tr.temp td{background:#f8f8f8} .grid table tbody span.temp{font-size:11px; font-family:'dotum'; color:#58b530} .grid p.summary{padding:10px 20px; margin-bottom:10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f6f6f6; color:#666; line-height:18px} .tab{overflow:hidden;width:100%;margin:0 0 10px 0; background:url(http://html.nhndesign.com/guidelines/uio/img/menu/bg_tab.gif) repeat-x 0 100%} .tab li{_display:inline;float:left;margin-right:3px;border:1px solid #d4d4d4;color:#333} .tab li a{display:block;_float:left;height:20px;padding:9px 18px 0 19px;color:#666;text-decoration:none} .tab li a:hover{background:#f4f4f4;color:#333} .tab li.selected{border-bottom:1px solid #f4f4f4;background:#f4f4f4} .tab li.selected a{color:#333;font-weight:bold;letter-spacing:-1px} .schedule{padding:30px 30px 0 30px} .schedule .schedule-mm{position:relative;padding:10px;vertical-align:middle} .schedule .schedule-mm .nm{position:absolute;top:8px;left:33px} .schedule .schedule-mm .prev{position:absolute;left:10px} .schedule .schedule-mm .next{position:absolute;left:130px} .schedule .schedule-mm .today{position:absolute;left:150px} .schedule .schedule-mm span{font-size:20px;line-height:20px;font-family:'verdana'; font-weight:bold; color:#333} .schedule .schedule-mm img{vertical-align:middle;line-height:20px} .schedule table.scheduleMonth{width:100%; border-collapse:collapse;font-family:'Nanum Barun Gothic','Malgun Gothic';} .schedule table.scheduleMonth thead th{padding:10px;border:1px solid #9aa2aa;background:#d9e4ea; color:#545862;font-size:13px;text-align:left;} .schedule table.scheduleMonth thead th.first{border-left:1px solid #9aa2aa} .schedule table.scheduleMonth thead th.last{border-right:1px solid #9aa2aa} .schedule table.scheduleMonth tbody th{height:20px; padding:0 5px; border-left:1px solid #9aa2aa; border-right:1px solid #9aa2aa; text-align:left; font-size:11px; font-weight:normal} .schedule table.scheduleMonth tbody th.today{background:#fffedf} .schedule table.scheduleMonth tbody td{height:70px; padding:0 5px 3px 5px; border-left:1px solid #9aa2aa; border-right:1px solid #9aa2aa; border-bottom:1px solid #9aa2aa; vertical-align:top; text-align:left; line-height:15px} .schedule table.scheduleMonth tbody td.today{background:#fffedf} .schedule table.scheduleMonth tbody td p{padding:2px; margin-bottom:2px; color:#fff; font-size:12px; font-family:'dotum'; cursor:pointer} .schedule .dayInfo{position:absolute; width:385px; color:#fff; line-height:15px; cursor:pointer} .schedule .dayInfo a{color:#fff} .schedule .box1{background:#4c99d4} .schedule .box2{background:red} .schedule .box3{background:#58b530} .schedule .box4{background:#3a3941} .schedule .box5{background:#324361} .schedule .box6{background:#7bb1cb} .schedule .box1 a, .schedule .box2 a, .schedule .box3 a, .schedule .box4 a, .schedule .box5 a, .schedule .box6 a{color:#fff} .schedule .box7{border:1px solid #ccc; background:#fff; color:#666} .schedule .box7 a, .schedule .box7 span{color:#666} .schedule .box8{border:1px solid #4eb4b9; background:#4eb4b9; color:#fff} .schedule .day{float:left; font-size:11px; font-family:'dotum'; font-weight:bold; color:#666} .schedule .day a{font-size:13px; font-weight:bold; color:#545862} .schedule .dayName{float:right; font-size:11px; font-family:'dotum'; color:#999} .schedule .sunday{color:red !important} .schedule .saturday{color:#233e82 !important} .schedule .time{font-size:11px; font-family:'verdana'; color:#fff; letter-spacing:-1px} .schedule .box7 .time{color:#666} #scheduleCheck{display:none;position:absolute;top:520px;left:500px;z-index:10;width:300px;margin-top:6px;border:1px solid #888;background:#fff;text-align:left;font-family:'돋움'} #scheduleCheck .clse{position:absolute;top:3px;right:4px} #scheduleCheck strong{display:block;margin-bottom:-5px;padding:9px 0 0 9px;font-size:12px;color:#2c2c2c;letter-spacing:-1px} #scheduleCheck .edge_cen{position:absolute;top:0;left:50%;width:9px;height:6px;margin:-6px 0 0 -5px;background:url(http://static.naver.com/kin/09renewal/bg_layer_edge.gif) no-repeat 0 0;font-size:0} #scheduleCheck .edge_rgt{position:absolute;top:0;right:20px;width:9px;height:6px;margin-top:-6px;background:url(http://static.naver.com/kin/09renewal/bg_layer_edge.gif) no-repeat 0 0;font-size:0}#scheduleCheck_footer input,#pop_footer a{margin:0 1px 0 0} #scheduleCheck table{width:290px; margin:5px auto} #scheduleCheck table th{padding:5px 0; border-bottom:1px dotted #d0d0d0; color:#3b80a3; font-weight:normal; text-align:right} #scheduleCheck table td{padding:5px 0 5px 10px; border-bottom:1px dotted #d0d0d0; text-align:left; color:#000; line-height:15px} #scheduleCheck table td.share span{font-size:11px; font-family:'dotum'; color:#999} .schedule table.scheduleDay{width:100%; border-collapse:collapse; font-family:'dotum'; color:#000} .schedule table.scheduleDay thead th{padding:5px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f1f1f1; color:#666} .schedule table.scheduleDay thead th.first{border-left:1px solid #ddd} .schedule table.scheduleDay thead th.last{border-right:1px solid #ddd} .schedule table.scheduleDay tbody th{padding:5px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:left; font-size:12px; font-weight:normal; background:#f1f1f1; color:#000; font-weight:bold} .schedule table.scheduleDay tbody td{height:20px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; vertical-align:top; text-align:left; line-height:15px;background:#fff} .schedule table.scheduleDay .line{border-bottom:1px dotted #ddd} .schedule table.scheduleDay .minute{font-size:10px; font-family:'verdana'; color:#ccc} .schedule table.scheduleDay .show{height:15px; background:url('/html/images/theme/g.gif') repeat-x; text-align:center} .schedule table.scheduleDay .show a{font-size:11px; font-family:'dotum'; font-weight:bold} .schedule table.scheduleDay .lunar{font-size:11px; font-family:'dotum'; color:#666; font-style:normal; font-weight:normal} .paginate{padding:15px 0;text-align:center} .paginate img{padding:0;margin:0;font-size:0;line-height:0;vertical-align:top} .paginate a.pre{margin-right:5px} .paginate a.next{margin-left:3px} .paginate a.link, .paginate strong{display:inline-block;width:27px;height:27px;line-height:29px;border:1px solid #d4d5d8} .paginate strong{border:1px solid #4d525c;color:#e11e1e} p.fileBox{overflow:hidden; position:relative; margin:5px; padding:7px; border:1px solid #4d525c;background:#fff} p.fileBox img{vertical-align:bottom} p.fileBox a.btn{display:block; position:absolute; top:0; right:0; padding:5px; background:#31323a; color:#ddd} /* 2017-12-28 서브페이지 재시작 */ .sb-header-bar{width:100%;height:17px;background:#dfdfdf url('../images/bg_header_bar_bottom.png') bottom repeat-x} /* 레이어 */ .sb-shadow{display:none;position:absolute;top:0;left:0;z-index:999900;width:100%;height:100%;background:#000;opacity:0.8} .sb-layer{display:none;position:absolute;top:40px;left:50%;z-index:999999;width:1000px;padding:5px;margin-left:-500px;border:2px solid #4d525c;background:#e6e7e8} /* 일정관리 */ #box1{display:inline-block; width:15px; height:15px; border:2px solid #4c99d4; margin-right:5px; background:#4c99d4} #box2{display:inline-block; width:15px; height:15px; border:2px solid red; margin-right:5px; background:red} #box3{display:inline-block; width:15px; height:15px; border:2px solid #58b530; margin-right:5px; background:#58b530} #box4{display:inline-block; width:15px; height:15px; border:2px solid #3a3941; margin-right:5px; background:#3a3941} #box5{display:inline-block; width:15px; height:15px; border:2px solid #324361; margin-right:5px; background:#324361} #box6{display:inline-block; width:15px; height:15px; border:2px solid #7bb1cb; margin-right:5px; background:#7bb1cb} #box7{display:inline-block; width:15px; height:15px; border:2px solid #ccc; margin-right:5px; background:#fff} /* 13-03-27 htsim 업무보고 2.0 */ #pms{clear:both;padding:10px;margin:30px 30px 10px 30px;border:1px solid #aaa;background:#d1d1d1} #pms .report{padding:20px 10px 10px 10px;border:1px solid #aaa;background:#fff} #pms .report .title{width:300px; margin:0 auto; text-align:center} #pms .report .title h2{ font-size:24px; word-spacing:20px} #pms .report .title p.date{ font-size:16px} #pms .report .register{display:inline-block; float:right; margin-top:0px} #pms .report .register table{width:200px;} #pms .report .register table th, #pms .report .register table td{padding:6px 5px;border-bottom:1px dotted #aaa; text-align:left} #pms .report-form{display:inline-block;width:100%;padding-top:20px} #pms .report-form .week{} #pms .report-form .week h3{padding-bottom:7px; font-size:13px; letter-spacing:-1px} #pms .report-form .week h3 span{padding-bottom:7px; font-size:13px; letter-spacing:-1px} #pms .report-form .week .week-table{width:100%} #pms .report-form .week .week-table tr.project td{padding:5px 0;background:#f1f1f1} #pms .report-form .week .week-table th{padding:7px; border-top:2px solid #000; border-bottom:1px dotted #000} #pms .report-form .week .week-table td{padding:7px 0; border-right:1px dotted #000; border-bottom:1px dotted #000; text-align:center} #pms .report-form .week .week-table td.project{padding:5px 0;background:#f1f1f1} #pms .report-form .week .week-table td.none{border-top:none; border-bottom:none; background:#fff} #pms .report-form .week .week-table td.first{border-left:none} #pms .report-form .week .week-table td.last{border-right:none} #pms .report-form .week .week-table td.drag{background:#fffedf} #pms .report-form .week .week-table td.pms-read{padding-left:5px;text-align:left;line-height:14px} #pms .report-form .week .week-table input{padding:2px; border:none} #pms .report-form .week .week-table input.pms-project{width:280px;padding:5px; margin-left:5px;border:1px solid #434c5d;letter-spacing:0;vertical-align:middle;font-weight:bold; color:#000;background:#fff} #pms .report-form .week .week-table input.rate_box{display:inline;width:22px;border:1px solid #aaa;text-align:center;letter-spacing:0} #pms .report-form .week .week-table .report-span{margin-left:5px} #today_calendar{display:none;position:absolute;width:300px;padding:5px 10px;border:1px solid #000;background:#fff} #project-select{display:none;position:absolute;top:411px;left:288px;z-index:99999999;width:395px;height:200px;padding:5px;border:1px solid #434c5d;background:#fff} #project-select .dept-list{float:left;width:130px;height:100%;background:#434c5d} #project-select .dept-list li{padding:10px;border-bottom:1px solid #333943;border-top:1px solid #5e6675;background:#434c5d} #project-select .dept-list li.none{border-bottom:none} #project-select .dept-list li a{color:#fff;font-family:'dotum'} #project-select .dept-list li.on a{color:#4dff00;font-weight:bold;letter-spacing:-1px} #project-select .project-list{overflow:hidden;overflow-y:scroll;float:left;width:263px;height:100%} #project-select .project-list li{border-bottom:1px dotted #aaa} #project-select .project-list li a{display:block;padding:7px 7px; font-family:'dotum';color:#000} #project-select .project-list li a:hover{background:#eee;text-decoration:none} .report-week{margin:10px} .report-week .mm{position:relative;padding:5px 20px;font-size:16px;color:#fff} .report-week .mm .prev{position:absolute;top:2px;left:0px;padding:5px} .report-week .mm .next{position:absolute;top:2px;left:85px;padding:5px} .report-week .week-table{width:100%;border:1px solid #333;border-collapse:collapse;background:#fff} .report-week .week-table th{padding:7px 0;border-bottom:1px solid #ccc;color:#000} .report-week .week-table td{border-bottom:1px solid #ccc;} .report-week .week-table td a{display:block;padding:7px;font-family:'verdana'} .report-week .week-table td a strong{color:#000;text-decoration:underline} .lnb-schedule{width:240px;margin:0 auto;} .lnb-schedule .td{position:relative;height:32px;border-left:2px solid #25272b;border-bottom:1px solid #656566;background:#d6d6d6} .lnb-schedule .td .today{position:absolute;left:10px;top:6px;font-weight:bold;font-size:15px;} .lnb-schedule .td .md{position:absolute;right:10px;top:6px;font-weight:bold;font-size:14px} .lnb-schedule ul li{border-left:2px solid #25272b;background:#e6e7e8} .lnb-schedule ul li.on{background:#d9e4ea} .lnb-schedule ul li table{width:100%} .lnb-schedule ul li td{padding:8px 0;border-bottom:1px solid #c1c3c6;vertical-align:middle} .lnb-schedule ul li td.time{font-weight:bold;color:#000;font-size:13px} .lnb-schedule ul li td.color{background:red} .lnb-schedule ul li td.color.box1{background:#4c99d4} .lnb-schedule ul li td.color.box2{background:red} .lnb-schedule ul li td.color.box3{background:#58b530} .lnb-schedule ul li td.color.box4{background:#3a3941} .lnb-schedule ul li td.color.box5{background:#324361} .lnb-schedule ul li td.color.box6{background:#7bb1cb} .lnb-schedule ul li td.color.box7{background:#fff} .lnb-schedule ul li td.subject{padding-left:5px;text-align:left;font-size:11px} .lnb-schedule .bottom{height:17px;border-left:2px solid #25272b;border-bottom:1px solid #25272b;border-radius:0 0 7px 7px;background:#e6e7e8} .lnb-schedule-detail{display:none;width:240px;margin:10px auto 0 auto} .lnb-schedule-detail .arrow{padding-right:15px;line-height:0;text-align:right} .lnb-schedule-detail .child{padding:10px;background:#e6e7e8;border-radius:0 0 7px 7px;} .lnb-schedule-detail table{width:100%} .lnb-schedule-detail table th{padding:6px 0;border:1px solid #c1c3c6;text-align:center} .lnb-schedule-detail table td{padding:6px 4px;border:1px solid #c1c3c6;text-align:left} /* 전자결재 LNB */ .lnb-sign{width:240px;margin:10px auto 0 auto} /* 탭 */ .sb-tab{overflow:hidden;margin:0 30px;padding:30px 10px 0 10px;border-bottom:1px solid #4d525c} .sb-tab li{_display:inline;float:left;margin-right:5px;border-left:1px solid #4d525c;border-top:1px solid #4d525c;border-right:1px solid #4d525c;color:#333} .sb-tab li a{display:block;_float:left;height:20px;padding:7px 15px 7px 15px;color:#666;text-decoration:none} .sb-tab li.selected{background:#4d525c} .sb-tab li.selected a{color:#fff;font-weight:bold}