/** 
 *  sliderkit-demos.css
 *	> CSS code for demos
 *  
 *  This file is part of Slider Kit jQuery plugin.
 *  http://www.kyrielles.net/sliderkit/
 *  
 *  Copyright (c) 2010-2012 Alan Frog
 *  Licensed under the GNU General Public License
 *  See <license.txt> or <http://www.gnu.org/licenses/>
 *
 */


 
/*
 *  PHOTOS GALLERIES
 *  ------------------------------------------------
 */


.photosgallery-vertical{width:680px; height:500px}

/* 왼쪽 썸네일 */
.photosgallery-vertical .sliderkit-nav{top:-20px;left:16px; width:120px; height:450px; background:#fff}
.photosgallery-vertical .sliderkit-nav-clip{}
.photosgallery-vertical .sliderkit-nav-clip ul{ height:100%}
.photosgallery-vertical .sliderkit-nav-clip ul li{height:100%; padding:5px 10px 10px 10px}
.photosgallery-vertical .sliderkit-nav-clip ul li a{border: 3px solid #ddd}
.photosgallery-vertical .sliderkit-nav-clip ul li a:hover{border: 3px solid #dbd4f6}
.photosgallery-vertical .sliderkit-nav-clip ul li.sliderkit-selected a{}
.photosgallery-vertical .sliderkit-nav-clip ul li img{width:90px; height:50px; border: 1px solid #ddd}

/* 썸네일 buttons */
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-btn{position:absolute;left:0}
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-btn a{display:block;width:120px;height:16px;background:transparent url("/static/images/sub/Service/Web/arrows-v.png") no-repeat center 0}
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-btn a span{display:none}
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-prev{top:25px}
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-next{bottom:25px}
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-prev a{background-position:center -89px}
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-next a{background-position:center -108px}
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-prev a:hover,
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-prev a:focus{background-position:center -126px}
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-next a:hover,
.photosgallery-vertical .sliderkit-nav .sliderkit-nav-next a:focus{background-position:center -145px}

/* Go Buttons */
.photosgallery-vertical .sliderkit-go-btn a{width:200px;height:300px;background:#ccc;opacity:.8; margin-left:20px}
.photosgallery-vertical .sliderkit-go-prev{top:0;left:0}
.photosgallery-vertical .sliderkit-go-next{top:0;right:0}

/* Panel */
.photosgallery-vertical .sliderkit-panel{top:0;left:10px;width:680px;height:500px}
.photosgallery-vertical .sliderkit-panel img{ margin-left:134px; border: 3px solid #e5e5e5}

/* Panel > Textbox */
.photosgallery-vertical .sliderkit-panel .sliderkit-panel-textbox{bottom:0; left:0; height:70px; width:680px}
.photosgallery-vertical .sliderkit-panel .sliderkit-panel-text{height:65px; padding:10px 15px 10px 132px; font-size:1em;color:#fff}
.photosgallery-vertical .sliderkit-panel .sliderkit-panel-text a{color:#fff}
.photosgallery-vertical .sliderkit-panel .sliderkit-panel-text a:hover{color:#e5e2ff; text-decoration:underline}
.photosgallery-vertical .sliderkit-panel .sliderkit-panel-text h4{height:auto; line-height:1.1em;font-size:1.1em;font-weight:bold;border:none}
.photosgallery-vertical .sliderkit-panel .sliderkit-panel-overlay{height:70px; width:680px; background:#676767; margin-left:18px}