@charset "UTF-8";

/*  게시판 스킨 수정이 필요한 경우 이곳을 활용하세요 */



table.input_vertical{
	width:100%;
	table-layout:fixed;
	border-top:2px solid #505050;
	border-bottom:1px solid #505050;
}
table.input_vertical tr:first-child{border-top:none;}
table.input_vertical th{
	/*vertical-align:top;*/
	padding:15px 20px;
	background:#f7f9fe;
	color:#1a1a1a;
	font-size:15px;
}
/*table.input_vertical th label{display:block;}*/
table.input_vertical td{
	vertical-align:middle;
	background:#fff;
	padding:10px;
}
table.input_vertical td table{width:100%;}
table.input_vertical td table th{
	font-size:14px;
	background:#f8f8f8;
	border-top:1px solid #cccccc;
	padding:5px 10px;
	text-align:center;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
table.input_vertical td table th:first-child{border-left:none;}
table.input_vertical td table td{
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:6px 10px;
	font-size:14px;
}
table.input_vertical td table td:first-child{border-left:none;}
table.input_vertical td table td input{height:30px;}
table.input_vertical td table td a,
table.input_vertical td table td button.btn
{
	width:20px;
	height:33px;
	padding: 0 15px;
	border:1px solid #dcdcdc;
	box-sizing:border-box;
	display:inline-block;
	line-height:1;
	text-indent:-9999px;
}
table.input_vertical td table td button.btn-primary {background:url('../images/sub/bg_btn_plus.png') center center no-repeat;}
table.input_vertical td table td button.btn-danger {background:url('../images/sub/bg_btn_minus.png') center center no-repeat;}
a.check,
input.check,
button.check{
	font-size:14px;
	height:35px;
	width:110px;
	box-sizing:border-box;
	background:#566a8f;
	border:1px solid #566a8f;
	display:inline-block;
	text-align:center;
	line-height:33px;
	color:#fff;
	cursor:pointer;
}
.radioBox{display:inline-block; padding-right:10px;}
table.input_vertical .help{font-size:14px; color:#777;}
table.input_vertical tr{border-top:1px solid #ccc;}
table.input_vertical select{
	background:url("../images/sub/select_arrow.png") no-repeat top 0 right 0;
	cursor:pointer;
}


.btn_wrap{text-align:center; margin-top:15px;}
.btn_wrap:after{content:""; display:block; flaot:none; clear:both;}
.btn_wrap .left{float:left; margin-left:10px; text-align:left;}
.btn_wrap .left:first-child{margin-left:0;}
.btn_wrap .right{float:right; margin-left:10px; text-align:right;}
.btn_wrap .right:first-child{margin-left:0;}







/* 게시판 검색박스  */
.board .board_info .search_box .board_search .textbox {
    background:#fff;
}


/* 웹진 */
.board_info .board_info_page{
	margin:20px 0;
	padding:0 17px;
}
.board_info .board_info_page .doc_total{
	color:#494949;
	font-family: 'notokr-light';
	font-size:14px;
}
.board_info .board_info_page span.totalNum{
	color:#cf0000;
}
.board_info .board_info_page span.todayCnt{
	color:#0041c9;
}
.board .webzine_list {
    border-top: 2px solid #8b8a87;
}
.board .webzine_list>ul>li{
	border-bottom: 1px solid #dfdfdf;
	padding:20px 0;
	position:relative;
}
.board .webzine_list .wbox li{
	width:auto;
	float:left;
	border:none;
	padding:0;
}
.board .webzine_list .wbox .writeNum{
	width:8%;
	height: 110px;
    line-height: 110px;
    text-align: center;
    font-size:17px;
    color:#777;
}
.board .webzine_list .photo {
	width: 170px;
    height: 110px;
}
.board .webzine_list .boardContent{
    width: calc(92% - 170px) !important;
}
.board .webzine_list li a.text{
    float: none;
    width: 85%;
    display:block;
}
.board .webzine_list .text .subject{
	width:100%;
	font-size:18px;
	color:#3f3f3f;
	margin:0;
	padding-left:5%;
}
.board .webzine_list .text .content{
	width:100% ;
	font-size:15px;
	color:#777 ;
	padding-top: 0 ;
	margin:0;
	padding-left:5%;
}
.board .webzine_list .boardContent .date{
    position:absolute;
    top:30px;
    right:17px;
    font-size: 17px;
    color: #777;
}




/* 갤러리 */
.board_gallery{
    border-top: 2px solid #8b8a87;
    border-bottom: 1px solid #dfdede;
    padding:0;
}
.board_gallery ul {
    padding: 35px 0 57px;
}
.board_gallery ul li{
	border:none;
	margin-top:0;
	margin-bottom:0;
	padding-bottom:0;
}
.board_gallery ul li .img {
    padding-bottom: 0;
    border: 1px solid #ccc;
    height: 350px;
}
.board_gallery ul li .no-img {
	height:100%;
}
.board_gallery ul li .img img{
	height:100% !important;
}
.board_gallery ul li:hover {
    outline: none ;
    border:none;
}
.board_gallery ul li:hover .img{
    outline: 3px solid #083f89;
}
.board_gallery .title {
    border-top: none;
    padding: 7% 0 0;
}
.board_gallery .title a {
    font-size: 16px ;
    font-weight: 100;
    font-family: 'notokr-light';
    color: #282828 ;
}


/* 보드자료 */
.board .board_list thead tr {
    background: #f3f3f3;
}
.board .board_list thead th{
	border-top:1px solid #dcdcdc ;
}
.board .board_list thead th.default_title{
	text-align:center;
}
.board .board_list tbody td.default_sub {
	text-align:left;
}
.board .board_list tbody td {
	border-bottom: 1px solid #dde2e8 ;
}
.btn_area{
	border-top: 1px solid #dde2e8;
}

.default  span.inew {
	height:7px;
}
span.inew {
	width:28px;
	height:100%;
    background: url(../images/sub/new_icon.png) no-repeat center;
}
span.ifile {
    background: url(../images/sub/file_icon.png) no-repeat center;
}
span.inotice{
    background: url(../images/sub/notice_icon.png) no-repeat center;
	width: 46px;
    height: 21px;
    position: relative;
    top: 5px;
}

.board_view .btn_area .right a{
	float:left; 
	margin-left:3px;
}

@media screen and (max-width:1200px){
	/* 갤러리 */
	.board_gallery ul li .img {
	    height: 300px;
	}

}

@media screen and (max-width:1024px){
	/* 갤러리 */
	.board_gallery ul li {
	    width: 30% ;
	    margin: 10px 0 40px 2.5%;
	}
	
}

@media screen and (max-width:800px){
	/* 웹진 */
	.board .webzine_list li a.text {
	    width: 100%;
	    margin-top:0;
	}
	.board .webzine_list .text .content {
	    width: 100%;
	}
	.board .webzine_list .boardContent .date {
	    position: relative;
	    top: 0;
	    right: 0;
	    padding-left: 5%;
	    font-size: 13px;
	    font-family: Dotum;
	    color:#999;
	}
	
	/* 갤러리 */
	.board_gallery ul li {
	    width: 47%;
	    margin: 0 1.5% 40px ;
		.newsletterContent
	}
	
}


@media screen and (max-width:767px){
	/* 웹진 */
	.board .webzine_list .boardContent {
	    width: calc(100% - 170px) !important;
	}
	
	/* 기본 */
	.board .board_list thead th.default_title {
	    padding-left: 5%;
	}
	.board .board_list tbody td.default_dt {
	    font-size: 13px;
	    font-family: Dotum;
	    color: #999;
	}
	.default .default_sub {
	    padding-left: 5% ! important;
	}
	.default .default_day {
   		 width: 25%;
	}

}

@media screen and (max-width:480px){
	/* 웹진 */
	.board .webzine_list .photo {
	    width: 120px;
	    height: 110px;
	}
	.board .webzine_list .boardContent {
	    width: calc(100% - 120px) !important;
	}
	
	/* 갤러리 */
	.board_gallery ul li {
	    width: 100% ;
	    margin: 0 0 40px 0;
	}
}