@charset "utf-8";
/* CSS Document */
@import url(board.css);
/*± ⺻Ӽ */
img{_behavior:url(http://www.artzip.net/_include/iepngfix.htc);} 

html { filter: expression(document.execCommand("BackgroundImageCache", false, true));}
html,body{ height:100%}
body, td, th, div, form, textarea, center, pre, blockquote, p ,span ,font, b { font-size:12px; color:#666666; font-family:"","Dotum", "Verdana"; line-height:160%; word-wrap:break-word; word-break:break-all; }
ul, ol, li,dd,dt { font-size:12px; color:#666666; font-family:"","Dotum", "Verdana"; line-height:160%; margin:0px;}
input { font-size:12px; color:#666666; font-family:"","Dotum", "Verdana";  }
th { text-align:center; }
body,td, img { margin:0 }
p { margin:0px 0px 0px 0px; }
form { margin:0 }
hr {display:none;}
input{}
a img{ }
img { border:0;}
.clear-both { clear:both; font: 0px/0px monospace; display: block; } 
.padNo { line-height:0px; font-size:0px; margin:0 0 0 0 }
ul, ol, li { padding:0; margin:0; list-style:none; }
h1, h2, h3, h4, h5, h6, h7 { margin:0; padding:0; font-size:100%; font-weight:normal; }
a:link { color: #666666; text-decoration: none; }
a:visited { color: #666666; text-decoration: none; }
a:active { color: #666666; text-decoration: none; }
a:hover { color: #666666; text-decoration:underline; }


#mainBody{background:url(/images/main/bgBody.gif); text-align:center}/**/
#mainWrap{ width:990px; margin:auto; text-align:left}

.mainTopLace{ background:url(/images/main/bodyTop.gif) no-repeat; height:17px; margin-top:10px}/**/
.mainCtnBg{ background:url(/images/main/bodyBg.gif) repeat-y 0px 0px; min-height:700px; _height:700px;}/**/
.mainBotLace{ background:url(/images/main/bodyBot.gif) no-repeat; height:37px;}/**/

.mainTop{width:890px; height:100px; position:relative}
.mainTop .logo{ width:190px; height:100px; position:absolute; left:18px;}
.mainTop .topMenu{ position:absolute; left:208px; background:url(/images/main/topMenuBg.gif) no-repeat; width:700px; height:100px;}

.mainCtn .left{ width:150px; padding:0 25px 0 35px; float:left;}
.mainCtn .right{ width:680px; padding:0; float:left;}

.contents{ padding:10px 0 0px 0; width:680px; overflow:hidden}

.mainFoot{ padding:10px 0 15px 0}
.mainFoot .menuFoot{ width:860px; margin-left:30px;}
.mainFoot li{ float:left; height:23px}
.mainFoot img{ vertical-align:middle;}
.mainFoot .copyRight{ width:860px; margin-left:30px;}


.cate{width:150px;}
.cate li{}
.cate img{ vertical-align:middle;}
.leftMenu li{}
.leftMenu img{ vertical-align:middle;}



.topMenu .menu{ width:410px; height:30px; position:absolute; left:40px; top:49px;}
.topMenu .menu li{ float:left; padding:0; _margin:0 -4px 0 0;}
*:first-child+html .topMenu .menu li{margin:0 -4px 0 0;}
.topMenu .menu img{ vertical-align:middle}

.search{ width:230px; height:30px; position:absolute; left:450px; top:49px;}
.search img , .search input{ vertical-align:middle}
.search input{ border:#dfd2c5 solid 1px; background:#f4ede1; width:90px; height:18px;}

.mainVisual{ width:680px; height:224px; position:relative; margin:0 0 5px 0}
.flashMain{ width:680px; height:224px; position:absolute; left:0px; top:0px;}
.flashBanner{ width:222px; height:115px; position:absolute; left:146px; top:227px; display:none}
.mainNotice{ width:245px; height:100px; position:absolute; left:435px; top:135px; overflow:hidden}


.mainNotice a:link ,
.mainNotice a:visited ,
.mainNotice a:active { color: #999999; text-decoration: none; font-size:11px; line-height:16px; }
.mainNotice a:hover { color: #666666; text-decoration:underline; font-size:11px; line-height:16px; }

.mainNotice .bul {background:url(/images/main/bulNotice.gif) no-repeat 0px 3px; padding-left:15px;}
.mainNotice .date{ color:#999999; font-family:"Tahoma"; font-size:9px; text-align:right; padding-right:5px;}
.mainNotice table{ margin:3px 0 0 0}
.mainNotice td{ line-height:16px; font-size:11px;}

.today{ position:absolute; top:300px; margin-left:926px; z-index:4; width:66px; float:right; padding-top:25px; }
.today td { text-align:center}
.today li img { vertical-align:middle; border:#d5c089 solid 1px;}
.today li { width:46px; margin:auto; height:50px; padding-right:1px;}

.btnTop{ height:47px; margin:auto; margin-top:10px; text-align:center}

.proIMG img{ vertical-align:middle ; height:130px; width:130px;}
.proIMG a:link,
.proIMG a:visited,
.proIMG a:active{ border:#eeeeee 1px solid; height:138px; width:148px; padding:8px 1px 0px 3px;  _padding:7px 5px 3px 5px; _height:147px;  display:block }
.proIMG a:hover { border:#c8b099 1px solid; height:138px; width:148px;  _height:147px;}

#subTit{ width:754px; height:30px; margin:10px 0 0 0px; background:#3f2c2b; float:right}
#subTit h2{ background:url(/images/main/bulTitP.gif) no-repeat 11px 9px; color:#f7ebeb; padding:7px 0 0 18px; font-weight:bold; float:left;}
#subTit h3{ background:url(/images/main/leftMenuBul1.gif) no-repeat 0px 4px;  color:#f7ebeb;float:right; margin:9px 5px 2px 0; padding:0 0 0 10px; line-height:14px;}

#subTit a:link{ color:#f7ebeb;}
#subTit a:visited{ color:#f7ebeb;}
#subTit a:hover{ color:#ffffff;}
#subTit a:active{ color:#f7ebeb;}

#subTit font{ color:#f7ebeb; background:#FFFFFF;  border-top:#ffffff solid 2px;}

#subPimg{ width:340px; margin:20px 0 0 0; float:left; position:relative}
#subPimg h3 {margin:0; background:url(/images/main/subPSimg.gif) no-repeat; padding:20px; height:340px;}
#subPimg img{ border:#e3e3e3 solid 0px; margin:0px;}

#subPSimg { display:none; width:340px; height:90px; margin:10px 0 0 0; border:#e3e3e3 solid 1px; background:#f3f3f3; text-align:center;}
#subPSimg img{ margin:20px 0px 0 0px; width:44px; height:44px;}


#subPnav { display:none; margin:16px 10px 0 10px; text-align:center;}
#subPnav img{ border:0; margin:1px}

#subPinfo{ width:317px; height:362px; background:#ffffff; margin:7px 0 0 0px; float:right;}
#subPinfo .tit{ color:#3f2c2b; font-weight:bold; font-size:14px; width:317px; height:70px; padding:25px 0 0 50px; background:url(/images/main/subPinfoTit.gif) no-repeat; _margin:0 0 20px 0}
#subPinfo .tit img{vertical-align:middle}
#subPinfo table{ width:317px; margin:auto; margin:0px 0px 0px 0px ; }
#subPinfo td{ padding:4px 6px 4px 0px;}
#subPinfo td img { vertical-align:middle}
#subPinfo td input { width:20px; height:17px; margin:0; border:#CCCCCC solid 1px; line-height:11px; padding:3px 1px 0px 1px ; vertical-align:middle}

.tape1{ position:absolute; z-index:10px; left:120px; top:-22px; width:97px; height:53px;background:url(/images/main/tape.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main/tape.png', sizingMethod='crop');}
.tape2{ position:absolute; left:120px; top:310px; width:97px; height:53px;background:url(/images/main/tape.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main/tape.png', sizingMethod='crop');}


#subDeInfo{ width:680px; background:#FFFFFF; margin:10px 0 0 0; padding:0px; overflow:hidden}

#subBuybut { width:317px; height:18px; margin:auto; margin-top:25px;}
#subBuybut ul { margin:0 0 0 0px;}
#subBuybut li { float:left; margin:0 2px 0 0;}
#subPinfo h4 { display:none; margin:20px 0 0 100px;}

#subPinfo a:link{ color:#666666;}
#subPinfo a:visited{ color:#666666;}
#subPinfo a:hover{ color:#333333; text-decoration:underline;}
#subPinfo a:active{ color:#666666;}

.subDeTit { width:680px; margin:30px 0px 0 0px; padding:0 0 0 0px;}
.subDeTit img {margin:0px 0 0 0px; vertical-align:middle} 
.subDeTit h4 { line-height:14px; float:right; margin:6px 5px 5px 0; display:none} 
.subDeCont { width:680px; margin:10px 0px 0 0px; padding:3px 0 0 0px; background:#ffffff; line-height:120%;}
.subDeCont p{ font-size:12px;}
.subDeCont td { line-height:120%;}


.input01{border:#cccccc 1px solid}