@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%;
	overflow:hidden;
	height: 49px;
}
.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:40px;
	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;
}

/* 뉴스레터 */
#newsletterList {
	width:100%;
	position:relative;
	padding:0 79px;
}
#newsletterList .newsTab{
	border:1px solid #a4a4a4;
}
#newsletterList .newsThum{
	height:175px;
}
#newsletterList .yearNews{
	height:54px;
	border-top:1px solid #a4a4a4;
	line-height: 54px;
    text-align: center;
}
#newsletterList .yearNews a{
	width: 100%;
    height: 100%;
    display: block;
}
.newsThum a img{
    height: 175px;
}
#newsletterList li img{
	max-width:100%;
}
.owl-carousel .owl-nav.disabled {
    display: block !important;
}
.letter_btn{
	margin-left:22px; 
	border-radius:4px; 
	border:1px solid #ccc !important; 
	background:#fff;
}
#newsletterList .owl-nav a{
	width:47px;
	height:47px;
	display:inline-block;
	position:absolute;
	top:35%;
}

#newsletterList .owl-nav .owl-prev{
	left:0;
}
#newsletterList .owl-nav .owl-next{
	right:0;
}
.newsletterContent{
	margin-top:50px;
}
.newsletterContent.responsive {
	max-width: 100% !important;
    min-width: 550px;
    overflow-x: auto;
}
.board .newsBoard thead tr {
    background: none;
    text-align:left;
}
.board .newsBoard tbody tr {
    text-align:left;
}
.board .newsBoard thead th  {
    border-top: 1px solid #dcdcdc;
    font-size: 24px;
    font-family: 'notokr-bold';
    padding: 30px 0 32px 30px;
}
.board .newsBoard tbody td  {
    text-align:left;
    padding: 23px 0 20px 28px;
    border-bottom: 1px solid #e2e2e1;
    vertical-align: top;
    text-align:left;
}
.board .newsBoard tbody td.newsKind  {
    color:#b56d46;
    width:20%;
    letter-spacing:-1px;
}
.board .newsBoard tbody td.default_sub{
	color:#3f3f3f;
}
.board .newsBoard tbody td.newsview  {
    text-align:center;
    width:15%;
}
.board .newsBoard tbody td.noList  {
    padding:23px 30px 20px;
}
.subNews_scribe{
	width:251px;
	height:67px;
	background:#252c71;
	font-size:18px;
	font-family: 'notokr-bold';
	color:#fff;
	margin: 56px auto 0;
	display:block;
}

/* 구독신청 */
.layerPopWrap{
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
    z-index: 10;
}
.layerPopWrap.layerPopOpen{
    display: block !important;
}
.layerPop{
    width: 976px;
	height: 517px;
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    top: 15%;
    left: 50%;
    transform: translate(-50%, 0);
}
.layerPop h4{
    height: 86px;
    line-height: 86px;
    background: #f3f3f3;
    border-bottom: 1px solid #dcdcdc;
    margin: 0;
    padding: 0 45px;
    position: relative;
    top: 0;
    left: 0px;
    width: 100%;
 	font-size:22px;
	color:#373737;
	font-weight: 400;
}
.layerPop h4 strong{
	 font-family: 'notokr-bold';
	font-weight: 700;
}
.layerPop h5{
    margin: 40px 0 19px;
    padding:0 45px;
 	font-size:17px;
	color:#373737;
}
.layerPopWrap .consentForm{
	width: 877px;
    height: 232px;
    border: 1px solid #dcdcdc;
    margin: 0 auto;
    overflow:auto;
    white-space: normal;
    padding-left:30px;
}
.layerPopWrap .consentForm strong{
    margin:5px 0;
    display:block;
}
.layerPopWrap .consentForm ul{
    padding-left:17px;
    list-style-position: inside;
}
.layerPopClose{
	position:absolute;
	right:45px;
	top:26px;
	font-size:22px;
	color:#373737;
}
.subscribeBox{
    width: 100%;
    margin: 18px 0 0;
    height: 60px;
    padding: 0 45px;
}
.subscribeBox .checkbox-inline{
    float:left;
    height: 100%;
    line-height: 60px;
    width:calc(100% - 770px);
}
.subscribeBox #nslmEmail{
	width:610px;
	height:60px;
	float:left;
	background: #fff;
}
.subscribe_btn{
	width:160px;
	height:60px;
	line-height:60px;
	text-align:center;
	background:#434343;
	color:#fff;
	float:left;
	font-size:17px;
	font-family: 'notokr-bold';
}


@media screen and (max-width:1200px){
	/* 갤러리 */
	.board_gallery ul li .img {
	    height: 300px;
	}
	
	/* 뉴스레터 구독신청 */
	.layerPop {
	    width: 70%;
	}
	.layerPop h4 {
	    padding: 0 5%;
	}
	.layerPop h5 {
	    padding: 0 5%;
	}
	.layerPopWrap .consentForm {
	    width: 90%;
	}
	.subscribeBox {
	    padding: 0 5%;
	}
	.subscribeBox .checkbox-inline {
	    width: 15%;
	}
	.subscribeBox #nslmEmail {
	    width: 65%;
	}
	.subscribe_btn {
	    width: 20%;
	}
	.layerPopClose {
	    right: 5%;
	}
}

@media screen and (max-width:1024px){
	/* 갤러리 */
	.board_gallery ul li {
	    width: 30% ;
	    margin: 10px 0 40px 2.5%;
	}
	
	/* 뉴스레터 */
	#newsletterList {
	    padding: 0 60px;
	}
}

@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
	}
	
	
	/* 뉴스레터 구독신청 */
	.layerPop {
	    width: 95%;
	}
	.layerPop h5 {
	    margin: 25px 0 19px;
	}
	.layerPopWrap .consentForm {
	    width: 90%;
	}
	.subscribeBox {
	    padding: 0 5%;
	}
	.subscribeBox .checkbox-inline {
	    width: 20%;
	}
	.subscribeBox #nslmEmail {
	    width: 60%;
	}
	.subscribe_btn {
	    width: 20%;
	}
}


@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%;
	}
	
	/* 뉴스레터 */
	.board .newsBoard tbody td.newsKind {
	    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;
	}
	
	/* 뉴스레터 구독신청 */
	.layerPop {
	    height: 455px;
	}
	.layerPopWrap .consentForm {
	    height: 180px;
	}
	.subscribeBox .checkbox-inline {
	    width: 25%;
	}
	.subscribeBox #nslmEmail {
	    width: 50%;
	}
	.subscribe_btn {
	    width: 25%;
	}
}