.index_1  {
	font-family : "±¼¸²";
	color : #646464;
	font-size : 9pt;
	text-decoration : none;
	line-height : 11pt;
}

.index_1 a  {
	font-family : "±¼¸²";
	color : #969696;
	text-decoration : none;
	font-size : 9pt;
}

.index_1 a:hover  {
	color : #323232;
	text-decoration : underline;
}
.index_2  {
	font-family : "±¼¸²";
	color : #00A2CA;
	font-size : 9pt;
	text-decoration : none;
	line-height : 11pt;
}

.index_2 a  {
	font-family : "±¼¸²";
	color : #52BCD0;
	text-decoration : none;
	font-size : 9pt;
}

.index_2 a:hover  {
	color : #00A2CA;
	text-decoration : underline;
}
.index_3  {
	font-family : "±¼¸²";
	color : #F48A00;
	font-size : 9pt;
	text-decoration : none;
	line-height : 11pt;
}

.index_3 a  {
	font-family : "±¼¸²";
	color : #F89E29;
	text-decoration : none;
	font-size : 9pt;
}

.index_3 a:hover  {
	color : #F48A00;
	text-decoration : underline;
}
.index_4  {
	font-family : "±¼¸²";
	color : #505050;
	font-size : 9pt;
	text-decoration : none;
	line-height : 11pt;
}

.index_4 a  {
	font-family : "±¼¸²";
	color : #505050;
	text-decoration : none;
	font-size : 9pt;
}

.index_4 a:hover  {
	color : #F89E29;
	text-decoration : none;
}
.index_5  {
	font-family : "±¼¸²";
	color : #3c3c3c;
	font-size : 9pt;
	text-decoration : none;
	line-height : 11pt;
}

.index_5 a  {
	font-family : "±¼¸²";
	color : #6d6d6d;
	text-decoration : none;
	font-size : 9pt;
}

.index_5 a:hover  {
	color : #9c9c9c;
	text-decoration : none;
}


/**
 * 장흥가설재·세진골재 css
 * 작성자 : 김수현
 * 작성일 : 2013-03-12
 * 수정일 : 2013-04-01
 */

/* 공통 */
html { overflow-y: scroll;  }
html, body { height: 100%;   }
html, body,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ul, li, ol,
table, th, td, p, blockquote, img,
form, fieldset, legend, object,
input, select, textarea, button { margin: 0; padding: 0; }

