@charset "utf-8";

/* 속성 */

/*png투명값주는 소스 자바스크립트도 같이수정js폴더내 layout.js파일 자바스크립트확인*/
.png24 {
	tmp:expression(setPng24(this));
	}


/* 전체 레이아웃 */


/** 상단 lnb부분 style.css에 있음 **/	




/* 버전관련 공지 */
.vtk_vno_gongji {
	display:none;
}





/* 전체 검색 */
.search #hd_sch {
	margin:0px;
	padding:0;
	border:0px;
	}
.search #hd_sch legend {
	width:0px;
	margin:0;
	padding:0;
	font-size:0;
	line-height:0;
	text-indent:-9999em;
	overflow:hidden;
	}
.search #hd_sch #sch_stx {
	padding-left:5px;
	width:110px;
	height:20px;	
	border:0px;
	font-size:0.8em;
	font-family:Gulim;
	background:transparent;
	}

.search {
	margin:-2px 0 0 10px;
	padding:0 2px;
    border-bottom: 1px solid #999999;    
	float:left;
}
.search input[type="search"] {
  border: none;
  outline: none;
  padding: 0px 50px;
  font-size: 12px;
  color: #999999;
}
.search form input[type="submit"]{
  background: url("/theme/vtk/images/img_05.png") no-repeat 0px 0px;
  width: 14px;
  height: 15px;
  border: none;
  margin: 0 0 0 -3px;
  padding:0px;
  border:0px;
}




/* 메인메뉴 */


/*--
메뉴 class인 cssmenu 부분을 수정시에는 css폴더 안의 style.css의  
menu 부분을 찾아서 확인 할것
--*/




/** 내용 (메인적용부분) **/


/* 관리자상단메뉴 및 보드리스트 상단이미지출력 */

.adminmenu {
	background:#f9f9f9;
}
.adminmenu li {
	padding:0.5em 1em;
	float:left;
}

.boardlisttop {
	
}
.boardlisttop img {
	width:100%;
}







/* 내용 (전체적용부분) */

/**.snb {
	width:20%;
	text-align:left;
	overflow:hidden;
	float:left;
	}
**/
.snb {
	width:100%;
	height:50px;
	border-bottom:0px solid #eee;
	text-align:left;
	clear:both;
	}

.snb #snbmn {
	width:100%;
	height:auto;
	text-align:left;
	clear:both;
	}

.colgroup {
	height:auto;
	margin:0px auto;
	padding:2em 0;
	border:none;
	text-align:left;
	}

.colgroup #cont_navi {
	height:15px;
	margin:0px;
	padding:;
	font-size:1em;
	font-weight:100;
	letter-spacing:0pt;
	line-height:1em;
	text-align:right;
	clear:both;
	}



.colgroup #content {
	width:90%;
	height:auto;
	margin:0px auto;
	padding:0.5em 0 1.5em 0em;
	border:none;
	text-align:left;
	clear:both;
	}





/* 하단부분 (전체적용부분) width값을 auto로 설정하여 내용에 맞춰 폭에 자동으로 변형되게 설정 */
#clear {
	margin:0 !important;
	padding:0 !important;
	width:100%;
	height:0px;
	font-size:0 !important;
	line-height:0 !important;
	display:block;
	float:none;
	clear:both;
	overflow:hidden;
	}





/******************* 하단_고객센터 (상담시간안내/빠른메뉴/공지사항) ************************/

/* 공통부분 */
.op_a01 {
	width:auto;
	clear:both;
	}
.op_a02 {
	width:auto;
	float:left;
	}
.op_a03 {
	width:auto;
	float:right;
	}
.op_b01 {
	width:100%;
	clear:both;
	}
.op_b02 {
	width:100%;
	float:left;
	}
.op_b03 {
	width:100%;
	float:right;
	}
.txt_l {
	text-align:left;
	}
.txt_r {
	text-align:right;
	}
.txt_c {
	text-align:center;
	}

/* 공통 색상 */
.bgcol_4666a7 {
	background:#4666a7;
}
.bgcol_35538f {
	background:#35538f;
}
.bgcol_86a763 {
	background:#86a763;
}
.bgcol_669139 {
	background:#669139;
}
.bgcol_ffffff {
	background:#ffffff;
}
.bgcol_eeeeee {
	background:#eeeeee;
}
/* 게시판 상단 디자인 */
#boardtop01 {
	width:100%;
	margin:0 0 0.5em 0;
	padding:0.5em;
	background:#f6f6f6;
}
#boardtop01 h4 {
	padding:0em;
	font-size:1em;
}
#boardtop01 ul {
	width:100%;
	margin:0 0 2em 0;
	padding:0px;
}
#boardtop01 li {
	padding:0 0.4em;
	font-size:0.9em;
	color:#666666;
}
#boardtop01 i.fa-check-square-o {
	color:#364d82;
}





#hidden{display:block; float:none; overflow:hidden; margin:0 !important; padding:0 !important;}
.hidden{display:block; float:none; overflow:hidden; margin:0 !important; padding:0 !important;}


/* 게시판 view 페이지 상단 bo_v_table 글씨 안보이게 */
#bo_v_table { display:none; }

