/* ------------------------------------------------------------------
   게시판 (sketchbook5_picomax 스킨) 보정 - 레이아웃 본문 영역에만 적용
------------------------------------------------------------------ */
/* 게시판 좌우 여백 */
#t5_content .bd { margin-left:20px; margin-right:20px; }

/* 목록 : 행 여백과 셀 간격 */
#t5_content .bd_tb_lst { margin-top:18px; }
#t5_content .bd_tb_lst th { padding:8px 10px; font-size:12px; letter-spacing:0; }
#t5_content .bd_tb_lst td { padding:7px 10px; font-size:12px; line-height:1.5; color:#666; }
#t5_content .bd_tb_lst td.no { padding-left:14px; color:#999; }
#t5_content .bd_tb_lst td.cate { padding:7px 4px 7px 10px; font-size:12px; color:#888; }
#t5_content .bd_tb_lst td.cate strong { font-weight:normal; }
#t5_content .bd_tb_lst td.title { padding:7px 10px 7px 14px; font-size:12px; }
#t5_content .bd_tb_lst td.title a { font-size:12px; color:#333; }
#t5_content .bd_tb_lst td.title .extraimages img { vertical-align:middle; margin-left:2px; }
#t5_content .bd_tb_lst td.author { color:#777; }
#t5_content .bd_tb_lst td.time { color:#999; letter-spacing:0; }
#t5_content .bd_tb_lst tr:hover td { background:#FAFAFA; }
#t5_content .bd_tb_lst td { border-bottom:1px solid #F0F0F0; }

/* 글 보기 : 본문 글꼴 크기·행간을 차분하게 */
#t5_content .bd .xe_content,
#t5_content .bd .xe_content p,
#t5_content .bd .xe_content li,
#t5_content .bd .xe_content td,
#t5_content .bd .xe_content div,
#t5_content .bd .xe_content span,
#t5_content .bd .xe_content font { font-size:13px !important; line-height:1.75 !important; color:#444; }
#t5_content .bd .xe_content h1, #t5_content .bd .xe_content h1 * { font-size:18px !important; line-height:1.4 !important; }
#t5_content .bd .xe_content h2, #t5_content .bd .xe_content h2 * { font-size:16px !important; line-height:1.4 !important; }
#t5_content .bd .xe_content h3, #t5_content .bd .xe_content h3 * { font-size:15px !important; line-height:1.4 !important; }
#t5_content .bd .xe_content h4, #t5_content .bd .xe_content h5, #t5_content .bd .xe_content h6,
#t5_content .bd .xe_content h4 *, #t5_content .bd .xe_content h5 *, #t5_content .bd .xe_content h6 * { font-size:14px !important; line-height:1.4 !important; }
#t5_content .bd .xe_content h1, #t5_content .bd .xe_content h2, #t5_content .bd .xe_content h3,
#t5_content .bd .xe_content h4, #t5_content .bd .xe_content h5, #t5_content .bd .xe_content h6 { margin:1.4em 0 .6em; color:#333; font-weight:bold; }
#t5_content .bd .xe_content pre, #t5_content .bd .xe_content code,
#t5_content .bd .xe_content pre *, #t5_content .bd .xe_content code * { font-size:12px !important; line-height:1.6 !important; }
#t5_content .bd .xe_content pre { padding:12px 14px !important; margin:.8em 0 !important; border-radius:3px !important; }
#t5_content .bd .xe_content img { max-width:100%; height:auto; }
#t5_content .bd .xe_content ul, #t5_content .bd .xe_content ol { margin:.4em 0 .8em; padding-left:1.8em; }

/* 글 보기 : 제목/정보 영역 */
#t5_content .rd_hd .board .top_area { padding:12px 10px; }
#t5_content .rd_hd .board h1 { font-size:14px; color:#333; }
#t5_content .rd_hd .board .cate { font-size:11px; }
#t5_content .rd_hd .board .btm_area { font-size:11px; }
#t5_content .rd_hd { margin-bottom:30px; }
#t5_content .rd_body { margin:0 12px 30px; }
#t5_content .bd .xe_content p { margin:0 0 .5em; }
#t5_content .bd .xe_content strong span, #t5_content .bd .xe_content b span { font-size:14px !important; color:#333; }

