/* Common style (클래스 규칙 생성) */ /* 여백 , 선 */ .no_border {border:0 !important; } .no_margin {margin:0 !important;} .no_padding {padding:0 !important;} /* 색(color) */ .gray01 {color:#f2f2f2 !important;} .gray02 {color:#e3e3e3 !important;} .gray03 {color:#696a6c !important;} .white {color:#fff !important;} .black {color:#333 !important;} .orange, .orange td{color:#f58220 !important;} .red {color:#dc1c21 !important;} .blue {color:#1312FF !important;} .green{color:#23A41A !important;} .dblue {color:#0099ff !important;} .purple {color:#800080 !important;} /* b(배경색)+ 색(color) */ .b_gray01 {background-color:#f2f2f2 !important;} .b_gray02 {background-color:#e3e3e3 !important;} .b_gray03 {background-color:#696a6c !important;} .b_white {background-color:#fff !important;} .b_black {background-color:#333 !important;} .b_orange {background-color:#f58220 !important;} .b_peach {background-color:#fffbf0 !important;} .b_gray02 {background-color:#696a6c !important;} .b_sky {background-color:#CDE0F5 !important;;} .b_yellow {background-color:#FFD03A !important;;} .b_green {background-color:#CCFFCC !important;;} /* 가로 정렬 */ .left {text-align:left !important;} .center {text-align:center !important;} .right {text-align:right !important;} /* 세로 정렬 */ .v_middle {vertical-align:middle !important;} .d_table {display:table !important;} .unit{float:right; color:#f58220;letter-spacing:0.1em; font-weight:normal;} /* Header */ /*#td_logo h1{float:left; font-size:15px;margin-top:7px; color:#333;}*/ #td_logo h1{float:left; font-size:13px;margin-top:7px; color:#333; font-weight:bold; font-family: 굴림체, sans-serif; } #td_logo img{float:left;} #td_gnb img{} #td_gnb ul{height:100%; margin-right:20px;} /* #td_gnb ul li{margin-left:10px; height:40px; min-width:55px; float:left; cursor:pointer;} #td_gnb ul li a{display:block; width:100%; height:100%;color:#666; text-align:center; margin-top:10px; text-indent:5px;} */ #td_gnb ul li{ margin-left:2px; float:left; cursor:pointer;} #td_gnb ul li a{display:block; color:#666; text-align:center; margin-top:10px; text-indent:5px; margin-left:2px;} #td_gnb ul li a:hover,#td_gnb ul li a:focus{color:#f58220;} /* old btn add */ #td_gnb ul li a.td_gnb_bt_01{ background:url(../images/button/bt_01.png) no-repeat ; background-size:16px; padding-left:16px; text-align:left;} #td_gnb ul li a.td_gnb_bt_01:hover{ background:url(../images/button/bt_01_on.png) no-repeat; background-size:16px; padding-left:16px; text-align:left;} #td_gnb ul li a.td_gnb_bt_02{ background:url(../images/button/bt_02.png) no-repeat; background-size:16px; padding-left:16px; text-align:left;} #td_gnb ul li a.td_gnb_bt_02:hover{ background:url(../images/button/bt_02_on.png) no-repeat; background-size:16px; padding-left:16px; text-align:left;} #td_gnb ul li a.td_gnb_bt_03{ background:url(../images/button/bt_03.png) no-repeat;background-size:16px; padding-left:16px; text-align:left; } #td_gnb ul li a.td_gnb_bt_03:hover{ background:url(../images/button/bt_03_on.png) no-repeat; background-size:16px; padding-left:16px; text-align:left;} #td_gnb ul li a.td_gnb_bt_04{ background:url(../images/button/bt_04.png) no-repeat; background-size:16px; padding-left:16px; text-align:left;} #td_gnb ul li a.td_gnb_bt_04:hover{ background:url(../images/button/bt_04_on.png) no-repeat; background-size:16px; padding-left:16px; text-align:left;} #td_gnb ul li a.td_gnb_bt_05{ background:url(../images/button/bt_05.png) no-repeat; background-size:16px; padding-left:16px; text-align:left;} #td_gnb ul li a.td_gnb_bt_05:hover{ background:url(../images/button/bt_05_on.png) no-repeat; background-size:16px; padding-left:16px; text-align:left; } #td_gnb ul li a.td_gnb_bt_06{ background:url(../images/button/bt_06.png) no-repeat; background-size:16px; padding-left:16px; text-align:left;} #td_gnb ul li a.td_gnb_bt_06:hover{ background:url(../images/button/bt_06_on.png) no-repeat; background-size:16px; padding-left:16px; text-align:left; } #td_gnb ul li a.td_gnb_bt_07{ background:url(../images/button/bt_07.png) no-repeat ; background-size:16px; padding-left:16px; text-align:left;} #td_gnb ul li a.td_gnb_bt_07:hover{ background:url(../images/button/bt_07_on.png) no-repeat; background-size:16px; padding-left:16px; text-align:left;} #td_gnb ul li a.td_gnb_bt_08{ background:url(../images/button/bt_08.png) no-repeat; background-size:16px; padding-left:16px; text-align:left;} #td_gnb ul li a.td_gnb_bt_08:hover{ background:url(../images/button/bt_08_on.png) no-repeat; background-size:16px; padding-left:16px; text-align:left; } #td_gnb ul li a.td_gnb_bt_09{ background:url(../images/button/bt_09.png) no-repeat;background-size:16px; padding-left:16px; text-align:left; } #td_gnb ul li a.td_gnb_bt_09:hover{ background:url(../images/button/bt_09_on.png) no-repeat; background-size:16px; padding-left:16px; text-align:left;} #td_gnb ul li a.td_gnb_bt_10{ background:url(../images/button/bt_10.png) no-repeat; background-size:16px; padding-left:16px; text-align:left;} #td_gnb ul li a.td_gnb_bt_10:hover{ background:url(../images/button/bt_10_on.png) no-repeat; background-size:16px; padding-left:16px; text-align:left; } #td_gnb ul li a.td_gnb_bt_11{ background:url(../images/button/bt_11.png) no-repeat; background-size:16px; padding-left:16px; text-align:left;} #td_gnb ul li a.td_gnb_bt_11:hover{ background:url(../images/button/bt_11_on.png) no-repeat; background-size:16px; padding-left:16px; text-align:left; } #td_gnb ul li a.td_gnb_bt_12{ background:url(../images/button/bt_12.png) no-repeat; background-size:16px; padding-left:16px; text-align:left;} #td_gnb ul li a.td_gnb_bt_12:hover{ background:url(../images/button/bt_12_on.png) no-repeat; background-size:16px; padding-left:16px; text-align:left; } #td_gnb ul li a.td_gnb_bt_13{ background:url(../images/button/bt_13.png) no-repeat; background-size:16px; padding-left:16px; text-align:left;} #td_gnb ul li a.td_gnb_bt_13:hover{ background:url(../images/button/bt_13_on.png) no-repeat; background-size:16px; padding-left:16px; text-align:left; } #td_gnb ul li a.td_gnb_bt_14{ background:url(../images/button/bt_14.png) no-repeat; background-size:16px; padding-left:16px; text-align:left;} #td_gnb ul li a.td_gnb_bt_14:hover{ background:url(../images/button/bt_14_on.png) no-repeat; background-size:16px; padding-left:16px; text-align:left; } #td_gnb ul li a.td_gnb_bt_15{ background:url(../images/button/bt_15.png) no-repeat; background-size:16px; padding-left:16px; text-align:left;} #td_gnb ul li a.td_gnb_bt_15:hover{ background:url(../images/button/bt_15_on.png) no-repeat; background-size:16px; padding-left:16px; text-align:left; } #td_gnb ul li a.td_gnb_bt_100{ background:url(../images/button/bt_100.png) no-repeat; background-size:16px; padding-left:16px; text-align:left;} #td_gnb ul li a.td_gnb_bt_100:hover{ background:url(../images/button/bt_100_on.png) no-repeat; background-size:16px; padding-left:16px; text-align:left; } #td_gnb ul li a img {display:inline-block; width:20px; height:20px; vertical-align:middle; padding:0 5px; } /* new btn add */ #td_gnb ul li a.td_gnb_btn_02 ,a.td_gnb_btn_02{ background:url(../images/button/btn_search.png) no-repeat #ebc16a; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #d6ac56; line-height:21px;} #td_gnb ul li a.td_gnb_btn_02:hover ,a.td_gnb_btn_02:hover{ background:url(../images/button/btn_search.png) no-repeat #fdc02f; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #ebaf21;line-height:21px;} #td_gnb ul li a.td_gnb_btn_03 ,a.td_gnb_btn_03{ background:url(../images/button/btn_add.png) no-repeat #ebc16a; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #d6ac56; line-height:21px;} #td_gnb ul li a.td_gnb_btn_03:hover ,a.td_gnb_btn_03:hover{ background:url(../images/button/btn_add.png) no-repeat #fdc02f; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #ebaf21; line-height:21px;} #td_gnb ul li a.td_gnb_btn_04 ,a.td_gnb_btn_04{ background:url(../images/button/btn_del.png) no-repeat #f28f92; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #dc7173; line-height:21px;} #td_gnb ul li a.td_gnb_btn_04:hover ,a.td_gnb_btn_04:hover{ background:url(../images/button/btn_del.png) no-repeat #f66d6e; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #f66d6e; line-height:21px;} #td_gnb ul li a.td_gnb_btn_05 ,a.td_gnb_btn_05{ background:url(../images/button/btn_save.png) no-repeat #f28f92; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #dc7173; line-height:21px;} #td_gnb ul li a.td_gnb_btn_05:hover ,a.td_gnb_btn_05:hover{ background:url(../images/button/btn_save.png) no-repeat #f66d6e; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #449aeb; line-height:21px;} #td_gnb ul li a.td_gnb_btn_06 ,a.td_gnb_btn_06{ background:url(../images/button/btn_print.png) no-repeat #f28f92; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #dc7173; line-height:21px;} #td_gnb ul li a.td_gnb_btn_06:hover ,a.td_gnb_btn_06:hover{ background:url(../images/button/btn_print.png) no-repeat #f66d6e; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #f66d6e; line-height:21px;} #td_gnb ul li a.td_gnb_btn_07 ,a.td_gnb_btn_07{ background:url(../images/button/btn_excel.png) no-repeat ; background-position:6px 3px; padding:2px 7px 0 20px; text-align:left; color:#444; border:1px solid #b2b7bc; line-height:21px;} #td_gnb ul li a.td_gnb_btn_07:hover ,a.td_gnb_btn_07:hover{ background:url(../images/button/btn_excel.png) no-repeat; background-position:6px 3px; padding:2px 7px 0 20px; text-align:left; color:#444; border:1px solid #3e8a65; line-height:21px;} #td_gnb ul li a.td_gnb_btn_08 ,a.td_gnb_btn_08{ background:url(../images/button/btn_help.png) no-repeat #a6d0f3; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #8ab6da; line-height:21px;} #td_gnb ul li a.td_gnb_btn_08:hover ,a.td_gnb_btn_08:hover{ background:url(../images/button/btn_help.png) no-repeat #6fbdff; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #449aeb; line-height:21px;} #td_gnb ul li a.td_gnb_btn_09 ,a.td_gnb_btn_09{ background:url(../images/button/btn_cancle.png) no-repeat #c8ced3; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #b0b5ba; line-height:21px;} #td_gnb ul li a.td_gnb_btn_09:hover ,a.td_gnb_btn_09:hover{ background:url(../images/button/btn_cancle.png) no-repeat #acb5bc; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #959da3; line-height:21px;} #td_gnb ul li a.td_gnb_btn_10 ,a.td_gnb_btn_10{ background:url(../images/button/btn_sms.png) no-repeat #c8ced3; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #b0b5ba; line-height:21px;} #td_gnb ul li a.td_gnb_btn_10:hover ,a.td_gnb_btn_10:hover{ background:url(../images/button/btn_sms.png) no-repeat #acb5bc; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #959da3; line-height:21px;} #td_gnb ul li a.td_gnb_btn_11 ,a.td_gnb_btn_11{ background:url(../images/button/btn_book.png) no-repeat #f28f92; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #dc7173; line-height:21px;} #td_gnb ul li a.td_gnb_btn_11:hover ,a.td_gnb_btn_11:hover{ background:url(../images/button/btn_book.png) no-repeat #f66d6e; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #f66d6e; line-height:21px;} #td_gnb ul li a.td_gnb_btn_12 ,a.td_gnb_btn_12{ background:url(../images/button/btn_box.png) no-repeat #c8ced3; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #b0b5ba; line-height:21px;} #td_gnb ul li a.td_gnb_btn_12:hover ,a.td_gnb_btn_12:hover{ background:url(../images/button/btn_box.png) no-repeat #acb5bc; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #959da3; line-height:21px;} #td_gnb ul li a.td_gnb_btn_13 ,a.td_gnb_btn_13{ background:url(../images/button/btn_bubble.png) no-repeat #c8ced3; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #b0b5ba; line-height:21px;} #td_gnb ul li a.td_gnb_btn_13:hover ,a.td_gnb_btn_13:hover{ background:url(../images/button/btn_bubble.png) no-repeat #acb5bc; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #959da3; line-height:21px;} #td_gnb ul li a.td_gnb_btn_14 ,a.td_gnb_btn_14{ background:url(../images/button/btn_cal.png) no-repeat #c8ced3; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #b0b5ba; line-height:21px;} #td_gnb ul li a.td_gnb_btn_14:hover ,a.td_gnb_btn_14:hover{ background:url(../images/button/btn_cal.png) no-repeat #acb5bc; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #959da3; line-height:21px;} #td_gnb ul li a.td_gnb_btn_15 ,a.td_gnb_btn_15{ background:url(../images/button/btn_clip.png) no-repeat #c8ced3; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #b0b5ba; line-height:21px;} #td_gnb ul li a.td_gnb_btn_15:hover ,a.td_gnb_btn_15:hover{ background:url(../images/button/btn_clip.png) no-repeat #acb5bc; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #959da3; line-height:21px;} #td_gnb ul li a.td_gnb_btn_16 ,a.td_gnb_btn_16{ background:url(../images/button/btn_clock.png) no-repeat #c8ced3; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #b0b5ba; line-height:21px;} #td_gnb ul li a.td_gnb_btn_16:hover ,a.td_gnb_btn_16:hover{ background:url(../images/button/btn_clock.png) no-repeat #acb5bc; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #959da3; line-height:21px;} #td_gnb ul li a.td_gnb_btn_17 ,a.td_gnb_btn_17{ background:url(../images/button/btn_crop.png) no-repeat #c8ced3; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #b0b5ba; line-height:21px;} #td_gnb ul li a.td_gnb_btn_17:hover ,a.td_gnb_btn_17:hover{ background:url(../images/button/btn_crop.png) no-repeat #acb5bc; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #959da3; line-height:21px;} #td_gnb ul li a.td_gnb_btn_18 ,a.td_gnb_btn_18{ background:url(../images/button/btn_danger.png) no-repeat #c8ced3; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #b0b5ba; line-height:21px;} #td_gnb ul li a.td_gnb_btn_18:hover ,a.td_gnb_btn_18:hover{ background:url(../images/button/btn_danger.png) no-repeat #acb5bc; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #959da3; line-height:21px;} #td_gnb ul li a.td_gnb_btn_19 ,a.td_gnb_btn_19{ background:url(../images/button/btn_download.png) no-repeat #c8ced3; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #b0b5ba; line-height:21px;} #td_gnb ul li a.td_gnb_btn_19:hover ,a.td_gnb_btn_19:hover{ background:url(../images/button/btn_download.png) no-repeat #acb5bc; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #959da3; line-height:21px;} #td_gnb ul li a.td_gnb_btn_20 ,a.td_gnb_btn_20{ background:url(../images/button/btn_drawer.png) no-repeat #c8ced3; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #b0b5ba; line-height:21px;} #td_gnb ul li a.td_gnb_btn_20:hover ,a.td_gnb_btn_20:hover{ background:url(../images/button/btn_drawer.png) no-repeat #acb5bc; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #959da3; line-height:21px;} #td_gnb ul li a.td_gnb_btn_21 ,a.td_gnb_btn_21{ background:url(../images/button/btn_folder.png) no-repeat #c8ced3; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #b0b5ba; line-height:21px;} #td_gnb ul li a.td_gnb_btn_21:hover ,a.td_gnb_btn_21:hover{ background:url(../images/button/btn_folder.png) no-repeat #acb5bc; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #959da3; line-height:21px;} #td_gnb ul li a.td_gnb_btn_22 ,a.td_gnb_btn_22{ background:url(../images/button/btn_hourglass.png) no-repeat #c8ced3; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #b0b5ba; line-height:21px;} #td_gnb ul li a.td_gnb_btn_22:hover ,a.td_gnb_btn_22:hover{ background:url(../images/button/btn_hourglass.png) no-repeat #acb5bc; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #959da3; line-height:21px;} #td_gnb ul li a.td_gnb_btn_23 ,a.td_gnb_btn_23{ background:url(../images/button/btn_list2.png) no-repeat #c8ced3; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #b0b5ba; line-height:21px;} #td_gnb ul li a.td_gnb_btn_23:hover ,a.td_gnb_btn_23:hover{ background:url(../images/button/btn_list2.png) no-repeat #acb5bc; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #959da3; line-height:21px;} #td_gnb ul li a.td_gnb_btn_24 ,a.td_gnb_btn_24{ background:url(../images/button/btn_list3.png) no-repeat #c8ced3; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #b0b5ba; line-height:21px;} #td_gnb ul li a.td_gnb_btn_24:hover ,a.td_gnb_btn_24:hover{ background:url(../images/button/btn_list3.png) no-repeat #acb5bc; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #959da3; line-height:21px;} #td_gnb ul li a.td_gnb_btn_25 ,a.td_gnb_btn_25{ background:url(../images/button/btn_list4.png) no-repeat #c8ced3; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #b0b5ba; line-height:21px;} #td_gnb ul li a.td_gnb_btn_25:hover ,a.td_gnb_btn_25:hover{ background:url(../images/button/btn_list4.png) no-repeat #acb5bc; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #959da3; line-height:21px;} #td_gnb ul li a.td_gnb_btn_26 ,a.td_gnb_btn_26{ background:url(../images/button/btn_news.png) no-repeat #c8ced3; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #b0b5ba; line-height:21px;} #td_gnb ul li a.td_gnb_btn_26:hover ,a.td_gnb_btn_26:hover{ background:url(../images/button/btn_news.png) no-repeat #acb5bc; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #959da3; line-height:21px;} #td_gnb ul li a.td_gnb_btn_27 ,a.td_gnb_btn_27{ background:url(../images/button/btn_pc.png) no-repeat #c8ced3; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #b0b5ba; line-height:21px;} #td_gnb ul li a.td_gnb_btn_27:hover ,a.td_gnb_btn_27:hover{ background:url(../images/button/btn_pc.png) no-repeat #acb5bc; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #959da3; line-height:21px;} #td_gnb ul li a.td_gnb_btn_28 ,a.td_gnb_btn_28{ background:url(../images/button/btn_pointhand.png) no-repeat #c8ced3; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #b0b5ba; line-height:21px;} #td_gnb ul li a.td_gnb_btn_28:hover ,a.td_gnb_btn_28:hover{ background:url(../images/button/btn_pointhand.png) no-repeat #acb5bc; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #959da3; line-height:21px;} #td_gnb ul li a.td_gnb_btn_29 ,a.td_gnb_btn_29{ background:url(../images/button/btn_tickbox.png) no-repeat #c8ced3; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #b0b5ba; line-height:21px;} #td_gnb ul li a.td_gnb_btn_29:hover ,a.td_gnb_btn_29:hover{ background:url(../images/button/btn_tickbox.png) no-repeat #acb5bc; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #959da3; line-height:21px;} #td_gnb ul li a.td_gnb_btn_30 ,a.td_gnb_btn_30{ background:url(../images/button/btn_reload.png) no-repeat #c8ced3; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #b0b5ba; line-height:21px;} #td_gnb ul li a.td_gnb_btn_30:hover ,a.td_gnb_btn_30:hover{ background:url(../images/button/btn_reload.png) no-repeat #acb5bc; background-position:6px 3px; padding:2px 7px 0 18px; text-align:left; color:#444; border:1px solid #959da3; line-height:21px;} /* Sort */ #td_sort {display:table; } .sort_form {display:table-cell; vertical-align:middle; box-sizing:border-box; padding:0 10px;/* height:80px;*/} .sort_body_form {display:table-cell; vertical-align:middle; padding:0 10px; min-width:530px; overflow:hidden;} form fieldset ul li{float:left;line-height:23px; margin:5px;/* padding-right:10px;*/} form fieldset ul li.clear_both{clear:both;} form fieldset ul li.form_unit{float:right; color:#f58220;} form fieldset ul li label{/*min-width:50px; */display:inline-block; text-align:right; font-weight:bold; padding-right:3px;} form fieldset h5.number_people{color:#dc1c21;} .space_box {display:inline-block; } /* print_view */ #td_print_view { width:98%; height:98%; margin:1% auto; border:1px solid #000; display:table; padding-top:50px;} .td_print_view_sort{ width:99%; margin: auto auto;} .view_sort_order{ width:25%; float:left;} .view_sort_order fieldset ul li{ float:left; line-height:20px; margin:5px;} .view_sort_order fieldset ul li.clear_both{ clear:both;} .view_sort_title { width:50%; float:left; text-align:center;} .view_sort_title li span.large{ font-size:25px; font-weight:bold; border-bottom:1px solid #000;} .view_sort_workday { width:25%; float:left; text-align:right;} .view_sort_workday fieldset ul li{line-height:20px; margin:5px;} /* Table */ /*width 100% table*/ .td_division_full{ width:100%; height:100%; clear:none; position:relative; overflow:auto; } .td_table_basic{font-size:12px; width:100%; border-spacing: 0px;font-family: "굴림체",sans-serif; /*border-spacing: 3px;*/} .td_table_basic th{ white-space:nowrap; word-break:break-all; background:#696a6c; /*padding:0 10px;*/color:#fff; font-size:12px; border-right:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; font-weight:normal; height:30px; box-sizing: border-box;} .td_table_basic th:last-child, .td_table_basic td:last-child {border-right:none;} /*.td_table_basic td{ white-space:nowrap;color:#3d3d3d; text-align:right; padding:0 10px; border-right:1px solid #f0f0f0; height:22px;}*/ .td_table_basic td{ white-space:normal; word-break:break-all; color:#3d3d3d; text-align:right; padding:0 5px; border-right:1px solid #f0f0f0; height:20px; box-sizing: border-box; table-layout: fixed;} .td_table_basic td.td_text_left{ text-align:left;} .td_table_basic td.td_text_center{ text-align:center;} .td_table_basic td.td_text_right{ text-align:right;} .td_table_basic td.bd_right{border-right:1px solid #f0f0f0;} .td_table_basic td.td_text_fixed{ text-align:left; overflow:hidden;} .td_table_basic td.td_text_fixed span.control_170{ display:block; width:170px;} .td_table_basic td.td_text_fixed span.control_190{ display:block; width:190px;} .td_table_basic tr {background:#fff;} .td_table_basic colgroup col {/*min-width:100px;*/} .td_division_full table.td_table_basic tr:nth-child(odd){background:#e7e7e7;} .td_division_full table.td_table_basic tr:nth-child(even){background:#fff;} .td_division_full table.td_table_basic tr:hover {background-color:#ddd;} table.td_table_basic tfoot td{/*color:#000 !important;*/ font-weight:700; background:#e9e9e9;} table.td_table_basic tfoot td.empty{background-color:#fff !important; color:#fff !important; border:0;} .td_table_basic > tbody > tr:nth-child(even) { background-color:#e7e7e7; } .td_table_basic > tbody > tr.selected > td{background-color:#3399ff; color:#fff;} .td_table_basic tr.BackColor0{/*background-color:#fff;*/} .td_table_basic tr.BackColor1{/*background-color:#e7e7e7;*/} .td_division_full div.table_bottom{position:absolute; bottom:0; width:100%; height:50px; text-align:center; background-color:#ddd;} div.table_header{position:fixed; top:0; left:0;} div.table_header > table{font-size:12px; width:100%; border-spacing: 0px; /*border-spacing: 3px;*/} div.table_header > table th{ white-space:nowrap; word-break:break-all; background:#696a6c; /*padding:0 10px;*/color:#fff; font-size:12px; border-right:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; font-weight:normal; height:30px; box-sizing: border-box;} div.table_header > table th:last-child, .td_table_basic td:last-child {border-right:none;} div.table_footer{position:fixed; bottom:0; left:0;} div.table_footer > table{font-size:12px; width:100%; border-spacing: 0px;font-family: "굴림체",sans-serif; /*border-spacing: 3px;*/} div.table_footer > table td{ white-space:normal; word-break:break-all; color:#3d3d3d; text-align:right; padding:0 5px; border-right:1px solid #f0f0f0; height:22px; box-sizing: border-box; table-layout: fixed;} div.table_footer > table td.empty{background-color:#fff !important;} div.table_footer > table td.td_text_left{ text-align:left;} div.table_footer > table td.td_text_center{ text-align:center;} div.table_footer > table td.td_text_right{ text-align:right;} div.table_footer > table tfoot td, div.table_footer > table tfoot th{color:#000; font-weight:700; background:#e9e9e9;} .footer_sum {position:absolute; bottom:0; left:0; width:100%; height:25px; background-color:#e9e9e9; text-align:center; line-height:25px;} .td_division_output{ width:100%; height:100%; float:left; overflow:auto; border:1px solid #000;} .td_table_output{font-size:12px; width:100%; border-spacing: 3px; } .td_table_output th{ white-space:nowrap; padding:0 10px; font-size:12px; border-right:1px solid #000; border-bottom:1px solid #000; font-weight:normal; height:30px;} .td_table_output th:last-child, .td_table_output td:last-child {border-right:none;} .td_table_output tr:last-child td {border-bottom:none;} .td_table_output td{ white-space:nowrap; color:#3d3d3d; text-align:right; padding:0 10px; border-bottom:1px solid #000; border-right:1px solid #f0f0f0; height:22px;} .td_table_output td.td_text_space_normal{ white-space:normal; text-align:left;} .td_table_output td.td_text_left{ text-align:left;} .td_table_output td.td_text_center{ text-align:center;} .td_table_output td.td_text_right{ text-align:right;} .td_table_calendar{font-size:15px; width:100%; border-spacing: 0px; /*border-spacing: 3px;*/} .td_table_calendar th{ white-space:nowrap;background:#f7f7f7; padding:0 10px;color:#000; font-size:16px; border-right:1px solid #000; border-bottom:1px solid #000; font-weight:bold; height:30px;} /*.td_table_calendar th:last-child, .td_table_calendar td:last-child {border-right:none;}*/ /*.td_table_calendar th:first-child, .td_table_calendar td:first-child{color:#f00; background-color:#ffe1e6;} .td_table_calendar th:last-child, .td_table_calendar td:last-child{color:#00f; background-color:#d9d9fd;}*/ .td_table_calendar .sun{color:#f00; background-color:#ffe1e6;} .td_table_calendar .satur{color:#00f; background-color:#d9d9fd;} .td_table_calendar td{ white-space:normal; word-break:break-all; color:#3d3d3d; text-align:left; padding:0 10px; border-right:1px solid #000; border-bottom:1px solid #000; height:53px; font-weight:600;} .td_table_calendar td.td_text_left{ text-align:left;} .td_table_calendar td.td_text_center{ text-align:center;} .td_table_calendar td.td_text_right{ text-align:right;} .td_table_calendar td.selected{background-color:#ff0;} .td_table_print{font-size:15px; width:100%; border-spacing: 0px; border-left:1px solid #000; border-top:1px solid #000; /*border-spacing: 3px;*/} .td_table_print th{ white-space:nowrap; padding:0 10px;color:#000; font-size:16px; border-right:1px solid #000; border-bottom:1px solid #000; font-weight:bold; height:30px;} .td_table_print td{ white-space:normal; word-break:break-all; color:#3d3d3d; text-align:right; padding:0 10px; border-right:1px solid #000; border-bottom:1px solid #000; font-weight:600;} .td_table_print td.td_text_left{ text-align:left;} .td_table_print td.td_text_center{ text-align:center;} .td_table_print td.td_text_right{ text-align:right;} .td_table_print tfoot td{color:#000; font-weight:700;} .td_division_excel{ width:100%; height:100%; float:left; overflow:auto; border:1px solid #000 !important;} .td_division_excel{font-size:12px; width:100%;} .td_division_excel th{ white-space:nowrap; padding:0 10px; font-size:12px; border-right:1px solid #000; border-bottom:1px solid #000; font-weight:normal; height:30px;} .td_division_excel td{ white-space:nowrap; color:#3d3d3d; text-align:right; padding:0 10px; border-bottom:1px solid #000; border-right:1px solid #000; height:22px;} .td_division_excel td.td_text_space_normal{ white-space:normal; text-align:left;} .td_division_excel td.td_text_left{ text-align:left;} .td_division_excel td.td_text_center{ text-align:center;} .td_division_excel td.td_text_right{ text-align:right;} /* width 50% input 테이블 */ .ul_bis_w1 {width:100%; margin:5px 0;} .li_bis_w1 {float:left; width:47%; margin:3px 5px; } .li_bis_w2 {float:left; width:95%; margin:3px 5px; } .li_bis_w3 {float:left; width:30%; margin:3px 5px; } .li_bis_w4 {float:left; width:60%; margin:3px 5px; } .ul_bis_w1 li label {display:inline-block; width:90px;} .ul_bis_w3 li label span.type_2{letter-spacing:2.5em;} .ul_bis_w3 li label span.type_3{letter-spacing:1.2em;} .ul_bis_w3 li label span.type_4{letter-spacing:0.5em;} .ul_bis_w3 li label span.type_5{letter-spacing:0.2em;} .ul_bis_w1 li input[type="text"] {text-align:right;} .text_spacing01 {display:inline-block; width:0.5em;} .text_spacing02 {display:inline-block; width:1em;} .text_spacing03 {display:inline-block; width:1.5em;} .text_spacing04 {display:inline-block; width:2em;} .text_spacing05 {display:inline-block; width:2.5em;} .text_spacing06 {display:inline-block; width:3em;} .text_spacing07 {display:inline-block; width:3.5em;} .text_spacing08 {display:inline-block; width:4em;} /* 테이블 고정 css tbody, thead, tfoot { float:left; width:100%;} tbody {overflow-y:auto; height:83%;} tr {display:table; width:100%;} tfoot {height:7%;} tfoot tr, thead tr{height:100%;} th, td {min-width:30px;} .table_width33 {width:33px;} .table_width50 {width:50px;} .table_width60 {width:60px;} .table_width70 {width:70px;} .table_width100 {width:100px;} .table_width120 {width:120px;} .table_width150 {width:150px;} .table_width200 {width:200px;} .table_width250 {width:250px;} .table_width300 {width:300px;} .table_width50 {width:5%;} .table_width60 {width:6%;} .table_width70 {width:7%;} .table_width100 {width:10%;} .table_width120 {width:12%;} .table_width150 {width:15%;} .table_width200 {width:20%;} .table_width250 {width:25%;} .table_width300 {width:30%;} 부서 = 코드 = 60px 날짜 = 90px */ /* input */ #input_note {width:530px; height:70px; vertical-align:top; text-align:left;} .input_group {display:inline-block;} /* Tab menu */ .tab_menu {width:900px; height:30px;/* margin-top:10px;*/ display:block;} .tab_menu li {float:left; /*width:90px;*/ height:30px; line-height:30px; text-align:center; /*margin-right:4px;*/} /*.tab_menu li:first-child a {background-color:#f58220; color:#fff; border:none;}*/ .tab_menu li a.selected {background-color:#f58220; color:#fff; border:none;} .tab_menu li a:visited, .tab_menu li a:link {display:block; width:100%; height:100%; border:1px solid #666; border-collapse:collapse; padding:0 2px; border-left: 0px; box-sizing:border-box;} .tab_menu li:first-child a{border-left:1px solid #666;} /* button */ .sort_form_button{line-height:20px; margin-top:5px; margin-right:5px;} .bold,.bold td{font-weight:bold !important} .hand{cursor:pointer !important} /*소계/합계*/ .bg_sum01{background-color: #FAECC5 !important} .bg_sum02{background-color: #FFE08C !important} .display_none{display:none !important;} .float_left{float:left;} .float_right{float:right;} .padding_left1{padding-left:0px !important;} .padding_left2{padding-left:15px !important;} .padding_left3{padding-left:30px !important;} .padding_left4{padding-left:45px !important;} .padding_left5{padding-left:60px !important;} .padding_left6{padding-left:75px !important;} iframe{border:1px solid #000; box-sizing:border-box; margin-left:1px;} div#proc{ position:absolute; background-color:#ccccff; z-index:111; width:100%; height:300px; display:none; overflow:auto;} /*.focus_set{border:1px solid #01fffb !important;}*/ .focus_set{border:1px solid #FF48FF !important;} /*color gray*/ .borderLeft1{border-left:1px solid #E6E6E6 !important;} .borderRight1{border-right:1px solid #E6E6E6 !important;} .borderTop1{border-top:1px solid #E6E6E6 !important;} .borderBottom1{border-bottom:1px solid #E6E6E6 !important;} .even_f0f0f0 > tr:nth-child(even){ background-color:#f0f0f0; } .tl {text-align:left;} .tc {text-align:center;} .tr {text-align:right;} .lightgrey {background:#ededed;} .lightgreen {background:#ebf1c8;} .lightyellow {background:#fff799;} .lightpurple {background:#e6e6ff;} .lightred {background:#ffe6e6;} .lightblue {background:#e1ecf9;} .td_table_none{font-size:12px; width:100%; border-spacing: 0px;font-family: "굴림체",sans-serif; /*border-spacing: 3px;*/} .td_table_none th{ white-space:nowrap; word-break:break-all; background:#696a6c; /*padding:0 10px;*/color:#fff; font-size:12px; font-weight:normal; height:30px; box-sizing: border-box;border-bottom:1px solid #fff;} .td_table_none th:last-child, .td_table_none td:last-child {border-right:none;} /*.td_table_basic td{ white-space:nowrap;color:#3d3d3d; text-align:right; padding:0 10px; border-right:1px solid #f0f0f0; height:22px;}*/ .td_table_none td{ white-space:normal; word-break:break-all; color:#3d3d3d; text-align:right; padding:0 5px; height:22px; box-sizing: border-box; table-layout: fixed; border-bottom:1px solid #fff;} .td_table_none td.td_text_left{ text-align:left;} .td_table_none td.td_text_center{ text-align:center;} .td_table_none td.td_text_right{ text-align:right;} .td_table_none td.bd_right{border-right:1px solid #f0f0f0;} .btn_prev{background:url(../images/button/btn_prev.png) no-repeat ; background-size:20px; height:20px; width:20px; cursor:pointer; background-position:center;} .btn_prev2{background:url(../images/button/btn_prev2.png) no-repeat ; background-size:20px; height:20px; width:20px; cursor:pointer; background-position:center;} .btn_next{background:url(../images/button/btn_next.png) no-repeat ; background-size:20px; height:20px; width:20px; cursor:pointer; background-position:center;} .btn_next2{background:url(../images/button/btn_next2.png) no-repeat ; background-size:20px; height:20px; width:20px; cursor:pointer; background-position:center;}