/* CSS Document */ /** * 2013 포인트웹 CSS default v.0.05 * 2014년 11월 엠케이 프로젝트 시작할때 추가됨(기존 css전체 삭제함) - 엄상현 */ /* 기본 스타일 */ html, body { width:100%; height:100%; } body { overflow-y:scroll; margin:0px; padding:0px; font-size:12px; font-family:"돋움", "돋움체", Tahoma, Geneva, sans-serif; } li { list-style:none; } input[type="text"] { border:solid 1px #777777; height:22px; padding-left:2px; } input[type="password"] { padding-left:4px; padding-right:4px; } select { padding-top:3px; padding-bottom:3px; } a:link { text-decoration:none; color:#666666; } a:visited { text-decoration:none; color:#666666; } a:hover { text-decoration:none; color:#666666; } a:active { text-decoration:none; color:#666666; } /* 버튼 스타일 */ .button_s { padding:0px 5px 2px 5px; vertical-align:middle; height:18px; background-color:#5362A4; color:#FFFFFF; border:1px solid #5362A4; border-radius:3px; font-size:11px; } .button_m { padding:0px 6px 2px 6px; vertical-align:middle; height:25px; background-color:#5362A4; color:#FFFFFF; border:1px solid #5362A4; border-radius:3px; font-size:12px; } .button_l { padding:0px 12px 2px 12px; vertical-align:middle; height:32px; background-color:#5362A4; color:#FFFFFF; border:1px solid #5362A4; border-radius:3px; font-size:12px; } .button_h { padding:0px 4px 2px 4px; vertical-align:middle; height:27px; background-color:#5362A4; color:#FFFFFF; border:1px solid #5362A4; border-radius:3px; font-size:12px; } .button_cmt { padding:0px 4px 2px 4px; vertical-align:middle; width:82px; height:66px; background-color:#5362A4; color:#FFFFFF; border:1px solid #5362A4; border-radius:3px; font-size:12px; } .button_cmt_2 { padding:0px 4px 2px 4px; vertical-align:middle; width:82px; height:45px; background-color:#5362A4; color:#FFFFFF; border:1px solid #5362A4; border-radius:3px; font-size:12px; } .button_bogi { padding:0px 4px 2px 4px; vertical-align:middle; width:90px; height:68px; background-color:#5362A4; color:#FFFFFF; border:1px solid #5362A4; border-radius:3px; font-size:12px; } /* 메인메뉴스타일 */ #admin_top_menu { width:980px; margin:0px auto; padding:0px; } /* 탑메뉴 최상위 프레임 */ #admin_top_menu .admin_top_menu_peak table { width:100%; margin:0px auto; table-layout:fixed; } #admin_top_menu .admin_top_menu_peak table thead tr { vertical-align:bottom; } #admin_top_menu .admin_top_menu_peak table thead tr td { text-align:right; padding-bottom:3px; } #admin_top_menu .admin_top_menu_peak table thead tr td:first-child { text-align:left; } /* 탑메뉴 메인 카테고리 프레임 */ #admin_top_menu .admin_top_menu_main_category { width:100%; height:42px; margin:0px auto; background-image:url(/_public/admin/image/main_menu_bg.gif); } #admin_top_menu .admin_top_menu_main_category .admin_menu_link a { font-weight:bold; color:#FFFFFF; text-decoration:none; } #admin_top_menu .admin_top_menu_main_category .admin_menu_link a.on { color:#FFFF00; } #admin_top_menu .admin_top_menu_main_category table { width:100%; margin:0px auto; table-layout:fixed; } #admin_top_menu .admin_top_menu_main_category table thead tr { text-align:center; } /* 탑메뉴 서브 카테고리 프레임 */ #admin_top_menu .admin_top_menu_sub_category { width:100%; margin:0px auto; background-color:#F9F9F9; text-align:left; } #admin_top_menu .admin_top_menu_sub_category ul { margin:0px; padding:0px 0px 0px 10px; border-left:solid 1px #D8D8D8; border-right:solid 1px #D8D8D8; border-bottom:solid 1px #D8D8D8; } #admin_top_menu .admin_top_menu_sub_category ul li { display:none; } #admin_top_menu .admin_top_menu_sub_category ul li a.on { color:#FF4500; } #admin_top_menu .admin_top_menu_sub_category ul li:first-child { display:block; } #admin_top_menu .admin_top_menu_sub_category ul li img { vertical-align:middle; padding:0px 8px; } #admin_top_menu .admin_top_menu_sub_category ul li img:last-child { visibility:hidden; } /* 전체 바디 레이아웃 */ #admin_body { width:980px; margin:0px auto; } /* 네비게이션 */ #admin_body .navigation { width:100%; height:40px; line-height:40px; border-bottom:1px solid #D8D8D8; } #admin_body .navigation ul { margin:0px; padding:0px; } #admin_body .navigation ul span { font-size:11px; color:#666666; } /* 페이지명 */ #admin_body .pagename { width:100%; } #admin_body .pagename ul { margin:0px; padding-left:15px; height:35px; line-height:35px; } #admin_body .pagename ul span { font-weight:bold; font-size:14px; color:#333333; padding-left:4px; } #admin_body .pagename ul table { width:100%; table-layout:fixed; } #admin_body .pagename ul table tr { height:35px; line-height:35px; margin:0px; } #admin_body .pagename ul table tr td:first-child span { font-weight:bold; font-size:14px; color:#333333; padding-left:4px; } #admin_body .pagename ul table tr td:last-child { text-align:right; } /* 로그인 페이지 */ #admin_body .login_top_logo { width:430px; height:110px; text-align:center; margin:150px 0px 10px 0px; } #admin_body .login_bottom_text { width:560px; height:36px; text-align:center; margin-top:10px; } #admin_body .login_form { width:560px; margin:0 auto; } #admin_body .login_form table { width:100%; table-layout:fixed; border-left:solid 1px #D8D8D8; border-right:solid 1px #D8D8D8; border-bottom:solid 1px #D8D8D8; } #admin_body .login_form table thead tr td { background-color:#434752; height:42px; padding-left:16px; text-align:left; } #admin_body .login_form table thead tr td span { font-weight:bold; color:#FFFFFF; } #admin_body .login_form table tbody { background-color:#F8F8F8; } #admin_body .login_form table tbody tr:first-child td { padding:20px 0px; } #admin_body .login_form table tbody tr:first-child td:first-child { text-align:right; } #admin_body .login_form table tbody tr:first-child td:last-child { text-align:left; } #admin_body .login_input_form { width:210px; } #admin_body .login_input_form ul { height:30px; line-height:30px; margin:0px; padding:0px; display:inline-block; } #admin_body .login_input_form ul:first-child { vertical-align:top; } #admin_body .login_input_form ul:last-child { vertical-align:bottom; } #admin_body .login_input_form ul li:first-child { float:left; width:70px; font-size:14px; font-weight:bold; } #admin_body .login_input_form ul li:last-child { float:right; text-align:left; } #admin_body .login_input_form ul li input { width:130px; height:20px; border:solid 1px #CCCCCC; color:#333333; font-weight:bold; padding:0px; } #admin_body .login_form table tbody tr:last-child td { text-align:center; line-height:30px; font-size:11px; color:#999999; } /* 메인 페이지 */ /* 상단 운영관리 기본정보 */ #admin_body .manager_info { width:100%; } #admin_body .manager_info div:first-child { height:38px; border:solid 1px #D8D8D8; background-color:#FAFAFA; } #admin_body .manager_info div:first-child li:first-child { width:400px; line-height:38px; text-align:left; padding-left:24px; font-weight:bold; } #admin_body .manager_info div:first-child li:first-child span { font-size:11px; color:#999; font-weight:normal; } #admin_body .manager_info div:first-child li:not(:first-child) { float:right; width:170px; text-align:right; padding:7px 24px 24px 0px; } #admin_body .manager_info div:not(:first-child) { border-left:solid 1px #D8D8D8; border-right:solid 1px #D8D8D8; border-bottom:solid 1px #D8D8D8; padding:10px 24px; } #admin_body .manager_info div:not(:first-child) li { line-height:20px; } /* 하단 일일통계출력/회원가입현황/참가신청현황/티켓예매현황 > 탭형구현 */ #admin_body .tabmenu { width:100%; height:32px; margin-top:20px; vertical-align:bottom; } #admin_body .tabmenu .tab_menu { float:left; height:20px; text-align:center; font-weight:bold; padding-top:11px; border:1px solid #5362A4; border-top-left-radius:5px; border-top-right-radius:5px; } #admin_body .tabmenu .on { background-color:#5362A4; color:#FFFFFF; cursor:default; } #admin_body .tabmenu .off { background-color:#FFFFFF; color:#5362A4; cursor:default; } #admin_body .tabmenu div:last-child { float:right; line-height:30px; } #admin_body .tabmenu div:last-child a { font-size:11px; color:#999; line-height:30px; } /* 일일통계출력 */ #admin_body .connect_frame { width:100%; border-top:solid 2px #5362A4; } #admin_body .connect_frame ul { margin-top:0px; } #admin_body .connect_frame ul { width:100%; margin:0px; padding:0px; } #admin_body .connect_frame ul table { width:100%; table-layout:fixed; border-left:1px solid #CCCCCC; text-align:center; } #admin_body .connect_frame ul table thead tr { height:35px; background-color:#F2F2F2; } #admin_body .connect_frame ul table thead tr th { border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; } #admin_body .connect_frame ul table tbody tr { height:35px; } #admin_body .connect_frame ul table tbody tr td { border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; } /* 폼 프레임(입력, 수정, 답변 폼) */ #admin_body .form_frame { width:100%; } #admin_body .form_frame ul:first-child { margin:0px; padding:0px; border-top:solid 2px #5362A4; } #admin_body .form_frame ul:first-child table { width:100%; table-layout:fixed; border-left:1px solid #CCCCCC; text-align:center; } #admin_body .form_frame ul:first-child table tr { height:33px; } #admin_body .form_frame ul:first-child table tr th { font-weight:bold; color:#333333; text-align:center; background-color:#F2F2F2; border-right:solid 1px #CCCCCC; border-bottom:solid 1px #CCCCCC; } #admin_body .form_frame ul:first-child table tr td { color:#666666; text-align:left; background-color:#FFFFFF; border-right:solid 1px #CCCCCC; border-bottom:solid 1px #CCCCCC; } #admin_body .form_frame ul:first-child table tr td span { padding-left:10px; } #admin_body .form_frame .button_frame { height:40px; line-height:40px; text-align:center; } /* 리스트 프레임 */ #admin_body .list_frame { width:100%; } #admin_body .list_frame ul:first-child { margin:0px; padding:0px; border-top:solid 2px #5362A4; } #admin_body .list_frame ul:first-child table { width:100%; table-layout:fixed; border-left:1px solid #CCCCCC; text-align:center; } #admin_body .list_frame ul:first-child table tr { height:32px; } #admin_body .list_frame ul:first-child table tr th { font-weight:bold; color:#333333; background-color:#F2F2F2; border-right:solid 1px #CCCCCC; border-bottom:solid 1px #CCCCCC; } #admin_body .list_frame ul:first-child table tr td { color:#666666; background-color:#FFFFFF; border-right:solid 1px #CCCCCC; border-bottom:solid 1px #CCCCCC; } #admin_body .list_frame ul:first-child table tr td span { padding-left:5px; } #admin_body .search_frame { width:100%; margin:0px; padding:0px; } #admin_body .search_frame table { width:100%; margin:0px auto; } #admin_body .search_frame table tbody tr { height:40px; line-height:40px; } #admin_body .search_frame table tbody tr td { text-align:right; } #admin_body .paging_ul { padding:0px; margin:0px; width:100%; height:40px; line-height:40px; text-align:center; } #admin_body .paging_ul .s_num { padding:4px 6px 2px 6px; border:solid 1px #DEDEDE; color:#FF6600; background-color:#F9F9F9; font-weight:bold; } #admin_body .paging_ul .o_num { padding:4px 6px 2px 6px; border:solid 1px #DEDEDE; background-color:#F9F9F9; } #admin_body .paging_ul .d_num { padding:4px 6px 2px 6px; } /* 갤러리 리스트 프레임 */ #admin_body .gallery_frame { width:100%; } #admin_body .gallery_frame ul:first-child { margin:0px; padding:0px; } #admin_body .gallery_frame ul:first-child table { width:100%; table-layout:fixed; text-align:center; } /* 갤러리 리스트 프레임 */ #admin_body .webzine_frame { width:100%; } #admin_body .webzine_frame ul:first-child { margin:0px; padding:0px; } #admin_body .webzine_frame ul:first-child table { width:100%; table-layout:fixed; text-align:center; } /* 상세정보 프레임 */ #admin_body .view_frame { width:100%; } #admin_body .view_frame ul:first-child { margin:0px; padding:0px; border-top:solid 2px #5362A4; } #admin_body .view_frame ul:first-child table { width:100%; table-layout:fixed; border-left:1px solid #CCCCCC; } #admin_body .view_frame ul:first-child table tr { height:32px; } #admin_body .view_frame ul:first-child table tr th { font-weight:bold; color:#333333; background-color:#F2F2F2; border-right:solid 1px #CCCCCC; border-bottom:solid 1px #CCCCCC; } #admin_body .view_frame ul:first-child table tr td { color:#666666; background-color:#FFFFFF; border-right:solid 1px #CCCCCC; border-bottom:solid 1px #CCCCCC; } #admin_body .view_frame ul:first-child table tr td span { padding-left:10px; } #admin_body .view_frame .button_frame { width:100%; height:40px; line-height:40px; padding:0px; vertical-align:bottom; } #admin_body .view_frame .button_frame li:first-child { float:left; width:50%; text-align:left; } #admin_body .view_frame .button_frame li:last-child { float:right; width:50%; text-align:right; } #admin_body .view_frame #content_frame { width:807px; } #admin_body .view_frame #content_frame img { max-width:807px; } /* 덧글 프레임 */ #admin_body .comment_frame { width:100%; } #admin_body .comment_frame ul { margin:0px; padding:0px; } #admin_body .comment_frame .comment_summery { padding:10px 0; text-align:left; } #admin_body .comment_frame .comment_body { width:100%; } #admin_body .comment_frame .comment_body table { width:100%; table-layout:fixed; background-color:#F4F4F4; } #admin_body .comment_frame .comment_body table thead tr { height:80px; } #admin_body .comment_frame .comment_body table thead tr td { padding:0px; text-align:center; } #admin_body .comment_frame .comment_body table .add_tr { height:80px; } #admin_body .comment_frame .comment_body table .add_tr td:not(:first-child) { vertical-align:bottom; padding:10px 0px; } #admin_body .comment_frame .comment_body table .add_tr td textarea { width:100%; height:60px; -webkit-transition:height 0.2s; -moz-transition:height 0.2s; transition:height 0.2s; } #admin_body .comment_frame .comment_body table tbody .list_tr td { padding:0px 20px 0px 10px; border-bottom:1px dotted #C9C9C9; } #admin_body .comment_frame .comment_body table tbody .list_tr td dl { margin:0px; height:30px; line-height:30px; } #admin_body .comment_frame .comment_body table tbody .list_tr td dl dt { float:left; width:400px; } #admin_body .comment_frame .comment_body table tbody .list_tr td dl dd { float:right; } #admin_body .comment_frame .comment_body table tbody .list_tr td dl .cmt_content_frame { width:100%; line-height:20px; padding-bottom:5px; } #admin_body .comment_frame .comment_body table tbody .list_tr td dl .cmt_content_frame pre { padding:0px; margin:0px; word-wrap:break-word; } #admin_body .comment_frame .comment_body table tbody .reply_tr td { text-align:center; } #admin_body .comment_frame .comment_body table tbody .reply_tr td:not(:first-child) { vertical-align:bottom; padding:10px 0px; } #admin_body .comment_frame .comment_body table tbody .reply_tr td textarea { width:100%; height:60px; overflow:hidden; -webkit-transition:height 0.2s; -moz-transition:height 0.2s; transition:height 0.2s; } #admin_body .comment_frame .comment_body table tbody .edit_tr td { text-align:center; } #admin_body .comment_frame .comment_body table tbody .edit_tr td:not(:first-child) { vertical-align:bottom; padding:10px 0px; } #admin_body .comment_frame .comment_body table tbody .edit_tr td textarea { width:100%; height:60px; overflow:hidden; -webkit-transition:height 0.2s; -moz-transition:height 0.2s; transition:height 0.2s; } #admin_body .comment_frame .comment_body table tbody .blank_tr { height:50px; } #admin_body .comment_frame .comment_body table tbody .blank_tr td { border-bottom:1px dotted #C9C9C9; } #admin_body .comment_frame .comment_body table tbody .blank_tr td span { padding-left:10px; } /* 수정 프레임 */ #admin_body .edit_frame { width:100%; } #admin_body .edit_frame ul:first-child { margin:0px; padding:0px; border-top:solid 2px #5362A4; } #admin_body .edit_frame ul:first-child table { width:100%; table-layout:fixed; border-left:1px solid #CCCCCC; } #admin_body .edit_frame ul:first-child table tr { height:32px; } #admin_body .edit_frame ul:first-child table tr th { font-weight:bold; color:#333333; background-color:#F2F2F2; border-right:solid 1px #CCCCCC; border-bottom:solid 1px #CCCCCC; } #admin_body .edit_frame ul:first-child table tr td { color:#666666; background-color:#FFFFFF; border-right:solid 1px #CCCCCC; border-bottom:solid 1px #CCCCCC; } #admin_body .edit_frame ul:first-child table tr td span { padding-left:10px; } #admin_body .edit_frame .button_frame { width:100%; height:40px; line-height:40px; padding:0px; vertical-align:bottom; text-align:center; } #admin_body .edit_frame #chara_con01 ul { height:100%; margin:20px 0px; overflow:hidden; border:0px; } #admin_body .edit_frame #chara_con01 ul li { float:left; width:120px; text-align:center; } /* 팝업창 */ #admin_body_popup { width:99%; margin:0px auto; } /* 네비게이션 */ #admin_body_popup .navigation { width:100%; height:40px; line-height:40px; border-bottom:1px solid #D8D8D8; } #admin_body_popup .navigation ul { margin:0px; padding:0px; } #admin_body_popup .navigation ul span { font-size:11px; color:#666666; } /* 페이지명 */ #admin_body_popup .pagename { width:100%; } #admin_body_popup .pagename ul { margin:0px; padding-left:15px; height:35px; line-height:35px; } #admin_body_popup .pagename ul span { font-weight:bold; font-size:14px; color:#333333; padding-left:4px; } #admin_body_popup .pagename ul table { width:100%; table-layout:fixed; } #admin_body_popup .pagename ul table tr { height:35px; line-height:35px; margin:0px; } #admin_body_popup .pagename ul table tr td:first-child span { font-weight:bold; font-size:14px; color:#333333; padding-left:4px; } #admin_body_popup .pagename ul table tr td:last-child { text-align:right; } /* 수정 프레임 */ #admin_body_popup .edit_frame { width:100%; } #admin_body_popup .edit_frame ul:first-child { margin:0px; padding:0px; border-top:solid 2px #5362A4; } #admin_body_popup .edit_frame ul:first-child table { width:100%; table-layout:fixed; border-left:1px solid #CCCCCC; } #admin_body_popup .edit_frame ul:first-child table tr { height:32px; } #admin_body_popup .edit_frame ul:first-child table tr th { font-weight:bold; color:#333333; background-color:#F2F2F2; border-right:solid 1px #CCCCCC; border-bottom:solid 1px #CCCCCC; } #admin_body_popup .edit_frame ul:first-child table tr td { color:#666666; background-color:#FFFFFF; border-right:solid 1px #CCCCCC; border-bottom:solid 1px #CCCCCC; } #admin_body_popup .edit_frame ul:first-child table tr td span { padding-left:10px; } #admin_body_popup .edit_frame .button_frame { width:100%; height:40px; line-height:40px; padding:0px; vertical-align:bottom; text-align:center; } #admin_body_popup .edit_frame #chara_con01 ul { height:100%; margin:20px 0px; overflow:hidden; border:0px; } #admin_body_popup .edit_frame #chara_con01 ul li { float:left; width:120px; text-align:center; } /* 상세정보 프레임 */ #admin_body_popup .view_frame { width:100%; } #admin_body_popup .view_frame ul:first-child { margin:0px; padding:0px; border-top:solid 2px #5362A4; } #admin_body_popup .view_frame ul:first-child table { width:100%; table-layout:fixed; border-left:1px solid #CCCCCC; } #admin_body_popup .view_frame ul:first-child table tr { height:32px; } #admin_body_popup .view_frame ul:first-child table tr th { font-weight:bold; color:#333333; background-color:#F2F2F2; border-right:solid 1px #CCCCCC; border-bottom:solid 1px #CCCCCC; } #admin_body_popup .view_frame ul:first-child table tr td { color:#666666; background-color:#FFFFFF; border-right:solid 1px #CCCCCC; border-bottom:solid 1px #CCCCCC; } #admin_body_popup .view_frame ul:first-child table tr td span { padding-left:10px; } #admin_body_popup .view_frame .button_frame { width:100%; height:40px; line-height:40px; padding:0px; vertical-align:bottom; } #admin_body_popup .view_frame .button_frame li:first-child { float:left; width:50%; text-align:left; } #admin_body_popup .view_frame .button_frame li:last-child { float:right; width:50%; text-align:right; } /* 리스트 프레임 */ #admin_body_popup .list_frame { width:100%; } #admin_body_popup .list_frame ul:first-child { margin:0px; padding:0px; border-top:solid 2px #5362A4; } #admin_body_popup .list_frame ul:first-child table { width:100%; table-layout:fixed; border-left:1px solid #CCCCCC; text-align:center; } #admin_body_popup .list_frame ul:first-child table tr { height:32px; } #admin_body_popup .list_frame ul:first-child table tr th { font-weight:bold; color:#333333; background-color:#F2F2F2; border-right:solid 1px #CCCCCC; border-bottom:solid 1px #CCCCCC; } #admin_body_popup .list_frame ul:first-child table tr td { color:#666666; background-color:#FFFFFF; border-right:solid 1px #CCCCCC; border-bottom:solid 1px #CCCCCC; } #admin_body_popup .list_frame ul:first-child table tr td span { padding-left:5px; } #admin_body_popup .list_frame .button_frame { width:100%; height:40px; line-height:40px; padding:0px; text-align:right; vertical-align:bottom; } /* 하단 카피라이트 */ #admin_copyright { width:980px; margin:0px auto; } #admin_copyright .pointweb_help { margin-top:10px; } #admin_copyright .pointweb_help ul { padding:4px 14px; border-top:solid 2px #5A6AB1; border-bottom:solid 1px #CCCCCC; } #admin_copyright .cusromer_copyright ul { width:100%; margin:0px; padding:0px; } #admin_copyright .cusromer_copyright ul table { width:100%; table-layout:fixed; } #admin_copyright .cusromer_copyright ul table tr { height:42px; min-height:42px; } #admin_copyright .cusromer_copyright ul table tr td:last-child { line-height:18px; } /* 게시물 제목 입력란 사이즈에 맞춰서 내용 자르기 */ .cutString { white-space: nowrap; text-overflow:ellipsis; /* IE, Safari - ellipsis, clip */ -o-text-overflow:ellipsis; /* Opera under 10.7 - ellipsis, clip */ overflow: hidden; /* "overflow" value must be different from "visible" */ -moz-binding:url(/ellipsis.xml#ellipsis); } /* 탭스타일 */ .tab_menu10_on {float:left; width:100px; background-image:url(/_public/admin/image/tab_10on_bg.gif); line-height:30px; text-align:center; font-weight:bold; color:#FFF; text-decoration:none; cursor:pointer;} .tab_menu10_off {float:left; width:100px; background-image:url(/_public/admin/image/tab_10off_bg.gif); line-height:30px; text-align:center; color:#666; text-decoration:none; cursor:pointer;} .tab_menu12_on {float:left; width:120px; background-image:url(/_public/admin/image/tab_12on_bg.gif); line-height:30px; text-align:center; font-weight:bold; color:#FFF; text-decoration:none; cursor:pointer;} .tab_menu12_off {float:left; width:120px; background-image:url(/_public/admin/image/tab_12off_bg.gif); line-height:30px; text-align:center; color:#666; text-decoration:none; cursor:pointer;} .tab_menu14_on {float:left; width:140px; background-image:url(/_public/admin/image/tab_14on.gif); line-height:30px; text-align:center; font-weight:bold; color:#FFF; text-decoration:none; cursor:pointer;} .tab_menu14_off {float:left; width:140px; background-image:url(/_public/admin/image/tab_14off.gif); line-height:30px; text-align:center; color:#666; text-decoration:none; cursor:pointer;}