/* 댓글 영역 : 본문과 같은 톤 (13px / 행간 1.75 / #444) */
#t5_content .fdb_lst_wrp { margin-bottom:40px; }
#t5_content .fdb_tag { padding:9px 14px; font-size:11px; color:#777; background:#FAFAFA; border-color:#E5E5E5; }
#t5_content .fdb_tag b { font-size:12px; color:#333; }
#t5_content .fdb_itm { padding:14px 12px 16px 66px !important; border-color:#F0F0F0; }
#t5_content .fdb_itm .profile { width:40px; height:40px; line-height:40px; margin-left:-54px !important; padding:0; border:1px solid #E5E5E5; border-radius:3px; font-size:20px; color:#BBB; background:#FAFAFA; }
#t5_content .fdb_itm .meta { margin-bottom:6px; font-size:12px; }
#t5_content .fdb_itm .meta a, #t5_content .fdb_itm .meta b { font-size:12px; font-weight:bold; color:#333; }
#t5_content .fdb_itm .meta .date { padding:0 10px; font-size:11px; color:#999; }
#t5_content .fdb_itm .xe_content,
#t5_content .fdb_itm .xe_content p, #t5_content .fdb_itm .xe_content div, #t5_content .fdb_itm .xe_content span,
#t5_content .fdb_itm .xe_content li, #t5_content .fdb_itm .xe_content td, #t5_content .fdb_itm .xe_content font { font-size:13px !important; line-height:1.75 !important; color:#444; }
#t5_content .fdb_itm .xe_content p { margin:0 0 .3em; }
#t5_content .fdb_itm .xe_content img { max-width:100%; height:auto; }
#t5_content .fdb_itm.re { background:#FCFCFC; }
#t5_content .fdb_itm > i.re { color:#CCC; }
#t5_content .fdb_nav a { font-size:11px; color:#888; }
#t5_content .fdb_nav .fa { color:#BBB; }
#t5_content .cmt_files, #t5_content .bd .cmt_files a { font-size:11px; }

/* 댓글 쓰기 */
#t5_content .cmt_editor { margin-bottom:24px; padding:12px 14px 16px !important; background:#FCFCFC; border:1px solid #E5E5E5; border-radius:4px; box-shadow:none; }
#t5_content .cmt_editor_tl strong { font-size:12px; color:#555; }
#t5_content .cmt_editor_tl em { font-size:14px; }
#t5_content .editor_select a { font-size:11px; color:#888; }
#t5_content .cmt_wrt .simple_wrt textarea { min-height:72px !important; font-size:13px; line-height:1.6; color:#444; }
#t5_content .bd .itx, #t5_content .bd .itx_wrp label, #t5_content .bd select { font-size:12px; height:28px; }
#t5_content .bd_btn, #t5_content .btn_img { height:28px; padding:4px 14px; font-size:12px; }
#t5_content .bd_login { font-size:12px; color:#666; }

/* 넓은 코드블록/이미지가 있어도 본문 칸이 프레임 밖으로 늘어나지 않게 */
#t5_content { overflow:hidden; word-wrap:break-word; }
#t5_content .bd .xe_content pre { overflow:auto !important; max-width:100%; }
#t5_content .bd .xe_content table { max-width:100%; }
#t5_content .bd .xe_content iframe, #t5_content .bd .xe_content video, #t5_content .bd .xe_content object { max-width:100%; }

/* 글쓰기 화면 (write_form.html) : 목록/본문/댓글과 같은 톤 */
#t5_content .bd_wrt_main { padding:14px; background:#FCFCFC; border:1px solid #E5E5E5; border-radius:4px; }
#t5_content .bd_wrt_hd { margin-bottom:10px; }
#t5_content .bd_wrt_hd td { padding:0 4px 0 0; }
#t5_content .bd_wrt_hd .category { height:28px; font-size:12px; color:#555; }
#t5_content .bd_wrt .itx, #t5_content .bd_wrt select, #t5_content .bd_wrt textarea { font-size:12px; color:#444; background:#FFF; border:1px solid #DDD; border-radius:3px; box-shadow:none; }
#t5_content .bd_wrt .itx { height:28px; padding:3px 8px; }
#t5_content .bd_wrt .itx_wrp label { font-size:12px; color:#AAA; }
#t5_content .bd_wrt .itx:focus, #t5_content .bd_wrt textarea:focus { border-color:#BBB; background:#FFF; }
#t5_content .et_vars { margin:10px 0 14px; }
#t5_content .et_vars th, #t5_content .et_vars td { padding:7px 12px; font-size:12px; color:#555; border-color:#E5E5E5; }
#t5_content .et_vars th { background:#F7F7F7; font-weight:normal; }
#t5_content .et_vars caption { font-size:11px; color:#999; text-align:left; padding-bottom:4px; }
#t5_content .get_editor { margin:10px 0; }
#t5_content .bd .xpress-editor, #t5_content .bd .xpress-editor select { font-size:12px; }
#t5_content .bd .xpress-editor .xpress-editor-body, #t5_content .bd .xpress-editor textarea { font-size:13px; line-height:1.75; color:#444; }
#t5_content .bd_wrt .tag { margin-top:10px; }
#t5_content .bd_wrt .edit_opt .itx_wrp { display:inline-block; width:24%; margin-right:1%; }
#t5_content .bd_wrt .edit_opt .itx { width:100%; }
#t5_content .opt_chk { margin-top:10px; font-size:12px; color:#666; }
#t5_content .opt_chk .section { margin:4px 14px 4px 0; }
#t5_content .opt_chk label { font-size:12px; color:#666; }
#t5_content .bd_wrt .sns_wrt p { font-size:11px; color:#888; }
#t5_content .bd_wrt .regist { position:relative; margin-top:14px; padding-top:12px; border-top:1px solid #EEE; text-align:right; }
#t5_content .bd_wrt .regist .bd_btn { height:28px; padding:4px 14px; font-size:12px; }
#t5_content .bd_wrt .regist .blue { min-width:80px; margin-left:8px; }
#t5_content .bd_wrt .regist .cancle { position:static; margin-left:4px; }
#t5_content .bd_btn.blue { font-weight:normal; text-shadow:none; background:#5B7DAD; border-color:#4A6A99 !important; box-shadow:none; }
#t5_content .bd_btn.blue:hover { background:#4A6A99; }

