@charset "utf-8";
@import url("../book/_sprite_main.css");
@import url("../book/common/nanumgothic.css"); 
#products {
	margin-left:0px;
}
#products .slides_container {
	width:557px;
	overflow:hidden;
	float:left;
	position:relative;
	display:none;
}
.slides_container a {
	width:557px;
	height:336px;
	display:block;
}
#products .pagination {
	width:372px;
	height:336px;
	padding: 0;
	float:left;
	margin-left:0px;
}
#products .pagination li {
	background-color: #fff;
	float:left;
	margin:0;
	list-style:none;
}
#products .pagination li a {
	display:block;
	width:184px;
	height:117px;
	padding-top:50px;
	margin:0;
	float:left;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	text-align:center;
	letter-spacing:-1px;
	
}
#products .pagination li strong{
	display:block;
	margin-bottom:5px;
	color:#d00000;
	font-size:15px;
	font-family:'spoqa4';
	font-weight:600;
}
#products .pagination li span{
	font-family:'spoqa3';
	font-weight:300;
}
#products .pagination li.current a{
	background:#d00000;
	color:#fff;
	margin:0;
}
#products .pagination li.current a,
#products .pagination li.current a span,
#products .pagination li.current a strong{
	color:#fff;
}

#products .pagination li.current a img {display:none; border: none}



#products .pagination li img { width: 185px; height: 111px;}
#products .pagination li

#products .pagination li.current {
	
}
/*
#products .pagination li.six_menu01 { background:url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/brand/main/six_menu01_on.gif) no-repeat 1px 0px; }
#products .pagination li.six_menu02 { background:url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/brand/main/six_menu02_on.gif) no-repeat 1px 0px; }
#products .pagination li.six_menu03 { background:url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/brand/main/six_menu03_on.gif) no-repeat 1px 0px; }
#products .pagination li.six_menu04 { background:url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/brand/main/six_menu07_on.gif) no-repeat 1px 0px; }
#products .pagination li.six_menu05 { background:url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/brand/main/six_menu08_on.gif) no-repeat 1px 0px; }
#products .pagination li.six_menu06 { background:url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/brand/main/six_menu06_on.gif) no-repeat 1px 0px; }*/

/*#container .content a.rollover img { border-width:0px; display:inline; }
#container .content a.rollover img.over { display:none; } 
#container .content a.rollover img.main_over { display:none; }
#container .content a.rollover:hover { border:0px }
#container .content a.rollover:hover img { display:none; }
#container .content a.rollover:hover img.over { display:inline; } 
#container .content a.rollover:hover img.main_over { display: block; position: absolute; top:0; left: 50%; margin-left: -465px; width: 556px; height: 335px; } 
#container .content .tail { clear: both; padding-top: 35px; padding-left: 10px; }
#container .content .tail div { width: 230px; float: left; }
#container .content .tail img { float: left; }
#container .content .tail ul { float: right; }
#container .content .tail li { clear: both; width:110px; list-style-type: none; background: url(../../images/brand/common/li_bg_bar.gif) no-repeat 0 0px; padding-left: 10px; }
#container .content .bbsbanner{ vertical-align:top;}
#container .content .bbsright{ padding-left:82px;}*/

#container .content .left #accordions { position: relative; float: right; top: 3px; width: 276px; height: 245px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
#accordions h3 { margin: 0 0 1px; width: 100%; height: 30px; text-indent:10px; line-height: 30px; font-size: 12px; font-weight: bold; color: #444; background-color: #ccc;}
#accordions h3:hover { background-color: #ddd; }
#accordions h3 a { float: right; padding-right: 10px; font-weight: normal; font-family: Verdana,sans-serif, dotum; font-size: 12px; color: #fff; }
#accordions h3 a:hover, active { color: #000; text-decoration: none; }
#accordions div { height: 120px; overflow: hidden; line-height: 2em; }
#accordions p {  margin: 15px 0 0 15px; }

/**
 * Author:      Matt Hinchliffe <www.maketea.co.uk>
 * Modified:    03/11/2012
 * Description: Simple jQuery slideshow
 * Example:
 * <div class="slideshow">
 *     <ul class="carousel">
 *         <li class="slide"><a href="#">Option 1</a></li>
 *         <li class="slide"><a href="#">Option 2</a></li>
 *     </ul>
 * </div>
 */

/* slides */
.slideshow2 {
	position:relative;
	margin:0 0 1em;
}
	.slideshow2 a {
		font-size:.75em;
		line-height:2em;
		text-decoration:none;
		color:#fff;
		background:#666;
	}
		.slideshow2 a:hover,
		.slideshow2 .selected a {
			background-color:#333;
		}

	.carousel2 {
		margin:0;
		padding:0;
		list-style:none;
	}
		.slide2 {
			z-index:100;
		}
			.slide2 img {
				display:block;
			}

/* pagination */
.slides-pagination {
	position:absolute;
	bottom:1em;
	left:1em;
	margin:0;
	padding:0;
	list-style:none;
	z-index:110;
}
	.slides-pagination li {
		display:inline;
	}
		.slides-pagination a {
			display:block;
			float:left;
			width:2em;
			margin-right:5px;
		}

