@charset "UTF-8";

/* 상단 */
#header {z-index:2;}
#header .wrap {height:29px; border-bottom:1px solid #dcdcdc; width:100%; margin:0 auto; z-index:30;}
#header .wrap ul.top_menu {position:absolute; left:50%; margin-left:260px;}
#header .wrap ul.top_menu li{float:left;}
#header .top_navi {width:960px; margin:15px auto; height:40px; vertical-align:middle; padding:0 0 0 0;}
#header .top_navi h1{position:absolute; top:48px; }
#header .top_navi ul {text-align:right;}
#header .top_navi ul li {display:inline-block;}
#header .top_navi ul li a {display:block; height:55px; width:140px; background:url(/img/bg_top_off.png) no-repeat 50% 0;}
#header .top_navi ul li a:hover, #header .top_navi ul li a.on, #header .top_navi ul li a.on2 {background:url(/img/bg_top_on.png) no-repeat 50% 0;}
#header .top_navi ul li.nav1 a {background-position-y:0;}
#header .top_navi ul li.nav2 a {background-position-y:-70px; width:140px; letter-spacing:-2px; font-size:11px;}
#header .top_navi ul li.nav3 a {background-position-y:-140px; width:140px;}
#header .top_navi ul li.nav4 a {background-position-y:-210px; width:140px;}
#header .top_navi ul li a span {display:none;}
#header .top_navi ul li div {position:absolute; left:0; top:100px; display:none; height:36px; width:100%; background:#fff; z-index:100;}
#header .top_navi ul li div.show{display:block;}
#header .top_navi ul li div span {position:relative; display:block;width:960px; margin:0 auto;}
#header .top_navi ul li div ul {position:absolute; width:auto; top:0; left:0; text-align:left;}
#header .top_navi ul li.nav1 div ul {left:316px;}
#header .top_navi ul li.nav2 div ul {left:50px;}
#header .top_navi ul li.nav3 div ul {left:500px;}
#header .top_navi ul li.nav4 div ul {left:600px;}
#header .top_navi ul li div ul li {background:none; margin:0 15px;}
#header .top_navi ul li.nav1 div ul li a, #header .top_navi ul li.nav2 div ul li a, #header .top_navi ul li.nav3 div ul li a, #header .top_navi ul li.nav4 div ul li a, #header .top_navi ul li.nav5 div ul li a, #header .top_navi ul li.nav6 div ul li a {width:auto;}
#header .top_navi ul li div ul li a {height:30px; line-height:30px; color:#666; font-size:12px; font-weight:bold; background:none;}
#header .top_navi ul li div ul li a:hover, #header .top_navi ul li div ul li a.on {color:#333;background:none;}
#header .top_ba{position:absolute; right:0; top:8px;}
.subtop{width:100%; height:260px; background:url(/img/sub_top.jpg) center 0 no-repeat;}

/* 컨텐츠 */
#container {z-index:0;}

/* 하단 */
#footer {margin:0 0 0 0; padding:30px 0; z-index:1; border-top:1px solid #dcdcdc;}
#footer .wrap {width:960px; margin:0 auto; overflow:hidden;}
#footer .wrap h1, #footer .wrap p {float:left;}

/* 메인 */
.skdslider{position: relative; height:500px;}
.skdslider ul.slides li{display:none; position: absolute; top:0; left: 0; width:100%; height:500px;}
.skdslider ul.slides li{height:500px;}
.skdslider a.prev{display:block; position:absolute; top:50%; left:50%; margin:-37px 0 0 -495px; background: url(/img/control_bt.png) 0 0 no-repeat; width:40px; height:75px; cursor:pointer;}
.skdslider a.next{display:block; position:absolute; top:50%; left:50%; margin:-37px 0 0 450px; background: url(/img/control_bt.png) 0 -75px no-repeat; width:40px; height:75px; cursor:pointer;}
.skdslider a.play{display:none;}
.skdslider a.pause{display:none;}
.skdslider .slide-navs {display:none;}
.visual_bg01_img{width:100%; height:500px; background:url(/img/visual_01.jpg) center 0 no-repeat;}
.visual_bg02_img{width:100%; height:500px; background:url(/img/visual_02.jpg) center 0 no-repeat;}

.main .contents {width:960px; margin:40px auto 0; height:290px;}
.main .contents .product, .main .contents .notice, .main .contents .company {position:relative; float:left; height:250px;}
.main .contents .notice {width:300px;}
.main .contents .product {width:280px; margin:0 0 0 40px;}
.main .contents .company {width:300px; margin:0 0 0 40px;}