/* 메시지 화면 (권한 없음 등) */
#t5_content .context_message, #t5_content .message { padding:30px 0 20px; font-size:13px; color:#555; }
#t5_content .context_message .bd_btn { margin:6px 3px 0; }
#t5_content .context_message { border-top:1px solid #E5E5E5; }
#t5_content .context_message h1 { margin:1.6em 0 1em; font-size:14px; font-weight:normal; color:#555; }
#t5_content .context_message .bd_btn { min-width:80px; height:28px; padding:4px 14px; font-size:12px; line-height:18px; }
#t5_content .bd_btn.blue, #t5_content a.bd_btn.blue { color:#FFF !important; background-image:none; }

/* 통합검색 결과 (integration_search/skins/default) : 목록/본문과 같은 톤 */
#t5_content #spot { margin:14px 10px 16px; }
#t5_content #spot .search input[type="text"] { width:260px; height:28px; line-height:20px; padding:3px 8px; border:1px solid #DDD; border-radius:3px; font-size:13px; font-weight:normal; color:#444; background:#FFF; box-sizing:border-box; }
#t5_content #spot .search input[type="text"]:focus { border-color:#BBB; }
#t5_content #spot .search input[type="submit"] { height:28px; line-height:26px; padding:0 14px; margin-left:4px; font-size:12px; font-weight:normal; color:#FFF; background:#5B7DAD; border:1px solid #4A6A99; border-radius:3px; box-shadow:none; }
#t5_content #spot .search input[type="submit"]:hover { background:#4A6A99; }
#t5_content .localNavigation { margin:0 10px 16px; border-bottom-color:#DDD; }
#t5_content .localNavigation li a { height:auto; padding:7px 14px; font-size:12px; color:#777; background:#F7F7F7; border-color:#E5E5E5; border-radius:3px 3px 0 0; }
#t5_content .localNavigation li.on a { height:auto; padding-bottom:8px; color:#333; background:#FFF; border-color:#DDD; }
#t5_content h3.subTitle { margin:6px 10px 12px; padding-left:18px; font-size:13px; color:#333; }
#t5_content h3.subTitle span { font-family:inherit; font-size:11px; color:#999; }
#t5_content .subNavigation { margin:0 10px 12px; padding-bottom:8px; border-bottom-color:#F0F0F0; }
#t5_content .subNavigation li a { font-size:11px; color:#888; border-right-color:#E5E5E5; }
#t5_content .subNavigation li.on a { color:#333; }
#t5_content .noResult { margin:0 10px 24px; padding-bottom:12px; font-size:12px; color:#999; border-bottom-color:#F0F0F0; }
#t5_content .searchResult { margin:6px 10px 0; }
#t5_content .searchResult li { margin-bottom:14px; padding-bottom:14px; border-bottom:1px solid #F5F5F5; }
#t5_content .searchResult li .thumb { border-color:#E5E5E5; padding:1px; }
#t5_content .searchResult li dl { margin-top:2px; }
#t5_content .searchResult li dl dt a { font-size:13px; font-weight:bold; color:#333; text-decoration:none; }
#t5_content .searchResult li dl dt a:hover { text-decoration:underline; }
#t5_content .searchResult li dl dt .reply, #t5_content .searchResult li dl dt .reply em { color:#5B7DAD; font-size:11px; }
#t5_content .searchResult li dl dd { font-size:12px; line-height:1.7; color:#666; }
#t5_content .searchResult li address, #t5_content .searchResult li address strong,
#t5_content .searchResult li address .time, #t5_content .searchResult li address .read, #t5_content .searchResult li address .readNum,
#t5_content .searchResult li address .recom, #t5_content .searchResult li address .recomNum { font-family:inherit; font-size:11px; color:#999; }
#t5_content .searchResult li address strong { color:#777; }
#t5_content .searchResult li address .recomNum { color:#5B7DAD; }
#t5_content .searchImageResult { margin:6px 0 0 10px; }
#t5_content .searchImageResult li { width:118px; height:auto; margin:0 14px 16px 0; }
#t5_content .searchImageResult li img { margin-bottom:6px; border-color:#E5E5E5; }
#t5_content .searchImageResult li dl dt a { font-size:12px; color:#333; text-decoration:none; }
#t5_content .searchImageResult li address, #t5_content .searchImageResult li address strong, #t5_content .searchImageResult li address .time { font-family:inherit; font-style:normal; font-size:11px; color:#999; }
#t5_content div.isMore { margin:0 10px 22px; padding-bottom:10px; font-size:11px; border-bottom-color:#F0F0F0; }
#t5_content div.isMore a { color:#5B7DAD; text-decoration:none; }
#t5_content div.isMore a:hover { text-decoration:underline; }
#t5_content strong.noKeyword { margin:30px 10px; font-size:13px; font-weight:normal; color:#666; }
#t5_content .pagination { padding:12px 0 20px; }
#t5_content .pagination a, #t5_content .pagination strong { font-family:inherit; font-size:12px; font-weight:normal; color:#666; }
#t5_content .pagination.a1 a, #t5_content .pagination.a1 strong { border-color:#E5E5E5; }
#t5_content .pagination strong { color:#333 !important; }

