@charset "utf-8";

.search_wrap {
	padding:15px;
	border:1px solid #ddd;
	background-color:#f3f3f3;
	margin-bottom:30px;
}

.blog_list02 li{
	width:31%;
	min-height:300px;
	margin-bottom:20px;
	float:left;
	margin-right:3%;
	border:1px dashed #ccc;
	padding-top:10px;
}


.blog_list03 li{
	width:100%;
	margin-bottom:10px;
	float:left;
}






.blog_list02 li p {
	padding:0 10px;
}


.blog_list02 li img {
	width:100%;
	height:174px;
	margin-bottom:10px;
}

.blog_list03 li a > div img {
	width:300px;
	height:194px;
	margin-bottom:10px;
}

.blog_list03 li a > div {
    float: left;
    width:300px;
    height:194px;
    overflow: hidden;
    text-align:left;
}

.blog_list03 .list_box {
	width:460px;
	background:none;
	margin-left:20px;
}

.blog_list02 li p.list_title,
.blog_list03 li p.list_title {
	font-family: 'NanumGothicWebB' !important;
	font-size:18px;
	margin-bottom:10px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	display:block;
}

.blog_list02 li p.list_type{
	font-family: 'NanumGothicWebB' !important;
	font-size:13px;
	color:#f32b2b;
	margin-bottom:5px;
}


.blog_list03 li p.list_type {
	font-family: 'NanumGothicWebB' !important;
	font-size:13px;
	color:#777;
	margin-bottom:5px;
}


.blog_list02 li p.list_txt span{
	display:block;
	line-height:35px;
	font-size:13px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.blog_list03 li p.list_txt span{
	display:block;
	line-height:35px;
	font-size:13px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}


.blog_list02 li p.list_txt span.add,
.blog_list03 li p.list_txt span.add {
	padding-left:35px;
	background:url(../images/common/ico_add.png) no-repeat 0 center;
}

.blog_list02 li p.list_txt span.tel,
.blog_list03 li p.list_txt span.tel {
	padding-left:35px;
	background:url(../images/common/ico_tel.png) no-repeat 0 center;
}

.blog_list02 li p.list_txt span.menu,
.blog_list03 li p.list_txt span.menu {
	padding-left:35px;
	background:url(../images/common/ico_menu.png) no-repeat 0 center;
}

.blog_list02 li p.list_txt span.date,
.blog_list03 li p.list_txt span.date {
	padding-left:35px;
	background:url(../images/common/ico_date.png) no-repeat 0 center;
}

.blog_list02 li p.list_txt span.type,
.blog_list03 li p.list_txt span.type {
	padding-left:35px;
	background:url(../images/common/ico_type.png) no-repeat 0 center;
}
.blog_list02 li p.list_txt span.host,
.blog_list03 li p.list_txt span.host {
	padding-left:35px;
	background:url(../images/common/ico_host.png) no-repeat 0 center;
}


div.blog_img_view {
	width:430px;
	float:left;
}

.blog_img_view .blog_img {
	width:100%;
}

.blog_img img {
	width:100%;
}




.blog_list02 li:nth-child(3n) {
	margin-right:0;
}

.h150_scroll{
	height:130px;
	overflow-x:auto;
	padding:10px;
	border:1px solid #dcdcdc;
	background:#f5f5f5;
	}
.blog_list a:after{
	content:'';
	background:url(../images/content/board_arrow.png) no-repeat 0 0;
	width:25px;
	height:25px;
	display:block;
	position:absolute;
	right:20px;
	top:50%;
	margin-top:-12px;
	}

.blog_list li .list_title,
.blog_list li .list_txt{
	margin-right:50px;
}
.board_view h4{
    font-family: 'NanumGothicWeb' !important;
    font-size: 20px !important;
    text-align:center !important;
    background:transparent !important;
    padding: 15px 5px !important;
    border-top: 1px solid #5a5a5a;
    border-bottom: 1px solid #e1e1e1;
    margin-top:0px !important;
	}
.board_view ul{
	background: none; padding: 10px 20px 10px 4px; border-bottom: 1px dashed #e1e1e1;
	}
.board_view #s_media_img_wrapper{
	margin:0 auto;
	}
.board_view #movie{
	padding-top:20px;
	}


@media screen and (min-width:1025px){
	.board_view video{
		display:none;
		}


	}