/* 게시판 전체 수정 */
#bo_v_title .bo_v_tit { font-size:1em; }
#bo_v_info .pf_img { display:none; }
#bo_v_info strong { font-weight:300; }
#bo_v_share .btn { width:auto; }

/* 스크린 사이즈에 맞게 조절 */

@media (max-width: 1199px) {

}
@media (max-width: 979px) {

}
@media (max-width: 768px) {
	.grid_2 {
		display:none;
	}
	#sidebar {
		display:none;
	}
}
@media (max-width: 623px) {

}
@media (max-width: 479px) {

}
@media (max-width: 350px) {

}








/* 메뉴 전체 뿌리기 CSS 전남대학교 디지털미래융합서비스 협동과정 적용 _VTK   start**/
#gnb_1dul {
	width:100%;
	height:40px;
	margin:0px auto;
	padding:0 0 25px 0;
	border:0px;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-content:space-between;
	zoom:1
	}
#gnb_1dul:after {
	margin:0px auto;
	padding:0px;
	border:0px;
	background:none;
	display:block;
	visibility:hidden;
	clear:both;
	content:""
	}

.gnb_1dli {
	width:100%;
	margin:0px auto;
	padding:0;
	border:0px;
	background:none;
	z-index:10;
	font-weight:400;
	font-size:1.3em;
	text-align:center;
	}



#gnb_1dul a {
	width:100%;
	padding:0px;
	color:#7a7a7a;
}
#gnb_1dul a:link { color:#555; }
#gnb_1dul a:visited { color:#555; }
#gnb_1dul a:hover { color:#a09641; }
#gnb_1dul a:active { color:#555; }







.gnb_1da {
	height:90px;
	display:inline-block;
	margin:0px auto;
	border:0px;
	padding:0px;
	font-weight:bold;
	line-height:2em;
	background:none;
	text-decoration:none
	}

.gnb_1da:focus, .gnb_1da:hover {
	margin:0px auto;
	padding:0px;
	border:0px;
	background:none;
	}
.gnb_1dli_air .gnb_1da {
	margin:0px auto;
	padding:0px;
	border:0px;
	background:none;
	color:#ffd74b;
	}
.gnb_1dli_on .gnb_1da {
	margin:0px auto;
	padding:0px;
	border:0px;
	background:none;
	color:#fff
	}
.gnb_2dul {
	width:100%;
	display:none;
	position:absolute;
	top:70px;
	background:#fff;
	}

.gnb_1dli_over .gnb_2dul {
	width:100%;
	margin:0 auto;
	padding:0px;
	border:0px;
	background:#fff;
	display:block;
	left:0;
	}


.gnb_1dli_over2 .gnb_2dul {
	width:100%;
	margin:0px auto;
	padding:0px;
	border:0px;
	display:block;
	right:0;
	background:#fff;
	clear:both;
	}

.gnb_1dli_on .gnb_2dli {
	width:100%;
	margin:0px auto;
	padding:0 5%;
}

.gnb_2da {
	margin:0px auto;
	border:0px;
	background:none;
	display:block;
	padding:7px 10px;
	text-align:left;
	text-decoration:none;
	line-height:1em;
	letter-spacing:-0.5pt;
	}
.gnb_1dli_air .gnb_2da {
	margin:0px auto;
	padding:0;
	border:0px;
	background:none;
	}
.gnb_1dli_on .gnb_2da {
	background:#fff;
	border-bottom:1px solid #e9e9e9;
	clear:both;
	}
.gnb_2da:focus, .gnb_2da:hover {
	width:100%;
	color:#ee0f19;
	text-decoration:none
	}

.gnb_1dli_over .gnb_2dli a {
	padding:0px;
	font-size:0.9em;
}


.gnb_2dli a { width:100%; color:#ccc; font-size:1em; }




#gnb_empty { 
	padding:10px 0;
	width:100%;
	text-align:center;
	line-height:1.3em;
	}
#gnb_empty a {text-decoration:underline}


/**** vtk이민철 20170730 서브메뉴 전체 펼치기 ***/

.category_submenu_box {
	width:100%;
	height:auto;
	margin: 0 auto;
	padding:0em;
	border-top:1px solid #e0e0b2;
	border-bottom:2px solid #e0e0b2;
	position:absolute;
	left:0px;
	top:102px;
	/* background:rgba(251, 251, 229, 1); */
	background: url(/theme/vtk/images/mnbg01.jpg) center repeat-y;
	display:none;
	}