/* 회원 화면 (member/skins/default) : 로그인 · ID/PW 찾기 · 회원가입 · 정보수정 */
#t5_content .xm { font-size:12px; color:#444; }
#t5_content .xm h1, #t5_content .xm h2, #t5_content .xm legend { font-size:14px; font-weight:bold; color:#333; }
#t5_content .xm label { font-size:12px; color:#666; }
#t5_content .xm input[type="text"], #t5_content .xm input[type="password"], #t5_content .xm input[type="email"],
#t5_content .xm input[type="url"], #t5_content .xm input[type="tel"], #t5_content .xm input[type="number"],
#t5_content .xm select, #t5_content .xm textarea { height:28px; padding:3px 8px; line-height:20px; font-size:12px; color:#444; background:#FFF; border:1px solid #DDD; border-radius:3px; box-shadow:none; box-sizing:border-box; }
#t5_content .xm textarea { height:auto; line-height:1.6; }
#t5_content .xm input:focus, #t5_content .xm select:focus, #t5_content .xm textarea:focus { border-color:#BBB; box-shadow:none; outline:0; }
#t5_content .xm input::placeholder, #t5_content .xm textarea::placeholder { color:#AAA; }
#t5_content .xm .btn { height:28px; padding:4px 14px; line-height:18px; font-size:12px; color:#555; background:#F7F7F7; border:1px solid #DDD; border-radius:3px; box-shadow:none; text-shadow:none; }
#t5_content .xm .btn:hover { background:#F0F0F0; border-color:#CCC; }
#t5_content .xm .btn-inverse, #t5_content .xm .btn-primary, #t5_content .xm .btn.submit { color:#FFF; background:#5B7DAD; border-color:#4A6A99; }
#t5_content .xm .btn-inverse:hover, #t5_content .xm .btn-primary:hover, #t5_content .xm .btn.submit:hover { background:#4A6A99; }
#t5_content .xm .help-block, #t5_content .xm .help-inline, #t5_content .xm small, #t5_content .xm #warning p { font-size:11px; line-height:1.6; color:#999; }
#t5_content .xm .dl-horizontal dt { width:120px; font-weight:normal; color:#666; }
#t5_content .xm .dl-horizontal dd { margin-left:136px; }
#t5_content .xm table th, #t5_content .xm table td { padding:7px 10px; font-size:12px; border-color:#EEE; }
#t5_content .xm table th { background:#F7F7F7; font-weight:normal; color:#666; }
#t5_content .xm a { color:#5B7DAD; }

/* 로그인 박스 */
#t5_content .signin { width:360px; margin:24px auto 30px; border:1px solid #E5E5E5; border-radius:4px; background:#FFF; box-shadow:none; }
#t5_content .signin .login-header { padding:12px 18px; border-bottom:1px solid #EEE; background:#FCFCFC; border-radius:4px 4px 0 0; }
#t5_content .signin .login-header h1 { margin:0; font-size:14px; font-weight:bold; color:#333; }
#t5_content .signin .login-body { padding:18px 18px 12px; }
#t5_content .signin .login-body input[type="email"], #t5_content .signin .login-body input[type="password"] { width:100%; height:30px; margin-bottom:8px; font-size:13px; }
#t5_content .signin .control-group { margin:0; }
#t5_content .signin label { display:inline-block; margin:6px 0 0; font-size:12px; color:#666; }
#t5_content .signin label input { margin:0 4px 0 0; vertical-align:-1px; }
#t5_content .signin .submit { float:right; min-width:80px; margin-top:2px; }
#t5_content .signin #warning { clear:both; margin:8px 0 0; padding:8px 10px; background:#FAFAFA; border:1px solid #EEE; border-radius:3px; }
#t5_content .signin #warning p { margin:0; }
#t5_content .signin .login-footer { padding:10px 18px; text-align:right; font-size:11px; color:#CCC; background:#FCFCFC; border-top:1px solid #EEE; border-radius:0 0 4px 4px; }
#t5_content .signin .login-footer a { color:#777; text-decoration:none; }
#t5_content .signin .login-footer a:hover { color:#333; text-decoration:underline; }

