/** * sliderkit-core.css * > Core CSS styles * * 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 or * */ /* * PLUGIN BASICS * ------------------------------------------------ */ .sliderkit{position:relative;overflow:hidden;text-align:left; padding-top:28px; display:none;} .sliderkit a, .sliderkit a:hover{text-decoration:none;} .sliderkit a:focus{/*optional*/} .sliderkit img{border:0;} .sliderkit.adSlider { padding:0 0 24px 0; } /*--------------------------------- * Navigation *---------------------------------*/ .sliderkit .sliderkit-nav{z-index:10;position:absolute;text-align:center;} /* Nav > Clip */ .sliderkit .sliderkit-nav-clip{position:relative;overflow:hidden;margin:0 auto;} .sliderkit .sliderkit-nav-clip ul{position:relative;left:0;top:0;list-style:none;margin:0;padding:0;} .sliderkit .sliderkit-nav-clip ul li{float:left;} .sliderkit .sliderkit-nav-clip ul li a{display:block;overflow:hidden;} /*--------------------------------- * Buttons *---------------------------------*/ .sliderkit .sliderkit-btn{z-index:10;} /*--------------------------------- * Panels *---------------------------------*/ .sliderkit .sliderkit-panel{z-index:1;position:absolute;} .sliderkit .sliderkit-panel-active{z-index:5;} .sliderkit .sliderkit-panel-old{z-index:4;} /* Panels > Overlay */ .sliderkit .sliderkit-panel .sliderkit-panel-textbox{position:absolute;z-index:1;} .sliderkit .sliderkit-panel .sliderkit-panel-text{position:absolute;z-index:3;top:0;left:0;} .sliderkit .sliderkit-panel .sliderkit-panel-overlay{position:absolute;z-index:2;top:0;left:0;} /*--------------------------------- * Counter *---------------------------------*/ .sliderkit .sliderkit-count{position:absolute;top:5px;right:5px;z-index:10;padding:5px;color:#fff;background:#000;} /*--------------------------------- * Loader *---------------------------------*/ .sliderkit .sliderkit-timer{position:absolute;top:0;left:0;z-index:10;height:3px;background:#ccc;} /** * 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 or * */ /* * PHOTOS SLIDERS * ------------------------------------------------ */ /*--------------------------------- * Photos slider > Minimal *---------------------------------*/ .photoslider-mini{width:500px;height:335px;} /* Panels buttons */ .photoslider-mini .sliderkit-go-btn{position:absolute;top:0;z-index:10;width:50px;height:335px;} .photoslider-mini .sliderkit-go-prev{left:0;} .photoslider-mini .sliderkit-go-next{right:0;} .photoslider-mini .sliderkit-go-btn a{display:block;width:50px;height:335px;opacity:0.6;cursor:pointer;background-color:#fff;background-repeat:no-repeat;background-position:center center;} .photoslider-mini .sliderkit-go-prev a{background-image:url("../images/slider-arrow-left.gif");} .photoslider-mini .sliderkit-go-next a{background-image:url("../images/slider-arrow-right.gif");} .photoslider-mini .sliderkit-btn-disable a{opacity:0/*can be set to any value until 1*/;cursor:default;} .photoslider-mini .sliderkit-btn-disable a:hover{cursor:default;} .photoslider-mini .sliderkit-go-btn span{display:none;} /*--------------------------------- * Photos slider > With nav bullets *---------------------------------*/ .photoslider-bullets{width:500px;height:335px;} /* Nav */ .photoslider-bullets .sliderkit-nav{position:absolute;top:10px;right:10px;} .photoslider-bullets .sliderkit-nav-clip ul li{float:left;margin:0 1px 0 0;} .photoslider-bullets .sliderkit-nav-clip ul li a{width:13px;height:13px;background:transparent url("/images/btn/rollingbt.png") no-repeat 0 0;} .photoslider-bullets .sliderkit-nav-clip ul li.sliderkit-selected a{background:transparent url("/images/btn/rollingbt_on.png") no-repeat 0 0;} /*--------------------------------- * Photos slider > 1 click *---------------------------------*/ .photoslider-1click{width:390px;height:433px;} .photoslider-2click{width:461px;padding-top:48px;top:-20px}/* 20180222 수정 */ .photoslider-3click{width:942px;height:162px; } .photoslider-4click{width:364px; height:231px;margin-top:-28px;} .adslider {width:184px;height:101px; padding-bottom:24px;} /* Nav */ .ie7 .photoslider-1click .sliderkit-nav{ width:15%; height:14px;display:inline-block;} .photoslider-1click .sliderkit-nav{position:absolute;bottom:42px;right:16px;} .photoslider-1click .sliderkit-nav-clip ul{display:inline-block;} .photoslider-1click .sliderkit-nav-clip ul li{float:left;margin:0 1px 0 0;} .photoslider-1click .sliderkit-nav-clip ul li a{display:block;width:12px; height:14px;background:transparent url("/images/btn/rollingbt.png") no-repeat 0 0; } .photoslider-1click .sliderkit-nav-clip ul li.sliderkit-selected a{background:transparent url("/images/btn/rollingbt_on.png") no-repeat 0 0;} .photoslider-1click .sliderkit-nav-clip ul a:hover{background:transparent url("/images/btn/rollingbt_on.png") no-repeat 0 0;} .ie7 .photoslider-2click .sliderkit-nav{ width:5%; height:11px;display:inline-block;} .photoslider-2click .sliderkit-nav{position:absolute;right:1px;top:25px;}/* 20180222 수정 */ .ie7 .photoslider-2click .sliderkit-nav{position:absolute;right:41px;top:5px;} .photoslider-2click .sliderkit-nav-clip ul li{float:left;margin:0 1px 0 0;} .photoslider-2click .sliderkit-nav-clip ul li a{display:block;width:12px; height:11px;background:transparent url("/images/btn/rollingbt1.gif") no-repeat 0 0; } .photoslider-2click .sliderkit-nav-clip ul li.sliderkit-selected a{background:transparent url("/images/btn/rollingbt_on.gif") no-repeat 0 0} .photoslider-3click .sliderkit-nav{position:absolute;bottom:30px; width:100%;} .photoslider-3click .sliderkit-nav-clip ul li{float:left;margin:0 1px 0 0;} .photoslider-3click .sliderkit-nav-clip ul li a{display:block;width:12px; height:11px;background:transparent url("/images/btn/rollingbt.png") no-repeat 0 0; } .photoslider-3click .sliderkit-nav-clip ul li.sliderkit-selected a{background:transparent url("/images/btn/rollingbt_on.png") no-repeat 0 0} .photoslider-3click .sliderkit-nav-clip ul a:hover{background:transparent url("/images/btn/rollingbt_on.png") no-repeat 0 0;} .photoslider-4click .sliderkit-nav{position:absolute;top:221px; left:40px; } .ie7 .photoslider-4click .sliderkit-nav-clip { position:absolute; } .photoslider-4click .sliderkit-nav-clip ul li{float:left;margin:0 1px 0 0;} .photoslider-4click .sliderkit-nav-clip ul li a{display:block;width:12px; height:11px;background:transparent url("/images/btn/rollingbt1.png") no-repeat 0 0; } .photoslider-4click .sliderkit-nav-clip ul li.sliderkit-selected a{background:transparent url("/images/btn/rollingbt_on.png") no-repeat 0 0;} .photoslider-4click .sliderkit-nav-clip ul a:hover{background:transparent url("/images/btn/rollingbt_on.png") no-repeat 0 0;} .ie7 .adSlider .sliderkit-nav{ width:15%; height:14px;display:inline-block;} .adSlider .sliderkit-nav{position:absolute;top:110px;right:0;} .adSlider .sliderkit-nav-clip ul{display:inline-block;} .adSlider .sliderkit-nav-clip ul li{float:left;margin:0 1px 0 0;} .adSlider .sliderkit-nav-clip ul li a{display:block;width:12px; height:14px;background:transparent url("/images/btn/rollingbt.png") no-repeat 0 0; } .adSlider .sliderkit-nav-clip ul li.sliderkit-selected a{background:transparent url("/images/btn/rollingbt_on.png") no-repeat 0 0;} .adSlider .sliderkit-nav-clip ul a:hover{background:transparent url("/images/btn/rollingbt_on.png") no-repeat 0 0;} .adSlider .sliderkit-panels {width:184px; height:101px; } .adSlider .sliderkit-panels-wrapper { width:184px; height:101px; } .adSlider .sliderkit-panels a img {width:184px; height:101px; } .sliderkit a.sliderkit-play-btn{display:block;position:absolute;left:355px;top:422px;z-index:100;width:19px;height:19px;background:url("/images/btn/playstopbtn.png") -24px 0 no-repeat;} .sliderkit a.sliderkit-pause-btn{display:block;position:absolute;left:355px;top:422px;z-index:100;width:19px;height:19px;background:url("/images/btn/playstopbtn.png") 0 0 no-repeat;} .adSlider a.sliderkit-play-btn{display:block;position:absolute;left:0;top:106px;z-index:100;width:19px;height:19px;background:url("/images/btn/playstopbtn.png") -24px 0 no-repeat;} .adSlider a.sliderkit-pause-btn{display:block;position:absolute;left:0;top:106px;z-index:100;width:19px;height:19px;background:url("/images/btn/playstopbtn.png") 0 0 no-repeat;} .sliderkit.photoslider-2click a.sliderkit-play-btn{display:block;position:absolute;left:440px;*left:465px;top:0;z-index:100;width:19px;height:19px;background:url("/images/btn/playstopbtn.png") -24px 0 no-repeat;}/* 20180222 수정 */ .sliderkit.photoslider-2click a.sliderkit-pause-btn{display:block;position:absolute;left:440px;*left:465px; top:0; z-index:100;width:19px;height:19px;background:url("/images/btn/playstopbtn.png") 0 0 no-repeat;}/* 20180222 수정 */ .sliderkit a.submainRolling1ControllBtn{left:20px;top:217px;} .sliderkit a.submainRolling1ControllBtn01{left:430px;top:146px;} .sliderkit a.submainRolling1ControllBtn01 ul a{width:19px; height:19px; display:block;} .sliderkit .sliderkit-nav-clip ul li a:hover{background:url("/images/btn/rollingbt_on.png") 0 0 no-repeat;} .bt_updown a.sliderkit-play-btn{display:block;position:absolute;top:1px;left:-20px;top:0px;z-index:100;width:16px;height:16px;background:url("/images/btn/btn_playstop.gif") -28px 0 no-repeat;} *:first-child+html .bt_updown a.sliderkit-play-btn {top:1px;} .bt_updown a.sliderkit-pause-btn{display:block;position:absolute;top:1px;left:-20px;top:0px;z-index:100;width:16px;height:16px;background:url("/images/btn/btn_playstop.gif") 0 0 no-repeat;} *:first-child+html .bt_updown a.sliderkit-pause-btn{top:1px;}