@charset "euc-kr";
/* main Layout */
#main_visual_f {
	margin:0 auto;
	position:absolute;
	background:#ffffff repeat-x;
	width:100%;
	height:634px;
	top:109px;
	text-align:center;
	}
#main  {margin:0 auto; width:980px; height:635px;}	
#news {
	position:absolute;
	top:0px;
	width:270px;
	height:140px;
	margin:640px 50px 100px 160px;
	}
	

#footerArea { display:block; height:95px; clear:both; overflow:hidden; }
#footer { width:1000px;  margin:0 auto; overflow:hidden;border-top:1px solid #e4e4e4;  }
#footer span.ci {float:left;padding:20px 40px 30px 200px;}
#footer span.cell {float:right;}
#footer address {font-size:12px;color:#050505;padding:7px 40px 30px 10px;}
#footer address p {line-height:20px;padding-left:23px;}
#footer address a {text-decoration:none;}
#footer .links {position:absolute;top:18px;}
#footer .links a {font:normal 11px '����', 'dotum';letter-spacing:-1px;}
#footer .links a:link,#footer .links a:visited {color:#333;}
#footer .links a:hover {color:#000;}
#footer .links img {margin:0 5px;}


/* sub Layout */
#wrap {position:relative;margin:0 auto; z-index:15;}
#header {position:relative;width:1000px;height:180px;margin:0 auto;background:url(/common/images/com/m_bg.png) no-repeat;}
#container {width:1000px;margin:0 auto;overflow:hidden; background:url(/common/images/com/c_bg.gif) left top repeat-y; }
#container_m {position:relative;margin:0 auto; position:absolute;top:-109;}
#mainvisual {position:absolute;top:160;height:461px;background-image:url() no-repeat; }
.cont_sec_m {margin:0 auto;width:980px;}
.cont_sec_m .section {margin:0px 0 20px;}