/* 회원 정보 수정 / 회원 정보 / 비밀번호 확인 (member/skins/default form-horizontal) */
#t5_content .xm > h1, #t5_content .xm h1[style] { margin:16px 10px 14px; padding-bottom:8px; font-size:14px; font-weight:bold; color:#333; border-bottom:1px solid #E5E5E5 !important; }
#t5_content .xm .message { margin:0 10px 14px; padding:8px 12px; font-size:12px; color:#666; background:#FAFAFA; border:1px solid #EEE; border-radius:3px; }
#t5_content .xm .message p { margin:0; }
#t5_content .xm .message.error { color:#B0413E; background:#FDF6F6; border-color:#F0D8D8; }
#t5_content .xm .form-horizontal { margin:0 10px 20px; }
#t5_content .xm .form-horizontal .control-group { margin-bottom:12px; }
#t5_content .xm .form-horizontal .control-label { width:120px; padding-top:5px; font-size:12px; color:#666; text-align:right; }
#t5_content .xm .form-horizontal .control-label em { color:#C0504D; font-style:normal; }
#t5_content .xm .form-horizontal .controls { margin-left:136px; font-size:12px; color:#444; }
#t5_content .xm .form-horizontal .controls label { display:inline-block; margin:0 12px 0 0; }
#t5_content .xm .form-horizontal .controls input[type="radio"], #t5_content .xm .form-horizontal .controls input[type="checkbox"] { margin:0 4px 0 0; vertical-align:-1px; }
#t5_content .xm .form-horizontal input[disabled] { background:#F7F7F7; color:#999; }
#t5_content .xm .form-horizontal .controls .help-block { margin:4px 0 0; }
#t5_content .xm .form-horizontal .controls img { max-width:100%; vertical-align:middle; }
#t5_content .xm .form-horizontal .controls .xpress-editor { margin-top:4px; }
#t5_content .xm .form-horizontal .controls .ui-datepicker-trigger { vertical-align:middle; margin-left:4px; }
#t5_content .xm .btnArea { margin:0 10px; padding:12px 0 0 !important; border-top:1px solid #EEE !important; overflow:hidden; }
#t5_content .xm .btnArea .btn { margin:0 2px; }
#t5_content .xm .btn-group .btn { margin:0 2px 0 0; }
#t5_content .xm .input-append input { margin:0; border-radius:3px 0 0 3px; }
#t5_content .xm .input-append .btn { margin:0; border-radius:0 3px 3px 0; }
/* 회원 정보 보기 */
#t5_content .xm .dl-horizontal { margin:0 10px 16px; }
#t5_content .xm .dl-horizontal dt { width:120px; padding:6px 0; }
#t5_content .xm .dl-horizontal dd { margin-left:136px; padding:6px 0; border-bottom:1px solid #F5F5F5; color:#444; }
/* 권한 없음(로그인 필요) 박스 : 로그인 박스와 동일 */
#t5_content #access { width:360px; margin:24px auto 30px; border:1px solid #E5E5E5; border-radius:4px; background:#FFF; }
#t5_content #access .login-header { padding:12px 18px; border-bottom:1px solid #EEE; background:#FCFCFC; border-radius:4px 4px 0 0; }
#t5_content #access .login-header h1 { margin:0; font-size:13px; font-weight:bold; color:#333; }
#t5_content #access .login-body { padding:18px; }
#t5_content #access .login-body p { margin:0; }
#t5_content #access .login-footer { padding:10px 18px; overflow:hidden; font-size:11px; color:#CCC; background:#FCFCFC; border-top:1px solid #EEE; border-radius:0 0 4px 4px; }
#t5_content #access .login-footer a { color:#777; text-decoration:none; }
#t5_content #access .login-footer a:hover { color:#333; text-decoration:underline; }
#t5_content #access .login-body .btn { min-width:80px; color:#FFF; background:#5B7DAD; border-color:#4A6A99; }
#t5_content #access .login-body .btn:hover { background:#4A6A99; }

