@charset "utf-8";
.vtk_snb02 {
	border-bottom:1px solid #e6e6e6;
}
.vtk_snb02 .vtk_snb02_navi {
	position:relative;
	max-width:1400px;
	height:50px;
	border-right:1px solid #e6e6e6;
	background:rgba(0,0,0,0);
	box-sizing: border-box;
	}



.vtk_snb02 .vtk_snb02_navi > div {
	position:relative;
	float:left;
	padding: 0 0 0 13px;
	border:0px solid #e6e6e6;
	min-width:200px;
	box-sizing: border-box;
	}

.vtk_snb02 .vtk_snb02_navi > div > li, .vtk_snb02 .vtk_snb02_navi > div > .menubox > li  {
	display:block;
	color:#333;
	font-size:14px;
	height:50px;
	line-height:50px;
	box-sizing: border-box;
	}

.vtk_snb02 .vtk_snb02_navi > div > .menubox  {
	width:100%;
	border-right: 1px solid #e6e6e6;
	}

.vtk_snb02 .vtk_snb02_navi > div > .menubox > li {
	width:100%;
	text-align:left;
	padding:0 90px 0 0 ;
	cursor:pointer;
	box-sizing: border-box;
	}

.vtk_snb02 .vtk_snb02_navi > div > .menubox > li:after {
	content:'';
	width:11px;
	height:6px;
	background:url('/theme/vtk/skin/vtksnbmenu/vtk_snbextend202101/img/vtkicon_dn.gif') no-repeat;
	display:block;
	position:Absolute;
	right:20px;
	top:60%;
	margin-top:-5px;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}


.vtk_snb02 .vtk_snb02_navi > ._on > .menubox > li:after {
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	}














.vtk_snb02 .vtk_snb02_navi .home { height:100%; padding:0px; min-width:auto; }
.vtk_snb02 .vtk_snb02_navi .home ul { display:table; height:100%; width:70px; background:#ccc; text-align:center;}
.vtk_snb02 .vtk_snb02_navi .home ul li {
	display:table-cell;
	height:100%;
	width:70px;
	margin:0px auto;
	vertical-align:middle;
	}
.vtk_snb02 .vtk_snb02_navi .home ul li i {
	font-size:12pt;
	font-weight:700;
	color:#fff;
	}

.vtk_snb02 .vtk_snb02_navi .navUl {
	overflow:hidden;
	max-height:0px;
	opacity:0;
	background:#fff;
	position:absolute;
	right:0px;
	top:55px;
	border:1px solid #fff;
	width: calc( 100% - 0px );
	margin:-5px 0 0 0;
	display:none;
	}

.vtk_snb02 .vtk_snb02_navi ._on .navUl {
	overflow:hidden;
	max-height:10000px;
	opacity:1;
	border:1px solid #e6e6e6;
	display:block;
	z-index:999999999;
	}

.vtk_snb02 .vtk_snb02_navi .navUl a {
	display:block;
	padding:10px 15px;
	font-size:1.05em;
	color:#555;
	border-bottom: 1px solid #e6e6e6;
	background-position:110% center;
	word-break:keep-all;
	word-wrap:break-word;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	}
.vtk_snb02 .vtk_snb02_navi .navUl a:last-child {
	border-bottom: 0px solid #e6e6e6;
	}


.vtk_snb02 .vtk_snb02_navi .navUl a li.new_win:after{content: ''; display: inline-block; margin-left: 5px; width: 14px; height: 14px; top: 0;background: url('../../images/layout/new_icon_black.png') center center no-repeat;}
.vtk_snb02 .vtk_snb02_navi .navUl a li:last-child{border-bottom:none;}




/* 마우스 오버 또는 현재 선택 페이지와 연결된 메뉴 */
.vtk_snb02 .vtk_snb02_navi .navUl ._active,
.vtk_snb02 .vtk_snb02_navi .navUl a:hover {color:#08923c; font-weight:500; background:#f8f9fa url('../../images/layout/sub-navi-arr.png') no-repeat 95% center; }




@media all and (max-width:1365px) {
  .vtk_snb02 .container{padding:0 20px 0 0;}
}