.news{width:284px;margin-top:15px;margin-left:20px;margin-right: 10px;float:left;position:relative}
.news ul{margin-top:10px;}
.news ul li{color:#666;line-height:20px; background:url(/common/images/icon/bullet.png) no-repeat left 50%;}
.news ul li p{width:284px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:10px;}
.news .more{position:absolute;right:0;top:0}

#mmcon.main_banner_s {width: 180px; overflow: hidden; padding-top:10px;padding-bottom:10px; clear: both;}
#mmcon.main_banner_s li {margin-right: 10px; float: left;}
#mmcon.main_banner_s li.mr0 {margin-right: 0px;}


/* Headings */
h1 {position:absolute;top:17px;left:415px;}
h3 {height:38px;line-height:38px;padding-left:0px;font-size:18px;color:#111111;border-bottom:3px solid #293c67;}
h4 {height:38px;line-height:38px;padding-left:0px;font-size:30px;color:#111111;border-bottom:3px solid #293c67;}
h4.intro {padding-left:32px;height:38px;line-height:38px;font-size:16px;font-weight:bold;18px 'ng';text-decoration:underline; right 50%;color:#000000;margin-top:20px;margin-bottom:5px; background:url(/common/images/icon/h3_bullet.gif) no-repeat left 50%;}
h4.bt {position:absolute;top:490px;right:0px;}
h5{position:absolute;top:50px;left:85px; z-index:20;}


/* 공통 style */
.util {position:absolute;top:63px;right:0;}
.util li {float:left;display:inline;font-size:10px;}
.util li a {display:block;padding:0 3px;color:#090909;background:url) no-repeat right 50%;}
.util li a.end {background:none;}

span.sns {position:absolute;top:49px;right:2px;}
span.sns a {float:left;margin-right:9px;}

/* ?��?지 style */

#header .gnb { clear:right; float:right; margin:113px 0 0 0; /*width:746px;*/ width:1000px;z-index:10;}
#header .gnb ul { *zoom:1; }
#header .gnb ul:after { content:""; display:block; clear:both; }
#header .gnb ul li { float:left; _display:inline;padding-left:32px; }
#header .gnb ul li span { display:block; }
#header .gnb ul li span a { display:block; }
#header .gnb dl { display:none; position:absolute; bottom:-13px;}
#header .gnb dl dd { float:left; _display:inline; padding-left:20px;}
#header .gnb dl dd a { display:block; }
#header .gnb dl.sub1 { /*left:220px;*/ left:50px;top:163px;width:618px; }
#header .gnb dl.sub2 { /*left:370px;*/ left:120px;top:163px; width:620px; }
#header .gnb dl.sub3 { /*left:486px;*/ left:170px;top:163px; width:620px; }
#header .gnb dl.sub4 { /*left:477px;*/ left:200px;top:163px; width:740px; }
#header .gnb dl.sub5 { /*left:534px;*/ left:470px;top:163px; width:620px; }
#header .gnb dl.sub6 { /*left:622px;*/ left:630px;top:163px; width:620px; }

/*  기존 ?�스??
.gnb {position:absolute;top:22px;left:220px;width:685px;background:url(/common/images/com/m_bg.png) no-repeat right 50%;}
.gnb ul {width:980x;margin:0 27px;}
.gnb ul li {position:relative;float:left;display:inline;height:39px;}
.gnb ul li a {display:inline-block;height:37px;padding:9px 26px 0;line-height:39px;font:bold 13px 'ng';letter-spacing:-0.1px; right 50%;}
.gnb ul li a:link,.gnb ul li a:visited {color:#ffffff;}
.gnb ul li a:hover {color:#ffff00;}
.gnb ul li a.on {color:#ffff00;}
.gnb ul li ul {position:absolute;top:0;left:0;display:none;background:#f97b00 repeat-x top;border:2px solid #ffffff; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
.gnb ul li ul li {float:left;display:inline-block;height:24px;}
.gnb ul li ul li a {display:inline-block;height:24px;line-height:24px;margin-top:3px;padding:0 10px;font: 13px/normal ng;right 50%;}
.gnb ul li ul li a:link,.gnb ul li ul li a:visited {color:#ffffff;}
.gnb ul li ul li a:hover {color:#043769;}
.gnb ul li ul li a.on {color:#043769;}
.gnb ul li ul li a.end {background:none;}
.gnb ul li ul.s0 {left:-100000px;top:-10000px}
.gnb ul li ul.s1 {top:32px;left:-30px;width:110px;}
.gnb ul li ul.s2 {top:32px;left:-40px;width:110px;}
.gnb ul li ul.s3 {top:32px;left:-20px;width:110px;}
.gnb ul li ul.s4 {top:32px;left:-30px;width:110px;}
.gnb ul li ul.s5 {top:32px;left:-30px;width:110px;}
.gnb ul li ul.s6 {top:32px;left:-30px;width:110px;}
.gnb ul li ul.s7 {top:37px;left:-50px;width:110px;}
*/

#mainVisual { display:block; height:488px; position:relative; }
#mainVisual .main_rolling_canter_bg .mian_vis { width:100%; margin:0 auto; position:relative; }
#mainVisual .main_rolling_canter_bg .mian_vis ul { width:100%; position:relative; height:440px; }
#mainVisual .main_rolling_canter_bg .mian_vis ul li { position:absolute; left:0; top:0; display:none; }
#mainVisual .mian_vis_bg { width:100%; position:absolute; left:0; top:0; z-index:9; }
#mainVisual .mian_vis_bg li { position:absolute; left:0; top:0; display:none; }
#mainVisual .mian_vis_bg li.vis_bg1 { width:100%; height:488px; background:#ffffff url("/common/images/bg/main_visual.jpg") no-repeat 50% 0; }
#mainVisual .mian_vis_bg li.vis_bg2 { width:100%; height:488px; background:#ffffff url("/common/images/bg/main_visual22.jpg") no-repeat 50% 0; }
#mainVisual .mian_vis_bg li.vis_bg3 { width:100%; height:488px; background:#ffffff url("/common/images/bg/main_visual33.jpg") no-repeat 50% 0; }
#mainVisual .mian_vis_bg li.vis_bg4 { width:100%; height:488px; background:#ffffff url("/common/images/bg/main_visual44.jpg") no-repeat 50% 0; }
#mainVisual .mian_vis_bg li.vis_bg5 { width:100%; height:488px; background:#ffffff url("/common/images/bg/main_visual7.jpg") no-repeat 50% 0; }
#mainVisual .main_rolling_canter_bg .prev { position:absolute; top:190px; left:48px; z-index:15; }
#mainVisual .main_rolling_canter_bg .next { position:absolute; top:190px; right:48px; z-index:15; }


#main_visualwrap{position:relative;margin:0 auto;width:1000px;top:109;left top repeat-x; }

#example {
	width:1000px;
	height:426px;
	position:relative;
}
#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}
#slides {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}

#slides .next,#slides .prev {
	position:absolute;
	top:210px;
	left:20px;
	width:23px;
	height:0px;
	display:block;
	z-index:101;
}

.slides_container {
	width:1000px;
	height:426px;
	overflow:hidden;
	position:relative;
}

#slides .next {
	left:950px;
}

.pagination {
	margin:0px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 0px;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}


#sub_visual {float:left; width:980px; height:148px;margin:auto;position:absolute;top:75px;z-index:1;}
#slides_s {position:relative; height:148px; overflow:auto;margin:auto;}
#slides_s li { height:148px;}

#slides_s li.sub_visual1 {background:url('/common/images/bg/sub_visual.jpg') no-repeat top center; background-size:1900px }
#slides_s li.sub_visual2 {background:url('/common/images/bg/sub_visual2.jpg') no-repeat top center; background-size:1900px }
#slides_s li.sub_visual3 {background:url('/common/images/bg/sub_visual3.jpg') no-repeat top center; background-size:1900px }
#slides_s li.sub_visual4 {background:url('/common/images/bg/sub_visual4.jpg') no-repeat top center; background-size:1900px }
#slides_s li.sub_visual5 {background:url('/common/images/bg/sub_visual5.jpg') no-repeat top center; background-size:1900px }
#slides_s li.sub_visual6 {background:url('/common/images/bg/sub_visual6.jpg') no-repeat top center; background-size:1900px }

#sub_visual01Wrap{position:relative;margin:0 auto;width:1000px;background-color:;left top repeat-x; }
#sub_visual01 {position:absolute;top:109;background-image:url(/common/images/bg/sub_visual1.jpg)  no-repeat top;z-index:1; }
#sub_visual02 {position:absolute;top:109;background-image:url(/common/images/bg/sub_visual2.jpg)  no-repeat top;z-index:1; }
#sub_visual03 {position:absolute;top:109;background-image:url(/common/images/bg/sub_visual3.jpg)  no-repeat top;z-index:1; }
#sub_visual04 {position:absolute;top:109;background-image:url(/common/images/bg/sub_visual4.jpg)  no-repeat top;z-index:1; }
#sub_visual05 {position:absolute;top:162;background-image:url(/common/images/bg/sub_visual5.jpg)  no-repeat top;z-index:1; }
#subWrap{position:relative;margin:0 auto;width:1000px;margin-bottom:60px;}

.lnb_sec {float:left;width:215px;margin-top:216px;margin-bottom:30px;}
.lnb_sec ul {margin-top:0px;}
.lnb_sec ul li {width:184px;height:29px;border-bottom:1px solid #d5d5d5;margin-left:17px;}
.lnb_sec ul li a {display:block;padding-left:0px;height:29px;line-height:29px;font-size:13px;font-weight:bold;}
.lnb_sec ul li a:link,.lnb_sec ul li a:visited {color:#252525;}
.lnb_sec ul li a:hover {color:#fff;background: url() no-repeat right 50%;}
.lnb_sec ul li a.on {color:#fff;background: url() no-repeat right 50%;}

.lnb_sec2 {float:left;width:180px;margin-right:38px;}
.lnb_sec2 ul {margin-top:0px;}
.lnb_sec2 ul li {width:180px;height:34px;}
.lnb_sec2 ul li a {display:block;height:28px;line-height:35px;font-size:14px;font-weight:bold;}
.lnb_sec2 ul li a:link,.lnb_sec ul li a:visited {color:#707070;}
.lnb_sec2 ul li a:hover {color:#fff;no-repeat right 50%;}
.lnb_sec2 ul li a.on {color:#fff; no-repeat right 50%;}




.left_banner {float:left;width:202px;margin-top:10px;background:#ffffff }
.left_banner ul {margin-top:0px;}
.left_banner ul li {width:190px;height:72px;}
.left_banner li a {display:block;padding-left:25px;height:72px;}

.cont_sec {position:relative;top:225px;float:left;margin-left:95px;width:613px;min-height:400px; height:auto !important; _height:400px; overflow:hidden; _overflow:visible;}
.cont_sec span.path {position:absolute;top:7px;right:0px;}
.cont_sec span.title {position:absolute;top:60px;font-size:26px;font-weight:bold;color:#111111;}
.cont_sec .section {margin:20px 0 300px }



/* CEO ?�사�?*/
.greeting {padding-left:0px;}
.greeting p {}
.greeting p.headline {font-size:16px;color:#3474bf;}
.greeting p strong {}
.contact_title {color: rgb(85, 85, 85); font-size: 13px; font-weight: bold; margin-top: 15px; margin-left: 3px;}

.tab_title {width: 715px; overflow: hidden;margin-left: 22px; }
.tab_title li {list-style: none; margin-right: 1px; float: left;}
#premier21 {width: 100%; margin-top: 15px;}
#premier22 {width: 100%; margin-top: 15px;}
#premier23 {width: 100%; margin-top: 15px;}
#premier24 {width: 100%; margin-top: 15px;}

.product_list_bg{height:144px; background:url(/common/images/cont/product_list_bg.gif) no-repeat left top;}
.product_view_bg{height:29px; background:url(/common/images/bg/bar.gif) no-repeat right top;}


/* ?�이?�맵 */
.cont_sec_s {position:relative;top:220px;float:left;margin-left:30px;width:760px;min-height:400px; height:auto !important; _height:400px; overflow:hidden; _overflow:visible;}
.cont_sec_s span.path {position:absolute;top:7px;right:0px;}
.cont_sec_s span.title {position:absolute;top:60px;font-size:26px;font-weight:bold;color:#111111;}
.cont_sec_s .section {margin:20px 0 700px }
#sitemap {position:absolute;width:730px;padding:10px;background:#fff;z-index:9999;}
#sitemap .sm_list1 {float:left; position:relative; width:700px;}
#sitemap .sm_list2 {float:left; position:relative; width:700px;}
#sitemap .sm_list {float:left;display:inline-block;width:200px;margin-right:40px;margin-bottom:50px;}
#sitemap .sm_list p.tit {font-size:13px;font-weight:bold;color:#0f61b5;text-align:center;padding:3px 0;background:#bcdaf7;border:1px solid #3783d0; margin-bottom:5px;}
#sitemap .sm_list li {padding:5px 0;text-align:center;border-bottom:1px solid #e7e7e7;color:#888; font-size:12px;}
#sitemap .sm_list li.threedepth {padding-left:26px;}
#sitemap .end {margin-right:0 !important;}
#sitemap .close {position:absolute;top:10px;right:10px;cursor:pointer;}



/* ?�품 ?�세 - 모달�?*/
#view { position:absolute; width:540px; height:400px; }
.view_top_bg { background:url(../images/sub/detailview_top_bg.png) no-repeat; width:800px; height:5px; position:relative; float:left;}
.view_center_bg { background:url(../images/sub/detailview_center_bg.png) repeat-y; width:785px; position:relative; float:left; padding:0 5px;}
.view_bottom_bg { background:url(../images/sub/detailview_bottom_bg.png) no-repeat; width:800px; height:10px; position:relative;float:left;}

.view_center_bg .detail_cont_line { position:relative; float:left; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; margin:0 auto;}
.view_center_bg .detail_cont_line .detail_cont { position:relative; padding:15px 40px 30px 50px; height:400px; float:left; display: inline;}
.view_center_bg .detail_cont_line .detail_cont .p_img { width:300px; margin-right:50px; float:left;}
.view_center_bg .detail_cont_line .detail_cont .sp_img ul { width:305px; position:relative; margin-top:10px;}
.view_center_bg .detail_cont_line .detail_cont .sp_img ul li a {width:71px; height:71px; margin-right:3px; float:left; border:1px solid #ddd;}
.view_center_bg .detail_cont_line .detail_cont .sp_img ul li a:hover {border:1px solid #ef6b00;}
.view_center_bg .detail_cont_line .detail_cont .sp_img ul li a.on {border:1px solid #ef6b00;}
.view_center_bg .detail_cont_line .detail_cont .sp_img ul li.end {margin-right:0px !Important;}
.view_center_bg .detail_cont_line .detail_cont .p_cont { width:340px; float:left; font-size:18px; font-weight:bold; color:#ef6b00; margin-top:20px;}
.view_center_bg .detail_cont_line .detail_cont .p_cont span {font-size:11px; font-weight:bold; color:#666;}
.view_center_bg .detail_cont_line .detail_cont .p_cont p { padding:3px 0 15px 0 !important; border-bottom:2px solid #666; width:100%; margin-bottom:25px;}
.view_center_bg .detail_cont_line .detail_cont .p_cont .detail_txt { font-size:12px; color:#666; margin-bottom:20px; background:url(../images/sub/detail_dot.gif) no-repeat left 10px; padding-left:10px !important; border:none; margin-bottom:0px !important;font-weight:normal;}
.view_center_bg .detail_cont_line .detail_cont .p_cont .detail_txt strong { font-weight:bold; color:#333; padding-right:10px !important;}
.view_center_bg .detail_cont_line .detail_cont .p_cont .detail_txt .w_txt { width:100%; display:block !important; font-weight:normal;}

/*모달?�업*/
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#333;
  display:none;
}
  
#boxes .window {
  position:fixed;
  left:0;
  top:0;
  width:700px;
  height:500px;
  display:none;
  z-index:9999;
  padding:0;
}

#boxes #dialog {
  width:700px; 
  height:500px;
  padding:0;
  background-color:#fff;
}

#boxes #dialog2 {
  width:1000px; 
  height:700px;
  padding:0;
  background-color:#fff;
}


.bt_request	a								{float:left; padding:10px; margin-right:3px; color:#fff; font:bold 12px tahoma; text-align:center; text-decoration:none; background-color:#000;} 
.bt_request	a:hover	{color:#fff;background-color:#ED1C24; text-decoration: none;}

.bt_request1	a								{float:left; padding:10px; margin-right:3px; color:#fff; font:bold 12px tahoma; text-align:center; text-decoration:none; background-color:#888;} 
.bt_request1	a:hover	{color:#fff;background-color:#888; text-decoration: none;}