/* BASIC css start */
#main { position: relative; z-index:99; margin-top:30px;}
#content { width:1000px !important; margin: 0 !important; }
#main .main_banner {height:400px;}
#main .main_banner div {float:left;}


/*---------------------------------
 *  메인이미지
 *---------------------------------*/
.contentslider-main{width:1000px;height:400px;padding:0px;margin:0px; }


.news_img img{padding:0 0px; width:100%;}
.news_ttl{font-size: 14px;	font-weight: bold; padding:0 0 0 10px;}
.middle_banner ul li{float:left;}

/*메인배너 스타일*/
#slides{display:none; width:1000px; height:400px;}	
.slidesjs-navigation {z-index:999; position:relative; top:-215px;}
.slidesjs-previous {margin-left:15px; float: left; width:16px; height:31px; background:url(http://gi.esmplus.com/buypass/renewal/icon_previous.png) no-repeat;}
.slidesjs-next {margin-right:15px; float:right; width:16px; height:31px; background:url(http://gi.esmplus.com/buypass/renewal/icon_next.png) no-repeat;}
.slidesjs-pagination {display:none;}
.navbar{overflow: hidden}
.container {margin: 0 auto}
.container{width: 1000px; height:400px;}


/* Panel */
.contentslider-main .sliderkit-panels{width:808px;height:435px;overflow:hidden;padding-left:190px;margin:0px;background:transparent; float:right;}
.contentslider-main .sliderkit-panel{width:808px;height:435px;overflow:hidden;padding:0px;margin:0px;background:transparent; }

/* Nav */
.contentslider-main .sliderkit-nav{width:200px; float:left;}
.contentslider-main .sliderkit-nav-clip{position:relative;margin:0;}
.contentslider-main .sliderkit-nav-clip li{display:block;padding:0px;;margin:0px;}
.contentslider-main .sliderkit-nav-clip li a{cursor:pointer;width:200px; height:86px; margin:0; padding:0px; background:transparent;}
.contentslider-main .sliderkit-nav-clip li a:hover{background-position:-200px 0; }
.contentslider-main .sliderkit-nav-clip li.sliderkit-selected a{background-position:-200px 0; }

.contentslider-main .sliderkit-nav-clip li .thum01 {background:url(/design/sjs10786/0581greenstone/rollover_01.png); height:86px;}
.contentslider-main .sliderkit-nav-clip li .thum02 {background:url(/design/sjs10786/0581greenstone/rollover_02.png); height:86px;}
.contentslider-main .sliderkit-nav-clip li .thum03 {background:url(http://gi.esmplus.com/buypass/EB-G7100%EB%A1%A4%EC%98%A4%EB%B2%84.png); height:86px;}
.contentslider-main .sliderkit-nav-clip li .thum04 {background:url(http://gi.esmplus.com/buypass/EB-G7200%EB%A1%A4%EC%98%A4%EB%B2%84.png); height:86px;}
.contentslider-main .sliderkit-nav-clip li .thum05 {background:url(http://gi.esmplus.com/buypass/%EB%A0%88%EC%9D%B4%EC%A0%80%20%EB%A1%A4%EC%98%A4%EB%B2%84%EC%9D%B4%EB%AF%B8%EC%A7%80.png); height:90px;} 

/*
 *  PLUGIN BASICS
 *  ------------------------------------------------
 */
.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;/*optional*/}
.sliderkit img{border:0;}

/*---------------------------------
 *  Navigation
 *---------------------------------*/
.sliderkit .sliderkit-nav{z-index:10;position:absolute;left:0px;top:0px;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;overflow:hidden;}
.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;}


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


/* notice */
#main  .evt-wrap { float: left; width: 371px; height:129px; padding-right:24px;padding-top:28px;}
#main  .ntc h2 { font-size: 0; line-height: 0; }
#main  .ntc .list { zoom: 1; overflow: hidden; padding-top:8px; padding-left: 10px; margin-right: 6px }
#main  .ntc .list li,
#main  .ntc .list a { float: left; }
#main  .ntc .list li { padding-left: 0px; width: 371px; }
#main  .ntc .list a { width: 100%; height: 20px; line-height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color:#9c9a9c; }
#main  .ntc .list a:hover {text-decoration:none;  color:#d93936;}

/* 메인이벤트 배너 */

.main_event {float:left;padding-top:28px;}
.main_event .event_ban{float:left; padding-right:8px; }


/*---------------------------------
 *  중앙 2단 상품
 *---------------------------------*/
.area_tab {
	width:1000px; height:290px; padding:50px 0 50px 0; 
}

.contentslider-tab { position:relative; }
.contentslider-tab .tab_icon {
	position:absolute; top: 26px; right: 5px; z-index: 999;
}
.contentslider-tab .area_prdlist {
	width: 500px;
	padding: 30px 0px 0 0px;
}

/* Nav */
.contentslider-tab .sliderkit-nav { position:relative; width:998px; text-align: center; }
.contentslider-tab .sliderkit-nav-clip{ position:absolute; top:0px; left:0px;}
.contentslider-tab .sliderkit-nav-clip li{ display:block; padding:0px; margin:0px; width:211px; height:40px; list-style:none; float:left; border-left:0px;}
.contentslider-tab .sliderkit-nav-clip li:first-child {}
.contentslider-tab .sliderkit-nav-clip li a{ cursor:pointer; width:211px; height:40px; color:#000; font-family:Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif; display:block; line-height:40px; font-size:15px; background:url("http://gi.esmplus.com/buypass/renewal/bg_tab_off.gif"); font-weight:bold;}
.contentslider-tab .sliderkit-nav-clip li a:hover { color:#fff; display:block; background:url("https://ai.esmplus.com/tjdgh0627/%ED%94%84%EB%A1%9C%EC%A0%9D%ED%84%B0%20%EB%B0%94%EC%9D%B4%EC%97%85%EB%8D%B0%EC%9D%B4%ED%8A%B8/top_2_baner_bg3_tab_on.jpg"); }
.contentslider-tab .sliderkit-nav-clip li.sliderkit-selected a { color:#fff; height:40px; font-weight:bold; background:url("https://ai.esmplus.com/tjdgh0627/%ED%94%84%EB%A1%9C%EC%A0%9D%ED%84%B0%20%EB%B0%94%EC%9D%B4%EC%97%85%EB%8D%B0%EC%9D%B4%ED%8A%B8/top_2_baner_bg3_tab_on.jpg"); font-family:Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif; font-size:15px}

/* Panel */
.contentslider-tab .sliderkit-panels {width:998px; height:300px; overflow:hidden; font-size:0px; float:left; padding-top:40px; }
.contentslider-tab .sliderkit-panel {width:998px; height:258px; overflow:hidden; border:1px solid #c5c5c5; }
.contentslider-tab .sliderkit-panel p {float:left; padding-top:5px;}
.contentslider-tab .sliderkit-panel .first {padding-left:24px;}
.contentslider-tab .sliderkit-panel .first1 {padding-left:23px;}

/*---------------------------------
 *  중앙 배너
 *---------------------------------*/
.middle_banner {padding-top:50px; height:285px;}
.middle_banner p{float:left;}

.middle_banner01 {padding-top:20px; height:180px;}
.middle_banner01 p{float:left;}

/* 메인롤링 컨트롤 */
.area_main .section {
	border: 1px solid #dedede;
	margin-top: 20px;
}
.area_main .section .inner {
	height: 228px;
}

#product1s {height:228px!important; left: 0px; position: relative;}
.main_rolling {height:228px;}
.main_rolling .sliderkit-nav {left:0;width:100%;height:228px;padding:0px;position:relative;}
.main_rolling .sliderkit-nav-clip ul li{float:left;margin:0px;padding:24px 16px 0;line-height: normal; }
.main_rolling .sliderkit-nav-clip ul li a {display:inline !important;margin:0px;padding:0;color:#555;}
.main_rolling .sliderkit-nav-clip ul li a img.thumb {width:148px; height:148px; border: 1px solid #e9e9e9;}
.main_rolling .sliderkit-nav-clip ul li a:hover img { border: 1px solid #999;}
.main_rolling .sliderkit-nav-clip ul li h1 { font-family:돋움;font-size:12px;font-weight:normal;margin:0;padding:4px 0px 0px 0px;width:148px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center; }
.main_rolling .sliderkit-nav-clip ul li p { font-family:돋움;font-size:12px;font-weight:bold;color:#000;margin:0;padding:4px 0 0 0;width:148px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;}

.main_rolling .sliderkit-nav .sliderkit-nav-btn{position:absolute;top:80px;height:0px;}
.main_rolling .sliderkit-nav .sliderkit-nav-btn span{display:none;}
.main_rolling .sliderkit-nav .sliderkit-nav-btn a{display:block;}
.main_rolling .sliderkit-nav .sliderkit-nav-prev {right:10px;}
.main_rolling .sliderkit-nav .sliderkit-nav-next {left:10px;}
.main_rolling .sliderkit-nav .sliderkit-nav-prev a{ width:34px;height:35px;background: url("/design/sjs10786/0581greenstone/btn_arrow.png"); background-position: -34px 0;}
.main_rolling .sliderkit-nav .sliderkit-nav-next a{width:34px;height:35px;background: url("/design/sjs10786/0581greenstone/btn_arrow.png"); background-position: 0 0;}
.main_rolling .sliderkit-nav .sliderkit-nav-prev a:hover,
.main_rolling .sliderkit-nav .sliderkit-nav-prev a:focus{ background-position: 34px 0; }
.main_rolling .sliderkit-nav .sliderkit-nav-next a:hover,
.main_rolling .sliderkit-nav .sliderkit-nav-next a:focus{ background-position: 68px 0; }

.area_main .section2 {width:1000px; padding-top: 30px;}
.area_main .section2 .inner {float: left;}
.area_main .section2 .inner .prdlist {border: 1px solid #dedede; float: left; width: 576px; height: 193px; padding: 0px 0px 25px;}
.area_main .section2 .inner .prdlist .aaa{color:#909090; font-family:dotum; font-size:11px;}
.area_main .section2 .inner .prdlist .aa{font-size:11px; color:#333; font-family:dotum;}
.area_main .section2 .inner .prdlist .thumb{width: 130px; height: 130px;}
.area_main .section2 .ban{float: left;}
.area_main .section2 .inner .box{margin-bottom: 30px;}
.area_main .section2 .inner .box2{margin-bottom: 30px;}
.area_main .section2 .ban8 {padding-left:22px; float:left;}


.sound_list li{float:left; padding:5px 5px 0 0;}
.sound_list li.last{padding-right:0;}
/* BASIC css end */