











html {-webkit-text-size-adjust:none;}
.s_icons { border:0; margin-left:1px; vertical-align:bottom;}
.brd caption {width:0px; height:0px; font-size:0px;}
.brd img { border:none; vertical-align:middle;}
.brd a {text-decoration:none; color:#555;}
.brd fieldset {border:0 none; padding:0; margin:0;}
.brd legend {display:none;}
.brd caption {display:none;}

/*상단 제어창 */
.brd .ac {text-align:center;  padding:5px; color:#333; }
.brd .ac a {color:#555;}
.brd .al {text-align:left; height:50px;}
.brd .ar {text-align:right; color:#333;}
.brd .ar select {width:auto; height:30px; vertical-align:top; background:#eee;  border:0px; color:#333; font-size:12px;}
.brd .ar .brdsearch {width:0px; height:0px; font-size:0px;}
.brd .ar .querybox { width:200px; height:30px;  border:0px; padding-left:5px; background:#eee; color:#333;}
.brd .search_cell {width:30px;}

/*하단 페이지 표시 부분 */
.brd .pcenter {padding:20px 0 7px 0;}
.brd .pcenter img {margin:-3px 4px 0 4px !important;}
.brd .pcenter a span {padding:5px 7px; border:1px solid #ddd; font-size:13px; }
.pg_open {padding:5px 7px; color:#fff;  background:#900; border:1px solid #900; font-size:13px; }

/* Post List */
.brd .table4list	{table-layout: fixed; width: 100%; border: 0; font-size: 14px; border-collapse: collapse;  }
.brd .table4list thead th {height:25px; padding:7.5px 0px;  background:#900; color: #fff;  font-weight:400;}
.brd tr.pline4list, .brd tr.pline4last {background:#fff;  font-weight:400;}
.brd .pline4list td {border-bottom: 1px solid #e3e3e3;}
.brd td.cell4pline, td.cell4ltop {height:25px; padding-right:2px;padding-left:2px;padding-top:2px;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.brd tr.pline4list a, tr.pline4list, tr.pline4view, tr.pline4view a {color:#555;  }
.brd tr.pline4view, .brd tr.pline4list:hover, tr.pline4last:hover, tr.pline4view:hover, tr.list4delete:hover, tr.list4notice:hover {background:#eee;}
.brd tr.pline4last td  {border-bottom: 1px solid #e3e3e3;}
.politicon {margin-right:10px;}
.brd tr.list4notice, span.news_title { background:#f9f9f9;}
.brd_post {font-weight:200; color:#666;}
.s_popupdiv {position:absolute; display:none; padding:6px; background:#fff; border:1px solid #e3e3e3;text-align:left;}
.s_popupdiv a { font-size:14px; color:#333; }
.brd_control_wrap {overflow:hidden; margin-bottom:20px; margin-top:20px;}
.brd_control_gropu1 {float:left; }
.brd_control_gropu2 {float:right;}



/* Post read */
#SegioZeroIFrame {display:none;}
#brd_read_top {border-top:2px solid #900; }
.brd_read_info {position:relative; text-align:left; width:100%;  line-height:49px;  border-bottom:1px solid #e3e3e3;  overflow:hidden;}
.brd_read_info > div.read_name {position:absolute; float:left; width:120px; height:100%; text-indent:30px; background:#f9f9f9; border-right:1px solid #e3e3e3; }
.brd_read_info > div.read_value {float:left; width:100%; min-height:50px; text-indent:30px;   padding-left:120px; box-sizing:border-box; text-overflow:ellipsis;overflow:hidden;white-space:nowrap; font-weight:200;}
.brd_read_info > div.read_value > img {display:none;}
.brd_read_info > div.read_value ul.attached .fname{float:left; margin-right:10px; }
.brd_read_info > div.read_value ul.attached .fsize{float:left; width:50px; text-indent:0px; }
.brd_read_info > div.read_value ul.attached .fdate{float:left; width:70px;  text-indent:0px;}
.read_writer , .read_read {width:50%; float:left; }
.read_read {border-left:1px solid #e3e3e3; }
.read_date {clear:both;}
.brd li.fline { list-style:none;}
.brd li.fline a {text-decoration:none; }
.brd li.fline .fdown{display:none; float:left;width:80px;}
.cell_notice_btn {color:#900; font-weight:600;}
.view_list {margin-top:50px;}
.view_list .table4list thead th {background:#fff; color:#555; border-top:1px solid #777;   border-bottom:1px solid #ddd;}
/*본문내용 */
.brd .post_context a > span {color:blue; text-decoration:underline;}
.brd .post_context {background:#fff;  padding:30px; text-align:left; font-weight:200;  line-height:1.5;}
.context_view img {width:100%;}
/* 투표 */
.poll_view {text-align:left; width:100%; max-width:700px; margin:0 auto;}
.poll_view .table4poll {width:100%; table-layout: fixed;}
.poll_view .table4poll td {text-indent:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.poll_view .table4poll td:first-child {text-align:center; width:40px; background:#eee; text-indent:0px; }
.poll_view .table4poll td.poll_btn {text-indent:0px; width:47px;  background:none;}
.poll_view .table4poll .button {border:0px; padding:5px 10px; background:#900; color:#fff;}

.pollbar0 {background:; height:10px;}
.pollbar1 {background:; height:10px;}
.pollbar2 {background:; height:10px;}
.pollbar3 {background:; height:10px;}
.pollbar4 {background:; height:10px;}
.pollbar5 {background:; height:10px;}
.pollbar6 {background:; height:10px;}
.pollbar7 {background:; height:10px;}
.pollbar8 {background:; height:10px;}
.pollbar9 {background:; height:10px;}
.pollbox {background:#eee; border:1px solid ; width:100%;}


/* 목록 보기 및 관리자 컨트롤 버튼 */ 
.control_group{overflow:hidden; margin-top:20px;  }
.control_group > div.ad_con_btn {text-align:right;  border-bottom:1px solid #aaa;  border-top:1px solid #eee;  margin-bottom:20px; padding:10px 0px; background:#fff; }
.control_group > div.ad_updown_btn {float:left;}
.control_group > div.ad_list_btn {float:right;}
.control_group > div.ad_list_btn > a {display:inline-block;  padding:4px 25px;  font-weight:200; background:#900; color:#fff;}
.control_group > div.ad_list_btn > a:hover {background:#eee; color:#333; transition:all 0.3s ease;}
.control_group > div.ad_list_btn > span {border:1px solid #dedede;  color:#b9b9b9; font-weight:200;  padding:3px 24px; }


/*댓글*/
.brd .pword_wrap {margin-top:30px;}
.brd .pword_title {padding:10px 10px; color:#333; font-size:18px; font-weight:400; background:#f9f9f9; text-align:left; }
.brd .pword_con {padding:20px 0px; border-bottom:1px solid #eee;}
#base_reply > form > div > div {margin-top:20px;}
.pword_textarea {border:1px solid #ccc;  width:98%; max-width:660px; min-height:56px; margin-top:1px;  background:#fff; color:#555;}
#pwords {margin-bottom:50px; }
.brd .pword_name,.pword_top {padding:0 0 5px 0; position:relative; }
.brd .pword_date {font-size:8pt; color:#9b9b9b; padding:0 0 0 10px;}
.brd .pword_menu {float:right;  color:#7f7f7f; font-size:14px;}
.brd .pword_menu a {color:#7f7f7f; font-size:14px; font-weight:200;}
.brd .pword_menu .pwmenu_reply {	background:url(/icons/macro/new_skin/image/pwmenu_line.gif) no-repeat; padding:0 4px 0 0; background-position:right;}
.brd .pword_menu .pwmenu_edit {background:url(/icons/macro/new_skin/image/pwmenu_line.gif) no-repeat; padding:0 4px 0 0;	background-position:right;}
.brd .pword_writer {color:#545454; font-weight:400; font-size:15px;}
.brd .pword_writer text {padding:0 0 0 5px;}
.brd .pword_date a {color:#9b9b9b; font-size:8pt; height:24px;}
.pword_container {padding:10px;text-align:left; color:#333;}
.pword4list { border-bottom:1px dotted #ccc;  }
.pword4list, .pword4last { margin:4px; }
.pword_button {	height:80px; width:80px; border:1px solid #ccc;	color:#333;}
p.pword_context {padding:0 0 0 5px;}
.word_button {height:50px; width:60px; border:1px solid #ccc; border-radius:2px; background:#fff; outline:none;}
.word_button:hover {border-color:#999;}
.word_button:active {-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}
.brd .boxinput {border:0px;  padding:2px 5px; color:#333; background:#eee;}

/*이미지 뷰 */
.brd .media_image img {padding:5px; border:1px solid #eee; }
.brd .media_image .media_tip {margin:5px 0px 40px 0px;}


/* post_edit */
.brd_read_info > div.read_value > select {position:absolute;  top:9px; height:30px;  border:0px; background:#eee; border-right:5px solid #fff;}
.brd_read_info > div.read_value > input {width: 90%; height:30px; background:#eee; padding:0px 5px;  border:0px; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.brd .checkbox {width:15px; height:15px; margin:0; padding:0; vertical-align:middle;}
.other_input {float:left; width:100px;}

.attachedlist {table-layout:fixed; text-indent:0px; width:90%; margin-left:30px; }
.attachedlist  td {width:60px;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.attachedlist  td.check_att {width:18px;}
.attachedlist  td.att_text {width:auto;}
._mime_extip { width:100%; padding:5px 10px; margin:0; border:1px solid #ccc; color:#444; outline:0; box-sizing:border-box}
._mime_extip:focus {border-color:#333;}
.brd .edit_table {border-collapse:collapse; width:100%; height:auto; margin:0; padding:0; font-size:9pt;}
#brd_edit_bottom {border-top:1px solid #ccc;}
.read_value > p {white-space:normal; line-height:24px; padding-left:10px; padding-top:5px;}
.file_add {line-height:40px; padding:10px 0px;}
.file_add > .left{padding-right:40px; box-sizing:border-box; }
.filediv input.file_exp { width:70%; margin-left:10px; }
.filediv input.file {width:80%;  background:#eee; margin-left:5px; border:0px; }
.Attach_mb {position:absolute; top:10px; right:5px;}
.brd .btn_wrap {text-align:right;  padding:10px 0 0 0;}
.brd .edit_button, button.mybutton {border:1px solid #ccc; border-radius:2px; padding:8px 15px; background:#fff; outline:none;}
.brd .edit_button:hover, button.mybutton:hover {border-color:#999;}
.brd .edit_button:active, button.mybutton:active {-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}
.brd .edit_context {width:100%; margin:30px 0;}
.brd .edit_context textarea {width:100%;}
div.checkkey > div.read_value {text-indent:0px;}
div.checkkey > div.read_value > img {margin:10px 0px 0px 30px;}
div.checkkey > div.read_value > input {max-width:165px; margin-left:22px; }
div.checkkey > div.read_value > span {margin-left:10px; }



/*포토앨범*/
.table4list > tbody > tr.line4photo {display:block; width:23%; float:left; margin:1%; margin-bottom:50px; }
.table4list > tbody > tr.line4photo > td.photo4list {display:block; width:100%; vertical-align:middle;}
.photo_div {position:relative; width:100%;}
.photo_div >.photo_check {position:absolute; top:5px; left:5px;  z-index:9; }
.photo_div  > .photo_photo {background:#f9f9f9;}
.photo_div  > .photo_photo > a {display:block;  width:100%; height:100%;}
.photo_div  > .photo_photo > a > span {display:block;  border:2px solid #eee; width:100%; height:200px; overflow:hidden; box-sizing:border-box; }
.photo_div:hover  > .photo_photo> a > span {border:0px;}
.photo_div  > .photo_photo > a > span > img.photo_img {position:relative; height:100%; margin-left:50%;}
.photo_div  > .photo_title {padding:10px 5px; line-height:20px;}
.photo_div  > .photo_title > a  > img {display:none;}
.photo_date {padding:0px 5px;  color:#999;}
 
  /*뉴스 게시판 */
  tr.news4list, tr.news4last {display:block; float:left; width:31.33%; border:3px solid #eee;  box-sizing:border-box; padding:15px;  margin:1%; margin-bottom:20px; }
 .cell4news {display:block; width:100%; height:300px;  } 
 .news_div {position:relative; width:100%; height:100%; overflow:hidden;}
 .news_check {position:absolute; top:0px; right:0px;}
.news_title {width:100%; text-overflow:ellipsis;overflow:hidden;white-space:nowrap; margin-bottom:20px;}
.news_title  > a { font-size:1.2em; font-weight:400; color:#333;  }
.news_title  > a  > img {display:none;  }
.news_news {width:100%;  overflow:hidden;}
.news_news > a {display:block; width:100%; height:100%; }
.news_news > a  > span.news_img {display:block; height:150px; width:100%; text-align:center; box-sizing:border-box; overflow:hidden;}
.news_news > a  img.news_img {  height:100%;  }
.news_news > a span.news_text {display:block; margin-top:20px; font-weight:200; }
.news_date {position:absolute;  bottom:0px; left:0px;color:#999; }
.news_read {position:absolute; bottom:0px; right:0px; color:#999; }
.news_read:before {content:'조회:' }


/* m_auth_check */
.auth_check {margin:20px; padding:10px; text-align:center;}
.auth_title {border-bottom:3px solid #999; text-align:left; height:22px; font-size:14pt;}
.auth_btn {padding:5px;}	
.auth_pass {padding:15px;}
.dashed {border-bottom:1px dashed #ddd;}

/* m_err_access */
.err_access {margin:20px; padding:10px;}
.err_title {border-bottom:3px solid #666; text-align:left; font-size:14pt;}
.err_msg {text-align:center; padding:20px; font-size:13pt; border-bottom:1px dashed #ddd;}


 @media screen and (min-width:640px) and (max-width:970px)  {
  .table4list > tbody > tr.line4photo {width:31.33%;}
   tr.news4list, tr.news4last {width:48%; }
 }
 
 @media screen and (max-width:639px){
 .brd_post {display:none;}
 .brd .ar .querybox { width:128px;}
 .brd_control_gropu1 {float:none;  width:100%; text-align:center; background:#eee;  padding:10px 10px 5px 10px; margin-bottom:10px; }
 .brd_control_gropu1 > input {margin-bottom:5px;}

 .brd_read_info > div.read_name {width:80px;   text-indent:10px; }
.brd_read_info > div.read_value {padding-left:80px; text-indent:10px; padding-right:10px; }
 .read_writer , .read_read {width:100%; float:none; }
 .read_read {border-left:0px }
 .brd_read_info > div.read_value ul.attached .fsize, .brd_read_info > div.read_value ul.attached .fdate {display:none}
 .brd_read_info > div.read_value ul.attached .fname{width:100%; text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
  .brd .post_context {padding:30px 3px;}
  .control_group{margin-top:0px; }
 .control_group > div.ad_con_btn {text-align:center; }
 .brd_date, .brd_wrt {display:none; }
 .attachedlist {margin-left:10px; }
 
 .table4list > tbody > tr.line4photo {width:48%;}
 
tr.news4list, tr.news4last {width:100%; }

 .cell4news {height:auto; } 
 .news_news {margin-bottom:30px;}
.news_news > a  > span.news_img { height:auto; width:120px;  float:left; margin-right:10px;}
.news_news > a  img.news_img {  width:100%; height:auto;  }

  tr.news4list, tr.news4last {border:0px; border-top:1px solid #ddd;  margin-bottom:0px;}
  tr.news4last {border-bottom:1px solid #ddd;}
  
  div.checkkey > div.read_value > span {display:block; width:100%; height:20px; margin-left:10 font-size:12px; line-height:20px;}
  div.checkkey > div.read_value > img {margin:10px 0px 0px 10px;}
div.checkkey > div.read_value > input {max-width:165px; margin-left:2px; }

  }

.brd tr.list4delete a {color:#FF0000;}
.brd tr.list4delete, tr.list4delete a {color:#FF0000;}
.brd td.list4delete a {color:#FF0000;}
.brd td.list4delete, td.list4delete a {color:#FF0000;}
 
/*------------------------------


.SegioPostContImage { -moz-border-radius:4px; border-radius:4px; border:1px outset #ddd;background:#eee;padding:5px;margin:2px; }

.brd .tbl_view {background:#FFF;}
td.cell4pline .re_1{ padding-left:5px; } 
td.cell4pline .re_2{ padding-left:20px; } 
td.cell4pline .re_3{ padding-left:35px; } 
td.cell4pline .re_4{ padding-left:50px; } 
td.cell4pline .re_5{ padding-left:65px; } 
td.cell4pline .re_6{ padding-left:80px; } 
td.cell4pline .re_7{ padding-left:955px; } 
.brd tr.pline4list, .brd tr.pline4last { height:25px }




.brd .pagemenu {text-align:center; padding:8px; border-bottom:1px solid ; color:#333;}
.brd .pagemenu a {color:#555;}


.brd .edit_option {border-top:2px solid #e3e3e3; background:#900; padding:5px 0 5px 10px; text-align:left; color:;}

.brd .edit_cell4value {border-top:1px solid #ccc; background:#fff; text-align:left; font-size:14px; color:#333; padding:10px 15px;}
.brd .edit_cell4value .help {font-size:14px; margin-bottom:10px;}
.brd .edit_input {border:1px solid ; color:#333; background:#fff; width:60px;}
.brd .passwd_input {border:1px solid ; color:#333; background:#fff;}
.brd .edit_poll_input {border:1px solid ; width:98%; color:#333; background:#fff;}
.brd #onfile {width:98%; height:55px;  border:1px solid #e3e3e3; background:#fff; margin:2px 5px 0 0;}
.filediv span.file_no,.filediv span.file_note { width:30px; }


.brd .mybutton {margin:2px; padding:5px 7px;}
.brd .my_file {clear:both; border-top:1px solid #e3e3e3; padding:5px 0 0 0;}
.brd .my_file .left {float:left; width:80%;}
.brd .my_file .right {float:right; width:20%;}


.brd .date_input {width:80px;}



.brd .read {border-collapse:collapse; width:100%; font-size:13px;}
.brd .info_view {border-bottom:1px solid #e3e3e3; padding:6px 5px 5px 0; text-align:right; font-size:13px; color:#333; height:20px; clear:both;}

.brd .info_view .info_list{height:20px; float:right;}
.brd .info_view .info_list div.text {font-size:11px; color:#555; float:left;}
.brd .info_view .info_list div.user_bar {float:left; padding:3px 0 0 0;}

.brd .line4flist {padding:2px; color:#333;}
.brd .cell4fname {width:25px; color:#333;}
.brd .cell4fdate {width:70px; color:#333;}


.brd .read_print {float:right; padding:1px 5px 0 0;}

.brd .ltop {background:url() no-repeat; width:17px; height:17px;}
.brd .rtop {background:url() no-repeat; width:17px;}
.brd .lbott {background:url() no-repeat; width:17px; height:17px;}
.brd .rbott {background:url() no-repeat;}
.brd .tbtop {background:url() repeat-x;}
.brd .tbl {background:url() repeat-y;}
.brd .tbr {background:url() repeat-y;}
.brd .tbbott {background:url() repeat-x;}

.brd span.btext {font-weight:bold; padding-bottom:3px;}
.brd span.time {font-size:11px; color:#8A8A8A;}
.brd span.blue_text {font-weight:bold; color:#4A5CE6;}


.brd .read_tlist {border-bottom:1px dotted #eee; padding:5px 0 5px 0;}
.brd .cell4name1 {width:140px; border-top:1px solid #e3e3e3; background:#900; padding:5px 0 5px 10px; font-weight:bold; text-align:left; color:;}
.brd .cell4value {text-align:left; border-top:1px solid #e3e3e3; background:#eee; padding:5px 0 5px 10px; color:#333;}
.brd .cell4name2 {width:140px; border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3; background:#900; padding:5px 0 5px 10px; font-weight:bold; text-align:left; color:;}
.brd .cell4value2 {border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3; background:#eee; padding:5px 0 5px 10px; text-align:left; color:#333;}
.brd .ar120 {text-align:right; width:130px;}
.brd .cell4value2 a {color:#333;}
.brd .cell4value a {color:#333;}

.brd .user_icon {background:url() no-repeat; padding-left:20px; float:left;}


.brd .pword_title a {color:#333;}

.brd .p_line {border-top:1px dotted #ddd; padding:5px;}
.brd .p_vote {float:left; color:#CC7C3F; font-weight:bold; margin-top:15px;}
.brd .p_info {float:right;  font-size:11px; color:#8A8A8A; text-align:right;}




div.pword_context {
	word-wrap:break-word; color:#333; text-align:left;
	font-size:9pt; word-wrap:break-word; line-height:1.6;
}

.pword_name {
	color:#333; background:#eee;
	border:1px solid #e3e3e3; padding:3px;
}

.brd .cell4fname {text-align:left;}
.brd .cell4fsize {text-align:left;}
.brd .cell4fdate {text-align:left;}





.brd .brd_top {
	padding:3px 2px 3px 5px; border-bottom:3px solid #e3e3e3;
	height:25px; text-align:left;
}
.brd .brd_top .title a {font-size:10pt; font-weight:bold;color:#555;}



 .l_topbg { border-top:3px solid #666; border-bottom:1px solid #ccc; padding:15px 20px 0 20px; background:#f9f9f9;}
.ko_bh_nav { height:45px; border-bottom:1px solid #369; margin-top:50px;}
.ko_bh_nav ul li {float:left; width:19%; height:44px;  line-height:44px; border-top:1px solid #ccc;  border-right:1px solid #ccc; border-bottom:1px solid #369;  background:#f9f9f9;}

.ko_bh_nav ul li a {display:block; font-size:16px; width:100%; height:100%; font-weight:400px;}
.ko_bh_nav ul li:hover a {background:#ccc; color:#fff;} 
.ko_bh_nav ul li.on_bnav {border:1px solid #369; border-bottom:1px solid #fff; background:#fff; color:#369; border-top:2px solid #2477a9;}



div.pageNum a, div.pageNum img , div.pageNum span  {display:block; width:25px; height:25px; float:left; line-height:25px; margin-right:10px; color:#ccc;}
div.pageNum {margin-left:200px; font-size:12px;}
.admin_board {border-top:1px solid #ccc; margin-top:20px; }
.admin_board tr p {margin-left:5px; height:50px; color:#777; line-height:80px; font-weight:bold; font-size:15px;}



---*/