.main .Mba{position:absolute; z-index:1; left:50%; top:150px; margin-left:30px;}
.main .Mba ul{width:450px;}
.main .Mba ul li{float:left; padding:10px 0 0 10px}

/*.main .Mba ul li a.1212 {float:left; width: 215px;height: 80px;background: url(/img/Mba_01.gif) no-repeat; }
.main .Mba ul li a.1212:hover{width:215px;height:80px;background:url(/img/Mba_02.gif) no-repeat;}
*/


.main .contents .product h3 {position:absolute;}
.contents h3{margin:0 0 11px 0;}
.jshowoff{overflow:hidden; position:relative; z-index:150; width:inherit;}
.jshowoff-slidelinks a{display:block; float: left; width:10px; height:10px; margin:0 0 0 5px; background:url(../img/slide_bullet.png) 0 -10px no-repeat; text-indent:-9999em;} /* 리스트 컨트롤러 비활성화 */
.jshowoff-slidelinks a.jshowoff-active{background-position:0 0;}
.jshowoff-1{width:280px; height:120px;}
.jshowoff-1 div.slide_con{height:100px; padding:20px 0 0 0;}
.jshowoff-1 p.jshowoff-1-slidelinks{position:absolute; top:5px; right:0;}
.jshowoff-1 p.jshowoff-1-controls{display:none;}

.jshowoff2{overflow:hidden; position:relative; z-index:150; width:inherit;}
.jshowoff2-slidelinks2 a{display:block; float: left; width:100px; height:100px; margin:0 0 0 5px; background:url(../img/slide_bullet.png) 0 -10px no-repeat; text-indent:-9999em;} /* 리스트 컨트롤러 비활성화 */
.jshowoff2-slidelinks2 a.jshowoff2-active{background-position:0 0;}
.jshowoff2-1{width:548px; height:295px;}
.jshowoff2-1 div.slide_con2{height:295px; padding:20px 0 0 0;}
.jshowoff2-1 p.jshowoff2-1-slidelinks2{position:absolute; top:5px; right:0;}
.jshowoff2-1 p.jshowoff2-1-controls{display:none;}


.main .contents .quick {position:absolute; bottom:0; left:0; text-align:right; width:100%;}
.main .contents .quick a:first-child {float:left;}

#tabArea {position:relative; width:300px;}
#tabArea h2 {display:none}
#tabArea .tabM {background:url("/img/bg_tab_line.gif") repeat-x; height:20px; overflow:hidden;}
#tabArea .tabM ul {float:left}
#tabArea .tabM ul li {float:left}
#tabArea p.more {position:absolute; right:1px; top:10px;}
#tabArea ul.list {position:absolute; width:300px; top:30px; left:0;}
#tabArea ul.list li {clear:both; margin-top:4px; overflow:hidden; font-size:11px; }
#tabArea ul.list li a {float:left; width:230px; background:url("/img/bl_dot.gif") no-repeat 0 4px; padding:0 0 0 10px; text-decoration:none;}
#tabArea ul.list li img {margin-left:5px}
#tabArea ul.list li span.date {float:right; padding:0 0 0 0; color:#b0b0b0;}
#tabArea ul.list p{float:left; margin:0 2px 10px 2px; text-align:center;}
#tabArea ul.list p span{font-size:11px;}

/* 서브 */
.location {position:absolute; width:670px;}
.location ul {text-align:right;}
.location ul li {display:inline-block; height:10px; line-height:10px; font-size:11px;}
.location ul li img{vertical-align:middle;}

