@charset "utf-8"; /*//////////////////////////////////////////////////////////////// 홈페이지 기본 스타일 ///////////////////////////////////////////////////////////////////////////////*/ /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* 2012-12-05 lcy 다시 잡은 것*/ #ig_board_area { padding:10px 10px 10px 10px; word-break:break-all; word-wrap:break-word; line-height:1.5em;} #ig_board_area .infomation { color:#323232;} #ig_board_area .infomation a { color:#323232;} #ig_board_adm { border-top:1px solid #000; border-bottom:1px solid #000; padding:5px; background:#484848; background: -moz-linear-gradient(top, #484848 0%, #000000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#484848), color-stop(100%,#000000)); background: -webkit-linear-gradient(top, #484848 0%,#000000 100%); background: -o-linear-gradient(top, #484848 0%,#000000 100%); background: -ms-linear-gradient(top, #484848 0%,#000000 100%); background: linear-gradient(top, #484848 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484848', endColorstr='#000000',GradientType=0 ); color:#ffffff; font-weight:bold; font-size:14px; font-family:Dotum; overflow:hidden;} #ig_board_btn { padding:5px 10px;} #ig_board_btn .btn_bg { border:1px solid #b7b7b7; background:#f1f1f1; background: -moz-linear-gradient(top, #f1f1f1 0%, #e4e4e4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#e4e4e4)); background: -webkit-linear-gradient(top, #f1f1f1 0%,#e4e4e4 100%); background: -o-linear-gradient(top, #f1f1f1 0%,#e4e4e4 100%); background: -ms-linear-gradient(top, #f1f1f1 0%,#e4e4e4 100%); background: linear-gradient(top, #f1f1f1 0%,#e4e4e4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e4e4e4',GradientType=0 ); color:#000000; font-weight:bold; font-size:12px; font-family:Dotum; } #ig_board_btn .btn_bg2 { border:1px solid #017299; background:#11a0d1; background: -moz-linear-gradient(top, #11a0d1 0%, #0882ac 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#11a0d1), color-stop(100%,#0882ac)); background: -webkit-linear-gradient(top, #11a0d1 0%,#0882ac 100%); background: -o-linear-gradient(top, #11a0d1 0%,#0882ac 100%); background: -ms-linear-gradient(top, #11a0d1 0%,#0882ac 100%); background: linear-gradient(top, #11a0d1 0%,#0882ac 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11a0d1', endColorstr='#0882ac',GradientType=0 ); color:#ffffff; font-weight:bold; font-size:12px; font-family:Dotum; } #ig_board_btn .adm_btn_bg { border:1px solid #b7b7b7; padding:6px 0px; background:#ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e1e1e1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e1e1e1)); background: -webkit-linear-gradient(top, #ffffff 0%,#e1e1e1 100%); background: -o-linear-gradient(top, #ffffff 0%,#e1e1e1 100%); background: -ms-linear-gradient(top, #ffffff 0%,#e1e1e1 100%); background: linear-gradient(top, #ffffff 0%,#e1e1e1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 ); color:#333333; font-weight:bold; font-size:14px; font-family:Dotum; } #ig_board_comment {} #ig_board_comment .igm_textarea { border:1px solid #b7b7b7; background:#ffffff;} #ig_board_comment .input_text { width:100%; height:26px; line-height:26px; border:1px solid #b7b7b7; font-size:13px; vertical-align:middle; background:#ffffff;} #ig_board_basic {border-top:2px solid #447ddd;} #ig_board_basic .list_head { padding:0px 10px; border-bottom:1px solid #dfdfdf; /*border-left:1px solid #447ddd; border-right:1px solid #447ddd;*/ background:#f9f9f9; /* background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); background: linear-gradient(top, #ffffff 0%,#f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); */ } #ig_board_basic .list { padding:0px 10px; border-bottom:1px solid #dfdfdf; /**/ background:#ffffff; /* background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); background: linear-gradient(top, #ffffff 0%,#f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); */ } #ig_board_basic .list_over { padding:0px 10px; border-bottom:1px solid #dfdfdf; /**/ background:#f9f9f9; /* background: -moz-linear-gradient(top, #f9f9f9 0%, #e9e9e9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e9e9e9)); background: -webkit-linear-gradient(top, #f9f9f9 0%,#e9e9e9 100%); background: -o-linear-gradient(top, #f9f9f9 0%,#e9e9e9 100%); background: -ms-linear-gradient(top, #f9f9f9 0%,#e9e9e9 100%); background: linear-gradient(top, #f9f9f9 0%,#e9e9e9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0 ); */ } #ig_board_basic .gallery_list { padding:5px 10px; } #ig_board_basic .gallery_list_over { padding:5px 10px; } #ig_board_basic .title { font-size:12px; color:#525252; padding:3px 0px; font-weight:normal;} #ig_board_basic .title a{ font-size:12px; color:#525252; font-weight:normal;} #ig_board_basic .content { font-size:12px; color:#787878; padding:3px 0px;} #ig_board_basic .content a{ font-size:12px; color:#787878;} #ig_board_basic .etc { font-size:12px; color:#949494; padding:3px 0px;} #ig_board_basic .etc a{ font-size:12px; color:#949494; padding:3px 0px;} #ig_board_basic .writer { font-size:12px; color:#1D8503; padding:3px 0px;} #ig_board_basic .writer a{ font-size:12px; color:#1D8503; padding:3px 0px;} #ig_board_basic .no_content { border-bottom:1px solid #447ddd; border-left:1px solid #447ddd; border-right:1px solid #447ddd; padding:150px 0px; text-align:center; font-size:12px; color:#787878;} #ig_board_basic .notice { color:red; } #ig_board_basic .categ {color:#ff7e00; font-weight:bold;} #ig_board_basic .categ a {color:#ff7e00; font-weight:bold;} #ig_board_basic .comments { color:#ff7e00;} #ig_board_basic .comments a{ color:#ff7e00;} #ig_board_basic .thumb { border:1px solid #CCCCCC; color:#898989; background:#f2f2f2;} #ig_board_basic .title_list { color:#323232; } #ig_board_basic .title_list a{ color:#323232; } #ig_board_basic .search_line {border:1px dashed #447ddd;}/* 검색페이지에만 들어감*/ #ig_board_basic .calender_line {border:1px solid #447ddd; background:#ffffff}/* 달력페이지에만 들어감*/ #ig_board_basic .calender_line2 {border:1px solid #447ddd; background:#f2f2f2}/* 달력페이지에만 들어감*/ #ig_board_basic .calender_text1 {color:#000000;}/* 달력페이지에만 들어감*/ #ig_board_basic .calender_text1 a{color:#000000;}/* 달력페이지에만 들어감*/ #ig_board_basic .calender_text2 {color:#323232;}/* 달력페이지에만 들어감*/ #ig_board_basic .calender_text2 a{color:#323232;}/* 달력페이지에만 들어감*/ #ig_board_basic .calender_sel {background:#f7f7f7;}/* 달력페이지에만 들어감*/ #ig_board_basic .calender_sun {color:red;}/* 달력페이지에만 들어감*/ #ig_board_basic .calender_sat {color:blue;}/* 달력페이지에만 들어감*/ #ig_board_basic .basic_table { width:100%; } #ig_board_basic .basic_table th { padding:6px 0px; } #ig_board_basic .basic_table td { text-align:center; padding:5px 0px; } #ig_board_paging {clear:both; font-size:12px; text-align:center; margin:10px 0px; font-family:Dotum;} #ig_board_paging a{border:1px solid #cecece; color:#a7a6a6; background:#f9f9f9; text-decoration:none; padding:4px 8px; font-size:12px; font-family:Dotum;} #ig_board_paging .sel {border:1px solid #11a2d4; background:#ffffff; color:#11a2d4; font-weight:bold; padding:4px 8px; font-weight:bold; font-family:Dotum;} #ig_board_search { padding:8px 0px; *overflow:hidden;} #ig_board_search .input_select {height:25px; line-height:25px; padding:3px; border:1px solid #b7b7b7; color:#323232;vertical-align:middle; background:#ffffff;} #ig_board_search .input_text { height:21px; line-height:21px; border:1px solid #b7b7b7; color:#323232; vertical-align:middle; background:#ffffff;} #ig_board_search .normal_text {color:#949494;}/* 최신글에만 들어감*/ #ig_board_search .btn_bg { *float:right; width:70px; height:25px; border:1px solid #017299; background:#11a0d1; background: -moz-linear-gradient(top, #11a0d1 0%, #0882ac 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#11a0d1), color-stop(100%,#0882ac)); background: -webkit-linear-gradient(top, #11a0d1 0%,#0882ac 100%); background: -o-linear-gradient(top, #11a0d1 0%,#0882ac 100%); background: -ms-linear-gradient(top, #11a0d1 0%,#0882ac 100%); background: linear-gradient(top, #11a0d1 0%,#0882ac 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11a0d1', endColorstr='#0882ac',GradientType=0 ); color:#ffffff; font-weight:bold; font-size:12px; font-family:Dotum; } /*/////////////////////////////////////////////////////////////////////// 홈페이지 뷰 페이지 ///////////////////////////////////////////////////////////////////////////*/ /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #ig_board_veiw_head { width:100%; background:#f9f9f9; /* background: -moz-linear-gradient(top, #f9f9f9 0%, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#f2f2f2)); background: -webkit-linear-gradient(top, #f9f9f9 0%,#f2f2f2 100%); background: -o-linear-gradient(top, #f9f9f9 0%,#f2f2f2> 100%); background: -ms-linear-gradient(top, #f9f9f9 0%,#f2f2f2 100%); background: linear-gradient(top, #f9f9f9 0%,#f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f2f2f2',GradientType=0 ); */ } #ig_board_veiw_head .title { text-align:center; font-size:12px; font-weight:normal; color:#ff6600; padding:12px 10px 10px 10px; border-top:2px solid #cccccc; /*border-left:1px solid #cccccc; border-right:1px solid #cccccc;*/ } #ig_board_veiw_head .title_name{ font-size:13px; font-weight:bold; color:#525252;} #ig_board_veiw_head .title_name a{color:#525252;} #ig_board_veiw_head .etc { font-size:13px; color:#1D8503; padding:5px 10px 10px 10px; border-top:1px solid #cccccc;/*border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc; */} #ig_board_veiw_head .etc2 { font-size:12px; color:#949494;} #ig_board_veiw_link_file { background:#ffffff; padding:0px 10px; line-height:1.4em; font-size:13px; color:#000000; overflow:hidden; margin-top:-1px; border-bottom:0px solid #cccccc;} #ig_board_veiw_link_file a { font-size:13px; #000000;} #ig_board_veiw_link_file .link_file_name { color:#767676; font-size:12px;} #ig_board_veiw_img_file { } #ig_board_veiw_content { overflow:hidden; border-top:2px solid #447ddd; /**/ background:#ffffff;} #ig_board_veiw {padding:8px; } #ig_board_veiw .sns_area {padding:15px 0px 15px 0px;} /*내용과 sns간의 상하 간격*/ #ig_board_veiw .sns { margin:0 auto; width:180px; height:42px; line-height:42px; text-align:center; border:1px solid #cccccc; -moz-border-radius:.2em; -webkit-border-radius:.2em; border-radius:.2em; } #ig_board_veiw .qr { border:1px solid #cccccc;} #ig_board_veiw .signature {padding:8px; font-size:13px;} /*/////////////////////////////////////////////////////////////////////// 홈페이지 글쓰기 페이지 ///////////////////////////////////////////////////////////////////////////*/ /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #ig_board_write { background:#ffffff; } #ig_board_write .write_title{background:#f1f1f1; /* background: -moz-linear-gradient(top, #f1f1f1 0%, #e4e4e4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#e4e4e4)); background: -webkit-linear-gradient(top, #f1f1f1 0%,#e4e4e4 100%); background: -o-linear-gradient(top, #f1f1f1 0%,#e4e4e4 100%); background: -ms-linear-gradient(top, #f1f1f1 0%,#e4e4e4 100%); background: linear-gradient(top, #f1f1f1 0%,#e4e4e4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e4e4e4',GradientType=0 ); color:#525252; font-size:16px; font-weight:bold; */ } /*#ig_board_write .write_title_line { border-bottom:1px solid #447ddd; border:1px solid #447ddd; }*/ #ig_board_write .input_select {height:22px; line-height:22px; padding:2px; color:#323232; border:1px solid #b7b7b7; font-size:13px; vertical-align:middle; background:#ffffff;} #ig_board_write .input_text { height:18px; line-height:18px; color:#323232; border:1px solid #b7b7b7; font-size:13px; vertical-align:middle; background:#ffffff;} #ig_board_write .input_file { height:22px; vertical-align:middle; border:1px solid #b7b7b7; background:#ffffff; color:#323232;} #ig_board_write .write_table {} #ig_board_write .write_table th { width:20%; padding:12px 0px; font-size:13px; color:#1D8503; border-bottom:1px dashed #dfdfdf;} #ig_board_write .write_table td { width:80%; padding:5px 0px; font-size:12px; color:#323232; border-bottom:1px dashed #dfdfdf;} #ig_board_write .adm_btn {border:1px solid #000; padding:5px; background:#484848; background: -moz-linear-gradient(top, #484848 0%, #000000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#484848), color-stop(100%,#000000)); background: -webkit-linear-gradient(top, #484848 0%,#000000 100%); background: -o-linear-gradient(top, #484848 0%,#000000 100%); background: -ms-linear-gradient(top, #484848 0%,#000000 100%); background: linear-gradient(top, #484848 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484848', endColorstr='#000000',GradientType=0 ); color:#ffffff; font-weight:bold; font-family:Dotum;} #ig_board_write .notice { color:red; } /*/////////////////////////////////////////////////////////////////////// 홈페이지 코멘트 페이지 ///////////////////////////////////////////////////////////////////////*/ /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #ig_board_comment_area { overflow:hidden; background:#ffffff;} #ig_board_comment {} #ig_board_comment .comment_cnt{ padding:10px; border-top:1px solid #447ddd; border-bottom:2px solid #cccccc; font-size:13px; color:#323232;} #ig_board_comment .comment_cnt_num { color:#ff6600; font-weight:bold; font-size:13px;} #ig_board_comment_list { border-bottom:1px dashed #cccccc; padding:0 10px; } #ig_board_comment_list .comment_title { font-size:13px; padding:10px 0px 5px 0px; overflow:hidden; } #ig_board_comment_list .comment_content { font-size:12px; padding:5px 0px 10px 0px; overflow:hidden; color:; } #ig_board_comment_list .co_author{ color:#11a2d4;} #ig_board_comment_list .co_date{ font-size:12px; color:#909090;} #ig_board_comment_list .co_btn {font-size:13px; color:#25a90b;} #ig_board_comment_list .co_btn a{color:#25a90b;} #ig_board_comment_list .co_secret {color:#ff6600;} #ig_board_comment_write { padding:10px; margin:10px; overflow:hidden; font-size:12px; border:1px solid #d9d9d9; background:#f9f5f6; /* background: -moz-linear-gradient(top, #f9f5f6 0%, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f5f6), color-stop(100%,#f2f2f2)); background: -webkit-linear-gradient(top, #f9f5f6 0%,#f2f2f2 100%); background: -o-linear-gradient(top, #f9f5f6 0%,#f2f2f2> 100%); background: -ms-linear-gradient(top, #f9f5f6 0%,#f2f2f2 100%); background: linear-gradient(top, #f9f5f6 0%,#f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f5f6', endColorstr='#f2f2f2',GradientType=0 ); color:#000000; font-size:13px; font-family:Dotum; font-weight:bold; */ } /*#ig_board_comment_write .input_text { width:100%; height:26px; line-height:26px; color:#323232; border:1px solid #b7b7b7; font-size:13px; vertical-align:middle; background:#ffffff;}*/ #ig_board_comment .btn_bg { padding:6px 0px; border:1px solid #017299; background:#11a0d1; background: -moz-linear-gradient(top, #11a0d1 0%, #0882ac 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#11a0d1), color-stop(100%,#0882ac)); background: -webkit-linear-gradient(top, #11a0d1 0%,#0882ac 100%); background: -o-linear-gradient(top, #11a0d1 0%,#0882ac 100%); background: -ms-linear-gradient(top, #11a0d1 0%,#0882ac 100%); background: linear-gradient(top, #11a0d1 0%,#0882ac 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11a0d1', endColorstr='#0882ac',GradientType=0 ); color:#ffffff; font-weight:bold; font-size:14px; font-family:Dotum; } #ig_board_comment .ig_textarea { border:1px solid #bbbbbb; background:#ffffff; color:#323232;} #ig_board_comment .input_text { width:100px; height:22px; line-height:22px; border:1px solid #bbbbbb; font-size:13px; vertical-align:middle; #323232; background:#ffffff;} /*/////////////////////////////////////////////////////////////////////// 홈페이지 코멘트2 페이지 ///////////////////////////////////////////////////////////////////////*/ /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #ig_board_comment_area2 { overflow:hidden; background:#ffffff;} #ig_board_comment2 {} #ig_board_comment2 .comment_cnt{ padding:10px; border-top:1px solid #447ddd; border-bottom:2px solid #cccccc; font-size:13px; color:#323232;} #ig_board_comment2 .comment_cnt_num { color:#ff6600; font-weight:bold; font-size:13px;} #ig_board_comment_list2 { border-bottom:1px dashed #cccccc; padding:0 10px; } #ig_board_comment_list2 .comment_title { font-size:13px; padding:10px 0px 5px 0px; overflow:hidden; } #ig_board_comment_list2 .comment_content { font-size:12px; padding:5px 0px 10px 0px; overflow:hidden; color:; } #ig_board_comment_list2 .co_author{ color:#11a2d4;} #ig_board_comment_list2 .co_date{ font-size:12px; color:#909090;} #ig_board_comment_list2 .co_btn {font-size:13px; color:#25a90b;} #ig_board_comment_list2 .co_btn a{color:#25a90b;} #ig_board_comment_list2 .co_secret {color:#ff6600;} #ig_board_comment_write2 { padding:10px; margin:10px; overflow:hidden; font-size:12px; border:1px solid #d9d9d9; background:#f9f5f6; /* background: -moz-linear-gradient(top, #f9f5f6 0%, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f5f6), color-stop(100%,#f2f2f2)); background: -webkit-linear-gradient(top, #f9f5f6 0%,#f2f2f2 100%); background: -o-linear-gradient(top, #f9f5f6 0%,#f2f2f2> 100%); background: -ms-linear-gradient(top, #f9f5f6 0%,#f2f2f2 100%); background: linear-gradient(top, #f9f5f6 0%,#f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f5f6', endColorstr='#f2f2f2',GradientType=0 ); color:#000000; font-size:13px; font-family:Dotum; font-weight:bold; */ } /*#ig_board_comment_write2 .input_text { width:100%; height:26px; line-height:26px; color:#323232; border:1px solid #b7b7b7; font-size:13px; vertical-align:middle; background:#ffffff;}*/ #ig_board_comment2 .btn_bg { padding:6px 0px; border:1px solid #017299; background:#11a0d1; background: -moz-linear-gradient(top, #11a0d1 0%, #0882ac 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#11a0d1), color-stop(100%,#0882ac)); background: -webkit-linear-gradient(top, #11a0d1 0%,#0882ac 100%); background: -o-linear-gradient(top, #11a0d1 0%,#0882ac 100%); background: -ms-linear-gradient(top, #11a0d1 0%,#0882ac 100%); background: linear-gradient(top, #11a0d1 0%,#0882ac 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11a0d1', endColorstr='#0882ac',GradientType=0 ); color:#ffffff; font-weight:bold; font-size:14px; font-family:Dotum; } #ig_board_comment2 .ig_textarea { border:1px solid #bbbbbb; background:#ffffff; color:#323232;} #ig_board_comment2 .input_text { width:100px; height:22px; line-height:22px; border:1px solid #bbbbbb; font-size:13px; vertical-align:middle; #323232; background:#ffffff;} /*/////////////////////////////////////////////////////////////////////// 홈페이지 카테고리 ///////////////////////////////////////////////////////////////////////////*/ /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #ig_board_tab { overflow:hidden; color:#323232;} #ig_board_tab .list {height:22px; line-height:22px; padding:2px; border:1px solid #b7b7b7; color:#323232;vertical-align:middle; background:#ffffff;} #ig_board_tab .tabbar { border:1px solid #cccccc; padding:8px 0px; background:#ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #dbdde2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dbdde2)); background: -webkit-linear-gradient(top, #ffffff 0%,#dbdde2 100%); background: -o-linear-gradient(top, #ffffff 0%,#dbdde2 100%); background: -ms-linear-gradient(top, #ffffff 0%,#dbdde2 100%); background: linear-gradient(top, #ffffff 0%,#dbdde2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdde2',GradientType=0 );} #ig_board_tab .tabbar_hover {border:1px solid #0a6b19; padding:8px 0px; background:#05b821; background: -moz-linear-gradient(top, #05b821 0%, #06951c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#05b821), color-stop(100%,#06951c)); background: -webkit-linear-gradient(top, #05b821 0%,#06951c 100%); background: -o-linear-gradient(top, #05b821 0%,#06951c 100%); background: -ms-linear-gradient(top, #05b821 0%,#06951c 100%); background: linear-gradient(top, #05b821 0%,#06951c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05b821', endColorstr='#06951c',GradientType=0 ); } #ig_board_tab .tabbar_text { font-size:12px; color:#696b75; filter:dropshadow(color=#ffffff, offx=1, offy=1, positive=1); text-shadow:1px 1px 0px #ffffff;} #ig_board_tab .tabbar_text_hover { font-size:12px; color:#ffffff; font-weight:bold; filter:dropshadow(color=#0a6b19, offx=1, offy=1, positive=1); text-shadow:1px 1px 0px #0a6b19;} #ig_board_tab .button { border:1px solid #cccccc; padding:6px 0px; background:#ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #dbdde2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dbdde2)); background: -webkit-linear-gradient(top, #ffffff 0%,#dbdde2 100%); background: -o-linear-gradient(top, #ffffff 0%,#dbdde2 100%); background: -ms-linear-gradient(top, #ffffff 0%,#dbdde2 100%); background: linear-gradient(top, #ffffff 0%,#dbdde2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdde2',GradientType=0 ); -moz-border-radius:.3em; -webkit-border-radius:.3em; border-radius:.3em ;} #ig_board_tab .button_hover { border:1px solid #00509b; padding:6px 0px; background:#00aae1; background: -moz-linear-gradient(top, #00aae1 0%, #006baf 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00aae1), color-stop(100%,#006baf)); background: -webkit-linear-gradient(top, #00aae1 0%,#006baf 100%); background: -o-linear-gradient(top, #00aae1 0%,#006baf 100%); background: -ms-linear-gradient(top, #00aae1 0%,#006baf 100%); background: linear-gradient(top, #00aae1 0%,#006baf 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aae1', endColorstr='#006baf',GradientType=0 ); -moz-border-radius:.3em; -webkit-border-radius:.3em; border-radius:.3em ;} #ig_board_tab .button_text { font-size:12px; color:#696b75; *font-weight:bold; filter:dropshadow(color=#ffffff, offx=1, offy=1, positive=1); text-shadow:1px 1px 0px #ffffff;} #ig_board_tab .button_text_hover { font-size:12px; color:#ffffff; font-weight:bold; filter:dropshadow(color=#00509b, offx=1, offy=1, positive=1); text-shadow:1px 1px 0px #00509b;} /* 아래는 게시판외에 최신게시글 기타 등 사용하는 곳이 있어 일단 삭제 보류 */ /* 일단 최신게시글게시판 검색게시판 팝업게시판*/ /*//////////////////////////////////// 2012-09-27 게시판 탭 스타일 ////////////////////////////////////////////*/ #board_tab { overflow:hidden; } #board_tab .list { padding:1px; line-height:20px; height:20px; vertical-align:middle; font-size:12px; font-family:'Dotum'; border:1px solid #bbbbbb; padding-bottom:1px; } #board_tab .tabbar { border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #bbbbbb; padding:8px 0px; background:#ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #dbdde2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dbdde2)); background: -webkit-linear-gradient(top, #ffffff 0%,#dbdde2 100%); background: -o-linear-gradient(top, #ffffff 0%,#dbdde2 100%); background: -ms-linear-gradient(top, #ffffff 0%,#dbdde2 100%); background: linear-gradient(top, #ffffff 0%,#dbdde2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdde2',GradientType=0 );} #board_tab .tabbar_hover {border-top:1px solid #0a6b19; border-left:1px solid #0a6b19; border-right:1px solid #0a6b19; border-bottom:1px solid #0a6b19; padding:8px 0px; background:#05b821; background: -moz-linear-gradient(top, #05b821 0%, #06951c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#05b821), color-stop(100%,#06951c)); background: -webkit-linear-gradient(top, #05b821 0%,#06951c 100%); background: -o-linear-gradient(top, #05b821 0%,#06951c 100%); background: -ms-linear-gradient(top, #05b821 0%,#06951c 100%); background: linear-gradient(top, #05b821 0%,#06951c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05b821', endColorstr='#06951c',GradientType=0 ); } #board_tab .tabbar_text { font-size:13px; color:#696b75; filter:dropshadow(color=#ffffff, offx=1, offy=1, positive=1); text-shadow:1px 1px 0px #ffffff;} #board_tab .tabbar_text_hover { font-size:13px; color:#ffffff; font-weight:bold; filter:dropshadow(color=#0a6b19, offx=1, offy=1, positive=1); text-shadow:1px 1px 0px #0a6b19;} #board_tab .button { border:1px solid #cccccc; padding:6px 0px; background:#ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #dbdde2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dbdde2)); background: -webkit-linear-gradient(top, #ffffff 0%,#dbdde2 100%); background: -o-linear-gradient(top, #ffffff 0%,#dbdde2 100%); background: -ms-linear-gradient(top, #ffffff 0%,#dbdde2 100%); background: linear-gradient(top, #ffffff 0%,#dbdde2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdde2',GradientType=0 ); } #board_tab .button_hover { border:1px solid #00509b; padding:6px 0px; background:#00aae1; background: -moz-linear-gradient(top, #00aae1 0%, #006baf 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00aae1), color-stop(100%,#006baf)); background: -webkit-linear-gradient(top, #00aae1 0%,#006baf 100%); background: -o-linear-gradient(top, #00aae1 0%,#006baf 100%); background: -ms-linear-gradient(top, #00aae1 0%,#006baf 100%); background: linear-gradient(top, #00aae1 0%,#006baf 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aae1', endColorstr='#006baf',GradientType=0 ); } #board_tab .button_text { color:#696b75; *font-weight:bold; filter:dropshadow(color=#ffffff, offx=1, offy=1, positive=1); text-shadow:1px 1px 0px #ffffff;} #board_tab .button_text_hover { color:#ffffff; font-weight:bold; filter:dropshadow(color=#00509b, offx=1, offy=1, positive=1); text-shadow:1px 1px 0px #00509b;} /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #board_list .board_status { } #board_list .board_status .write_count { font:12px '돋음'; color:#ababab; } #board_list .board_status .rss { } /*#board_list .board_status:after { content:""; display:block; float:none; clear:both; }*/ /*//////////////////////////////////// 2012-09-10 기본 게시판 제어부분 ////////////////////////////////////////////*/ #board_space { border:px ; overflow:hidden; padding:px; background:; } #board_area {border:px ; background:; overflow:hidden; padding:px;} #board_view_area {border:px ; background:; padding:px;} #board_view_content { overflow:hidden;} #board_write_area { border:px ; background:; padding:px; overflow:hidden;} /*/////////////////////////////////// 2012-09-10 글씨 색상과 서체를 컨트롤하기 위한 스타일 추가 //////////////////////////////////////////*/ #board_list .title { color:; font-weight:bold;} #board_list .title a{ color:; font-weight:bold;} #board_list .content { color:; font-weight:normal;} #board_list .content a { color:; font-weight:normal;} #board_list .notice { color:; font-weight:bold;} #board_list .cate {color:; font-weight:bold;} #board_list .cate a{color:; font-weight:bold;} #board_list .date {color:; font:9px Tahoma; } #board_list .comments { font:9px Tahoma; color:#ff6600; font-weight:bold;} #board_list .comments a { font:9px Tahoma; color:#ff6600; font-weight:bold;} #board_list .author { color:; font:11px '굴림'; } #board_list .author a{ color:; font:11px '굴림'; } #board_list .hit {color:; font:10px Tahoma;} #board_list .good {color:; font:11px '굴림';} #board_list .division { font-weight:normal; color:;} /*/////////////////////////////////// 디자인형 스타일 추가 //////////////////////////////////////////*/ .html_box { height:auto;} .modify { border:1px solid #cccccc; } .modify_bg {width:100%; overflow:hidden; background:#ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0e0e0)); background: -webkit-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); background: -o-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); background: -ms-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); background: linear-gradient(top, #ffffff 0%,#e0e0e0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); padding:5px 0;} .html_content { height:auto; padding:px; margin-bottom:30px; line-height:em;} .sbutton a{text-decoration:none; font:12px '돋음'; font-weight:bold; float:left; padding:4px 8px; margin-right:10px; background:#ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); background: -o-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); background: -ms-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); background: linear-gradient(top, #ffffff 0%,#e6e6e6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );border:1px solid #cccccc; color:#ff4200;} .sbutton a:hover { text-decoration:none; border:1px solid #9c9c9c; color:#343434;} /*.sns_area {padding-top:20px;} 내용과 sns간의 상하 간격*/ /*.sns { margin:0 auto; width:180px; height:40px; line-height:62px; margin-top:10px; text-align:center; background:#fcfcfc; background: -moz-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f2f2f2)); background: -webkit-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); background: -o-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); background: -ms-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); background: linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f2f2f2',GradientType=0 ); border:1px solid #cccccc; }*/ /*/////////////////////////////////// 웹진형 스타일 //////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////// 2012-09-06 lcy 버튼 스타일 추가 ////////////////////////////////////////////*/ .board_btna a {text-decoration:none; font:12px '돋음'; font-weight:bold; float:left; padding:4px 7px; margin:6px 2px; background:#ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); background: -o-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); background: -ms-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); background: linear-gradient(top, #ffffff 0%,#e6e6e6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );border:1px solid #cccccc; color:#696969; } .board_btna a:hover {text-decoration:none; border:1px solid #9c9c9c; color:#343434;} .board_btnb a {text-decoration:none; font:12px '돋음'; font-weight:bold; float:left; padding:4px 7px; margin:6px 2px; background:#ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); background: -o-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); background: -ms-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); background: linear-gradient(top, #ffffff 0%,#e6e6e6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );border:1px solid #cccccc; color:#ff4200; } .board_btnb a:hover {text-decoration:none; border:1px solid #9c9c9c; color:#343434;} .board_btns {cursor: pointer; font:12px '돋음'; font-weight:bold; padding:4px 7px; margin:6px 2px; background:#ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); background: -o-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); background: -ms-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); background: linear-gradient(top, #ffffff 0%,#e6e6e6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );border:1px solid #cccccc; color:#ff4200;} .board_btns_over {cursor: pointer; font:12px '돋음'; font-weight:bold; padding:4px 7px; margin:6px 2px; background:#ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); background: -o-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); background: -ms-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); background: linear-gradient(top, #ffffff 0%,#e6e6e6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );border:1px solid #9c9c9c; color:#343434;} /*//////////////////////////////////////////////////////////////////////////////////////////////////////*/ #board_list { float:left; margin:0 0 10px 0; width:100%;} /*#board_list:after { content:""; display:block; float:none; clear:both; }*/ #board_list .list_table { float:left; } #board_list .list_table { border:0; border-top:2px solid #cccccc; width:100%; } #board_list .list_table th { border:0; border-bottom:1px solid; padding:10px 8px 9px 8px; /* *padding:8px 6px 6px 6px; */ white-space:nowrap; text-align:center; line-height:normal; font-weight:bold; } #board_list .list_table th { border-color:#dcdcdc; color:#4d4d4d; } #board_list .list_table th a { color:; } #board_list .list_table td { border:0; border-bottom:1px solid; padding:10px 8px 9px 8px; /* *padding:8px 6px 6px 6px; */ white-space:nowrap; text-align:center; line-height:normal; vertical-align:top; } #board_list .list_table td { border-color:#eee; color:#4d4d4d; line-height:em;} #board_list .list_table th.title { width:100%; } #board_list .list_table tr.notice td.notice { color:; font-size:12px; font-weight:bold; } #board_list .list_table tr.notice td.title { font-weight:bold; } #board_list .list_table td.title { width:100%; white-space:normal; text-align:left; line-height:em;} #board_list .list_table td.title { overflow: hidden; /* text-overflow: ellipsis; */} #board_list .list_table td.title .icon_reply { padding-right:5px; margin-bottom:-1px; } #board_list .list_table td.title .reply { padding:0 5px; } #board_list .list_table td.title .comment { font:9px Tahoma; color:#ff6600; } #board_list .list_table td.author { font:11px /*'맑은 고딕',*/Gulim; text-align:left; } #board_list .list_table td.hit { font:9px Tahoma; color:;} #board_list .list_table td.num { font:9px Tahoma; color:;} #board_list .list_table td.date { font:9px Tahoma; color:} #board_list .list_table td.good { font:9px Tahoma; color:} #board_list .list_table td.current { font:10px Tahoma; color:#ff3300; letter-spacing:-3px; } #board_list .btn_area { float:left; margin-top:10px; width:100%; } #board_list .board_sw { float:left; margin-top:10px; width:100%; } #board_list .page_area { float:left; text-align:center; margin-top:10px; width:100%; } #board_list .page_area strong { border:1px solid #cccccc; padding:5px; background-color:#f2f2f2; } #board_list .search_area { float:left; text-align:center; margin:10px 0; width:100%; } #board_list .search_area .input { line-height:18px; height:18px; vertical-align:middle; font-size:12px; font-family:Dotum; border:1px solid #bbbbbb;} #board_list .search_area .select { padding:2px; line-height:22px; height:22px; vertical-align:middle; font-size:12px; font-family:'Dotum'; border:1px solid #bbbbbb; padding-bottom:1px;} #board_list .list_table .nodata { text-align:center; height:250px; line-height:250px; } #board_list .webzine_table { float:left; } #board_list .webzine_table { border:0; border-top:2px solid #cccccc; width:100%; } #board_list .webzine_table th { border:0; border-bottom:1px solid; padding:10px 8px 9px 8px; /* *padding:8px 6px 6px 6px; */ white-space:nowrap; text-align:center; line-height:normal; font-weight:bold; } #board_list .webzine_table th { border-color:#dcdcdc; color:#4d4d4d; } #board_list .webzine_table th a { color:; } #board_list .webzine_table td { border:0; border-bottom:1px solid; padding:10px 8px 9px 8px; /* *padding:8px 6px 6px 6px; */ white-space:nowrap; text-align:center; line-height:normal; vertical-align:top; } #board_list .webzine_table td { border-color:#eee; color:#4d4d4d; line-height:em;} #board_list .webzine_table th.title { width:100%; } #board_list .webzine_table tr.notice td.notice { color:; font-size:12px; font-weight:bold; } #board_list .webzine_table tr.notice td.title { font-weight:bold; } #board_list .webzine_table td.title { width:100%; white-space:normal; text-align:left; line-height:em;} #board_list .webzine_table td.title { overflow: hidden; /* text-overflow: ellipsis; */} #board_list .webzine_table td.title .icon_reply { padding-right:5px; margin-bottom:-1px; } #board_list .webzine_table td.title .reply { padding:0 5px; } #board_list .webzine_table td.title .comment { font:9px Tahoma; color:#ff6600; } #board_list .webzine_table td.author { font:11px /*'맑은 고딕',*/Gulim; text-align:left; } #board_list .webzine_table td.hit { font:9px Tahoma; color:;} #board_list .webzine_table td.num { font:9px Tahoma; color:;} #board_list .webzine_table td.date { font:9px Tahoma; color:} #board_list .webzine_table td.good { font:9px Tahoma; color:} #board_list .webzine_table td.current { font:10px Tahoma; color:#ff3300; letter-spacing:-3px; } /* 게시물 쓰기 */ #board_write .title_bg { background:#ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #d9d9d9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d9d9d9)); background: -webkit-linear-gradient(top, #ffffff 0%,#d9d9d9 100%); background: -o-linear-gradient(top, #ffffff 0%,#d9d9d9 100%); background: -ms-linear-gradient(top, #ffffff 0%,#d9d9d9 100%); background: linear-gradient(top, #ffffff 0%,#d9d9d9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9d9d9',GradientType=0 ); border:1px solid #cccccc; padding:5px; overflow:hidden;} #board_write { float:left; width:100%; } #board_write .title_msg { font-size:17px; letter-spacing:-1px; color:#0066aa; font-weight:bold; } #board_write .write_table { width:100%; padding-top:2px; *border-top:2px solid #cccccc; } #board_write .write_table th, #board_write .write_table td { padding:5px 0 4px; border-bottom:2px solid #ffffff;} #board_write .write_table .tdbg { padding-left:10px; background:#f9f8f8;} #board_write .write_table th { text-align:left; padding-left:10px; font-weight:normal; color:#323232; background:#eeeeee; } #board_write .write_table th p { } #board_write .write_table td p { float:left; } #board_write .write_table th p a { color:#aaa; font-size:11px; } #board_write .write_table td {} #board_write .write_table td input {vertical-align:middle; } #board_write .write_table td textarea.textarea {width:100%; font:12px /*'맑은 고딕',*/Gulim,AppleGothic,Sans-serif;} #board_write .write_table td input.title {width:95%; } #board_write .btn_area { margin:10px 0; } #board_write .textarea_control span.button { cursor: pointer; } #board_write .textarea_control div.float { float: left; width: 50%;} #board_write .textarea_control div.right { float: right; } #board_write textarea.textarea { width: 100%; word-break: break-all; } /* 파일첨부 */ #variableFiles { list-style: none; margin: 0; padding: 0; } #variableFiles li { padding-top: 5px; } #variableFiles li input.file { border: 1px solid #d1d1d1; height: 22px; } /* #variable_files { } #variable_files table { } #variable_files td.file div { padding-top:5px; } #variable_files td.file input.file { border:1px solid #d1d1d1; height:22px; } */ /* 게시물 보기 */ #board_view { } /* #board_view .btn_area:after { content:""; display:block; float:none; clear:both; } */ #board_view .btn_area { } #board_view .btn_area .button a{ color:red; } #board_view .btn_area_bottom { float:left; margin-bottom:20px; } #board_view .title_area { float:left; width:100%; } #board_view .title_area { border-top:2px solid #cccccc; } #board_view .title_area { border-bottom:1px solid #DCDCDC; } /* #board_view .title_area { margin-bottom:5px; } */ #board_view .title_area { margin-bottom:5px; padding:10px 0 10px 0; /* _padding:10px 0 10px 0; */ } /* #board_view .title_area .title { float:left; } */ #board_view .title_area .title { float:left; } #board_view .title_area .title { font:12pt '굴림'; font-weight:bolder; letter-spacing:-1px; line-height:em;} #board_view .title_area .sum { float:right; line-height:em;} #board_view .title_area .sum .tit { font:11px /*'맑은 고딕',*/Gulim; letter-spacing:-1px; } #board_view .title_area .sum .num { font:9px Tahoma; color:#ADADAD; margin:0 5px; } #board_view .title_area .sum .date { font:9px Tahoma; color:#ADADAD; } #board_view .author_area { width:100%; overflow:hidden; padding:5px 0px; float:left;} #board_view .author_area .author { float:left; margin-right:10px; font:12px "굴림"; font-weight:bold; } #board_view .author_area .ipaddress { float:left; font:9px Tahoma; color:#ADADAD; } /* #board_view .author_area:after { content:""; display:block; float:none; clear:both; } */ #board_view .attach { float:left; width:100%; margin-top:10px; margin-left:px;} #board_view .attach dt { margin-right:5px; font:11px /*'맑은 고딕',*/Gulim; color:#4d4d4d; float:left } #board_view .attach dd { font:9px Tahoma; text-decoration:none; color:#4d4d4d; } #board_view .attach a { text-decoration:none; color:#adadad; } #board_view .view_file { float:left; margin-top:10px; width:100%;} /* #board_view .attach a:hover, #board_view .attach a:active, #board_view .attach a:focus { text-decoration:underline; color:#adadad; } */ #board_view .content { float:left; width:100%;} #board_view .content { margin:15px 0; } #board_view .content { overflow:hidden; } #board_view .content { font:12px /*'맑은 고딕',*/Gulim; line-height:em;} #board_view .content a { text-decoration:underline; line-height:em;} #board_view .signature { float:left; width:100%; margin:10px 0; } /*2012-09-07 lcy SNS부분 스타일시트 */ #board_view .sns_area {padding-top:20px;} /*내용과 sns간의 상하 간격*/ #board_view .sns { margin:0 auto; width:180px; height:40px; line-height:62px; margin-top:10px; text-align:center; background:#fcfcfc; background: -moz-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f2f2f2)); background: -webkit-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); background: -o-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); background: -ms-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); background: linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f2f2f2',GradientType=0 ); border:1px solid #cccccc; } /* 코멘트 */ #board_comment {padding:2px; } /* 코멘트 리스트 */ .comment_area { float:left; width:100%; } .comment_area { border-top:1px solid #e0e0e0; } .comment_area span.secret { color:#ff6600; } .comment_list { width:100%; overflow:hidden; padding-top:10px; } .comment_list .author_area { } .comment_list .author_area .author { float:left; margin-right:10px; } .comment_list .author_area .date { float:left; font:9px Tahoma; color:#ADADAD; margin-right:10px; } .comment_list .author_area .ipaddress { font:9px Tahoma; color:#ADADAD; } .comment_list .option_area { float:right; } .comment_list .option_area { font:11px /*'맑은 고딕',*/Gulim; } .comment_list .option_area a { color:#999999; } /*.comment_list .option_area:after { content:""; display:block; float:none; clear:both; }*/ .comment_list .content { float:left; width:100%; } .comment_list .content { overflow:hidden; } .comment_list .content { padding:10px 0; } .comment_list .content { font:12px /*'맑은 고딕',*/Gulim; } .comment_list .content a { text-decoration:underline; } .comment_list .content { } /* 코멘트 쓰기 */ #comment_write { float:left; width:100%; background:#fcfcfc; background: -moz-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f2f2f2)); background: -webkit-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); background: -o-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); background: -ms-linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); background: linear-gradient(top, #fcfcfc 0%,#f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f2f2f2',GradientType=0 ); border:1px solid #cccccc;} #comment_write .author_area { float:left; width:100%; margin:10px; } #comment_write .content_area { float:left; width:100%;} #comment_write .content_area .content { float:left; width:88%;} #comment_write .content_area .content .text { margin-left:5px;} #comment_write .content_area .content .text textarea { height:80px; font:12px /*'맑은 고딕',*/'굴림'; } #comment_write .content_area .button_area { float:right; width:10%; margin-right:5px; *width:65px; margin-top:14px;} #comment_write .content_area .button { cursor: pointer; width:100%; height:87px; font:12px '돋음'; font-weight:bold; background:#ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); background: -o-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); background: -ms-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); background: linear-gradient(top, #ffffff 0%,#e6e6e6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );border:1px solid #cccccc; color:#ff4200;} #comment_write .content_area .button_over { cursor: pointer; width:100%; height:87px; font:12px font:12px '돋음'; font-weight:bold; float:left; background:#ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); background: -o-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); background: -ms-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); background: linear-gradient(top, #ffffff 0%,#e6e6e6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );border:1px solid #9c9c9c; color:#343434;} #comment_write fieldset { margin:0; padding:0; border:0; } /* 검색페이지 */ #search_area { width:100%;} #search_area .search_from { padding:10px; border-bottom:1px solid #cccccc;} #search_area .search_centent { } #search_area .search_centent ul { margin:0; padding:0; list-style:none; } #search_area .search_centent li {line-height:130%;} #search_area .headtitle {font-size:13px; font-family:굴림; font-weight:bold; color:#000000;} #search_area .headtitle a{font-size:13px; font-family:굴림; font-weight:bold; color:#000000;} #search_area .title {font-size:13px; font-family:굴림; color:#0000cc;} #search_area .title a {font-size:13px; font-family:굴림; color:#0000cc;} #search_area .text {font-size:12px; font-family:굴림; color:#000000;} #search_area .date {color:#777777;} #search_area .name {font-size:12px; font-family:굴림; color:#777777;} #search_area .name a{font-size:12px; font-family:굴림; color:#777777;} #search_area .url {font-size:12px; font-family:굴림; color:#218d44;} #search_area .url a{font-size:12px; font-family:굴림; color:#218d44;} #search_area .more {font-size:12px; font-family:굴림; color:#777777;} #search_area .more a{font-size:12px; font-family:굴림; color:#777777;} #search_area .input { line-height:18px; height:18px; vertical-align:middle; font-size:12px; font-family:Dotum; border:1px solid #bbbbbb;} #search_area .select { padding:2px; line-height:22px; height:22px; vertical-align:middle; font-size:12px; font-family:'Dotum'; border:1px solid #bbbbbb; padding-bottom:1px;} #search_area .form { padding-left:5px; line-height:18px; height:18px; vertical-align:middle; font-size:12px; font-family:'Dotum'; border:1px solid #bbbbbb; padding-bottom:1px;}