/* skip */
.slides-next,
.slides-prev {
	position:absolute;
	top:50%;
	margin-top:-1em;
	padding:0 .5em;
	z-index:120;
}
.slides-next {
	right:0;
}
.slides-prev {
	left:0;
}
.slides-next.disabled,
.slides-prev.disabled {
	opacity:.5;
	cursor:auto;
}

/*사회공헌배너*/
.slides2{position:relative;width:370px;}

.slides2 .slide{overflow:hidden;position:relative;width:300px;height:88px}

.slides2 .slide li{display:block;width:300x;height:88px}

.slides2 .slide li a{display:block}
.slides2  .next_social, .slides2  .prev_social { position:absolute; width:18px; height:35px; display:block; overflow:hidden; z-index:101; margin-top:20px; margin-left:-20px;}
.slides2 .next_social { margin-left:300px; 	}
/*사회공헌배너*/

/*이벤트배너*/
.slides_event{position:relative;width:278px; float:left;}

.slides_event .slide{overflow:hidden;position:relative;width:278px;height:88px}

.slides_event .slide li{display:block;width:278px;height:88px}

.slides_event .slide li a{display:block}

.slides_event .page{z-index:100; width:268px; position:absolute;height:10px;list-style:none; margin-top:25px; padding-right:10px;}

.slides_event .page li{display:inline-block;margin:0 1px; width:10px; height:10px; text-align:right; float:right;   }

.slides_event .page li a{display:block;overflow:hidden;width:9px;height:9px;background:url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/brand/main/gray_0.png) no-repeat 0 0; font-size:0px;padding-top:3px;}

.slides_event .page li a:hover{text-decoration:none}

.slides_event .page li.current a{ background:url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/brand/main/red_0.png) no-repeat 0 0;}

/*이벤트배너*/



/*메인 로고와 메뉴*/

.common_1{background: url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/brand/common/brand_default1.png) no-repeat;}
.common_2{background: url(//static-sdedu.akamaized.net/img1/_skin/sidae/images/brand/common/brand_default3.png) no-repeat;}


.footer_logo span{cursor:pointer;display:block;width:200px;height:46px;background-position: -210px 0}
.logo span{cursor:pointer;display:block;width:200px;height:46px;background-position: 0 0}
.navi_01 span{cursor:pointer;display:block;width:186px;height:45px;background-position: 0 -50px}
.navi_01_on span{cursor:pointer;display:block;width:186px;height:45px;background-position: 0 -100px}
.navi_02 span{cursor:pointer;display:block;width:186px;height:45px;background-position: -190px -50px}
.navi_02_on span{cursor:pointer;display:block;width:186px;height:45px;background-position: -190px -100px}
.navi_03 span{cursor:pointer;display:block;width:186px;height:45px;background-position: 0 -150px}
.navi_03_on span{cursor:pointer;display:block;width:186px;height:45px;background-position: 0 -200px}
.navi_04 span{cursor:pointer;display:block;width:186px;height:45px;background-position: -190px -150px}
.navi_04_on span{cursor:pointer;display:block;width:186px;height:45px;background-position: -190px -200px}
.navi_05 span{cursor:pointer;display:block;width:186px;height:45px;background-position: 0 -250px}
.navi_05_on span{cursor:pointer;display:block;width:186px;height:45px;background-position: 0 -300px}
/*메인 나머지*/
.banner_5_1 span{cursor:pointer;display:block;width:263px;height:247px;background-position: 0 0}
.banner_8_0 span{cursor:pointer;display:block;width:370px;height:120px;background-position: -270px -50px}

.business_01 span{cursor:pointer;display:block;width:60px;height:72px;background-position: -390px -40px; float: left}
.business_02 span{cursor:pointer;display:block;width:96px;height:72px;background-position: -460px -40px; float: left;}
.business_03 span{cursor:pointer;display:block;width:59px;height:72px;background-position: -560px -40px; float: left;}
.business_04 span{cursor:pointer;display:block;width:71px;height:72px;background-position: -620px -40px; float: left;}

.prev_social span{width: 16px; height: 35px; display: block; background-position: -700px -50px;}
.next_social span{width: 16px; height: 35px; display: block; background-position: -702px -50px;}

.tall ul{float: right}

.c_social_title{cursor:pointer;display:inline-block;width:370px;height:39px;background-position: -390px 0}
.cf-popup{
	margin-left:-715px !important;
}
.new-center-wrap{
	width:1480px;
	position:relative;
	margin:0 auto;	
}
/*송년회 행사 팝업[시작]*/
.song-box{
    position: relative;
    top: 800px;
}
.song-popup{
	position: fixed;
    background: url(/_skin/sidae/images/popkon/event/20161209/song_popup.png);
    width: 375px;
    height: 311px;
    right: 109px;
    bottom: 0;
    z-index: 9999;
    display: none;
}
.song-popup .song-close{
	position: absolute;
    width: 30px;
    height: 30px;
    right: 12px;
}
/*송년회 행사 팝업[종료]*/