@media screen and (max-width:1024px){






	.blog_list03 li a > div img{
    float: left;
    width: 170px;
    height: 111px;
}
	.blog_list03 li a > div {
	width: 200px;
    height: 131px;

	}

	.tableSt_list col[class^="pc_"]{
		display:none;
		}
	.tableSt_list th:nth-child(1),
	.tableSt_list th:nth-child(6),
	.tableSt_list td:nth-child(1),
	.tableSt_list td:nth-child(6){
		display:none;
		}
	.tableSt_list th:nth-child(1) > a{
		display:block;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		}


	.tableSt_list col.col03,
	.tableSt_list col.col05{
		width:15% !important;
		}

	.tableSt_list col.col01{
		width:10% !important;
		}

	.tableSt_list col.col03{
		width:35% !important;
		}

	.tableSt_list col.col_06{
		width:25% !important;
		}
	.tableSt_view col.col_write01{
		width:80px !important;
		}
	.input500,
	.input400,
	.input99{
		width:99% !important;
		padding:0px;
		}


	.blog_list .list_title{
		font-size:16px;
		}
	.blog_list li .list_txt{
		font-size:14px;
		}

	.tableSt_view col.col01,
	.tableSt_view col.col03,
	.tableSt_view col.col05{
		width:15% !important;
		}
	.tableSt_view col.col06{
		width:10% !important;
		}
	.board_view #movie{
		display:none;
		}
	.board_view video{
		margin-top:10px;
		}
	}


