
/* 광고 화면 */
.main { width:100%; text-align:center; }
.main .banner-container { border-bottom: 1px solid #999; }
.main .banner { display:table; max-width:980px; width:100%; margin:auto; }
.main .banner .menu { 
	display:table-cell; position:relative;
	width:25%;  vertical-align:top; }
.main .banner .display { 
	display:table-cell; padding-bottom:2px; 
	width:75%; vertical-align:top; }
.main .banner .display > div.table { display:table; width:100%; }
.main .banner img { width:100%; }
.main .banner .table-col { width:50%; display:table-cell; vertical-align:top;
	margin:0; padding:0; border-left:1px solid #999; border-bottom:1px solid #999; }
.main .banner .table-col:last-child { border-right:1px solid #999; }
.main .banner .table-col > div { 
	display:block; width:100%; margin:0;padding;0;
}
.main .banner .table-col > div:nth-child(2) { 
	border-top: 1px solid #999;
}


@media (max-width: 767px) {
	.main .banner .menu { display:none; }
	.main .banner .display { width:100%; border-right:0; }
	.main .banner .table-col:first-child { border-left:0; }
	.main .banner .table-col:last-child { border-right:0; }
}

@media (max-width: 479px) {
}


.main .banner .menu { /* border-right:1px solid #575B64; */ padding-bottom:6px;}
.main .banner .menu > table { 
	width:100%; text-align:left; 
	border-collapse:collapse; border-spacing:0; }
.main .banner .menu > table td {
	display: block;
    position: relative;
    padding: 2px 0 2px 8px;
    line-height: 24px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    border-left:1px solid #fff; /* #ccc 에서 바꿈 */
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	border-right:0;
}
.main .banner .menu > table td > a > img {
	width:16px; height:16px; margin-right:6px; 
}
.main .banner .menu > table td:hover {
	border-left:1px solid #e00;
	border-top:1px solid #e00;
	border-bottom:1px solid #e00;
	border-right:0;
	/*background-color:#575B64;
	color:#fff;*/
}
.main .banner .menu > table td:hover:after {
	content:'';
	position: absolute;
	width:2px; height:100%;
	background-color:#fff;
	right:-2px; top:0;
	z-index:1002;
}

/* 왼쪽 메뉴아이템에 마우스가 hover됐을때 나나타는 팝업 메뉴 */
.main .banner .menu .hover-menu {
	display:none; position: absolute;
	left:100%; top:-1px; margin:0;
	width:500px; padding:8px 12px;
	border:1px solid #e00; background-color:rgba(255, 255, 255, 0.95);
	z-index:1000;
}
.main .banner .menu > table tr:nth-child(2) .hover-menu { top:-31px; }
.main .banner .menu > table tr:nth-child(3) .hover-menu { top:-61px; }
.main .banner .menu > table tr:nth-child(n+4):nth-child(-n+12) .hover-menu { top:-91px; }
.main .banner .menu > table tr:nth-child(13) .hover-menu { top:auto;bottom:-61px; }
.main .banner .menu > table tr:nth-child(14) .hover-menu { top:auto;bottom:-31px; }
.main .banner .menu > table tr:last-child .hover-menu { top:auto;bottom:-1px; }
.main .banner .menu > table td:hover .hover-menu { display:block; }
.main .banner .menu > table td:hover .hover-menu .table { 
	display:table; width:100%; 
}
.main .banner .menu .hover-menu h3 {
	display:block; margin:0;
}

.main .banner .menu .hover-menu .category_sub_list {
	display:table-cell; width:50%; vertical-align:top;
	padding:4px 16px 4px 16px;
}

.main .banner .menu .hover-menu .category_description {
	display:table-cell; width:50%; vertical-align:top;
	padding:4px 0 4px 16px; border-left:1px solid #ccc;
}
.main .banner .menu .hover-menu .category_description .bn_txt { margin:4px 0; }



/* 광고 carousel-small1 */
#carousel-small1 .carousel-indicators, #carousel-small2 .carousel-indicators { 
	right:0; top:10px; left:auto; bottom:auto; width:20%;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}