@charset "euc-kr";
/*W2 Unit (http://www.w2.co.kr/) SJY 081117*/
@import url("table.css");
@import url("page_desc.css");
@import url("popup.css");
@import url("mail.css");

/* Type Selector */
*{margin:0; padding:0; font-family:"µ¸¿ò", Dotum, "±¼¸²", Gulim, arial; }
img, fieldset, button{border:none;}
hr, button{display:none;}
li{list-style:none;}
a, a:active, a:focus{text-decoration:none; color:#404040;}
a:hover {text-decoration:underline; color:#88c221;}
textarea{overflow:auto;}
html, body {margin:0px; padding:0px; width:100%; color:#404040; background:#fff;}
div, h1, h2, h3, h4, h5, ul { margin:0; padding:0;}

table, td {font-family: µ¸¿ò; font-size: 12px; color:#404040; line-height: 160%;}

select, input, textarea {font-family:arial; font-size:12px; color:#404040; padding:2px; vertical-align:middle; }
select { border:none; }
form { margin:0; }

a {selector-dummy: expression(this.hideFocus=true); }

/* Tab */
.tab {background:url(/kor/images/bg_tab.gif) top left no-repeat; width:645px; height:25px; font-size:0; line-height:0; padding-bottom:20px;}
.tab img {padding-right:1px;}
.tab ul {float:left; background:#fff;}
.tab li {display:inline; background:#fff;}

.safety_tab {width:645px; font-size:0; line-height:0; padding-top:35px; background:url(/kor/01company/images/img_safety06.gif) top left no-repeat;}
.safety_tab img {padding-right:1px;}
.safety_tab ul {float:left; background:#fff;}
.safety_tab li {display:inline; background:#fff;}

.ethics_tab {font-size:0; line-height:0; padding:0 0 35px 20px;}
.ethics_tab img {padding: 0 10px; background:url(/kor/01company/images/tab_ethicsmenu_bar.gif) top right no-repeat;}
.ethics_tab ul {float:left;}
.ethics_tab li {display:inline;}

.business_menu {text-align:center; height:68px; padding-bottom:20px; font-size:0; line-height:0;}
.business_menu ul {margin:auto;  font-size:0; line-height:0;}
.business_menu li {display:inline; margin:0; padding:0;}

/* link */
a.menu_on:link { font-weight:bold; font-size:11px; text-align:middle; color:#77bb00; letter-spacing:-1px; }
a.menu_on:visited { font-weight:bold; font-size:11px; text-align:middle; color:#77bb00; letter-spacing:-1px; }
a.menu_on:hover { text-decoration:underline; font-weight:bold; font-size:11px; text-align:middle; color:#77bb00;  letter-spacing:-1px; }
a.menu_on:active { font-weight:bold; font-size:11px; text-align:middle; color:#77bb00; letter-spacing:-1px; }

a.menu_off:link { font-weight:bold; font-size:11px;  color:#909090;  letter-spacing:-1px; }
a.menu_off:visited { font-weight:bold; font-size:11px; text-align:middle; color:#909090;  letter-spacing:-1px; }
a.menu_off:hover { text-decoration:underline; font-weight:bold; font-size:11px; text-align:middle; color:#77bb00;  letter-spacing:-1px; }
a.menu_off:active { font-weight:bold; font-size:11px; text-align:middle; color:#909090; letter-spacing:-1px; }

.snb_title a:link {color:#3a73b8; letter-spacing:-1px; }
.snb_title a:visited {color:#3a73b8; letter-spacing:-1px; }
.snb_title a:hover {text-decoration:underline; color:#77bb00;  letter-spacing:-1px;}
.snb_title a:active {color:#3a73b8; letter-spacing:-1px; }

.snb_stitle a:link {color:#3a73b8; letter-spacing:-1px; }
.snb_stitle a:visited {color:#3a73b8; letter-spacing:-1px; }
.snb_stitle a:hover { text-decoration:underline; color:#77bb00;  letter-spacing:-1px; }
.snb_stitle a:active {color:#3a73b8; letter-spacing:-1px; }

.ehticsmenu_tab {padding:5px; text-align:center; font-size:11px; color:#8c8c8c; font-weight:bold; letter-spacing:-1px; }
.ehticsmenu_tab a:link {padding:0 10px; color:#8c8c8c; }
.ehticsmenu_tab a:visited {padding:0 10px; color:#8c8c8c; }
.ehticsmenu_tab a:active {padding:0 10px; color:#8c8c8c; }
.ehticsmenu_tab a:hover {padding:0 10px; color:#88c221;}

/* Font */
.fit {font-size:0; line-height:0;}
.snb_title	{font-weight:bold; font-size:12px; letter-spacing:-0.5px; color:#3a73b8; padding-bottom:5px;}
.snb_stitle	{font-size:11px; letter-spacing:-0.5px; color:#3a73b8;}
.txtb { font-weight:bold; }
.txt_eng	{font-family:arial; font-size:11px; }
.txt_news {letter-spacing:-1px;}
.txt_basic {font-family:arial, dotum; font-size:12px; color:#404040; line-height:160%;}
.txt1101 { font-family:µ¸¿ò; font-size:11px; letter-spacing:-0.5px; }
.txt1102 { font-family:µ¸¿ò; font-weight:bold; font-size:11px; letter-spacing:-0.5px; }
.table_title {font-weight:bold; font-size:12px; color:#3a73b8; padding-bottom:5px;}
.txt_s {font-size:11px; letter-spacing:-1px; color:#404040;}
.txt_sb {font-size:11px; letter-spacing:-1px; color:#404040; font-weight:bold;}

/* Color */
.color_blue { color:#3a73b8; }
.color_blue02 { color:#85a6d0; }
.color_green { color:#88c221; }
.color_green02 { color:#5a860c; }
.color_orange { color:#f58413; }
.color_orange02 { color:#ffa47b; }
.color_orange03 { color:#ffcfa2; }
.color_orange04 { color:#f58413; }
.color_gray { color:#404040; }
.color_gray02 { color:#8c8c8c; }
.color_white { color:#fff; }

/* Form */
select {font-size:12px; color:#404040; font-family:µ¸¿ò,arial; margin:1px 4px 0 0; border:solid 1px #d4d0c8; vertical-align:middle;} 
select.file{border-style:none; background-color:#fff; color:#9e9e9e; }
.select_b_main { behavior: url(common/js/selectbox_main.htc); vertical-align:middle; }

.search {width:645px; text-align:right; padding-bottom:15px;}
.search_input {border:solid 2px #85a6d0; color:#404040; font-family:arial, dotum; height:12px; font-size:11px; line-height:140%; background-color:#fff; vertical-align:middle;}
input.btn { vertical-align: middle; margin-left: 5px;}
input.file {border:solid 1px #bdbdbd; color:#3c3c3c; font-family:arial; font-size:11px; ime-mode:disabled; background-color:#ffffff; }
textarea.txt{ border:#cecece 1px solid; padding:5px; color:#777;}

.input01 { background-color:#fff; border:solid 1px #c6c6c6; font-family:µ¸¿ò; font-size:11px;  color:#3c3c3c; height:13px; vertical-align:middle; padding-left:2px;}

/* Line Box */
.box_top { height:5px; background:url(../../images/box_edge_bg.gif) repeat-x left top; background-color:#ffffff; }
.box_bottom { height:5px; background:url(../../images/box_edge_bg.gif) repeat-x left bottom; background-color:#ffffff;  }
.box_bg { border-left:solid 1px #d8d8d8;  border-right:solid 1px #d8d8d8; background-color:#ffffff;}

.box_awards {  width:370px; height:152px; border:solid 3px #e9e9e9; width:374px; height:162px; vertical-align:middle; text-align:center;}
.box_awards_title { background:url(../../awards/images/title_bg.gif) no-repeat; height:25px; width:255px; vertical-align:middle; text-align:center; padding-top:2px;}

.line {height:1px; background-color:#d2d2d2; line-height:0; font-size:0;}
.line02 {height:2px; background-color:#d2d2d2; line-height:0; font-size:0;}
.line_dot01 { background:url(/kor/images/line_dot01.gif) repeat-x left top; height:1px;}
.line_dot02 { background:url(/kor/images/line_dot02.gif) repeat-x left top; height:1px;}
.blue_line {height:2px;  background-color:#00469d;}

/* °øÅë Á¤·Ä */
.logout {padding-left:40px;}
.clear {clear:both;}
.fright {float:right;}
.fleft {float:left;}
.automargin {margin-left:auto; margin-right:auto;}

.center 	{ text-align:center; }
.left 		{ text-align:left; }
.right		{ text-align:right; }
.top        { vertical-align:top; }
.bottom     { vertical-align:bottom; }
.middle     { vertical-align:middle; }

img.top { vertical-align:middle; margin-top:3px; }
img.bottom2 { vertical-align:middle; margin-bottom:2px; }
img.bottom3 { vertical-align:middle; margin-bottom:3px; }
img.bottom5 { vertical-align:middle; margin-bottom:5px; }
img.btn_left { vertical-align:middle; margin-left:3px; }
img.btn_right { vertical-align:middle; margin-right:3px; }
img.mid { vertical-align:middle; }

/* °øÅë ¹®´Ü ±¸ºÐ ³ôÀÌ */
.mt02   { margin-top:2px; }
.mt03   { margin-top:3px; }
.mt05   { margin-top:5px; }
.mt10   { margin-top:10px; }
.mt15   { margin-top:15px; }
.mt19   { margin-top:19px; }
.mt20   { margin-top:20px; }
.mt30   { margin-top:30px; }
.ml05   { margin-left:5px; }
.ml15   { margin-left:15px; }
.ml10   { margin-left:10px; }
.ml20   { margin-left:20px; }
.ml30   { margin-left:30px; }
.mr03   { margin-right:3px; }
.mr05   { margin-right:5px; }
.mr10   { margin-right:10px; }
.mr15   { margin-right:15px; }
.mr20   { margin-right:20px; }
.mr21   { margin-right:21px; }
.mr28   { margin-right:28px; }
.mr23   { margin-right:23px; }
.mr25   { margin-right:25px; }
.mr30   { margin-right:30px; }
.mr34   { margin-right:34px; }
.mr48   { margin-right:48px; }
.mr49   { margin-right:49px; }
.mr32   { margin-right:32px; }
.mb02	{ margin-bottom:2px; }
.mb03	{ margin-bottom:3px; }
.mb04	{ margin-bottom:4px; }
.mb05	{ margin-bottom:5px; }
.mb06	{ margin-bottom:6px; }
.mb10	{ margin-bottom:10px; }
.mb11	{ margin-bottom:11px; }
.mb15	{ margin-bottom:15px; }
.mb19	{ margin-bottom:19px; }
.mb20	{ margin-bottom:20px; }
.mb21	{ margin-bottom:21px; }
.mb35	{ margin-bottom:35px; }

.pa05   { padding:5px 5px 5px 5px; }
.pa10   { padding:10px 10px 10px 10px; }
.pa20   { padding:20px 20px 20px 20px; }

.pt-02   { padding-top:-2px; }
.pt02   { padding-top:2px; }
.pt05   { padding-top:5px; }
.pt07   { padding-top:7px; }
.pt08   { padding-top:8px; }
.pt10   { padding-top:10px; }
.pt12   { padding-top:12px; }
.pt15   { padding-top:15px; }
.pt20   { padding-top:20px; }
.pt21   { padding-top:21px; }
.pt22   { padding-top:22px; }
.pt25   { padding-top:25px; }
.pt30   { padding-top:30px; }
.pt35   { padding-top:35px; }
.pt40   { padding-top:40px; }

.pl05   { padding-left:5px; }
.pl07   { padding-left:7px; }
.pl10   { padding-left:10px; }
.pl13   { padding-left:13px; }
.pl15   { padding-left:15px; }
.pl20   { padding-left:20px; }
.pl25   { padding-left:25px; }
.pl30   { padding-left:30px; }
.pl35   { padding-left:35px; }
.pl40   { padding-left:40px; }
.pl52   { padding-left:52px; }
.pl85   { padding-left:85px; }
.pl90   { padding-left:90px; }
.pl100   { padding-left:100px; }
.pl120   { padding-left:120px; }
.pl160   { padding-left:160px; }
.pl170   { padding-left:170px; }

.pr05   { padding-right:5px; }
.pr08   { padding-right:8px; }
.pr10   { padding-right:10px; }
.pr15   { padding-right:15px; }
.pr20   { padding-right:20px; }
.pr25   { padding-right:25px; }
.pr30   { padding-right:30px; }
.pr35   { padding-right:35px; }
.pr40   { padding-right:40px; }
.pr45   { padding-right:40px; }
.pr85   { padding-right:85px; }
.pr90   { padding-right:90px; }

.pb02   { padding-bottom:2px; }
.pb05   { padding-bottom:5px; }
.pb08	{ padding-bottom:8px; }
.pb10   { padding-bottom:10px; }
.pb15   { padding-bottom:15px; }
.pb17   { padding-bottom:17px; }
.pb20   { padding-bottom:20px; }
.pb25   { padding-bottom:25px; }
.pb26   { padding-bottom:26px; }
.pb30   { padding-bottom:30px; }
.pb35   { padding-bottom:35px; }
.pb55   { padding-bottom:55px; }

.br03	{ height:3px;	}
.br05	{ height:5px;	}
.br06	{ height:6px;	}
.br08	{ height:8px;	}
.br10	{ height:10px;	}
.br15	{ height:15px;	}
.br18	{ height:18px;	}
.br20	{ height:20px;	}
.br25	{ height:25px;	}
.br30	{ height:30px;	}
.br31	{ height:31px;	}
.br35	{ height:35px;	}
.br40	{ height:40px;	}
.br50	{ height:50px;	}
.br55	{ height:55px;	}
.br60	{ height:60px;	}

/* roll over */
a.rollover img { display: inline; } 
a.rollover img.over { display:none; } 
a.rollover:hover img { display:none; } 
a.rollover:hover img.over { display:inline; } 

/* title, copy */
h1 {float:left; width:175px; text-align:center;  margin-top:20px;}
h2 {padding-bottom:10px; }

#layout_title { position:relative; height:53px; top:0; border-bottom:solid 1px #d6d6d6; }
.title_copy {font-size:12px; line-height:150%; letter-spacing:-1px; color:#888;}
#layout_title ul { position:absolute; right:0; bottom:7px; font-size:11px; line-height:130%; }
#layout_title li { display:inline; font-size:11px; color:#88c221; font-family:Dotum; margin-left:6px; padding-left:9px; background:url(/kor/images/bu_location_arrow01.gif) 0 3px  no-repeat; letter-spacing:-1px; }
#layout_title a { font-weight:normal; color:#959595; text-decoration:none; }
#layout_title a:hover{ color:#88c221; text-decoration:underline; }
#layout_title .home { padding-left:12px; background-image:url(/kor/images/bu_location_arrow02.gif); }

/* Layout */
#layout_warp {width:100%; background:url(/kor/images/index/bg_body.gif) top left repeat-x;}
#layout_container1 {width:730px; float:left; padding:0px 0px 0px 20px;}

/**index**/
#layout_gnb {position:absolute; top:59px; left:0; height:76px; width:840px; z-index:1;}
#layout_main {width:100%; float:left; background:url(/kor/images/index/bg_main_btm.gif) top left repeat-x;}
#layout_main_visual {width:1000px; position:absolute; top:59px; left:0; z-index:0;}
#layout_main_btm {padding-top:466px; width:840px; height:97px; }

#main_news {padding-left:30px; width:299px; float:left;}
#main_service {padding-left:30px; width:259px; float:left;}
#main_brand {width:212px; float:left;}

/*eng wait*/
#wait_body {margin:0px; padding:0px; width:100%; height:100%; background:#fff;}
#eng_wait {width:100%; height:100%; text-align:center; vertical-align:middle;  margin:0 auto;}

/**/
#layout_header {width:840px; height:59px; font-size:0; line-height:0; background:url(/kor/images/index/bg_top.gif) top right no-repeat;}
#layout_header ul { float:right; margin:26px 0 auto auto; font-size:0; line-height:0; }
#layout_header li { display:inline; margin-left:10px; }
#layout_flash {height:76px;}
.top_br {height:16px;}

#layout_container {width:840px; float:left;}
/*#layout_container {width:840px; float:left; background:url(/kor/images/img_btm.jpg) bottom left no-repeat;}*/

#layout_snb {width:145px; float:left; padding:0 20px 30px 30px;}
/*#layout_snb {width:145px; float:left; padding:0 20px 155px 30px;}*/
#layout_snb ul { font-size:0; line-height:0;}
#layout_snb li { margin:0; padding:0; }
#layout_snb li.snb_br {height:20px; border-bottom:solid 1px #ededed;}

#layout_contents {width:645px; float:right;}
#layout_contents1 {width:645px; float:left;}
#layout_contents h1 {font-size:12px; color:#fff; font-weight:bold;}
#page {padding-top:35px; width:645px; vertical-align:top;}
#page02 {width:645px;}  /*»ó´Ü 35px Àû¿ë½ÃÅ°Áö ¾Ê´Â ÆäÀÌÁöÀÇ °æ¿ì»ç¿ë*/
.page_btn { clear:both; text-align:right; margin:0; padding:40px 0 30px 0; font-size:0;}

#layout_footer {width:100%; height:50px; border-top:solid 1px #d2d2d2; background:url(/kor/images/index/logo_footer.gif) no-repeat; clear:both; }
#layout_footer ul {height:25px; font-size:0; line-height:0; text-align:right; width:840px; margin-top:8px; }
#layout_footer li { display:inline; }
#layout_footer li img {vertical-align:middle; margin-right:5px;}
#layout_footer li img.none {vertical-align:middle; margin:0;}
.copyright {width:840px; padding-bottom:10px; text-align:right;}

#layout_banner {position:absolute; top:203px; left:860px;}
#layout_banner02 {position:absolute; top:151px; left:860px;}