@media screen and (max-width:768px){

	.blog_list02 li {
	 width:100%;

	}

	.board_page {
	display:none;
	}

	.blog_list03 li a > div {
    float: left;
    width: 120px;
   	height: 78px;
	}


	.blog_list03 li a > div img {
    width: 173px;
   	height: 111px;
	}

	.blog_list03 .list_box {
	    width:60%;
	    background: none;
	    margin-left: 20px;
	}



	.blog_list03 .list_txt {
	display:none;
	}

	.list_gellery ul li {
	    width: 50%;
	    min-height: 110px;
	    float: left;
	    text-align: center;
	    padding: 20px 0;
	}
	.tableSt_list .h_date, .tableSt_list .h_hit { display: none; }
	/* 뉴스레터 신청 */
	.tbl_form #email { width: 220px !important; }
	/* 글쓰기 */
	.board_write #bTitle { width: 97% !important;}
	/* board */
	.tbl_st { margin-top: 0; }
}
@media screen and (max-width:767px){
	.table_st02.gosi th { display: none; }
	.table_st02.gosi tbody tr:first-child { border-top: 2px solid #6ec3cb; }
	.table_st02.gosi tbody tr { display: block; border-bottom: 1px solid #d9d9d9; padding: 8px 0 !important; }
	.table_st02.gosi tbody tr:nth-of-type(even) { background: #fcfcfc;}
	.table_st02.gosi tbody td { display: block; color: #666; width: 100%; text-align: left; padding: 5px 0 5px 10px; box-sizing: border-box; border-bottom: none; }
	.table_st02.gosi tbody td br { display: none;}
	.table_st02.gosi .tbl_hidden { display: none;}
	.table_st02.gosi tbody td.aL a { font-weight: 600; }
}
@media screen and (max-width:736px){
	/* 고시공고 */
	.table_st02.gosi .h_dept { width: 20%; display: inline-block;}
	.table_st02.gosi .h_date { width: 50%; display: inline-block; }
	.table_st02.gosi tbody td.aL a { font-size: 15px !important;}
}
@media screen and (max-width:667px) {
	.tbl_form dt { width: 18%; }
	.tbl_form dd { width: 82%; }
}
@media screen and (max-width:640px) {
		.wrap_name .wrap_tipox .con_name ul { padding-bottom: 58px;}
		.bod_list.gosi .list_date {width: 40% !important;}
	}
@media screen and (max-width:568px) {
	.search_box > div { width: 100%;}
	.tableSt_list .h_writter,
	.tableSt_view .tbl_hidden { display: none; }
	.tableSt_view .txt_exp, .board_write .txt_exp { display: block;}
	/* 고시공고 */
	.table_st02.gosi .h_dept { width: 26%; display: inline-block;}
	/* 게시판 검색 */
	 .table_office thead th { display: none; }
	 .table_office tbody td { display: block; border: none; text-align: left; padding: 3px 5px;}
	 .table_office tbody td:nth-of-type(2),  .table_office tbody td:nth-of-type(3) { display: inline-block; font-weight: 600; }
	 .table_office tbody td:nth-of-type(2) { float: left; }
	 .table_office tbody tr { border-top: none; display: block; padding: 0 0 10px; }
	 .table_office tbody tr:first-child { border-top: 2px solid #6ec3cb; padding-top: 7px; }
}
@media screen and (max-width:550px){
	.blog_list li a > div > img {
	    width: 120px;
	    height:78px;
	}
	.blog_list03 .list_box {
	    width:50%;
	    background: none;
	    margin-left: 20px;
	}
	.blog_list02 li {
	    width: 100%;
	}
	.blog_list a:after{
		display:none;
		}
	.blog_list li .list_title,
	.blog_list li .list_txt{
		margin-right:0;
		}
	.board_page{
		position:static;
		text-align:right;
		margin-top:10px;
		}
	.blog_list li .list_txt{
		display:none;
		}
	.board_head span.icon_head{
		display:none;
		}
	.board_head > div{
		margin-left:0px;
		}

	.list_gellery ul li {
	    width: 50%;
	    min-height: 110px;
	    float: left;
	    text-align: center;
	    padding: 20px 0;
	}
}
@media screen and (max-width:414px){
	.name_tabMenu ul li.on a { padding: 6px 20px !important;}
	.name_tabMenu ul li a { padding: 8px 16px; }
	.wrap_tipox { margin-top: 0; }
	.wrap_name .wrap_tipox .con_name ul { padding-bottom: 98px;}
	.tableSt_list .h_reply { display: none; }
	.tableSt_view th, .tableSt_view td,
	.board_write tbody th, .board_write tbody td
	 { width: 100%; display: block; border-top: none; box-sizing: border-box; }
	.tableSt_view tbody th, .board_write tbody th { border-top: none; text-align: center; }
	.tableSt_view tbody th, .board_write tbody th { border-top: none; }
	.board_write tbody tr:first-child td { border-top: none;}
	.tableSt_view #bTitle, .tableSt_view #bPhone, .tableSt_view #bPassWord { width: 97% !important; }
	.tableSt_view .txt_exp + br, .board_write .txt_exp + br { display: none;}
	#DIV_SECU_KEYPAD + br { display: none; }
	/* 뉴스레터 신청 */
	.tbl_form dt { width: 27%; float: none; }
	.tbl_form dd { width: 100%; float: none; }
	.tbl_form #email { width: 97% !important; }
	/* 고시공고 */
	.table_st02.gosi .h_dept { width: 37%; display: inline-block;}
}
@media screen and (max-width:385px){

		.blog_list03 .list_box {
	    width:50%;
	    background: none;
	    margin-left: 20px;
	}


		.blog_list02 li {
	    width: 100%;
	}

	.tableSt_view td span.red{
		display:block; font-size: 13px;
		}
	.blog_list li a > div{
		width:120px;
		height:77px;
		}
	.blog_list li a > div > img{
		width:120px;
		}
	.blog_list li > a > span{
		margin-left:130px;
		}

	span.inputBox {
		width:100%;
		margin-top:10px;
		display:block;
	}

	span.inputBox input[type="text"], input[type="password"] {
    width:60%;

	}
}
@media screen and (max-width:375px){
	.wrap_tipox { padding: 0; margin-top: -45px;}
	.wrap_realname { padding-top: 9px; min-height: 346px;}
	.tableSt_view td span.red + br { display: none;}
	/* 고시공고 */
	.table_st02.gosi .h_dept { width: 43%; display: inline-block;}
}
@media screen and (max-width:320px){
	.wrap_name .wrap_tipox .con_name ul { padding-bottom: 118px;}
	.name_tabMenu ul li.on a { padding: 6px 15px !important;}
	.name_tabMenu ul li a { padding: 8px 15px;}
	.list_gellery ul li {
	    width:100%;
	    min-height: 110px;
	    float: left;
	    text-align: center;
	    padding: 20px 0;
	}
	.list_gellery ul li a > div {
	    width:220px;
	    height:165px;
	}
	.list_gellery ul li a > div > img {
	    width:220px;
	    height:165px;
	}
	.list_file img { display: none;}
	/* 뉴스레터 신청 */
	.tbl_form dt { width: 34%; float: none; }
}