/*---------------------------------------------- Header ----------------------------------------------*/ header {} /* header -> 상단 로그인 정보 박스 */ #top_info {background-color:#f2f2f2; padding:10px 0; font-weight:bold;} #top_info .row {padding:0 15px; } #top_info .col_box_r {padding-left:15px; line-height:25px;} #top_info .text_box {color:#666;} #top_info .lg_btn .btn {padding:0px 15px; line-height:25px;} #top_info .user_btn {color:#337ab7;} #top_info .user_btn a {text-decoration:underline;} /* header -> 메뉴 박스 */ #top_menu {padding-bottom:10px;} #top_menu .layout_box {position:relative;} #top_menu .top_menu_box {border-bottom:2px solid #1f497d;} #top_menu .top_menu_box .col_box {text-align:center;} #top_menu .top_menu_box:hover + .sub_menu_box {display:block;} #top_menu .top_menu_box a.top_btn {display: block; font-weight:bold; font-size:16px; padding:10px 0; } #top_menu .top_menu_box a.top_btn.on {color:#c0504d;} #top_menu .top_menu_box a.top_btn:hover {color:#c0504d;} #top_menu .sub_menu_box {background-color:#fff; display:none; z-index:1;} #top_menu .sub_menu_box {position:absolute; top:42px; left:0; right:0; } #top_menu .sub_menu_box .sub_menu_tbl {width:100%; outline:1px solid #e9e9e9;} #top_menu .sub_menu_box .sub_menu_tbl tr td {border:1px solid #dfdfdf; width:16.666666%; vertical-align: top; padding:5px 10px 15px 10px;} #top_menu .sub_menu_box .sub_menu_tbl ul {padding:0;} #top_menu .sub_menu_box .sub_menu_tbl ul li {display:block;} #top_menu .sub_menu_box .sub_menu_tbl ul li a {display:block; text-align:center; padding:3px 0; font-size:14px;} #top_menu .sub_menu_box .sub_menu_tbl ul li a.top_cate {font-size:15px; font-weight:bold;} #top_menu .sub_menu_box .sub_menu_tbl ul li a:hover {color:#c0504d;} #top_menu .sub_menu_box:hover {display:block;} /*---------------------------------------------- 로그인 Page ----------------------------------------------*/ #login {} #login .login_box {width:600px; margin:0 auto; padding-top:200px; } /* 로그인 Page -> 로그인 인풋 박스 */ #login .login_box .login_input {border:1px solid #bfbfbf; background-color:#f2f2f2; padding:20px; } #login .login_box .login_input input {width:100%; padding:5px; font-size:16px; } #login .login_box .login_input .input_box + .input_box {padding-top:15px; } #login .login_box .login_input .lg_btn {padding-left:15px;} #login .login_box .login_input .lg_btn a.btn {background-color:#1f497d; border-radius:0; display:block; height:87px; color:#fff; font-size:22px; font-weight:bold; line-height:85px;} /* 로그인 Page -> 하단 text */ #login .login_box .login_text {padding:10px; font-size:14px;} /*---------------------------------------------- Main ----------------------------------------------*/ #main {min-height:740px; /*background-color:#f2f2f2;*/ } /*---------------------------------------------- 게시판 - 공용 ----------------------------------------------*/ .board_box {padding:5px 10px;} /* 게시판 - 공용 -> 버튼 */ .board_box .btn {font-size:14px; display:block; text-align:center; border-radius:0;} .board_box .btn.btn_del:hover { color : #ffef00; text-decoration : underline; } /* 게시판 - 공용 -> 상단 tiitle */ .board_box .board_hd {margin-bottom:15px;} .board_box .board_hd .top_tit {font-size:20px; font-weight:bold; line-height:28px;} /* 게시판 - 공용 -> 상단 lint tree */ .board_box .board_hd .link_tree {text-align:right; line-height:28px;} .board_box .board_hd .link_tree a {display:inline-block; font-size:14px;} .board_box .board_hd .link_tree span {display:inline-block; padding:0 10px; font-size:14px;} /* 게시판 - 공용 -> 하단 페이징 */ .board_box .liat_paging {text-align:center;} .board_box .liat_paging .paging_box {display:inline-block;} .board_box .liat_paging .paging_box .col_box {padding:0 2px;} .board_box .liat_paging .paging_box .pd_btn {display:block; font-size:13px; border:1px solid #e4e4e4; width:30px; height:30px; line-height:29px; color:#666;} .board_box .liat_paging .paging_box .pd_btn:hover {background-color:#656565; border:1px solid #767676; color:#fff; font-weight:bold;} .board_box .liat_paging .paging_box .pd_btn.on {background-color:#656565; border:1px solid #767676; color:#fff; font-weight:bold;} /*---------------------------------------------- 게시판 - list 공용 ----------------------------------------------*/ .board_box.type_list select {width:100%; font-size:14px; padding:5px; } .board_box.type_list input[type=text] {width:100%; font-size:14px; padding:3px; } /* 게시판 - list 공용 -> 상단 tab 박스 */ .board_box .board_top_tab {margin-bottom:15px;} .board_box .board_top_tab .row {margin:0 -5px;} .board_box .board_top_tab .row .col_box {padding:0 5px;} .board_box .board_top_tab .row .col_box .tab_btn {display:block; border:1px solid #afafaf; text-align:center; font-size:15px; font-weight:bold; padding:15px 0;cursor:pointer} .board_box .board_top_tab .row .col_box .tab_btn.on {background-color:#f2f2f2; } .board_box .board_top_tab .row .col_box .chk_category:checked + .tab_btn {background-color:#f2f2f2; } .board_box .board_top_tab .row .col_box .tab_btn:hover {background-color:#f2f2f2;} /* 게시판 - list 공용 -> 상단 tab 박스 type mini*/ .board_box .board_top_tab.mini_type {} .board_box .board_top_tab.mini_type .type_08 .col_box {width:12.5%;} .board_box .board_top_tab.mini_type .col_box .tab_btn{padding:10px 0; font-size:13px;} /* 게시판 - list 공용 -> 상단 검색 박스 */ .board_box .board_search_box {border:1px solid #bfbfbf; background-color:#f2f2f2; padding:10px; margin-bottom:10px; } .board_box .board_search_box > .table { margin : 0; } .board_box .board_search_box > .table td { border-top : 0; } .board_box .board_search_box > .table td .col_box_l { padding : 0; } .board_box .board_search_box > .table td select { font-size : 13px; } .board_box .board_search_box .search_label { line-height : 30px; font-weight : bold; font-size : 13px; } .board_box .board_search_box > .table td .added_text { padding-top : 5px; } .board_box .board_search_box > .table td .added_text .col_box {padding-right : 8px;} .board_box .board_search_box > .table td .added_text .col_box + .col_box {padding-left:0;} .board_box .board_search_box > .table td .added_text .text_box {background-color:#c3d69b; padding:0 10px; line-height:29px; border-radius:8px;} .board_box .board_search_box > .table td .added_text .btn_close_01 {margin-left:8px; color:#fff;} .board_box .board_search_box > .table td .added_text .file_name {color:#fff;} .board_box .board_search_box .search_select {} .board_box .board_search_box .search_select .row {margin:0 -5px;} .board_box .board_search_box .search_select .col_box {width:20%; padding:0 5px; } .board_box .board_search_box .search_box .input_area {width:80%;} .board_box .board_search_box .search_box .btn_area {width:20%;} .board_box .board_search_box .search_box .btn_area .src_btn {display:block; color:#fff; text-align:center; background-color:#595959; line-height:30px; font-size:15px; } .board_box .board_search_box .search_box .btn_area .src_btn.bg-red { background-color : #c0504d; } /* 게시판 - list 공용 -> 상단 검색 박스 -> type dropdown */ .board_box .board_search_box .search_select select { height : 32px; border-color : #ccc; } .board_box .board_search_box .search_select .dropdown {} .board_box .board_search_box .search_select .dropdown .btn {width:100%; font-size:14px; padding:5px 15px; text-align:left; position:relative;} .board_box .board_search_box .search_select .dropdown .caret {position:absolute; right:15px; top:12px; border-top: 8px dashed; border-right: 7px solid transparent; border-left: 7px solid transparent;} .board_box .board_search_box .search_select .dropdown .dropdown-menu { box-shadow:none; width:180px; border-radius:0; padding:2px 10px; } .board_box .board_search_box .search_select .dropdown .dropdown-menu li {} .board_box .board_search_box .search_select .dropdown .dropdown-menu li label {display:block; padding:5px 0; cursor:pointer;} .board_box .board_search_box .search_select .dropdown .dropdown-menu li label span {padding-left:5px; } /* 게시판 - list 공용 -> list 상단 */ .board_box .list_top_box {margin-bottom:10px; padding:0 0px;} .board_box .list_top_box .list_src_text {font-size:15px; padding-left:10px; line-height:30px;} .board_box .list_top_box .list_src_text .scr_num {color:#1f497d; font-weight:800;} .board_box .list_top_box .list_src_text .scr_user_num {color:#1f497d; font-weight:800;} .board_box .list_top_box .list_write_btn {} .board_box .list_top_box .list_write_btn .file_write_btn {width:20%;padding-left:5px;} .board_box .list_top_box .list_write_btn .file_write_btn .write_btn {display:block; color:#fff; text-align:center; background-color:#000; line-height:30px; font-size:14px; } .board_box .list_top_box .list_write_btn .view_select {width:28%; } /* 게시판 - list 공용 -> list box */ .board_box .list_box {padding-bottom:25px; min-height:450px;} .board_box .list_box .no_date_text {font-size:16px; text-align:center; padding-top:200px;} .board_box .list_box .list_table {width:100%;} .board_box .list_box .list_table tr td {font-size:14px; text-align:center;} .board_box .list_box .list_table thead tr td {font-weight:bold; background-color:#dce6f2; border:1px solid #d1d7df; padding:5px 10px; font-size:15px;} .board_box .list_box .list_table thead tr td:first-child {border-left:0;} .board_box .list_box .list_table thead tr td:last-child {border-right:0;} .board_box .list_box .list_table tbody tr:hover {background-color:#eeece1;} .board_box .list_box .list_table tbody tr.hover {background-color:#eeece1;} .board_box .list_box .list_table tbody tr.nohover:hover { background-color : transparent; } .board_box .list_box .list_table tbody tr td {border:1px solid #efefef; padding:5px 10px; font-size:14px;} .board_box .list_box .list_table tbody tr td.text-left p {text-align:left;} .board_box .list_box .list_table tbody tr td:first-child {border-left:0;} .board_box .list_box .list_table tbody tr td:last-child {border-right:0;} .board_box .list_box .list_table tbody tr.list_item_user_area:hover { background-color : transparent;} .board_box .list_box .list_table tbody .list_tit_td {} .board_box .list_box .list_table tbody .td_contents:hover { background-color : transparent;} .board_box .list_box .list_table tbody .td_contents .contents_area { min-height : 400px; text-align : initial; } .board_box .list_box .list_table tbody .list_tit_td .icon {display:inline-block; line-height:20px; font-size:12px; padding:0 5px;} .board_box .list_box .list_table tbody .list_tit_td .icon + .icon {margin-left:5px;} .board_box .list_box .list_table tbody .list_tit_td .icon.icon_green {color:#fff; background-color:#77933c; border-radius:5px;} .board_box .list_box .list_table tbody .list_tit_td .icon.icon_blue {color:#fff; background-color:#1f497d; } .board_box .list_box .list_table tbody .list_tit_td .icon.icon_red {color:#fff; background-color:#c0504d; } .board_box .list_box .list_table tbody .list_tit_td .list_tit_td_a {} .board_box .list_box .list_table tbody .list_tit_td .list_tit_td_a a {display:block; text-align:left; text-decoration: underline;} .board_box .list_box .list_table tbody .list_tit_td .list_tit_td_a .special_icon {text-align:left;} .board_box .list_box .list_table tbody .list_tit_td .push_icon {text-align:left; padding-left:5px;} .board_box .list_box .list_table tbody .list_tit_td .list_tit_td_icon {text-align:right;} .board_box .list_box .list_table tbody .list_tit_td .list_tit_td_icon img {width:20px; height:20px;} .board_box .list_box .list_table tbody .list_tit_td .list_tit_td_icon .img_icon + .img_icon {padding-left:5px;} /*---------------------------------------------- 게시판 - write 공용 ----------------------------------------------*/ .b_write_box {} .b_write_box .write_tbl {} .b_write_box .write_tbl label {display:block; font-weight:normal;} .b_write_box .write_tbl label:hover {cursor: pointer;} .b_write_box .write_tbl table {width:100%;} .b_write_box .write_tbl table th, .b_write_box .write_tbl table td {font-size:14px; padding:10px; border:1px solid #bfbfbf; } .b_write_box .write_tbl table th {border-left:0;background-color:#f2f2f2; text-align:center; } .b_write_box .write_tbl table td {border-right:0; } .b_write_box .write_tbl table td input[type=text] {width:100%; font-size:13px; padding:5px;} .b_write_box .write_tbl table td input[type=radio], .b_write_box .write_tbl table td input[type=checkbox] {margin:0; vertical-align: middle;} .b_write_box .write_tbl table td select {width:100%; font-size:13px; padding:5px;} .b_write_box .write_tbl table td textarea {width:100%; font-size:13px; padding:5px; resize:none; display:block;} .b_write_box .write_tbl table td .add_row_box .col_box {margin-top:8px;} .b_write_box .write_tbl table td .icon_span {} .b_write_box .write_tbl table td .icon_span {padding-left:10px;} .b_write_box .write_tbl table td .icon_span img {width:29px; height:29px;} .b_write_box .write_tbl table td .sub_text_box {padding:0 0 5px 8px;} .b_write_box .write_tbl table td.input_type .input_text_span {padding-left:5px;} .b_write_box .write_tbl table td.input_type .input_text_span img {width:16px; height:16px;} .b_write_box .write_tbl table td.input_type .row .col_box + .col_box {padding-left:50px;} .b_write_box .write_tbl table td.input_type .row.type_01 .col_box + .col_box {padding-left:35px;} .b_write_box .write_tbl table td.input_type .row.type_02 .col_box + .col_box {padding-left: 9px;} .b_write_box .write_tbl table td.file_type .text_box {padding-left:10px;} .b_write_box .write_tbl table td.file_type .text_box .btn_close {margin-left:5px;} .b_write_box .write_tbl table td.file_type .text_box .file_name {text-decoration:underline;} .b_write_box .write_tbl table td.file_type .text_box .file_name + .file_name { margin-left : 10px; } .b_write_box .write_tbl table td.input_type .mix_age_type {} .b_write_box .write_tbl table td.input_type .mix_age_type .col_box {background-color:#d9d9d9; padding:5px 10px; font-weight:bold;} .b_write_box .write_tbl table td.input_type .mix_age_type .col_box + .col_box {padding:5px 40px 5px 10px;} .b_write_box .write_tbl table td.input_type .mix_age_type .col_box .input_text_span {font-weight:bold;} .b_write_box .write_tbl table td.text_add_type {} .b_write_box .write_tbl table td.text_add_type .col_box + .col_box {padding-left:5px;} .b_write_box .write_tbl table td.text_add_type select {width:200px;} .b_write_box .write_tbl table td.text_add_type .added_text {} .b_write_box .write_tbl table td.text_add_type .added_text .col_box { padding-right : 8px; margin-top : 8px; } .b_write_box .write_tbl table td.text_add_type .added_text .col_box + .col_box {padding-left:0;} .b_write_box .write_tbl table td.text_add_type .added_text .text_box {background-color:#c3d69b; padding:0 10px; line-height:29px; border-radius:8px; margin-top : 5px; margin-right : 5px;} .b_write_box .write_tbl table td.text_add_type .added_text .btn_close_01 {margin-left:8px; color:#fff; cursor : pointer;} .b_write_box .write_tbl table td.text_add_type .added_text .file_name {color:#fff;} /* 게시판 - write -> 활동계획안 -> 장애특수 탭 */ .board_box .b_write_top_tab {border-bottom:3px solid #77933c; margin-bottom:15px;} .board_box .b_write_top_tab .row { margin:0 -5px;} .board_box .b_write_top_tab .col_box {padding:0px 5px; } .board_box .b_write_top_tab .col_box .tab_box { text-align:center; font-size:18px; font-weight:bold; } .board_box .b_write_top_tab .col_box .tab_box a {color:#fff; display:block; background-color:#a6a6a6; padding:15px 0;} .board_box .b_write_top_tab .col_box .tab_box a span {display:none;} .board_box .b_write_top_tab .col_box .tab_box.on a {background-color:#77933c;} .board_box .b_write_top_tab .col_box .tab_box.on a.orange { background-color:#fdeada; color : black; } .board_box .b_write_top_tab .col_box .tab_box.on a span {display:inline-block;} .board_box .b_write_top_tab.light_gray {border: 1px solid #acacac; margin-bottom:15px;} .board_box .b_write_top_tab.light_gray .col_box .tab_box { text-align:center; font-size:18px; font-weight:bold; } .board_box .b_write_top_tab.light_gray .col_box .tab_box a {color:black; display:block; padding:15px 0; background-color : white;} .board_box .b_write_top_tab.light_gray .col_box .tab_box a span {display:none;} .board_box .b_write_top_tab.light_gray .col_box .tab_box.on a {background-color:#d9d9d9;} .board_box .b_write_top_tab.light_gray .col_box .tab_box.on a span {display:inline-block;} /* 게시판 -write 하단 버튼 */ .b_write_box .write_ft_btn {padding-top:20px;} .b_write_box .write_ft_btn a + a {margin-left:10px; } /*---------------------------------------------- Footer ----------------------------------------------*/ footer {padding-top:10px;} footer #ft_info {max-width:1300px; margin:0 auto; position:relative; border-top:1px solid #a6a6a6; padding:10px; } footer #ft_info .ft_logo {position:absolute; left:0; top:10px;} footer #ft_info .ft_info_text {text-align:right; padding-left:150px;} footer #ft_info .ft_info_text p {display:inline-block; padding-left:15px; font-size:13px; }