@import url("/common/css/layout.css");   /* layout css import */
@import url("/common/css/table.css");   /* 테이블css import */
@import url("/common/css/bbs.css");   /* 게시판css import */

body { margin: 0px; padding: 0px;  font-family: Dotum,Dotumche,verdana; font-size:12px; color:#777777; letter-spacing: -0.05em; word-spacing: 0.05em;
  scrollbar-arrow-color: #808080;
  scrollbar-face-color: #E5E5E5;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-3dlight-color: #E5E5E5;
  scrollbar-shadow-color: #E5E5E5;
  scrollbar-darkshadow-color: #E5E5E5;
  scrollbar-track-color: #FFFFFF;
}
td { font-size:12px; color: #777777; letter-spacing: -0.05em; word-spacing: 0.05em; }
div, span, h1, h2, h3, h4, h5, ul, li, dl, dt { word-break: keep-all; }


select { color: #777777; font-family: Dotum,Dotumche,verdana;  font-size:11px; background-color: #fdf0e6; }

a { selector-dummy : expression(this.hideFocus=true);}  /* object focus no*/
a:link { font-size: 12px; color: #777777; text-decoration: none; }
a:visited { font-size: 12px; color: #777777; text-decoration: none; }
a:active { font-size: 12px; color: #ff1e00; text-decoration: none; }
a:hover { font-size: 12px; color: #ff1e00; text-decoration: underline; }

a.black01:link { font-size: 12px; color: #000000; text-decoration: none; }
a.black01:visited { font-size: 12px; color: #000000; text-decoration: none; }
a.black01:active { font-size: 12px; color: #ff1e00; text-decoration: none; }
a.black01:hover { font-size: 12px; color: #ff1e00; text-decoration: underline; }

a.Q:link { font-size: 12px; color: #FF6C00; text-decoration: none; }
a.Q:visited { font-size: 12px; color: #FF6C00; text-decoration: none; }
a.Q:active { font-size: 12px; color: #FF6C00; text-decoration: none; }
a.Q:hover { font-size: 12px; color: #FF6C00; text-decoration: underline; }

img { border: 0px; margin: 0px; padding: 0px;}   	/* images border 0  */
form { margin:0px; padding:0px; }  /* form margin */
.formbox { margin-top: 2px; }
.formbox02 { margin-bottom: -2px; }

.text01 {
	border: #fad3b5 1px solid; background-color: #fdf0e6;  font-size:11px; color:#777777; font-family: Dotum,Dotumche,verdana; height: 16px; margin-bottom:1px;
}  /* 텍스트박스 css */

.text02 {
	border: #cccccc 1px solid; font-size:11px; color:#777777; font-family: Dotum,Dotumche,verdana; height: 16px; margin-bottom:1px;
}  /* 텍스트박스 css */

.textarea01 {
	font-size:11px;
	border:#fad3b5 1px solid;
	color: #777777;
	scrollbar-face-color:#fad3b5;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-track-color:#FFFFFF;
	scrollbar-arrow-color:#FFFFFF;
	background-color: #fdf0e6;
}    /* 텍스트area박스 css */

.textarea02 {
	font-size:11px;
	border:#fad3b5 1px solid;
	color: #777777;
	scrollbar-face-color:#fad3b5;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-track-color:#FFFFFF;
	scrollbar-arrow-color:#FFFFFF;
}    /* 텍스트area박스 css */

.selectBoxTypeA_SelectedArea      {color: #777777; background-color: #FFFFFF; font-size: 11px; font-family: Dotum,Dotumche,verdana; padding-top: 2px; line-height: 17px; padding-left: 3px; letter-spacing: -1px;}
.selectBoxTypeA_SelectedAreaFocus {color: #000000; background-color: #F3F3F3; font-size: 11px; font-family: Dotum,Dotumche,verdana; padding-top: 2px; line-height: 17px; padding-left: 3px; letter-spacing: -1px;}
.selectBoxTypeA_Option            {color: #777777; background-color: #FFFFFF; font-size: 11px; font-family: Dotum,Dotumche,verdana; padding-top: 2px; line-height: 17px; padding-left: 3px; letter-spacing: -1px;}
.selectBoxTypeA_OptionOver        {color: #000000; background-color: #F3F3F3; font-size: 11px; font-family: Dotum,Dotumche,verdana; padding-top: 2px; line-height: 17px; padding-left: 3px; letter-spacing: -1px;}
.selectBoxTypeA_OptionInnerLayer  {overflow:auto;background-color:#FFFFFF;
  scrollbar-face-color: #F3F3F3;
  scrollbar-shadow-color: #6C6C6C;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-3dlight-color: #C9C9C9;
  scrollbar-darkshadow-color: #FFFFFF;
  scrollbar-track-color: #F3F3F3;
  scrollbar-arrow-color: #000000;
}

ul { padding: 0px; margin: 0px; }
li { display: inline; padding: 0px; margin: 0px; }
li.bu01 { background: url(/img/common/bu/bu03.gif) 0px 6px no-repeat; vertical-align: top;}

/* 폰트관련 */
.e { color: #777777; font-family: verdana;  font-size:11px; }
.orng01 { color: #f58025; }
.red01 { color: #e31836; }
.black01 { color: #000000; }
.gray01 { color: #a0a0a0; }
.bold01 { color: #666666; font-weight: bold; }
.line17 { line-height: 17px; }
.line18 { line-height: 18px; }
.height001 { padding-bottom:5px;}
.height002 { padding-top:5px;}

/* 탭버튼 관련 */
#tab01 { background: url(/img/common/tab_bg01.gif) repeat-x; width: 580px; height: 24px; padding-bottom: 20px; }
#tab01 .sub { width: 580px; padding-top: 10px; }

/* 서브타이틀관련 */
#subtit { padding-bottom: 10px; }

/* 정렬 관련 */
.align_top { vertical-align: top; }
.align_middle { vertical-align: middle; }
.align_bottom { vertical-align: bottom; }
.align_left { text-align: left; }
.align_right { text-align: right; }
.align_center { text-align: center; }

/* 버튼 관련 */
#btn_center { text-align: center; padding-top: 10px; }
#btn_right { text-align: right; padding-top: 10px; }
#btn { padding-top: 10px; }

/* 팝업 관련 */
#p_body { background: url(/img/pop/p_bg01.gif) 0px 20px no-repeat; height:398px; padding-left: 56px; padding-bottom: 15px;}

/* box01 관련 */
#box01 { width: 580px; }
#box01 .lt01  { width: 9px; height:9px; background: url(/img/common/bbs/box01_lt01.gif) no-repeat;  }
#box01 .rt01  { width: 9px; height:9px; background: url(/img/common/bbs/box01_rt01.gif) no-repeat; }
#box01 .tbg01  { width: 9px; background: url(/img/common/bbs/box01_tbg01.gif) repeat-x; }
#box01 .lb01  { width: 9px; height:9px; background: url(/img/common/bbs/box01_lb01.gif) no-repeat; }
#box01 .rb01  { width: 9px; height:9px; background: url(/img/common/bbs/box01_rb01.gif) no-repeat; }
#box01 .bbg01  {  width: 9px; background: url(/img/common/bbs/box01_bbg01.gif) repeat-x; }
#box01 .lbg01  {  width: 9px; background: url(/img/common/bbs/box01_lbg01.gif) repeat-y; }
#box01 .rbg01  {  width: 9px; background: url(/img/common/bbs/box01_rbg01.gif) repeat-y; }
#box01 .c_box01  {  width: 562px; background-color: #f9f9f9;; padding-top: 5px; padding-bottom: 5px; }

#box02 { width: 580px; }
#box02 .lt01  { width: 9px; height:9px; background: url(/img/common/bbs/box02_lt01.gif) no-repeat;  }
#box02 .rt01  { width: 9px; height:9px; background: url(/img/common/bbs/box02_rt01.gif) no-repeat; }
#box02 .tbg01  { width: 9px; background: url(/img/common/bbs/box02_tbg01.gif) repeat-x; }
#box02 .lb01  { width: 9px; height:9px; background: url(/img/common/bbs/box02_lb01.gif) no-repeat; }
#box02 .rb01  { width: 9px; height:9px; background: url(/img/common/bbs/box02_rb01.gif) no-repeat; }
#box02 .bbg01  {  width: 9px; background: url(/img/common/bbs/box02_bbg01.gif) repeat-x; }
#box02 .lbg01  {  width: 9px; background: url(/img/common/bbs/box02_lbg01.gif) repeat-y; }
#box02 .rbg01  {  width: 9px; background: url(/img/common/bbs/box02_rbg01.gif) repeat-y; }
#box02 .c_box01  {  width: 562px; background-color: #f9f9f9;; padding-top: 5px; padding-bottom: 5px; }

/* 제품정보 */
div.product_info { width: 580px; }
div.product_info img.product { float: left; margin: 0 10px 0 23px; }
div.product_info p { margin: 0; padding: 0; }
div.product_info p span.skgas { font-size: 12px; color: #666666; font-weight: bold; line-height: 14px; padding: 0; }
div.product_info p span.prdt_name { font-size: 16px; color: #FF1E00; font-weight: bold; line-height: 22px; }

table.prdt_box01 { width: 332px; }
table.prdt_box01 td.t { background-color: #FEF4ED; }
table.prdt_box01 td.l { background-color: #FEF4ED; }
table.prdt_box01 td.c { padding: 4px; background-color: #FEF4ED; }
table.prdt_box01 td.r { background-color: #FEF4ED; }
table.prdt_box01 td.b { background-color: #FEF4ED; }

ul.prdt_list_s { margin: 0; padding: 0; }
ul.prdt_list_s li { list-style: none; display: inline; margin: 0; padding: 0; }
ul.prdt_list_s li img.prdt_s { margin: 5px 1px -2px 0; border: 1px solid #CCCCCC; }

div.prdt_detail { clear: both; margin: 0; padding: 0; }
div.prdt_detail img.subtitle_num { float: left; margin-bottom: 100px; margin-left: -3px; }
div.prdt_detail img.subtitle { margin-bottom: 17px; margin-left: 3px; }

ul.feature { margin: 0 0 0 32px; padding: 0; }
ul.feature li { list-style: none; display: block; font-size: 12px; color: #666666; line-height: 18px; margin: 0; padding: 0 0 0 8px; background: url(/img/business/bl_feature01.gif) 1px 6px no-repeat; }

ul.feature_list { margin: 0; padding: 0; }
ul.feature_list li { list-style: none; display: block; font-size: 12px; color: #666666; line-height: 18px; margin: 0; padding: 0 0 0 10px; background: url(/img/business/bl_feature02.gif) 1px 7px no-repeat; }

/* 개인정보보호 */
img.subject { margin-left: 20px; }
ul.private_txt { margin: 0; padding: 0; }  
ul.private_txt li { display: block; list-style: none; line-height: 18px; }

.company_mnuBg { background: url(/img/common/gnb/company_mnubg.jpg) bottom no-repeat; }
.invest_mnuBg { background: url(/img/common/gnb/invest_mnubg.jpg) bottom no-repeat; }
.recruit_mnuBg { background: url(/img/common/gnb/recruit_mnubg.jpg) bottom no-repeat; }
.cyber_mnuBg { background: url(/img/common/gnb/cyber_mnubg.jpg) bottom no-repeat; }
.business_mnuBg { background: url(/img/common/gnb/business_mnubg.jpg) bottom no-repeat; }
.prdinfo_mnuBg { background: url(/img/common/gnb/prdinfo_mnubg.jpg) bottom no-repeat; }
.private_mnuBg { background: url(/img/common/gnb/etc_mnubg.jpg) bottom no-repeat; }
.contactus_mnuBg { background: url(/img/common/gnb/etc_mnubg.jpg) bottom no-repeat; }
.sitemap_mnuBg { background: url(/img/common/gnb/etc_mnubg.jpg) bottom no-repeat; }
.customer_mnuBg { background: url(/img/common/gnb/customer_mnubg.jpg) bottom no-repeat; }