/* 회원가입 (signup_form.html) : 정보수정과 같은 form-horizontal + 약관 박스 */
#t5_content .xm .agreement { margin:0 10px 16px; padding:12px 14px 10px; background:#FCFCFC; border:1px solid #E5E5E5; border-radius:4px; }
#t5_content .xm .agreement > .text { max-height:180px; padding-right:6px; font-size:12px; line-height:1.7; color:#666; }
#t5_content .xm .agreement > .text * { font-size:12px !important; line-height:1.7 !important; color:#666; }
#t5_content .xm .agreement > .text h1, #t5_content .xm .agreement > .text h2, #t5_content .xm .agreement > .text h3,
#t5_content .xm .agreement > .text strong { font-weight:bold; color:#444; }
#t5_content .xm .agreement > .confirm { margin-top:10px; padding-top:10px; border-top:1px solid #EEE; font-size:12px; color:#444; }
#t5_content .xm .agreement > .confirm label { display:inline-block; margin:0; }
#t5_content .xm .agreement > .confirm input { margin:0 4px 0 0; vertical-align:-1px; }
#t5_content .xm .form-horizontal .help-inline { display:block; margin:4px 0 0; padding:0; font-size:11px; color:#999; }
#t5_content .xm .form-horizontal .controls input[type="text"], #t5_content .xm .form-horizontal .controls input[type="password"],
#t5_content .xm .form-horizontal .controls input[type="email"] { width:220px; }
#t5_content .xm .form-horizontal .controls select { width:auto; }
#t5_content .xm .form-horizontal .controls input.captcha, #t5_content .xm .form-horizontal .controls img.captcha { vertical-align:middle; }

/* ID/PW 찾기 · 인증메일 재발송 · 임시 비밀번호 (find_member_account.html 등) */
#t5_content .xm section { margin:0 10px; padding:16px 0 18px; }
#t5_content .xm section h1 { margin:0 0 6px; padding:0; font-size:14px; font-weight:bold; color:#333; border:0 !important; }
#t5_content .xm section > p { margin:0 0 12px; font-size:12px; line-height:1.7; color:#777; }
#t5_content .xm hr { height:0; margin:0 10px; border:0; border-top:1px solid #EEE; }
#t5_content .xm section form { margin:0; }
#t5_content .xm section form > div { margin-bottom:8px; }
#t5_content .xm section input[type="text"], #t5_content .xm section input[type="email"],
#t5_content .xm section input[type="password"], #t5_content .xm section select { width:260px; margin:0; }
#t5_content .xm section .input-append { display:inline-block; white-space:nowrap; }
#t5_content .xm section .input-append input[type="email"], #t5_content .xm section .input-append input[type="text"] { width:260px; border-radius:3px 0 0 3px; border-right:0; }
#t5_content .xm section .input-append .btn { vertical-align:top; border-radius:0 3px 3px 0; }
#t5_content .xm section .btn { min-width:100px; }
#t5_content .xm section .btn[style*="min-width"] { min-width:260px !important; }
#t5_content .xm section .message { margin:0 0 12px; }
#t5_content .xm .form .input-append { display:inline-block; }
/* 임시 비밀번호 / 결과 안내 화면 */
#t5_content .xm > p { margin:6px 10px; font-size:12px; line-height:1.7; color:#555; }
#t5_content .xm > ul { margin:6px 10px 12px 28px; font-size:12px; line-height:1.8; color:#555; }

/* 회원가입 전 자동가입 방지(캡차) 단계 (addons/member_join_captcha) */
#t5_content .joinContent { width:420px; margin:24px auto 30px; padding:0 0 16px; border:1px solid #E5E5E5; border-radius:4px; background:#FFF; text-align:center; }
#t5_content .joinContent h2.title { margin:0 0 16px; padding:12px 18px; font-size:12px; font-weight:bold; color:#333; background:#FCFCFC; border-bottom:1px solid #EEE; border-radius:4px 4px 0 0; }
#t5_content .joinContent p.line { margin:8px 0; }
#t5_content .joinContent #captcha_image { border:1px solid #E5E5E5; border-radius:3px; }
#t5_content .joinContent object, #t5_content .joinContent embed { display:none; } /* Flash 음성 캡차 - 더 이상 동작하지 않음 */
#t5_content .joinContent input[type="text"] { width:200px; height:30px; padding:3px 8px; font-size:14px; letter-spacing:2px; text-align:center; color:#444; border:1px solid #DDD; border-radius:3px; box-sizing:border-box; }
#t5_content .joinContent input[type="text"]:focus { border-color:#BBB; outline:0; }
#t5_content .joinContent input[type="button"], #t5_content .joinContent button, #t5_content .joinContent input[type="submit"] { height:28px; margin:4px 2px 0; padding:4px 14px; font-size:12px; color:#555; background:#F7F7F7; border:1px solid #DDD; border-radius:3px; cursor:pointer; }
#t5_content .joinContent input[type="button"]:hover, #t5_content .joinContent button:hover { background:#F0F0F0; border-color:#CCC; }
#t5_content .joinContent input[type="submit"] { color:#FFF; font-weight:normal !important; background:#5B7DAD; border-color:#4A6A99; }
#t5_content .joinContent input[type="submit"]:hover { background:#4A6A99; }
#t5_content .joinContent .button { display:inline-block; }
#t5_content .joinContent span.button { border:0 !important; padding:0 !important; margin:0 !important; background:none !important; box-shadow:none !important; }

