
/* 서비스센터 상세페이지 이미지뷰 css***** ../lib/galleria.classic.min.js */

.galleriacontent{ 
	display:inline-block;
	color:#777;
	width:100%;
	margin:20px auto; 
}
#galleria{ max-height:650px; }

@media (min-width:1px) and (max-width:640px){
	.galleriacontent{
		color:#777;
		width:100%;
		margin:0 auto;
	}
	#galleria{ height:400px; }
}

@media (min-width:641px) and (max-width:5000px){
	.galleriacontent{
		color:#777;
		width:100%;
		margin:10px auto;
	}
	#galleria{ height:650px; }
}

#galleria-loader{height:1px!important}

.galleria-theme-classic {
    position: relative;
    overflow: hidden;
}
.galleria-theme-classic img { /*큰이미지*/
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
	border-radius:0px;
}
.galleria-theme-classic .galleria-stage {
    position: absolute;
    top: 10px;
    bottom: 100px;
    left: 10px;
    right: 10px;
    overflow:hidden;

}
.galleria-theme-classic .galleria-thumbnails-container { /*하단 썸네일 위치 조정*/
    height: 83px;
    bottom: 0;
    position: absolute;
    left: 10px;
    right: 10px;
    z-index: 2;
}


.galleria-theme-classic .galleria-carousel .galleria-thumbnails-list {/*이전다음 화살표와 썸네일 이미지간의 간격*/
    margin-left: 15px;
    margin-right: 15px;
}
.galleria-theme-classic .galleria-thumbnails .galleria-image {/*하단 썸네일 크기*/
    height: 80px;
    width: 100px;
    margin: 0 5px 0 0;
    border: 1px solid #fff;
    float: left;
    cursor: pointer;
	border-radius: 0;
}

