/** visual **/
.visual article { text-align:center; color:#424242; padding:50px 0px 0; }
.visual .inner{ margin:0 auto; text-align:left; padding:50px 0 30px 0; }
.visual .inner p{ font-size:52px; font-weight:300; letter-spacing:-2.5px; line-height:60px; }
.visual .inner p span{ color:#ff9000; }

/** board ***/
.board article          { min-height:300px; padding-top:50px; padding-bottom:50px; }
.board article .inner.list	
{ border-top:1px solid #7a7a7a; }
.board article .btn_area { text-align:left; margin-top:10px; }
.board article .btn_area .button{ font-size:12px; padding:6px 30px; border-radius:3px; border-width:1px; border-style:solid; background:none; margin-right:5px; }
.board article .btn_area .button.list_btn{ border-color:#ec9b00; color:#ec9b00; }
.board article .btn_area .button.list_btn:hover{ color:#fff; background:#ec9b00; }
label.new { display: inline-block; width: 20px; height: 20px; margin-left: 10px; background-color: #FF472D; font-family: Arial; font-weight: normal; font-size: 12px; color:#fff; text-align: center; padding: 0; line-height: 20px; border-radius: 10px; }

/****************** list ***************************/
.board article .list li		{ width:100%; border-width:0 0 1px 0; border-style:solid; border-color:#7a7a7a26; padding:20px 7px; display:inline-block; }
.board article .list li a	{ display:inline-block; max-width:calc(100% - 100px); cursor:pointer; color:#7a7a7a; }
.board article .list li a:hover { color:#FF9000; }
.board article .list li a b { color:#FF9000 }
.board article .list li span	{ float:right; width:90px; text-align:center; color:#7a7a7a66; }
.board article .list li.head,
.board article .list li.head a	{ cursor:default; text-align:center; }
.board article .list li.head span{ color:#7a7a7a !important; }
.board article .list li.empty { text-align:center; padding-top:100px; padding-bottom:100px; color:#7a7a7a }

.board article .search_area { margin-top:20px; }
.board article .search_area.search_m{ display:none; }
.board article .search_area .search_inner{ position:relative; max-width:220px; margin:0 auto; }
.board article .search_m .search_inner{ max-width:none; margin-bottom:10px; padding:0 20px; }
.board article .search_m  input[type=text]{ padding-left:2px !important; padding-right:2px !important; }
.board article .search_m .ico-search{ right:13px !important; }
.board article .search_area input[type=text]	  { width:100%; height:34px; padding:6px 12px; font-size:14px; border-radius:0; border:0; border-bottom:1px solid #ccc; }
.board article .search_area input[type=text]:focus{ outline:none; border-color:#febb00; }
.board article .search_area button { border:0px; background-color:rgba(0,0,0,0) }
.board article .search_area .ico-search		 { width:17px; height:17px; background:url('/img/icon/icon_search.png') no-repeat 100%; position:absolute; top:8px; right:5px; }
.board article .search_area .ico-search:hover{ background-image:url('/img/icon/icon_search_ov.png'); }

.board article .paging_area	 { text-align:center; margin:20px 0; color:#7a7a7a; }
.board article .paging_area	.first,
.board article .paging_area	.last,
.board article .paging_area	.next,
.board article .paging_area	.prev { display:none }
.board article .paging_area .page { line-height:24px; } 
.board article .paging_area .page a{ padding:5px; font-size:14px; }
.board article .paging_area .curPage { font-weight:bold; color:#3e3e3e; }

@media screen and ( max-width:990px ) {
	.visual .inner p{ font-size:40px; line-height:45px; }
	.board article{ padding-top:0; }
	.board article .list li{ font-size:14px !important; }
}

@media screen and (max-width:760px) {
	.container{ max-width:none; padding:0 0 30px 0 !important; }
	.visual .inner{ padding:30px 20px 0 20px; }
	.visual .inner p{ font-size:28px; line-height:32px; }
	.board .inner{ border-top:0; padding:0 20px; }
	.board article .search_area.search_m{ display:block; }
	.board article .search_area.search_p{ display:none; }
	.board article .list li{ padding:10px 0; }
	.board article .list li:first-child{ border-width:1px 0; }
	.board article .list li a { max-width:100% }
	.board article .list li span{ display:block; float:none; text-align:left; margin-top:5px; }
	.board article .list li.head { display:none }
}
 
/****************** view *****************************/
.board article .empty           { text-align:center; padding:100px 50px }
.board article .detail_view		{ color:#7a7a7a; }
.board article .detail_view .title  { font-size:16px; margin-top:15px; }
.board article .detail_view .info	{ margin:20px 0; font-size:12px; border-bottom:1px solid #7a7a7a26; }
.board article .detail_view .info .type{ color:#999; }
.board article .detail_view .info .date{ margin-left:10px; color:#cccccc; }
.board article .detail_view .contents  { margin:0 auto; width:100%; max-width:950px; padding:50px 0 70px 0; font-weight:300; }
.board article .detail_view .contents img{ width:auto; max-width:100%; }
.board article .detail_view .contents .btn{ min-width:unset; padding:10px 20px; font-size:12px; border-color:#e4e4e4; background-color:#fff; color:#7a7a7a; }
.board article .detail_view .contents .btn:hover{ background-color:#e4e4e4; }

.board article .detail_view p{ margin:0 0 10px; }
.board article .detail_view .contents table td,
.board article .detail_view .contents table th{ border: 1px solid #ddd; }

.board article .nav_section			{ margin-top:30px; }
.board article .nav_section .list_tap	{ border-top:1px solid #7a7a7a26; }
.board article .nav_section .list_tap a{ width:100%; padding:10px 12px; display:block; border-bottom:1px solid #7a7a7a26; font-size:14px; color:#7a7a7a; position:relative; }
.board article .nav_section .list_tap a:hover{ background:#f9f9f9; }
.board article .nav_section .list_tap a i{ width:15px; height:8px; background-repeat:no-repeat; background-size:100%; display:block; float:left; margin-top:6px; }
.board article .nav_section .list_tap a i.icon-arrow-up  { background-image:url('/img/icon/icon_foot_arrowup.png'); }
.board article .nav_section .list_tap a i.icon-arrow-down{ background-image:url('/img/icon/icon_foot_arrowdown.png'); }
.board article .nav_section .list_tap a span{ margin-left:20px; }

/****************** write ****************************
.boardWrite th { text-align:center; align-content:center; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; padding:20px 0; color:#7c7c7c; font-size:16px; }
.boardWrite td { border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; padding:20px 0;color:#5f5f5f; font-size:16px; }
.boardWrite .text-bg { background:#f2f2f2 !important; }

.tab_area { padding-top:30px !important; }
.tot_text { padding-top:20px !important; padding-bottom:20px !important; }

@media screen and (max-width:840px) {
    .boardView th, .boardView td      { font-size:14px; }
    .tot_text          { font-size:14px;}
}

.board_image     { text-align:center; }
.board_image img { width:100%; max-width:800px; }
*/