div.blackcatson {color: white; font-size: 9pt; line-height: 160% }
div.blackcat {color: BLACK; font-size: 9pt; line-height: 160% }
table {color: #666; font-family: 굴림; font-size: 9pt; letter-spacing:0pt; line-height: 150% }

a:link { color: #666; text-decoration: none }
a:visited { color: #666; text-decoration: none }
a:active { color: #666; text-decoration: none }
a:hover { color: #636363;   text-decoration: underline; }

td {font-family:굴림,Verdana,Arial; font-size:12px; color:#666;}
body, li, ul, ol, dd, dt, dl {margin:0px 0px; padding:0;}
li, ul, ol, dd, dt, dl { list-style:none;}
img  {border:0}	
.list_main p { padding:0; margin:0;}
.list_main p a{display:block; width:100%; height:50px; background-image:url(images/main_img01.jpg); background-repeat: no-repeat;}
.list_main p a.on {  background-image:url(images/main_img01_on.jpg); }
.list_main p.list_01 a { background-position:0 0; height:49px;}
.list_main p.list_02 a { background-position:0 -49px; height:49px;}
.list_main p.list_03 a { background-position:left bottom;}

.cs { float:right; margin-top:67px;}
.cs span a {display:block; width:72px; height:62px; background-image:url(images/main_img02.jpg); background-repeat: no-repeat;}
.cs span a.on {  background-image:url(images/main_img02_on.jpg);}
.cs span { float:left;}
.cs span.li01 a { background-position:0 0;}
.cs span.li02 a { background-position:-72px 0;}
.cs span.li03 a { background-position:-144px 0;}

.sub_banner { float:left; margin-left:20px;}
.sub_banner span a {display:block; width:67px; height:62px; background-image:url(images/sub_banner.jpg); background-repeat: no-repeat;}
.sub_banner span a.on {  background-image:url(images/sub_banner_on.jpg);}
.sub_banner span { float:left;}
.sub_banner span.li01 a { background-position:0 0;}
.sub_banner span.li02 a { background-position:-67px 0;}
.sub_banner span.li03 a { background-position:-134px 0;}

select, option {font-family:굴림,Verdana,Arial; font-size:12px; color:#666; height:14px; border:1 solid #9F9F9F;margin:1 0 0 0;}
textarea {font-family:굴림,Verdana,Arial; font-size:12px; color:#666; border:1 solid #9F9F9F;margin:0 0 2 0;}

/*** cms 신청서 ***/
.text01{text-align:center;font-family:굴림,Verdana,Arial; font-size:12px; color:#ff8400;font-weight:bold;}
.input{font-family:굴림,Verdana,Arial; font-size:12px; color:#555555;border:1 solid #c3c3c3;margin:0 0 0 5;height:20px; padding:2 0 0 0px;}
.sel{font-family:굴림,Verdana,Arial; font-size:12px; color:#555555;  border:1 solid #9F9F9F;margin:0 0 2 5;height:20px;width:154px;}
/*** 로그인 ***/
.lo{font-family:굴림,Verdana,Arial; font-size:12px; color:#555555;border:1 solid #c3c3c3;margin:0 0 0 3;height:18px; padding:2 0 0 0px;}
.login_put{font-family:굴림,Verdana,Arial; font-size:12px; color:#555555;border:1 solid #cdcfb9;margin:0 0 0 0; width:83px;height:18px; background-color:#fffff; padding:1 0 0 0px;}

#header { width:930px; margin:0 auto;}
#content { padding-top:70px; padding-left:20px; padding-bottom:70px; width:655px; text-align:left; min-height:300px;}


.year_btn { float:left; padding-top:10px;}
.year_btn a { display:block; background-repeat:no-repeat; background-position:left bottom; width:111px; height:34px; margin-bottom:10px;}
.year_btn span.li01 a { background-image:url(/2013/images/img/company03_btn01.jpg);}
.year_btn span.li02 a { background-image:url(/2013/images/img/company03_btn02.jpg);}
.year_btn a.on { display:block; background-repeat:no-repeat; background-position:left top;}
.year_con { background:url(/2013/images/img/year_line_middle.jpg) 0 0 repeat-y; padding-left:20px; position:relative; overflow:hidden;}


/*product*/
.search_group, .middle_title { width:295px; padding-top:26px; overflow:hidden;}
.middle_title span { display:block; background:url(/2013/images/img/bg_search.jpg) 0 0 repeat-x; height:32px; color:#b7cae0; font-size:20px; font-weight:bold; text-align:right;  line-height:32px; padding-right:10px;}

.search_group span { display:block; background:url(/2013/images/img/bg_search.jpg) 0 0 repeat-x; height:32px;}
.search_group span .input_search { border:0; background-color:transparent; line-height:28px; font-size:12px; height:22px; color:#b7cae0; width:250px; *width:240px; text-indent:10px; font-weight:bold; letter-spacing:-1px; float:left; *float:none; *line-height:18px; padding:0; padding-top:5px; margin:0;}
.pro_category { clear:both; text-align:left; overflow:hidden; padding-bottom:30px;}
.pro_category ul { float:left;}
.pro_category li { float:left; background:url(/2013/images/img/bg_cate.jpg) 0 0 repeat-x; line-height:12px; white-space:nowrap; margin-right:2px; margin-bottom:2px; position:relative;}
.pro_category li.total a{ padding:0;}
.pro_category li a { color:#fff; display:block; height:14px; padding:13px 10px 9px 10px; *float:left;}
.pro_category li a { padding-bottom:7px\0IE9; *padding-bottom:7px;}
.pro_category li.on { background:url(/2013/images/img/bg_cate_on.jpg) 0 0 repeat-x;}
.pro_category li.on a em{ background:url(/2013/images/img/ico_cate.jpg) 50% 100% no-repeat; width:11px; height:5px; display:block; position:absolute; bottom:0; left:50%; margin-left:-5px;}
.pro_list {table-layout:fixed;}
.pro_thumb {padding:5px 5px 5px 0;}
.pro_thumb .pro_box {border:#e1e1e1 solid 1px; text-align:left;}
.pro_thumb .txt { font-size:11px;}
.pro_thumb p{ padding:0; margin:0;}
.pro_thumb .thumb_img { float:left; width:150px; height:138px; overflow:hidden; margin-right:10px;}
.pro_thumb .thumb_img img { width:150px;}
.pro_thumb .pro_txt {float:right;}
.pro_thumb .title { font-size:12px; color:#333; font-weight:bold; padding-bottom:5px;}
.pro_thumb .txt { font-size:12px; color:#777;}
.pro_thumb span, .pro_thumb a { display:block; letter-spacing:-1px;}
.pro_thumb a { padding:5px; float:right;}
.pro_nav { text-align:center; clear:both; padding-top:30px; position:relative; left:-5px;}
.pro_nav a { padding:10px 12px 5px 12px; line-height:12px; text-align:center; font-weight:bold; *padding:10px 12px 10px 12px;}
.pro_nav a.prev, .pro_nav a.next {background-color:#959595; *top:4px; *position:relative;}
.pro_nav a.on,
.pro_nav a:hover {background-color:#548abd; color:#fff; text-decoration:none;}

.pro_detail { clear:both; overflow:hidden;}
.pro_detail p{ padding:0; margin:0; padding-bottom:10px; color:#777;}
.pro_detail p.pro_stitle { color:#666; font-weight:bold; padding-bottom:5px;}
.pro_detail p.pro_ttitle { color:#333; font-size:25px; font-weight:bold; line-height:25px;}
.pro_tq { margin-left:289px; text-align:left;}
.pro_context_bg { background:url(/2013/images/img/pro_context_bg.jpg) 0 0 repeat-y; min-height:100px; padding-right:20px;}

.cer_table th { background:url(/2013/images/img/cer_th.jpg) 0 0 repeat-x; height:34px; line-height:1; *line-height:34px; color:#fff; font-weight:bold; text-align:center;}
.cer_table td { padding:6px; text-align:center; color:#666; background:url(/2013/images/img/border_dot.jpg) left bottom repeat-x; *line-height:40px;}
.cer_table tr:hover td { background-color:#f3f6f9;}
.cer_table td:first-child { font-weight:bold;}

.per_cate { background:url(/2013/images/img/per_cate.jpg) 0 50% no-repeat; height:60px; padding:0 20px 0 20px;}
.per_cate li{ font-family:Calibri, Arial, Helvetica, sans-serif; letter-spacing:-1px; position:relative; float:left; height:100%; margin:0 5px 0 5px; font-size:13px;}
.per_cate li a { padding:5px; position:relative; }
.per_cate li a:hover, .per_cate li a.on{ background-color:#959595; color:#fff; text-decoration:none;}
.per_list { margin-top:20px;}
.per_list p { padding:0; margin:0;}
.per_table01, .per_table02 { width:100%; overflow:hidden; position:relative;}
.per_table01 .top, .per_table02 .top { position:absolute; bottom:5px; right:5px;}
.per_table01 em, .per_table02 em { position:absolute; top:20px; left:20px;}
.per_table01 table, .per_table02 table{ width:95%; float:right;}
.per_table01 td, .per_table02 td{ width:50%; padding:7px 8px 7px 8px; }
.per_table01 tr td:first-child, .per_table02 tr td:first-child { text-align:right; font-weight:bold;}

.data_cate li { float:left; margin-right:2px; position:relative; height:34px;}
.data_cate li a{ background:url(/2013/images/img/date_tab.jpg) 0 0 no-repeat; display:block; width:106px; height:100%;}
.data_cate li a:hover, .data_cate li a.on{ background:url(/2013/images/img/date_tab_on.jpg) 0 0 no-repeat; text-decoration:none;}
.data_cate li a em.ico { display:none;}
.data_cate li a.on em.ico, .data_cate li a:hover em.ico  { background:url(/2013/images/img/ico_data.jpg) 0 0 no-repeat; width:10px; height:5px; display:block; position:absolute; bottom:-5px; left:50%; margin-left:-5px; display:block;}
.data_cate li.li01 a { background-position:0 0;}
.data_cate li.li02 a { background-position:-107px 0;}
.data_cate li.li03 a { background-position:-214px 0;}

.data_table { line-height:18px; color:#969696; border-bottom:#969696 solid 1px; border-top:#969696 solid 1px;}
.data_table td { line-height:18px; padding:10px 10px 10px 10px; background:url(/2013/images/img/border_dot.jpg) left bottom repeat-x;}
.data_table tr:hover td { font-weight:bold; background-color:#f3f6f9;}
.btn_down { background:url(/2013/images/img/btn_down.jpg) right top no-repeat; width:26px; height:20px; display:block;  float:right;}
.btn_down:hover {background:url(/2013/images/img/btn_down.jpg) left top no-repeat; }

/*layerPopup*/
#blackWrap {	position:absolute;	left:0; top:0; width:0px; height:0px;	background:#000;	opacity:0.5; filter:alpha(opacity=50);	z-index:200;}
#layerPopup {	position:absolute;	left:0; top:0;	display:none;	z-index:201;}
#layerPopup .content { cursor:default; }
#layerPopup .handle {cursor:move;}
.a_layerPopup { cursor:pointer; }
.halfOpacity {opacity:0.5; filter:alpha(opacity=50);}
#ajaxTarget {width:0; height:0; border:0; display:none;}
.ellipsis {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
input.bigFont {font-family: Helvetica, Arial, Dotum, sans-serif; font-size: 14pt; font-weight:bold; height:22px; padding-top:4px; padding-left:5px;}

.smartOutput{ font-size:12px; line-height:1.4; font-family:Dotum, AppleGothic, Sans-serif;} /* 스마트 에디터의 풍부한 표현이 정상적으로 출력되도록 하려면 콘텐츠가 출력되는 곳에 이 클래스를 적용하여야 한다. 예를 들면 게시물 읽기 페이지의 본문이 이에 해당된다. */

.smartOutput p{ margin-top:0; margin-bottom:0;}

.smartOutput blockquote.q1,
.smartOutput blockquote.q2,
.smartOutput blockquote.q3,
.smartOutput blockquote.q4,
.smartOutput blockquote.q5,
.smartOutput blockquote.q6,
.smartOutput blockquote.q7{ padding:10px; margin-left:15px; margin-right:15px;}

.smartOutput blockquote.q1{ padding:0 10px; border-left:2px solid #ccc;}
.smartOutput blockquote.q2{ padding:0 10px; background:url(../img/bg_qmark.gif) no-repeat;}
.smartOutput blockquote.q3{ border:1px solid #d9d9d9;}
.smartOutput blockquote.q4{ border:1px solid #d9d9d9; background:#fbfbfb;}
.smartOutput blockquote.q5{ border:2px solid #707070;}
.smartOutput blockquote.q6{ border:1px dashed #707070;}
.smartOutput blockquote.q7{ border:1px dashed #707070; background:#fbfbfb;}

.smartOutput sup{ font:10px Tahoma;}
.smartOutput sub{ font:10px Tahoma;}
.smartOutput table td{ padding:4px;}