.galleria-theme-classic .galleria-carousel .galleria-image:link{border: 1px solid #fff;}/*하단 썸네일 테두리 룰오버*/
.galleria-theme-classic .galleria-carousel .galleria-image:visited{border: 1px solid #fff;}
.galleria-theme-classic .galleria-carousel .galleria-image:hover{border: 1px solid #777;}

.galleria-theme-classic .galleria-counter { /*페이지 카운터*/
    height:16px;
    width: 60px;
	padding-top:3px;
    position: absolute;
    bottom: 0;
    left: 10px;
    text-align: center;
    color: #777;
    font: normal 11px/1 arial,sans-serif;
    z-index: 1;
	border-radius: 0px;
}
.galleria-theme-classic .galleria-loader { /*로딩 이미지*/
    background: #fff;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    display: none;
    background: url(../images/classic-loader.gif) no-repeat 2px 2px;
}
.galleria-theme-classic .galleria-info {/*제목위치조정*/
    width: 100%;
    /*top: 10px;*/
    /*left: 20px;*/
    z-index: 2;
    position: absolute;
}
.galleria-theme-classic .galleria-info-text {/*제목배경설정*/
    background-color: #333;
    padding: 12px;
    display: none;
	border-radius: 0;
    /* IE7 */ zoom:1;
}
.galleria-theme-classic .galleria-info-title {/*제목:텍스트*/
    font:  11pt 'RixSGo B', 'NanumGothicBold', 'NanumGothic',  "Dotum", "돋움", "Arial", "Helvetica", sans-serif ;
    margin: 0;
    color: #fff;
    margin-bottom: 7px;
	height:24px;
	letter-spacing: -1px;
	border-bottom:1px solid #4D4D4D;
}
.galleria-theme-classic .galleria-info-description {/*제목아래 간략내용:텍스트*/
    font:  10pt  'RixSGo M', 'NanumGothic',  "Dotum", "돋움", "Arial", "Helvetica", sans-serif ;
    margin: 0;
    color: #E8E1B0;
	letter-spacing: -1px;
	line-height: 170%;
}
.galleria-theme-classic .galleria-info-close {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 5px;
    right: 5px;
    background-position: -743px -9px;
    cursor: pointer;
    display: none;

}

.galleria-theme-classic .notouch .galleria-info-close:hover{
    opacity:1;
    filter: alpha(opacity=100);
}
.galleria-theme-classic .touch .galleria-info-close:active{
    opacity:1;
    filter: alpha(opacity=100);
}
.galleria-theme-classic .galleria-info-link { /*info버튼-off*/
    background-position: -640px -4px;
    opacity: .7;
    filter: alpha(opacity=70);
    position: absolute;
    width: 74px;
    height: 25px;
    cursor: pointer;
    background-color: #000;
	border-radius:0;
}


/*아이콘들 룰오버*/
.galleria-theme-classic.notouch .galleria-info-link:hover { /*info버튼-on*/
    background-color: #09C0EF;
	border-radius: 2px;
}
.galleria-theme-classic.touch .galleria-info-link:active {
    opacity: 1;
    filter: alpha(opacity=100);
	border-radius: 0;
}
.galleria-theme-classic .galleria-image-nav {
    position: absolute;
    top: 50%;
    margin-top: -62px;
    width: 100%;
    height: 62px;
    left: 0;
}
.galleria-theme-classic .galleria-image-nav-left,
.galleria-theme-classic .galleria-image-nav-right { /*큰이미지 이전다음화살표*/
    opacity: .3;
    filter: alpha(opacity=30);
    cursor: pointer;
    width: 62px;
    height: 124px;
    position: absolute;
    left: 0;
    z-index: 999;
    background-position: 0 46px;
}
.galleria-theme-classic .galleria-image-nav-right {
    left: auto;
    right: 0;
    background-position: -254px 46px;
    z-index: 2;
}
.galleria-theme-classic.notouch .galleria-image-nav-left:hover,
.galleria-theme-classic.notouch .galleria-image-nav-right:hover { /*큰이미지 이전다음화살표*/
    opacity: 1;
    filter: alpha(opacity=100);
}
.galleria-theme-classic.touch .galleria-image-nav-left:active,
.galleria-theme-classic.touch .galleria-image-nav-right:active { /*큰이미지 이전다음화살표*/
    opacity: 1;
    filter: alpha(opacity=100);
}
.galleria-theme-classic .galleria-thumb-nav-left,
.galleria-theme-classic .galleria-thumb-nav-right { /*썸네일이전다음화살표-on*/
	cursor: pointer;
    display: none;
    background-position: -498px 25px;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 80px;
    width: 25px;
    z-index: 9;
	background-color: #fff;
	border-radius: 0;
	border-top:1px solid #C2C2C2;
	border-bottom:1px solid #8F8F8F;
	border-left:1px solid #C2C2C2;
	border-right:1px solid #8F8F8F;
}
.galleria-theme-classic .galleria-thumb-nav-right { /*썸네일이전다음화살표-off*/
    background-position: -578px 25px;
    right: -2px;
    left: auto;
}
.galleria-theme-classic .galleria-thumbnails-container .disabled {  /*썸네일이전다음화살표-off*/
    cursor: default;
}
.galleria-theme-classic.notouch .galleria-thumb-nav-left:hover,
.galleria-theme-classic.notouch .galleria-thumb-nav-right:hover { /*썸네일이전다음화살표-on*/
}
.galleria-theme-classic.touch .galleria-thumb-nav-left:active,
.galleria-theme-classic.touch .galleria-thumb-nav-right:active { /*썸네일이전다음화살표-on*/
}
.galleria-theme-classic.notouch .galleria-thumbnails-container .disabled:hover {  /*썸네일이전다음화살표-off*/
}

.galleria-theme-classic .galleria-carousel .galleria-thumb-nav-left,
.galleria-theme-classic .galleria-carousel .galleria-thumb-nav-right {
    display: block;
}
.galleria-theme-classic .galleria-thumb-nav-left,
.galleria-theme-classic .galleria-thumb-nav-right,
.galleria-theme-classic .galleria-info-link,
.galleria-theme-classic .galleria-info-close,
.galleria-theme-classic .galleria-image-nav-left,
.galleria-theme-classic .galleria-image-nav-right {
    background-image: url(../images/classic-map.png);
    background-repeat: no-repeat;
}
.galleria-theme-classic.galleria-container.videoplay .galleria-info,
.galleria-theme-classic.galleria-container.videoplay .galleria-counter{ display:none!important; }