.category_submenu_box .category_submenu_ball {
	padding:0;
	/* border-left:1px solid #eee;
	border-right:1px solid #e0e0b2; */
	border-bottom:2px solid #e0e0b2;
	background:#fff;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	}
.category_submenu_box .category_submenu_bed {
	width:32.5%;
	margin: 0 auto;
	padding: 3em 2em 3em 0;
	border-right:1px solid #eee;
	background:#f9f9f9;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-content:space-between;
	}


.category_submenu_bed .category_submenu_bedboxT {
	width:100%;
	height:60%;
	margin: 0 auto;
	padding: 0;
	position:relative;
	}


.category_submenu_bedboxT .category_submenu_bedboxTA {
	width:100%;
	height:100%;
	margin: 0 auto;
	padding:0;
	position:absolute;
	top:0;
	left:0;
	background:#f9f9f9;
	}

.category_submenu_bedboxTtxtA .category_submenu_bedboxTbg {
	width:100%;
	height:100%;
	margin: 0 auto;
	padding: 0 1em;
	position:absolute;
	top:0;
	left:0;
	}
.category_submenu_bedboxTtxtA .category_submenu_bedboxTbg i {
	font-size:7em;
	font-weight:700;
	color:#ccc;
	}

.category_submenu_bedboxTA .category_submenu_bedboxTtxtA {
	width:100%;
	height:100%;
	margin: 0 auto;
	padding: 0;
	position:relative;
	}
.category_submenu_bedboxTtxtA .category_submenu_bedboxTtxt {
	width:100%;
	height:auto;
	margin: 0 auto;
	padding: 0.2em 0;
	text-align:right;
	position:absolute;
	top:0;
	left:0;
	}
.category_submenu_bedboxTtxtA .category_submenu_bedboxTtxt h4 {
	width:100%;
	margin: 0 auto;
	padding: 0em;
	font-family: 'Noto Sans KR',돋움, sans-serif;
	font-size:2.2em;
	font-weight:500;
	color:#a09641;
	}
.category_submenu_bedboxTtxtA .category_submenu_bedboxTtxt p {
	width:100%;
	margin: 0 auto;
	padding: 0em;
	font-family: 'Noto Sans KR',돋움, sans-serif;
	font-size:1em;
	font-weight:400;
	line-height:2.3em;
	color:#aaa;
	}




.category_submenu_bed .category_submenu_bedboxB {
	width:100%;
	height:20%;
	margin: 0 auto;
	padding: 0em;
	display:flex;
	flex-direction:row;
	justify-content:center;
	}
.category_submenu_bed .category_submenu_bedboxB button {
	width:40%;
	height:auto;
	margin: 0 auto;
	padding: 0 1em;
	border:1px solid #ddd;
	-webkit-box-shadow: 1px 0 1px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 0 1px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
	font-family: 'Noto Sans KR',돋움, sans-serif;
	font-weight:700;
	font-size:1.1em;
	color:#666;
	}
.category_submenu_bed .category_submenu_bedboxB button  i {
	font-size:1.1em;
	color:#a09641;
	}
.category_submenu_box .category_submenu_bfl {
	width:67.5%;
	margin: 0 auto;
	padding:2em 0 2em 0;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-content:space-between;
	}
.category_submenu_bfl li {
	border-right:1px solid #eee;
	}
.category_submenu_bfl li.first-child_0, .category_submenu_bfl li:first-child{}
.category_submenu_bfl li .category_submenu{
	padding:3px 0;
	font-size:1.2em;
	font-weight:400;
	color:#000;
	}
.category_submenu_bfl li .category_submenu a {
	padding:3px 10px;
	color:#666;
	display:block;
	}
.category_submenu_bfl li .category_submenu a:hover {
	padding:3px 10px;
	color:#fff;
	display:block;
	background:#a09641;
	text-decoration:none;
	opacity:1;
	}
.subcategorybg {
	
	}
.category_submenu_bfl li .category_submenu { 
	
	}
.category_submenu_bfl li .category_submenu dd { 
	line-height:1.3em;
	text-align:center;
	}

.cate_sbmn_toggle {
	display:none;
}



@media (max-width: 1199px) {

}
@media (max-width: 979px) {

}
@media (max-width: 767px) {
	#gnb_1dul {
		display:none;
	}
	.cate_sbmn_toggle {
		display:block;
	}
	.gnb_1da {
		height:auto;
		padding: 14px 25px 16px;
		}
	.rd-mobilemenu_ul a {
		display: block;
		padding: 14px 25px 16px;
	}
	.rd-mobilemenu_ul a:hover, .rd-mobilemenu_ul a:visited, .rd-mobilemenu_ul a:link, .rd-mobilemenu_ul a:active {
		padding: 14px 25px 16px;
	}
}
@media (max-width: 623px) {

}
@media (max-width: 479px) {

}
@media (max-width: 350px) {

}

.alldisplayDf {
	display:none;
}
.alldisplayOn, .alldisplayOn0, .alldisplayOn1, .alldisplayOn2, .alldisplayOn3, .alldisplayOn4, .alldisplayOn5, .alldisplayOn6, .alldisplayOn7, .alldisplayOn8, .alldisplayOn9, .alldisplayOn10 {
	display:block;
}
.alldisplayOut, .alldisplayOut0, .alldisplayOut1, .alldisplayOut2, .alldisplayOut3, .alldisplayOut4, .alldisplayOut5, .alldisplayOut6, .alldisplayOut7, .alldisplayOut8, .alldisplayOut9, .alldisplayOut10 {
	
}


/* 메뉴 전체 뿌리기 CSS 전남대학교 디지털미래융합서비스 협동과정 적용 _VTK   end**/