.sub {position:relative; overflow:hidden; top:-90px; width:960px; margin:0 auto; background:#fff;}
.L_menu {float:left; width:190px;}
.L_menu h1 {display:table-cell; vertical-align:middle; width:190px;}
.L_menu ul {padding:26px 0 60px 0;}
.L_menu ul li {border-bottom:1px solid #e3e3e3;}
.L_menu ul li:hover, .L_menu ul li.on {background:url(/img/Arr_R.png) no-repeat;}
.L_menu ul li a {display:block; width:100%; height:32px; line-height:32px; text-indent:-9999px;}
.L_menu.N01 ul li a {background:url(/img/Snav01.png) no-repeat -300px 0;}
.L_menu.N02 ul li a {background:url(/img/Snav02.png) no-repeat -300px 0;}
.L_menu.N03 ul li a {background:url(/img/Snav03.png) no-repeat -300px 0;}
.L_menu.N04 ul li a {background:url(/img/Snav04.png) no-repeat -300px 0;}
.L_menu.N05 ul li a {background:url(/img/Snav05.png) no-repeat -300px 0;}
.L_menu ul li:hover a, .L_menu ul li.on a {background-position-x:0px}
.L_menu ul li.N01 a {background-position-y:0px}
.L_menu ul li.N02 a {background-position-y:-33px}
.L_menu ul li.N03 a {background-position-y:-66px}
.L_menu ul li.N04 a {background-position-y:-99px}
.L_menu ul li.N05 a {background-position-y:-132px}
.L_menu ul li.N06 a {background-position-y:-165px}
.L_menu ul li.N07 a {background-position-y:-198px}
.L_menu ul li.N08 a {background-position-y:-231px}

.sub .wrap {float:left; padding:40px 30px; width:898px; border: solid 1px #d8d8d8;}
.sub .wrap h2 {width:100%; padding:0 0 30px 0; }
.sub .wrap .contents {margin:0 0 0 230px; width:670px;}

/*게시판*/
.tbl_type_1 {width:100%; margin:10px 0 0 0; border-top: solid 2px #184AAC;}
.tbl_type_1 caption{font-size:0; line-height:0; position:absolute;}
.tbl_type_1 th{background:#f6f6f6; line-height:23px; border-bottom: solid 1px #d9d9d9; padding:8px 0 8px 20px; width:129px; font-weight: bold; text-align: left;}
.tbl_type_1 td{line-height:16px; border-bottom: solid 1px #d9d9d9; padding:8px 20px; text-align: left;}
.tbl_type_1 input{line-height:24px; height:24px; border: solid 1px #e2e2e2; }
.tbl_type_1 select{line-height:24px; height:24px; border: solid 1px #e2e2e2; }

.re_title{width:100%; margin:0 0 40px 0; font-weight: bold; font-size:16px; color:#333;}
.re_btn{width:100%; text-align:center; margin:40px 0 0 0;}




	/*03.연혁*/
.new_history{position:relative;margin:0;padding:0;min-height:700px;background:url(/img/img_history_bg.jpg) left bottom no-repeat;}
.new_history p.txt{display:inline-block;position:absolute;left:0;top:0;margin:0;padding:0;width:260px;height:255px;background:url(/img/img_history_txt.gif) 0 0 no-repeat;text-indent:-10000px;}
.new_history div.barBox{overflow:hidden;margin:0 30px 0 266px;padding:70px 0 40px;}
.new_history div.barBox .barTop{height:40px;background:url(/img/img_history_bar.gif) 2px top no-repeat;}
.new_history div.barBox .barBtm{height:40px;background:url(/img/img_history_bar.gif) 2px bottom no-repeat;}
.new_history div.barBox .barTop p, .new_history div.barBox .barBtm p{display:none;}
.new_history div.barBox .barBody{background:url(/img/img_history_barbg.gif) 2px 0 repeat-y;}
.new_history div.barBox .barBody dl{margin:0;padding:35px 0 0;}
.new_history div.barBox .barBody dl.topNo{padding-top:0;}
.new_history div.barBox .barBody dl dt{margin:0;padding:0;}
.new_history div.barBox .barBody dl dd{margin:0;padding:0 0 0 55px;}
.new_history div.barBox .barBody dl dd ul{margin:10px 0 0;padding:0;}
.new_history div.barBox .barBody dl dd ul li{margin:10px 0 0;padding:0;line-height:22px;}
.new_history div.barBox .barBody dl dd ul li strong{display:inline-block;width:86px;margin:0;color:#184aac;}
.w_t {display:inline-block;width:86px;margin:0;color:#fff;}
	/*04 찾아오시는 길*/
.tbl_type_2 {width:100%; margin:10px 0 0 0; border-top: solid 2px #184AAC;}
.tbl_type_2 th{background:#f6f6f6; line-height:23px; border: solid 1px #d9d9d9; padding:8px 0 8px 0px; width:129px; font-weight: bold; text-align: center;}
.tbl_type_2 td{line-height:16px; border: solid 1px #d9d9d9; padding:8px 40px; text-align: left;}

/*링크서비스 */

	#busi_01 ul {}
	#busi_01 ul li {float:left;margin-right:14px;margin-bottom:25px;}
	#busi_01 ul li:last-child {margin-right:0;}
	#busi_01 ul li p{margin-top:10px;padding-left:10px;background: url(/img/bullet_ul_1.gif) 0 3px no-repeat;}
	#busi_01 ul li p a{color:#184aac;}
	#busi_01 ul li p a:hover{color:#da0000;}


	/* 테이블 - thead */
table.info {width:100%}
table.info thead th{border:1px solid #d9d9d9;border-top:2px solid #184AAC; background:#f0f0f0; color:#000; padding:7px 0px 7px 0px;}
table.info thead td{border:1px solid #d9d9d9; }


/* 테이블 - tbody */
/*
table.info tr.bgColor {border:1px solid #d9d9d9; padding:5px 0px 5px 0px; background:#f9f9f9;}
*/
table.info tbody th{border:1px solid #d9d9d9; font-weight:normal; background:#f9f9f9; color:#444; padding:7px 5px 7px 5px;}
table.info tbody th.tbody_title{border:1px solid #d9d9d9; font-weight:bold; color:#444; background:#eaf1f6;} /* tbody - th */
table.info tbody td.tbody_color{border:1px solid #d9d9d9; color:#444; text-align:center; background:#f9f9f9;} /* tbody - th */

table.info tbody td{border:1px solid #d9d9d9; color:#666; padding:5px; text-align:left; letter-spacing:0;}
table.info tbody td.td_color{text-align:center; border:1px solid #d9d9d9; font-weight:normal; background:#f9f9f9; color:#444; padding:7px 0px 7px 0px;}
/* 정렬 */
table.info tbody td.align_right{text-align:right;}
table.info tbody tr.tr_align_center td{text-align:center;}
table.info tbody tr.tr_align_right td{text-align:right;}
table.info tbody td.align_center{text-align:center;}
table.info tbody td.text_bold{font-weight:bold;}
table.info tbody td.select_color{background:#f9f9f9; color:#444;}

/* 테이블 - tfoot */
table tfoot tr td.left {padding-top:3px; padding-left:5px; text-align:left; border:none;}
table tfoot tr td.left2 {padding-top:8px; padding-left:5px; text-align:left; border:none;}
table tfoot tr td.left3 {padding-top:8px; text-align:left; border:1px solid #cadfdf;}
table tfoot tr td.right {padding-top:3px; text-align:right; border:none;}

table tfoot tr.fillBack {background:#f3f3f3;}
table tfoot tr.fillBack td {font-weight:bold; color:#444; border:1px solid #d9d9d9; padding:5px;}
table tfoot tr.fillBack th{color:#444; border:1px solid #d9d9d9; padding:5px;}

/* 양쪽 스트록 없고 th에 그라데이션으로 처리된 테이블 */

table.info2 {width:100%; border-collapse:collapse; text-align:center;}
table.info2 {border-top:1px solid #d8d8d8;}
table.info2 caption {display:none;}
table.info2 th, .info2 td {border-bottom:1px solid #d8d8d8; border-left:1px solid #d8d8d8; padding:5px 10px 6px 10px;}
table.info2 thead th {font-weight:bold; color:#333; background:url(../images/bg_info2.jpg) repeat-x 0 0;}
table.info2 .l_no {border-left:none;}
table.info2 tbody th {text-align:left; font-weight:normal; border-left:none;}

table.info2.danji {margin-top:20px;}



	/*제품소개 탭 */
ul.tabs_moral1 {margin:0;padding: 0;float: left;list-style: none;height:31px;border-bottom: 3px solid #184AAC;width: 100%;font-size: 12px;}
ul.tabs_moral1 li { float: left;text-align:center;cursor: pointer; width:332px;height: 30px;line-height: 31px;border: 1px solid #e5e5e5;border-left: none;background: #F6F6F6;overflow: hidden;position: relative;}
ul.tabs_moral1 li:first-child { border-left: 1px solid #e5e5e5;width:331px; } 
ul.tabs_moral1 li.active {display: block; background: #fff; border:2px solid #184AAC;border-bottom:none;color:#000;height:32px;width:333px; font-weight:bold;}

#pro01 {position:relative;height:550px;padding-top:50px;}
#pro01_up {position:relative;height:500px;padding-top:50px;}
.tab_content_moral img {position:absolute;top:10px;left:0px;}/*작은탭에 사진 위치*/
.tab_content_moral2 img {position:absolute;top:10px;left:0px;}/*작은탭에 사진 위치*/

	/*작은 탭1 */
ul.tabs_moral {margin: 0;padding: 0;list-style: none;height: 55px;position:absolute;top:465px;left:0;width:100%; }/*작은탭  썸네일 2015-05-07*/
ul.tabs_moral li {border:1px solid #ccc;float:left;padding:7px;margin:0 0 1px 1px;color:#777;text-align:center;cursor: pointer;width:66px;height:43px;   overflow: hidden;   position: relative;}
ul.tabs_moral li.active { background: #184AAC;  padding:7px;	border:1px solid #e9e9e9;	color:#fff;	width:66px; height:43px;}
ul.tabs_moral li img {position:absolute;top:5px;left:5px;}/*작은탭에 사진 위치*/
.tab_container_moral { border: 1px solid #0e69bf;    clear: both;   float: left;   width: 100%; height:auto;}
.tab_content_moral { font-size: 12px;  display: none;	margin:0 0 0 0;background:url('/img/img_bg11.gif') no-repeat;}/* padding: 5px;*/

	/*작은 탭2 */
ul.tabs_moral2 {margin: 0;padding: 0;list-style: none;height: 55px;position:absolute;top:465px;left:0;width:100%; }/*작은탭  썸네일 2015-05-07*/
ul.tabs_moral2 li {border:1px solid #ccc;float:left;padding:7px;margin:0 0 1px 1px;color:#777;text-align:center;cursor: pointer;width:66px;height:43px;   overflow: hidden;   position: relative;}
ul.tabs_moral2 li.active { background: #184AAC;  padding:7px;	border:1px solid #e9e9e9;	color:#fff;	width:66px; height:43px;}
ul.tabs_moral2 li img {position:absolute;top:5px;left:5px;}/*작은탭에 사진 위치*/
.tab_container_moral2 { border: 1px solid #0e69bf;    clear: both;   float: left;   width: 100%; height:auto;}
.tab_content_moral2 { font-size: 12px;  display: none;	margin:0 0 0 0;background:url('/img/img_bg11.gif') no-repeat;}/* padding: 5px;*/
	/*작은 탭3 */
ul.tabs_moral3 {margin: 0;padding: 0;list-style: none;height: 32px;position:absolute;top:0px;left:0;width:100%; border-bottom: 2px solid #184AAC;}/*작은탭  썸네일 2015-05-07*/
ul.tabs_moral3 li { float: left;text-align:center;cursor: pointer; width:65.5px;height: 30px;line-height: 31px;border: 1px solid #e5e5e5;border-left: none;background: #F6F6F6;overflow: hidden;position: relative;}
ul.tabs_moral3 li:first-child  {border-left: 1px solid #e5e5e5;}
ul.tabs_moral3 li.active {display: block; background: #fff; width:65.5px; height:32px;border:2px solid #184AAC;border-bottom:none;color:#000;font-weight:bold;}
ul.tabs_moral3 li img {position:absolute;top:0;left:5px;}/*작은탭에 사진 위치*/
.tab_container_moral3 { border: 1px solid #0e69bf;    clear: both;   float: left;   width: 100%; height:auto;}
.tab_content_moral3 { font-size: 12px;  display: none;	margin:0 0 0 0;}
.tab_content_moral3 img{ position:absolute;top:50px;left:0px;}/* padding: 5px;*/

 h2.stit {margin-top:25px;margin-bottom:-15px;font-size:15px;font-weight: bold;background: url(/img/bullet_ul_1.gif) 0 6px no-repeat;}
 h2.stit span{padding-left:10px;}

  h2.stit_n {margin-top:0;margin-bottom:-15px;font-size:15px;font-weight: bold;background: url(/img/bullet_ul_1.gif) 0 6px no-repeat;}
 h2.stit_n span{padding-left:10px;}

 h3.stits {margin:6px 0 10px 7px;font-size:13px;font-weight: bold;background: url(/img/bullet_ul_2.gif) 0 4px no-repeat;}
 h3.stits span{padding-left:15px;}




.subtop2{position:relative;width:100%; height:260px; background:url(/img/sub_top_bg2.jpg) center 0 no-repeat;}
	.subtop_wrap {position: relative; width: 980px;  height: 260px;  margin: 0 auto;  clear: both;}


.newmoral img {top:150px;}
ul.new_tab {height:112px;}
ul.new_tab li {width:110px; height:32px;}
ul.new_tab2 li, ul.new_tab2 li.active {width:85px;}
ul.new_tab li.active {width:110px; height:auto; border-bottom:1px solid #184AAC;}