/* 댓글 수정 / 답글 / 댓글 삭제 / 비밀번호 입력 (comment_form.html, delete_comment_form.html, input_password_form.html) */
#t5_content .context_data { margin:0 0 12px; padding:12px 16px; background:#FCFCFC; border:1px solid #E5E5E5; border-top-color:#E5E5E5; border-radius:4px; font-size:13px; line-height:1.75; color:#444; }
#t5_content .context_data h3, #t5_content .context_data h3.title, #t5_content .context_data h3.author { margin:0 0 8px; font-size:12px; font-weight:bold; color:#333; }
#t5_content .context_data h3.author a, #t5_content .context_data h3.author strong { color:#333; font-weight:bold; }
#t5_content .context_data p { margin:6px 0; font-size:12px; color:#777; }
#t5_content .context_data .fdb_itm { padding:0 !important; border:0 !important; background:none; }
#t5_content .context_data .fdb_itm .meta { margin-bottom:4px; }
#t5_content .context_data .fdb_itm .meta b { font-size:12px; color:#333; }
#t5_content .context_data .fdb_itm .meta .date { padding:0 10px; font-size:11px; color:#999; }
#t5_content .context_data .xe_content, #t5_content .context_data .xe_content * { font-size:13px !important; line-height:1.75 !important; color:#444; }
#t5_content .cmt_line { padding:6px; font-size:11px; color:#BBB; }
#t5_content .context_message:empty { display:none; }
/* 수정 폼 : 글쓰기와 동일한 박스 */
#t5_content form.bd_wrt.cmt_wrt, #t5_content .bd form[onsubmit*="insert_comment"] { padding:14px; background:#FCFCFC; border:1px solid #E5E5E5; border-radius:4px; }
#t5_content .bd_wrt .get_editor { margin:0 0 10px; }
#t5_content .bd_wrt .edit_opt .itx { width:23%; margin:4px 1% 4px 0; }
#t5_content .bd_wrt .regist { margin-top:12px; padding-top:12px; border-top:1px solid #EEE; text-align:right; }
#t5_content .bd_wrt .regist .bd_btn + .bd_btn, #t5_content .bd_wrt .regist .bd_btn + input { margin-left:6px; }
/* 삭제 확인 / 비밀번호 입력 */
#t5_content form.context_message { margin:0; padding:20px 0 16px; border-top:1px solid #E5E5E5; }
#t5_content form.context_message h1 { margin:0 0 14px; font-size:13px; font-weight:normal; color:#555; }
#t5_content form.context_message .itx { width:200px; height:28px; margin-right:4px; padding:3px 8px; font-size:12px; border:1px solid #DDD; border-radius:3px; background:#FFF; box-shadow:none; vertical-align:middle; }
#t5_content form.context_message .btnArea { margin:6px 0 0; }

