/** visual **/
.visual { background-color:#fff; }
.visual article { text-align:center; color:white; max-width:100% !important; }
.visual article img{ width:100%; height:auto; }

/** board ***/
.board article                { min-height:300px; padding-top:50px; padding-bottom:50px; }
.board .inner				  { margin:0 auto; text-align:left; padding:0 10px; }
.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 ***************************/
.top_area{ color:#7a7a7a; text-align:center; }
.top_area .title{ padding:50px 20px 40px 20px; font-size:36px; font-weight:300; line-height:1.2; }

.board article .tab { margin:20px 0; text-align:center; }
.board article .tab button{ min-width:90px; height:50px; border:1px solid #dddddd; color:#000000; background-color:#ffffff; cursor:pointer; vertical-align:top; overflow:hidden; font-size:14px; padding:0 25px; margin-left:-1px; margin-top: 5px; }
.board article .tab button.on,
.board article .tab button:hover{ color:#ff9000; font-weight:500; }

.board article .list{ width:100%; margin-top:20px; /* padding:0 20px; */ display:inline-block; }
.board article .list div.empty { width:100%; padding:100px 50px; text-align:center }
.board article .list a.item { display:inline-block; width:calc(25% - 20px); /* padding-bottom:30px; */ margin:20px 10px; float:left; cursor:pointer;/* height:250px */ }
.board article .list a.item .thumb{ display:block; width:100%; /*height:200px; overflow:hidden;*/ }
.board article .list a.item .thumb img { width:100%; /*min-width:100%; max-height:202px;*/ vertical-align:middle; }
.board article .list a.item .title { width:100%; text-align:center; font-size:14px; letter-spacing:-1px; margin-top:10px; }
.board article .list a.item .title span{ margin-right:7px; }
.board article .list a.item .title span.�꽦怨듭씤�꽣酉�{ color:#6ecc51; }

.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 article { max-width:720px !important; }
	.visual article img { content:url('/img/openinsight/visual_main_m.jpg'); }
	
	.top_area .title{ padding-top:30px; padding-bottom:10px; font-size:30px; }
	.top_area .category_btn li{ padding:10px 30px; }
	
	.board article .list a.item{ width:calc(50% - 20px); }
	.board article .list a.item .thumb{ height:320px; overflow: hidden; }
}

@media screen and (max-width:840px) {
	.list_count   { display:none; }
	.boardList    { width:90% !important; }
	.boardList th { font-size:14px; padding-left:10px;}
	.boardList td { font-size:14px; padding-left:10px;}
	
	.board article .list a.item{ width:calc(50% - 20px); }
	.board article .list a.item .thumb{ height:300px; }
}

@media screen and (max-width:760px) {
	.board article .list a.item{ width:calc(50% - 20px); }
	.board article .list a.item .thumb{ height:200px; }
}

@media screen and (max-width:500px) {
	.top_area .title{ padding-top:20px; font-size:26px; }
	
	.board article .list a.item{ width:100%; margin:20px 0; }
	.board article .list a.item .thumb{ height:300px; }
}
 
/****************** 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 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; }

.file_area ul li{ list-style:none; background:#f7f7f7; min-height:55px; margin-top:5px; position:relative; padding:15px; }

/****************** 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; }
*/