/** 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.list	          { margin-bottom:100px }
.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{ box-sizing:border-box; padding:0 20px; }
.board article .list li{ width:calc(33.3% - 45px); float:left; margin:15px; position:relative; }
.board article .list li:hover .img_frame .text_wrap{ display:block; }
.board article .list li .img_frame{ display:block; position:relative; }
.board article .list li b { color:#FF9000 }
.board article .list .text_wrap{ display:none; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; color:#fff; background-color:rgb(0,0,0,0.8); padding:40px; }
.board article .list .text_wrap .subject{ display:inline-block; margin-top:60px; font-size:28px; line-height:32px; }
.board article .list .text_wrap .content{ display:inline-block; margin-top:30px; max-height:100px; overflow:hidden; }
.board article .list li .img_frame img{ width:100%; }
.board article .list li.empty { width:100%; padding:100px 50px; position:static; }

.board article .search_area.search_m{ display:none; }
.board article .search_area.search_p{ margin-top:20px; }
.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'); }

@media screen and ( max-width:990px ) {
	.visual .inner{ padding-top:0; }
	.visual .inner p{ font-size:40px; line-height:45px; }
	.board article .list   { padding:0; }
	.board article .list li{ width:calc(50% - 20px); margin:10px; }
}

@media screen and (max-width:760px) {
	.visual .inner{ padding:30px 20px 0 20px; }
	.visual .inner p{ font-size:28px; line-height:32px; }	
	.board article .list   { padding:0 20px; }
	.board article .list li{ width:calc(50% - 30px); margin:5px; }
	.board article .list .text_wrap { padding:15px; }
	.board article .list .text_wrap .subject{ margin-top:30px; font-size:22px; line-height:25px; }
	.board article .list .text_wrap .content{ margin-top:20px; font-size:16px; line-height:20px; max-height:200px; }
	.board article .search_area.search_m{ display:block; }
	.board article .search_area.search_p{ display:none; }
}

@media screen and (max-width:500px) {
	.board article .list li{ width:calc(100% - 30px); margin:5px; }
	.board article .list .text_wrap{ padding:40px; }
	.board article .list .text_wrap .subject{ margin-top:60px; font-size:28px; line-height:32px; }
	.board article .list .text_wrap .content{ margin-top:30px; max-height:200px; }
}
 
/****************** 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%; height: auto !important; }

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