@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;}

/* Main Layout */
.mBody {background:url(../img/mainBg3.jpg) repeat-x;}
.mWrap {width:100%; background:url(../img/mainBg.jpg) 50% top no-repeat;}
.mBg {position:relative; width:1200px; background:url(../img/mainBg2.jpg) 50% top no-repeat; margin:0 auto;}
.mContainer {position:relative; width:970px; height:666px; margin:0 auto;}

/* Sub Layout */
.sWrap {position:relative; width:100%; background:url(../img/subBg.jpg) 50% top no-repeat; overflow:hidden;}
.sContainer {position:relative; width:970px; margin:0 auto; background:url(../img/subBg1.jpg) no-repeat; overflow:hidden;}
.sContainer2 {position:relative; width:970px; margin:0 auto; background:url(../img/subBg2.jpg) no-repeat; overflow:hidden;}
.sContainer3 {position:relative; width:970px; margin:0 auto; background:url(../img/subBg3.jpg) no-repeat; overflow:hidden;}
.sContainer4 {position:relative; width:970px; margin:0 auto; background:url(../img/subBg4.jpg) no-repeat; overflow:hidden;}
.sCp {position:relative; padding-top:38px; overflow:hidden;}

.sCont {position:relative; width:660px; margin-top:131px; padding-left:310px; overflow:hidden;}

.subbanner {position:absolute; top:300px; left:45px; width:185px;}
.subbanner ul li {padding-bottom:30px;}

/* Main */ 
.util {float:right; right:0;}
.util ul li {float:left;}

.logo {position:absolute; top:58px; left:5px;}
.gnb {position:absolute; top:43px; left:210px; width:747px; background:#2583c3;}
.gnb ul {padding-left:15px;}
.gnb ul li {float:left;}

.slogan {position:absolute; top:201px; left:572px;}
.notice {position:absolute; top:368px; left:617px;}
.notice h2,
.notice p {float:left;}
.notice ul {clear:both; width:335px; padding-top:12px; background:url(../img/noticeBg.gif) no-repeat;}
.notice ul li {height:17px; background:url(../img/bl1.gif) 1px 8px no-repeat; padding-left:9px;}
.notice .ntxt {display:block; float:left; height:17px;}
.notice .ndate {display:block; float:right; height:17px;}
.notice .more {position:absolute; top:0; right:0;}

.banner1,
.banner2 {position:absolute;}
.banner1 {left:793px; top:518px;}
.banner2 {left:617px; top:518px;}

.copyright {position:relative; width:1200px; height:150px; margin:0 auto; background-color:#a4a4a7;}

.sCopyright {position:relative; width:100%; margin-top:75px; height:150px; border-top:solid 1px #e8e8e8; background-color:#a4a4a7;}
.sCopyright .center {width:970px; margin:0 auto; text-align:right;}

/* Sub Content */
.location {height:25px; font-size:11px; background:url(../img/bl2.gif) left 1px no-repeat; padding-left:19px; border-bottom:solid 1px #aac5d6;}
.location strong {font-weight:normal; letter-spacing:-0.1em; color:#da3f41;}

.contact {width:100%; border-top:solid 1px #e3e3e3;}
.contact dt,
.contact dd {float:left; height:22px; padding-top:6px; border-bottom:solid 1px #e3e3e3;}
.contact dt {width:94px; padding-left:21px; font-weight:bold; background:url(../img/contactBg.gif) no-repeat;}
.contact dd {width:544px;}

/* 게시판 공통 */
.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:61px;}
.pt2 {padding-top:38px;}