body,
h1, h2, h3, h4, h5, h6,
input, select, textarea, a { font-size: 12px; line-height: 1.25em; color: #555; font-family: "돋움", Dotum, AppleGothic, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

img, fieldset,button { border: 0 none; }
img { vertical-align: middle; }
ul,li { list-style: none; }
hr, caption, legend { display: none; }
a { color: #FFF; text-decoration: none; }
a:hover { color: #FFF; }
a img { border: none; }
button { overflow: hidden; cursor: pointer; background: #FFF; }
button span { visibility: hidden; }
address, em { font-style: normal; }
button, input, select, textarea, a { vertical-align: middle; }
input:focus { outline: none; }

.clear { margin: 0; padding: 0; font-size: 0; clear: both; line-height: 0; }

/* 링크 */
a:link,
a:visited,
a:active  { font-family: '돋움'; text-decoration: none; color: #666; }
a:hover   { font-family: '돋움'; text-decoration: underline; color: #666; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------- */
body { background: #FFFFFF }
#container { background: url(http://www.kkss.kr/images/bg_main.jpg) no-repeat center top;}

		
/* ======== sub =============== */
		/* 서브컨텐츠S */
		#sub-contents { position: relative; float: left; zoom: 1; margin-top: 170px; margin-bottom: 40px; }
			
			/* 좌측메뉴 */
			.sidebar { float: left; width: 235px; background: url(http://www.kkss.kr/images/bg_snb.png) no-repeat center top; }
			.sidebar .tit_s { margin-top: 11px; margin-left: 17px; }
			.sidebar .snb { margin-top: 22px; }
			.sidebar .snb ul { margin-left: 33px; }
			.sidebar .snb ul li { background: url(http://www.kkss.kr/images/bg_li.png) no-repeat 0 bottom; padding-bottom: 18px; }
			.sidebar .snb ul li.last { padding-top: 4px; }
			.sidebar .customer { margin-top: 110px;}
			
			.contents { float: right; width: 709px; padding-left: 56px; }

			/* 타이틀 */
			.contents .tit-txt { position: absolute; right: 0px; margin-top: 5px; margin-right: 10px; }
			.contents .tit-txt span { color: #009be9; font-weight: bold; }
			.contents .titwarp { height: 44px; }
			.contents .titwarp h2 { float: left; height: 18px; margin-top: 23px; margin-left: 2px;}

			/* 본문내용 */
			.contents .sub_con { margin-top: 36px; }
			
			/* 회사소개 */
			.contents .sub_con .company01 { background: url(http://www.kkss.kr/images/img_company01.jpg) no-repeat; height: 437px; text-indent: -999999px; }
			.contents .sub_con .company02 { }
			
			/* 영업안내 */
			.contents .sub_con .business01 { background: url(http://www.kkss.kr/images/img_business01.jpg) no-repeat; height: 437px; text-indent: -999999px; }


/* ===== footer ===== */
		/* 푸터S */
		#footer { background: url(http://www.kkss.kr/images/bg_footer.jpg) center top; height: 92px; }
		#footer .footer_link { width: 1000px; margin: 0 auto; position: relative; }
		#footer .footer_link ul { position: relative; float: left; margin-top: 12px; margin-left: 5px; }
		#footer .footer_link ul li { float: left; margin-right: 25px; }
		#footer .footer_link ul li.last { float: left; margin-left: 728px; margin-right: 0px; }
		#footer .footer_add { width: 1000px; margin: 0 auto; position: relative; }
		#footer .footer_add ul { position: relative; float: left; margin-top: 23px; margin-left: 3px; }
		#footer .footer_add ul li { float: left; margin-right: 38px; }
		#footer .footer_add ul li.last { margin-right: 0px; }
		/* 푸터E */


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------- */


    #header h1 { position: absolute; left: 30px; top: 20px; z-index: 9999999; } 

/* gnbWrap */

    #gnbWrap {   position: relative; z-index: 19999; width: 1000px; height: 59px; }
    /*#gnbWrap h1 { position: absolute; left: 30px; top: 20px; z-index: 9999999; }*/
    #gnbWrap > div { overflow: visible !important; position: absolute; top: 5px; right: 0; width: 750px; }
    .gnb > ul { position: relative; z-index: 11999; width: 100%;   display: table; /*background:#3651a3; padding: 0px; border-radius: 5px;*/}
	.gnb > ul > li { display: table-cell; vertical-align: middle; height: 32px; }
	.gnb > ul > li:last-child { margin-right: 0; }
	.gnb > ul > li > a {  font-family:'nanum-barun-gothic-regular','Nanum Gothic','AppleGothic', 'Helvetica',sans-serif; text-align: center;  text-decoration: none; position: relative;}	
	.gnb > ul > li > a:after { content: '|'; position: absolute; color: #573563; font-size: 12px; left: 0px; top: 0px; }
	.gnb > ul > li:nth-of-type(1) > a:after { content: ""; }
	.gnb > ul > li > a span { position: absolute; bottom: -9px; width: 100%; text-align: center; display: block; font-size: 10px; color: #507189; line-height: 1.0em;  -webkit-transition: all 0.5s ease; transition:all 0.3s ease; }
	.gnb > ul > li:hover > a span {  opacity: 100; bottom: -9px; }
    	.gnb li ul li { float:left; }
    	.gnb a.oneD { display: block; font-size: 15px; color:#573563;line-height: 32px;  }
    	.gnb a.oneD.on,
    	.gnb a.oneD:hover,
    	.gnb .select .oneD { color: #000; }
    	.gnb .deps2 { position:absolute; top: 31px; left: 0; height: 22px; z-index:100; overflow: visible; background:#e1e1eb; padding: 0px 10px 0px; border-radius: 5px;}
    	.gnb .deps2 a { float:left; display:block; overflow:hidden; font-size: 12px; color: rgba(54,81,163, 0.8); padding:5px 5px 0; font-family:'nanum-barun-gothic-regular','Nanum Gothic','AppleGothic', 'Helvetica',sans-serif; text-decoration: none;}
    	.gnb .deps2 a.on,
    	.gnb .deps2 a:hover { color: red; }
    	
    	.gnb .deps2 li:nth-of-type(1) a { /*padding-left: 45px; */ }
    	.gnb .deps2 li a { position: relative; padding-right: 10px; overflow:visible; }
    	.gnb .deps2 li a:after  { content: "|"; position: absolute; right: -2px; top: 5px; font-size: 11px; color: rgba(54,81,163,0.5);}
    	.gnb .deps2 li:last-child a:after { content: ""; }

        .gnb .m01 .deps2 { left: 30px; }
		.gnb .m02 .deps2 { left: 170px; }
		.gnb .m03 .deps2 { left: 300px; }
		.gnb .m04 .deps2 { left: 350px; }
		.gnb .m05 .deps2 { left: 520px; }
		.gnb .m06 .deps2 { left: 490px; }


    	.gnb li > ul { display: none; }

#top_etc { position: absolute; width: 1003px; top: 0px; right: 0; overflow: hidden; }

	.topMenu { position: absolute; top: 0px; right: 0; overflow: hidden; }
	.topMenu li { float: left;  }
	.topMenu li a { font-size: 11px; color: #666;  text-decoration: none; position: relative; padding: 0 5px; line-height: 1.4em; }
	.topMenu li a:after { content: "|";  font-size: 11px; color: #cacaca; position: absolute;  right: -2px; line-height: 1.4em;}
	.topMenu li:last-child a:after { content: ""; display: none; }
	.topMenu li a:hover { color: #000; }

#mainImgWrap {  width: 1107px; /*margin: 0 auto;*/ position: relative; overflow: hidden;  height: 215px; z-index: 0; background: url(../images/mian01_bg.png) no-repeat center 0; }
.mainImg { width: 342px; position: relative; height: inherit;    }
#mainSlider { position: absolute; width: 342px; left: 300px; z-index: 100; }

	.mainTxt { position: absolute; left: 0px; bottom: 0px; width: 100%; height: inherit; z-index: 10; }
	.mainImg1, .mainImg2, .mainImg3  { position: absolute;   }
	.mainImg1 { padding-left: 600px; top: 70px; animation: main_img01 6s 0.2s infinite forwards; opacity: 0;  z-index: 200; }
	.mainImg2 { right: 70px; bottom: 0px;  animation: main_img02 6s infinite; opacity: 0;  }

.mainImg .bx-viewport { z-index: 300; }

@keyframes main_img01 {
  0%  {
    left: 10px;
    opacity: 0;
  }
  20%  {
    left: 40px;
    opacity: 1;
  }
  50%  {
    left: 40px;
    opacity: 1;
  }
  80%  {
    left: 40px;
    opacity: 1;
  }
  100%  {
    left: 10px;
    opacity: 0;
  }
}

@keyframes main_img02 {
  0%  {
    right: -30px;
    opacity: 0;
  }
  20%  {
    right:  0px;
    opacity: 1;
  }
  50%  {
    right: 0px;
    opacity: 1;
  }
  80%  {
    right: 0px;
    opacity: 1;
  }
  100%  {
    right: -30px;
    opacity: 0;
  }
}


/* lnb */
.aside { position: relative;  width: 200px; height: 350px;  }
.aside h2 { text-align: left; font-size: 25px; padding: 0px 0 27px 0px; color: #25aae1; font-family: 'nanum-barun-gothic-regular', 'AppleGothic', 'Helvetica',sans-serif; }
.aside h2,
.aside .lnb {  }
.lnb {  overflow: visible;  position: relative; width: 100%; }
.lnb > li {  }
.lnb > li > a { color: #333; margin-bottom: 5px; text-decoration: none; background: #dfdfdf; }
.lnb > li > a { font-size: 16px; padding: 5px 0px 3px 12px; display: block; letter-spacing: -0.05em; font-family: 'nanum-barun-gothic-regular', 'AppleGothic', 'Helvetica',sans-serif;  position: relative; -webkit-transition: all 0.5s ease; transition:all 0.3s ease; }
.lnb > li > a i { position: absolute; left: 0; top: 5px; font-size: 10px;  }

.lnb > li.active a {  color: #d03030;  }
.lnb > li:hover > a,
.lnb > li > a:hover { color: #fff; background: #033e9c;  opacity: 1; border-radius: 3px;  margin-top: -5px;}
.lnb .deps2:hover ul {}

.lnb {  margin-bottom:30px;  }
.lnb .sel > a { color: #d03030;   }
.lnb li li a:hover { color: #fff; opacity: 1; }

.lnb > li > ul { display: none; padding-left: 15px; margin-bottom: 15px; margin-top: 10px; }
.lnb > li > ul li a { font-size: 13px; padding: 0px 0 0px 10px; font-weight: normal; color: #666; text-decoration: none;   font-family: 'nanum-barun-gothic-regular', 'AppleGothic', 'Helvetica',sans-serif; letter-spacing: -0.05em; position: relative; line-height: 1.6em; }
.lnb > li > ul li a:before { position: absolute; content: "-"; left: 0; top: 3px; color: #333;}
.lnb > li > ul li a:hover { color: #0066cc;  }

#subImgWrap { width: 919px; position: relative; overflow: hidden; height: 173px; background: url(http://www.kkss.kr/images/sub_bg_img.jpg) no-repeat center 0; }
	.subImg { position: relative; width: 242px; /*margin: 0 auto;*/ height: inherit; }
	.subTxt { position: absolute; left: 0px; bottom: 0px; width: 100%; height: inherit; z-index: 100; }
	.subImg1, .subImg2,.subImg3,.subImg4 { position: absolute;   }
	.subImg1 { /*left: 250px;*/padding-left:120px; top: 20px; animation: sub_img01 8s 0.4s infinite; opacity: 0;   }
	.subImg2 { right: 50px; bottom: -41px;  animation: sub_img02 6s infinite; opacity: 0;  }
	.subImg4 { right: 70px; bottom: 0px;  animation: sub_img04 6s infinite; opacity: 0;  }


#subSlider { position: absolute; width: 242px; left: 600px; z-index: 100; }
#subSlider img { width: 100%; }

@keyframes sub_img01 {
  0%  {
    left: 10px;
    opacity: 0;
  }
  20%  {
    left: 40px;
    opacity: 1;
  }
  50%  {
    left: 40px;
    opacity: 1;
  }
  80%  {
    left: 40px;
    opacity: 1;
  }
  100%  {
    left: 10px;
    opacity: 0;
  }
}

@keyframes sub_img02 {
  0%  {
    bottom: -70px;
    opacity: 0;
  }
  20%  {
    bottom: -41px;
    opacity: 1;
  }
  50%  {
    bottom: -41px;
    opacity: 1;
  }
  80%  {
    bottom: -41px;
    opacity: 1;
  }
  100%  {
    bottom: -70px;
    opacity: 0;
  }
}

@keyframes sub_img04 {
  0%  {
    right: -30px;
    opacity: 0;
  }
  20%  {
    right:  0px;
    opacity: 1;
  }
  50%  {
    right: 0px;
    opacity: 1;
  }
  80%  {
    right: 0px;
    opacity: 1;
  }
  100%  {
    right: -30px;
    opacity: 0;
  }
}


/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper { position: relative; padding: 0; *zoom: 1; top: 0;  }
/*
.bx-wrapper img { max-width: 100%;  display: block;  }
*/

/** THEME
===================================*/

.bx-wrapper .bx-controls-auto { position: absolute; bottom: 0; width: 100%; }

/* main img */
.mainImg { }
.mainImg .bx-wrapper .bx-controls-auto { position: absolute; top: 0; width: 100%; }
.mainImg .bx-pager { width: 100%;  z-index: 9999;  top: 30px; /*top: 58%; */  position: absolute;  display: table;  width: 509px; text-align: center; left: 55px; display: none; }
.mainImg .bx-pager > div { display: inline-block; text-align: center; margin: 0 5px; }
.mainImg .bx-pager-item {  }
.mainImg .bx-pager-item a { text-indent: -999em;   width: 10px; height: 10px; border-radius: 50%;  background: #fff; display: block;  }
.mainImg .bx-pager-item a.active { background: #ff9000; }

.mainImg .bx-controls .bx-controls-direction { overflow: visible; position: absolute; right: 0;  top: 0;  width: 100%; height: 255px;  }
.mainImg .bx-controls .bx-controls-direction a { display: block;  width: 52px; height: 92px; text-indent: -99999px; position: absolute; bottom: 80px;  height: 91px;  }
.mainImg .bx-controls .bx-controls-direction a.bx-prev { background: url(http://www.kkss.kr/images/arrow_l.png) no-repeat; left: -70px;      }
.mainImg .bx-controls .bx-controls-direction a.bx-next { background: url(http://www.kkss.kr/images/arrow_r.png) no-repeat; right: -60px;      }

/* sub img */
.subImg { }
.subImg .bx-wrapper .bx-controls-auto { position: absolute; top: 0; width: 100%; }
.subImg .bx-pager { width: 100%;  z-index: 9999;  top: 30px; /*top: 58%; */  position: absolute;  display: table;  width: 509px; text-align: center; left: 55px; display: none; }
.subImg .bx-pager > div { display: inline-block; text-align: center; margin: 0 5px; }
.subImg .bx-pager-item {  }
.subImg .bx-pager-item a { text-indent: -999em;   width: 10px; height: 10px; border-radius: 50%;  background: #fff; display: block;  }
.subImg .bx-pager-item a.active { background: #ff9000; }

.subImg .bx-controls .bx-controls-direction { overflow: visible; position: absolute; right: 0;  top: 0;  width: 100%; height: 255px;  }
.subImg .bx-controls .bx-controls-direction a { display: block;  width: 52px; height: 92px; text-indent: -99999px; position: absolute; bottom: 80px;  height: 91px;  }
.subImg .bx-controls .bx-controls-direction a.bx-prev { background: url(http://www.kkss.kr/images/arrow_l.png) no-repeat; left: -70px;      }
.subImg .bx-controls .bx-controls-direction a.bx-next { background: url(http://www.kkss.kr/images/arrow_r.png) no-repeat; right: -60px;      }