/** 
 *  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 <license.txt> or <http://www.gnu.org/licenses/>
 *
 */

/*
 *  PLUGIN BASICS
 *  ------------------------------------------------
 */
.sliderkit{display:none; position:relative; width:100%; height:558px; box-sizing:border-box; padding-left:0px; overflow:hidden;}

.sliderkit a,
.sliderkit a:hover{text-decoration:none;}
.sliderkit a:focus{outline:1px dotted #000;/*optional*/}
.sliderkit img{border:0;}

/*---------------------------------
 *  Navigation
 *---------------------------------*/
.sliderkit .sliderkit-nav {position:absolute; left:0; top:0; width:27%; height:100%; z-index:10;}

/* Nav > Clip */
.sliderkit .sliderkit-nav-clip{position:relative; height:558px; overflow:hidden; margin:0 auto;}
.sliderkit .sliderkit-nav-clip ul{position:relative; list-style:none; margin:0; padding:0; width:100%; height:100%;}
.sliderkit .sliderkit-nav-clip ul li {position:relative; float:left; width:100%; height:20%;  box-sizing:border-box; overflow:hidden; background:#e1e1e1; border-top:1px solid #FFF;}
.sliderkit .sliderkit-nav-clip ul li a {display:block;overflow:hidden; box-sizing:border-box; line-height:50px; font-size:19px; color:#000; padding:30px 40px; font-weight:500; text-indent:-99999px; }

.sliderkit .sliderkit-nav-clip ul a.nav01 { background-image:url(/_img/sub/comm_why_banner01-txt01.jpg) !important; }
.sliderkit .sliderkit-nav-clip ul a.nav02 { background-image:url(/_img/sub/comm_why_banner01-txt02.jpg) !important; }
.sliderkit .sliderkit-nav-clip ul a.nav03 { background-image:url(/_img/sub/comm_why_banner01-txt03.jpg) !important; }
.sliderkit .sliderkit-nav-clip ul a.nav04 { background-image:url(/_img/sub/comm_why_banner01-txt04.jpg) !important; }
.sliderkit .sliderkit-nav-clip ul a.nav05 { background-image:url(/_img/sub/comm_why_banner01-txt05.jpg) !important; }

.sliderkit .sliderkit-nav-clip ul li.sliderkit-selected a.nav01 { background-image:url(/_img/sub/comm_why_banner01-txt01-on.jpg) !important; }
.sliderkit .sliderkit-nav-clip ul li.sliderkit-selected a.nav02 { background-image:url(/_img/sub/comm_why_banner01-txt02-on.jpg) !important; }
.sliderkit .sliderkit-nav-clip ul li.sliderkit-selected a.nav03 { background-image:url(/_img/sub/comm_why_banner01-txt03-on.jpg) !important; }
.sliderkit .sliderkit-nav-clip ul li.sliderkit-selected a.nav04 { background-image:url(/_img/sub/comm_why_banner01-txt04-on.jpg) !important; }
.sliderkit .sliderkit-nav-clip ul li.sliderkit-selected a.nav05 { background-image:url(/_img/sub/comm_why_banner01-txt05-on.jpg) !important; }

.sliderkit .sliderkit-nav-clip ul li.sliderkit-selected {background:#b38553;}
.sliderkit .sliderkit-nav-clip ul li.sliderkit-selected a { color:#fff; }

.sliderkit .sliderkit-nav-clip ul.leng03 li {height:33.3% !important;}
.sliderkit .sliderkit-nav-clip ul.leng03 li a {padding-top:45px !important;}

/*---------------------------------
 *  Buttons
 *---------------------------------*/
.sliderkit .sliderkit-btn{z-index:10;}

/*---------------------------------
 *  Panels
 *---------------------------------*/
.sliderkit .sliderkit-panel{width:100%; height:100%;  z-index:1;position:absolute;overflow:hidden;}
.sliderkit .sliderkit-panel-active{z-index:5;}
.sliderkit .sliderkit-panel-old{z-index:4;}


.sliderkit .sliderkit-panels .sliderkit-panel { position:absolute; right:0; top:0; width:73%; height:100%; background-position:top left; background-repeat:no-repeat; background-size:100% 100%;}

/**/
.sliderkit .sliderkit-panels .sliderkit-panel#panel01 {background-image:url(/_img/sub/comm_why_banner01.jpg);}
.sliderkit .sliderkit-panels .sliderkit-panel#panel02 {background-image:url(/_img/sub/comm_why_banner02.jpg);}
.sliderkit .sliderkit-panels .sliderkit-panel#panel03 {background-image:url(/_img/sub/comm_why_banner03.jpg);}
.sliderkit .sliderkit-panels .sliderkit-panel#panel04 {background-image:url(/_img/sub/comm_why_banner04.jpg);}
.sliderkit .sliderkit-panels .sliderkit-panel#panel05 {background-image:url(/_img/sub/comm_why_banner05.jpg);}


/* 3d네비게이션 
.sliderkit .sliderkit-panels .sliderkit-panel#panel06 {background-image:url(/_img/sub/3dnavi_banner_01.jpg);}
.sliderkit .sliderkit-panels .sliderkit-panel#panel07 {background-image:url(/_img/sub/3dnavi_banner_02.jpg);}
.sliderkit .sliderkit-panels .sliderkit-panel#panel08 {background-image:url(/_img/sub/3dnavi_banner_03.jpg);}
.sliderkit .sliderkit-panels .sliderkit-panel#panel09 {background-image:url(/_img/sub/3dnavi_banner_04.jpg);}*/





/* 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;}


/* This code can be reduced and pasted in any other CSS file :

Here is a compact version :
-------------------------------

.sliderkit{display:none;position:relative;overflow:hidden;text-align:left;}
.sliderkit a,
.sliderkit a:hover{text-decoration:none;}
.sliderkit a:focus{outline:1px dotted #000;}
.sliderkit img{border:0;}
.sliderkit .sliderkit-nav{z-index:10;position:absolute;text-align:center;}
.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;}
.sliderkit .sliderkit-btn{z-index:10;}
.sliderkit .sliderkit-panel{z-index:1;position:absolute;overflow:hidden;}
.sliderkit .sliderkit-panel-active{z-index:5;}
.sliderkit .sliderkit-panel-old{z-index:4;}
.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;}
.sliderkit .sliderkit-count{position:absolute;top:5px;right:5px;z-index:10;padding:5px;color:#fff;background:#000;}
.sliderkit .sliderkit-timer{position:absolute;top:0;left:0;z-index:10;height:3px;background:#ccc;}
*/