/* 쪽지함 · 친구 목록 (communication/skins/default, 본문 레이아웃 안) */
#t5_content .xc { margin:6px 10px 16px; font-size:12px; color:#444; }
#t5_content .xc .nav-tabs { margin:0 0 14px; border-bottom-color:#DDD; }
#t5_content .xc .nav-tabs > li > a { padding:6px 14px; margin-right:2px; font-size:12px; color:#777; background:#F7F7F7; border:1px solid #E5E5E5; border-bottom:0; border-radius:3px 3px 0 0; }
#t5_content .xc .nav-tabs > li > a:hover { color:#333; background:#F0F0F0; border-color:#E5E5E5; }
#t5_content .xc .nav-tabs > .active > a, #t5_content .xc .nav-tabs > .active > a:hover { color:#333; background:#FFF; border-color:#DDD #DDD transparent; }
#t5_content .xc .btnArea { margin:0 0 12px; font-size:12px; }
#t5_content .xc .btnArea form { margin-right:10px; }
#t5_content .xc select { height:28px; padding:3px 6px; font-size:12px; color:#444; background:#FFF; border:1px solid #DDD; border-radius:3px; box-shadow:none; vertical-align:middle; }
#t5_content .xc input[type="text"], #t5_content .xc input[type="password"], #t5_content .xc textarea { padding:3px 8px; font-size:12px; color:#444; background:#FFF; border:1px solid #DDD; border-radius:3px; box-shadow:none; box-sizing:border-box; }
#t5_content .xc input[type="text"], #t5_content .xc input[type="password"] { height:28px; }
#t5_content .xc .btn { height:28px; padding:4px 14px; line-height:18px; font-size:12px; color:#555; background:#F7F7F7; border:1px solid #DDD; border-radius:3px; box-shadow:none; text-shadow:none; vertical-align:middle; }
#t5_content .xc .btn:hover { background:#F0F0F0; border-color:#CCC; }
#t5_content .xc .btn-inverse, #t5_content .xc .btn-primary { color:#FFF; background:#5B7DAD; border-color:#4A6A99; }
#t5_content .xc .btn-inverse:hover, #t5_content .xc .btn-primary:hover { background:#4A6A99; }
#t5_content .xc .btn-group .btn { margin-right:2px; }
/* 목록 표 */
#t5_content .xc .table { margin-bottom:14px; background:#FFF; }
#t5_content .xc .table th, #t5_content .xc .table td { padding:8px 10px; font-size:12px; line-height:1.5; vertical-align:middle; border-top:0; border-bottom:1px solid #F0F0F0; background:#FFF !important; text-align:center; }
#t5_content .xc .table thead th { color:#666; font-weight:normal; background:#F7F7F7 !important; border-bottom:1px solid #E5E5E5; }
#t5_content .xc .table th.title, #t5_content .xc .table td.title { text-align:left; width:100%; }
#t5_content .xc .table td.title a { color:#333; text-decoration:none; }
#t5_content .xc .table td.title a:hover { text-decoration:underline; }
#t5_content .xc .table td.title strong { color:#333; }
#t5_content .xc .table td a { color:#555; text-decoration:none; }
#t5_content .xc .table td { color:#777; white-space:nowrap; }
#t5_content .xc .table tbody tr:hover td { background:#FAFAFA !important; }
#t5_content .xc .table input[type="checkbox"] { margin:0; vertical-align:middle; }
/* 쪽지 읽기 (목록 위 상세 표) */
#t5_content .xc .table tr > th:only-child { text-align:left; font-size:13px; font-weight:bold; color:#333; background:#FCFCFC !important; border-bottom:1px solid #E5E5E5; }
#t5_content .xc .table td:only-child { text-align:left; white-space:normal; }
#t5_content .xc .table td.xe_content { padding:14px 12px 18px; font-size:13px; line-height:1.75; color:#444; }
#t5_content .xc .table td.xe_content * { font-size:13px !important; line-height:1.75 !important; color:#444; }
#t5_content .xc .table td.xe_content img { max-width:100%; height:auto; }
/* 페이지 */
#t5_content .xc .pagination { margin:12px 0 0; text-align:center; }
#t5_content .xc .pagination ul { display:inline-block; margin:0; padding:0; box-shadow:none; border-radius:3px; }
#t5_content .xc .pagination ul > li > a { padding:3px 10px; font-size:12px; line-height:18px; color:#666; border-color:#E5E5E5; }
#t5_content .xc .pagination ul > .active > a { color:#333; background:#F7F7F7; }
#t5_content .xc .pagination ul > li > a.direction { color:#888; }
/* 친구 목록 */
#t5_content .xc .friend_group, #t5_content .xc h2 { margin:10px 0 8px; font-size:13px; font-weight:bold; color:#333; }
#t5_content .xc .dl-horizontal dt { width:100px; color:#666; font-weight:normal; }
#t5_content .xc .dl-horizontal dd { margin-left:116px; }
#t5_content .xc .table thead th { white-space:nowrap; }
#t5_content .xc .table td.title a strong { font-weight:bold; color:#222; }
#t5_content .xc .table td.title a:not(:has(strong)) { color:#555; }

/* 친구 목록 (friends.html) */
#t5_content .xc h1 { margin:0 0 12px; padding-bottom:8px; font-size:14px; font-weight:bold; color:#333; border-bottom:1px solid #E5E5E5; }
#t5_content .xc .message { margin:0 0 12px; padding:8px 12px; font-size:12px; color:#666; background:#FAFAFA; border:1px solid #EEE; border-radius:3px; }
#t5_content .xc .message p { margin:0; }
#t5_content .xc .btnArea .etc { float:right; }
#t5_content .xc .btnArea .btn-group { display:inline-block; vertical-align:middle; }
#t5_content .xc .btnArea .btn-group .btn { float:none; margin:0 2px 0 0; border-radius:3px; }
#t5_content .xc .btnArea select { margin-right:4px !important; }
#t5_content .xc .btnArea a.btn { text-decoration:none; }
#t5_content .xc .table caption { padding:0 0 6px; font-size:11px; color:#999; text-align:right; }
#t5_content .xc .table tbody td:first-child { color:#666; }
#t5_content .xc form + form { margin:0; }

/* data-tip 툴팁 (원그래프 조각 등) : body 바로 밑에 붙으므로 #t5_wrap 글꼴을 못 물려받는다 */
#t5_tip {
	position:absolute; z-index:1000; display:none; padding:2px 6px;
	border:1px solid #767676; background:#FFFFE1; color:#000000;
	font-family:굴림,Gulim,Dotum,AppleGothic,sans-serif; font-size:8pt; line-height:15px;
	white-space:nowrap; box-shadow:1px 1px 2px rgba(0,0,0,.2); pointer-events:none;
}

/* ------------------------------------------------------------------
   방명록 (mid=guest, xe_guestbook 스킨) : 본문 폭 524px 중앙 정렬
   sketchbook5 의 .rd_hd .board 와 겹치지 않게 본문 바로 밑 .board 만 잡는다
------------------------------------------------------------------ */
#t5_content > .t5_content_in > .board { width:524px; max-width:100%; margin:0 auto; }
