@charset "utf-8";

/* Base */
* {margin:0; padding:0; font-family:"돋움", Dotum, AppleGothic, Sans-serif;}
body {font-size:72%; line-height:19px; color:#6b6b6b; repeat-x;}
img {vertical-align:top;border:none;}
fieldset, button {border:none;}
hr, button img {display:none;margin:0;padding:0;}
ul, ol, dl, li, dt, dd {list-style: none;}
p {text-align:justify;}
a {text-decoration:none; color:#7d7d7d;}
a:hover, a:active, a:focus, a:visited {text-decoration:none; color:#7d7d7d;}
textarea {overflow:auto; padding:5px;}
label{cursor:pointer;}
address, em {font-style:normal;font-weight:normal;}
html:first-child select {padding-right:6px; height:20px;} /* Opera 9 & Below Fix */ 
option {padding-right:6px;} /* Firefox Fix */

/* Hidden Contents */
#accessibility,
.skip, 
hr, 
legend, 
caption {position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; z-index:-1;}

/* 메인 */
.logo {position:absolute; top:0; left:0;}
.mBg {background:url(../img/mBg0.jpg) repeat-x;}
.mWrap {position:relative; width:960px; height:708px; background:url(../img/mBg.jpg) 50% 3px no-repeat; margin:0 auto;}
.header {z-index:80;}
.header,
.footer .copyright,
.sFooter .copyright {position:relative; width:960px; margin:0 auto;}
.header .gnb {position:absolute; top:48px; left:205px;}
.header .gnb li,
.header .util li {float:left;}
.header .util {position:absolute; top:3px; right:22px;}
.footer {border-top:solid 1px #e8e8e8;}

.mSlogan {position:absolute; top:327px; left:330px;}
.mCompany {position:absolute; top:234px; left:39px;}
.mProduct {position:absolute; top:107px; right:23px;}
.mNotice {position:absolute; left:32px; top:495px; background:url(../img/mNoticeBg.gif) left 18px no-repeat; width:205px;}

.mNotice h2,
.mNotice p {float:left;}
.mNotice ul {clear:both; width:310px; padding-top:12px;}
.mNotice li {height:19px; background:url(../img/bl1.gif) 1px 7px no-repeat; padding-left:9px;}

/* 서브 */
.sBg {background:url(../img/sBg0.jpg) repeat-x;}
.sWrap {position:relative; width:960px; margin:0 auto;}
.sBg1 {background:url(../img/sBg1.jpg) 50% 3px no-repeat;}
.sBg2 {background:url(../img/sBg2.jpg) 50% 3px no-repeat;}
.sBg3 {background:url(../img/sBg3.jpg) 50% 3px no-repeat;}
.sBg4 {background:url(../img/sBg4.jpg) 50% 3px no-repeat;}

.aside,
.slogan,
.sCont {clear:both;}

.sCont {position:relative; padding-left:330px; padding-top:293px; background:url(../img/leftBg.gif) left 281px no-repeat; padding-bottom:80px;}
.sCont .location {float:right; height:18px;}
.sCont .location strong {color:#cf091a; font-size:11px; font-weight:normal; letter-spacing:-0.1em;}
.sCont h2,
.sCont p {clear:both;}

.sTit {position:absolute; top:167px; left:421px;}
.sSlogan {position:absolute; top:236px; left:421px;}

.aside {position:absolute; top:312px; left:61px; width:160px; z-index:99;}

.sFooter {border-top:solid 1px #e8e8e8;}

.contact {width:625px; overflow:hidden;}
.contact dt {width:105px; padding-left:9px; background:url(../img/bl1.gif) 2px 11px no-repeat;}
.contact dt,
.contact dd {float:left; height:21px; border-bottom:solid 1px #ededed; padding-top:4px;}
.contact dd {width:511px;}

/* 게시판 공통 */
.board {clear:both; position:relative; width:100%; overflow:hidden;}

/* 게시판 상단 검색 */
.bSearch  {float:right;}
.bSearch dt,
.bSearch dd {float:left;}
.bSearch input {width:120px; height:15px; padding-top:2px; color:#7d7d7d; font-size:11px; border-left:none; border-top:solid 1px #bebebe; border-right:solid 1px #bebebe; border-bottom:solid 1px #bebebe;}

/* 게시판 페이징 */
.paging {padding-top:33px; text-align:center;}
.paging img {padding:2px 0;}
.paging .pgBar {padding:0 10px; color:#dedede;}
.paging .on {font-weight:bold; color:#ff4c00;}

/* 버튼영역 */
.btnSet {text-align:right; padding-top:15px;}
.btn {padding:5px 11px; font-size:12px; color:white; letter-spacing:-0.1em; background-color:#616571; border-top:solid 1px #737783; border-left:solid 1px #737783; border-right:solid 1px #545867; border-bottom:solid 1px #545867;}

/* 일반게시판 리스트 */
.list1 {clear:both; width:100%; margin-top:37px;}
.list1 th {height:29px; font-size:11px; letter-spacing:-0.05em; border-top:solid 2px #91949f; border-bottom:solid 2px #91949f;}
.list1 th.brdrFirst {border-left:solid 2px #91949f;}
.list1 th.brdrEnd {border-right:solid 2px #91949f;}
.list1 td {height:32px; border-bottom:solid 1px #e6e6e6; text-align:center;}
.list1 .subject {text-align:left;}
.list1 .subject a {color:#6b6b6b;}
.list1 .subject a:hover, 
.list1 .subject a:active {color:#4d4d4d; border-bottom:solid 1px #bbdaeb;}
.list1 .no,
.list1 .date,
.list1 .hit {font-size:11px; color:#7c7d81;}

/* 제품소개 리스트
.list2 {clear:both; margin-top:37px; border-top:solid 3px #91949f;}
.list2 dl {clear:both; position:relative; height:91px; padding:15px 0; border-bottom:solid 1px #e6e6e6;}
.list2 dt,
.list2 dd.txt {float:right; width:75%; text-align:left; padding-right:4px;}
.list2 dt {height:36px; padding-top:2px; font-size:12px; font-weight:bold;}
.list2 dt a, 
.list2 dd a {color:#565656;}
.list2 dt a:hover, 
.list2 dt a:active,
.list2 dd a:hover, 
.list2 dd a:active {border-bottom:solid 1px #bbdaeb;}
.list2 dd.txt {font-size:11px; line-height:17px;}
.list2 dd.img {float:left;}
.list2 dd img {border:solid 1px #e6e6e6;} */

.list2 {clear:both;}
.list2  .item {width:100%; padding-top:10px; overflow:hidden;}
.list2  .item h3 {clear:both; font-weight:bold; color:#4495b3; font-size:13px; border-top:solid 1px #dde3e5; border-bottom:solid 1px #dde3e5; background:#f4f8f8; padding:5px;}
.list2  .item table {float:right; width:100%; border-top:dotted 1px #dde3e5; border-right:dotted 1px #dde3e5; margin:5px 0 10px; 0}
.list2  .item th,
.list2  .item td {padding:5px; border-left:dotted 1px #dde3e5; border-bottom:dotted 1px #dde3e5;}
.list2  .item td.img {text-align:center; background:#f4f8f8;}
.list2  .item td img {width:130px; height:120px;}

/* 보기 */
.view {clear:both; width:100%; border-top:solid 2px #91949f;}
.view th,
.view td {height:27px; border-bottom:solid 1px #e6e6e6;}
.view th {background:url(../img/bbsViewBg.gif) right 50% no-repeat;}
.view .hsubject,
.view .hname,
.view .hdate,
.view .hfile {width:16%; padding-left:11px; text-align:left;}
.view .name {width:54%;}
.view .subject,
.view .file {width:84%;}
.view .subject {font-weight:bold;}
.view td.coment {padding:20px 11px;}

/* 이전글다음글리스트 */
.sList {width:100%; margin-top:33px; border-top:solid 2px #e2e2e2; border-bottom:solid 2px #e2e2e2; background:url(../img/slistBg.gif) repeat-x;}
.sList th {width:16%; height:27px; padding-left:11px; text-align:left; background:url(../img/bbsViewBg.gif) right 50% no-repeat;}
.sList td {width:84%;}

/* 글쓰기 */
.write input.txt {border:solid 1px #c5c5c5; font-size:12px; height:15px; padding-top:2px;}
.write textarea {border:solid 1px #c5c5c5; font-size:12px; padding-top:2px;}
.write th {width:16%; text-align:left; padding-left:11px;}
.write td {width:84%;}
.write td.coment {padding:4px 0;}

/* 공통 */
.clear {clear:both;}
.pt1 {padding-top:30px;}
.pt2 {padding-top:39px;}