html,body { width:100%; height:100%; font-family:"돋움"; font-size:10pt; border:none;}

div.clear { clear:both; }
IMG {border: none;}
a { display:block; }
a img { border:none; }
a:link { text-decoration:none; border:0; outline:0; }
a:visited { text-decoration:none; border:0; outline:0; }
a:active { text-decoration:none; border:0; outline:0; }
a:hover { text-decoration:none; border:0; outline:0; }

/*div { border:1px solid blue; }*/
div.container { position:relative; width:1454px; margin:0 auto;}
div.topSplit { width:100%; min-width:1454px; height:136px; background:url("../image/bg_line.png") repeat-x;}
div.middleSplit { width:100%; min-width:1454px; height:36px; padding-top:13px; background:url("../image/bg_line.png") repeat-x 0 -136px; text-align:center;}

#top { width:100%; height:936px; min-width:1454px; background:#ff461d url("../image/top_black_line.png") repeat-x; }
#top a.logo { position:absolute; top:31px; left:624px; width:207px; height:40px; background:url("../image/logo.png") no-repeat; }
#top div.topMenu { position:absolute; top:77px; width:1454px; height:64px; background:#474747; }
#top div.topMenu ul.menuWrap { position:absolute; top:25px; right:20px; }
#top div.topMenu ul.menuWrap li { float:left; padding:0 13px 0 13px; }
#top div.topMenu a { height:15px; background:url("../image/top_menu_text.png") no-repeat; }
#top div.topMenu a.menuAbout { position:absolute; top:25px; left:33px; width:74px; }
#top ul.menuWrap a.menuMan { width:48px; background-position:-150px 0; }
#top ul.menuWrap a.menuDev { width:24px; background-position:-100px 0; }
#top ul.menuWrap a.menuSer { width:62px; background-position:-227px 0; }
#top ul.menuWrap a.menuMal { width:62px; background-position:-318px 0; }
#top ul.menuWrap a.menuBbs { width:36px; background-position:-407px 0; }
#top ul.menuWrap a.menuRec { width:48px; background-position:-473px 0; }

#top div.main{ overflow:hidden; position:absolute; top:141px; width:100%; height:570px; background:url("../image/menu_bg.jpg") top center no-repeat;}
#top div.main ul.menu{width:1454px; margin:0 auto;}
#top div.main ul.menu li{float:left;width:242px;  padding:0; margin:0;}
#top div.main ul.menu li ul.list{height:213px; padding-top:10px; margin:0;}
#top div.main ul.menu li ul.list li{padding:0; margin:0;}
#top div.main ul.menu li ul.list li a{font-size:11px; color:#b3bacc; padding:0 0 0 34px; background: 28px 5px url("../image/menu_blit.gif") no-repeat; line-height:145%; }
#top div.main ul.menu li ul.list li a:hover{font-size:11px; color:#fff; padding:0 0 0 34px; background: 28px 5px url("../image/menu_blit.gif") no-repeat; line-height:145%;}
#top div.main ul.menu li.tech{float:left;width:484px;  padding:0; margin:0;}
#top div.main ul.menu li.tech p{text-align:center;}
#notice{position:relative; float:left; width:212px;  padding:10px 15px 15px 15px; margin:0;}
#notice h2{float:left; width:212px;  padding-bottom:5px; margin:0;}
#notice p.more{position:absolute; top:10px; right:15px;}
#notice ul{padding:0; margin:0;}
#notice ul li{padding:0; margin:0;}
#notice ul li a{font-size:11px; color:#b3bacc; padding:0 0 0 10px; background: 3px 7px url("../image/board_blit.gif") no-repeat; line-height:145%; }
#notice ul li a:hover{font-size:11px; color:#fff; padding:0 0 0 10px; background: 3px 7px url("../image/board_blit.gif") no-repeat; line-height:145%; }

#banner_zone{overflow:hidden; position:absolute;  top:700px; width:100%; height:140px;}
#banner_zone ul.banner{width:1454px; margin:0 auto;}
#banner_zone ul.banner li{float:left;}


/*main middle*/
#middle div.middleBox {position:absolute; overflow:hidden; padding:50px 0 0 25px; margin:0; width:244px; height:525px; border-left:1px solid #dcdcdc; background:url("../image/middle_menu_text.png") no-repeat;}
#middle div.middleBox h2{padding:0; margin:0;}
#middle div.middleBox ul.guide{padding:0; margin:0 0 0 -25px;}
#middle div.middleBox ul.guide li{padding:0; margin:0;}
#middle div.middleWeb { left:245px; background-position:-245px 0; }
#middle div.middleSho { left:490px; background-position:-490px 0; }
#middle div.middleDes { left:735px; background-position:-735px 0; }
#middle div.middlePro { left:980px; background-position:-980px 0; }
#middle div.middleEtc { left:1225px; background-position:-1225px 0; }
#middle div.middleBox div.guideWrap { margin-bottom:15px; }
#middle div.middleBox div.guideWrap img { margin-bottom:8px; width:197px; height:112px; }
#middle div.middleBox div.guideWrap a { width:197px; text-align:center; font-size:8pt; line-height:16pt; color:#747474; }
#middle div.middleBox div.guideWrap a span.price { font-size:12pt; font-weight:bold; color:#232323; }
/*main middel end*/

/*sub bbs middle*/
#middle.subMiddle { height:auto; min-height:790px;}
#middle div.midTop { position:relative; width:100%; height:90px; border-bottom:1px solid #a4a4a4; }
#middle div.midBbs { width:100%; height:720px; }
#middle div.midBannerWrap { width:100%; height:148px }
#middle a.midBanner { margin-left:368px; width:716px; height:148px; background:url("../image/sub_bbs_banner.jpg") no-repeat; }

#middle div.bbsNoticeTitle { cursor:pointer; position:absolute; left:0; top:22px; width:100px; height:15px; background:url("../image/sub_bbs_text.png") no-repeat; }
#middle div.bbsItflowTitle { cursor:pointer; position:absolute; right:210px; top:22px; width:100px; height:15px; background:url("../image/sub_bbs_text.png") no-repeat 0 -30px; }

#middle div.midSearch { position:absolute; left:516px; bottom:17px; width:400px; height:22px; line-height:20px; vertical-align:middle; font-size:8pt; color:#2e2e2e; overflow:hidden; }
#middle div.midSearch div { float:left; margin-right:4px; }
#middle div.searchPost { margin-right:10px !important; }
#middle select.searchSelect { float:left; margin-right:4px; width:78px; height:19px; }
/*#middle div.searchItem { padding:1px; width:75px; height:15px; border:1px solid #dedede; }
#middle div.searchItem div.item { width:100%; height:100%; background:#f4f4f4; }
#middle div.searchItem div.btn {  }*/
#middle div.searchInput { width:125px; height:17px; border:1px solid #dedede; }
#middle input.searchInput { width:125px; height:16px; line-height:16px; border:0; background:transparent; }
#middle input.searchBtn { cursor:pointer; width:60px; height:19px; border:0; background:url("../image/sub_bbs_btn.png") no-repeat; }

#middle div.midTop div.tab { cursor:pointer; position:absolute; bottom:0; width:100px; height:30px; line-height:30px; font-size:10pt; font-weight:bold; color:#606060; text-align:center; vertical-align:middle; border:1px solid #d1d1d1; border-bottom:0; background:#f3f3f3; }
#middle div.midTop div.tabItflow { left:103px; }
#middle div.midTop div.tabQna { left:206px; }
/*#middle div.midTop div.tab a { font-size:10pt; font-weight:bold; color:#606060; }*/
#middle div.midTop div.click { bottom:-1px; height:31px; border:1px solid #a4a4a4; border-bottom:0; background:#fff; }

#middle div.bbsWrap { position:relative; float:left; width:360px; height:100%; }
#middle div.tabWrap { display:none; }
#middle div.tabNotice { display:block; }
#middle div.bbsLeft { width:369px; }
#middle ul.bbsList { margin-top:10px; width:310px; text-align:center; vertical-align:middle; font-size:9pt; color:#2c2c2c; }
#middle ul.bbsList li { position:relative; }
#middle ul.bbsList li.header { height:60px; line-height:60px; }
#middle ul.bbsList li div { float:left; }
#middle ul.bbsList li div.no { width:60px;}
#middle ul.bbsList li div.title { width:246px; }
#middle ul.bbsList li.list { border-top:1px solid #fff; border-bottom:1px solid #e2e2e2; }
#middle ul.bbsList li.list a { height:69px; line-height:69px; *height:67px; *line-height:67px; }
#middle ul.bbsList li.list div.no { color:#9a9a9a; }
#middle ul.bbsList li.list div.title { margin-top:20px; line-height:16px; color:#2c2c2c; text-align:left; }
#middle ul.bbsList span.date { padding-left:10px; color:#9a9a9a; }
#middle ul.bbsList li.first { border-top:2px solid #000; font-weight:bold; }
#middle ul.bbsList li.last { border-bottom:1px solid #7d7d7d; }
#middle ul.bbsList li.click { font-weight:bold; border-top:2px solid #000 !important; border-bottom:2px solid #9a9a9a !important; background:#fafafa; }
#middle div.bbsArrow { display:none; position:absolute; top:25px; right:-30px; width:11px; height:20px; background:url("../image/sub_bbs_btn.png") no-repeat -80px 0; }

#middle ul.bbsList li.click div.bbsArrow { display:block !important; }

#middle div.bbsRight { float:right; }
#middle div.bbsRight ul.bbsList { position:absolute; right:0px; }
#middle div.bbsRight ul.bbsList div.bbsArrow { left:-30px; background-position:-100px 0; }
/*#middle ul.bbsList li:hover { margin:0; border-top:2px solid #000 !important; border-bottom:2px solid #9a9a9a !important; background:#fafafa; }*/

#middle div.bbsCenter { width:716px; }
#middle div.bbsTitle { width:100%; height:60px; line-height:60px; font-size:10pt; font-weight:bold; color:#606060; }
#middle div.bbsTitle span.date { margin-left:10px; color:#9a9a9a; }
#middle div.bbsView { position:absolute; top:70px; width:100%; height:568px; border-top:2px solid #000; border-bottom:1px solid #9b9b9b; background:#eeeeee; }

#middle ul.bbsPaging { position:absolute; left:28px; bottom:42px; overflow:hidden;}
#middle div.bbsRight ul.bbsPaging { left:28px; }
#middle ul.bbsPaging li { float:left; margin-right:7px; }
#middle ul.bbsPaging li a { width:18px; height:18px; font-size:8pt; line-height:18px; text-align:center; vertical-align:middle; color:#6b6b6b; background:url("../image/sub_bbs_btn.png") no-repeat -150px 0; }
#middle ul.bbsPaging li a.click { font-weight:bold; background-color:#e6e6e6; }
#middle ul.bbsPaging li.first { margin-right:3px; }
#middle ul.bbsPaging li.next { margin:0 3px 0 4px; }
#middle ul.bbsPaging li.prev { margin-right:11px; }
#middle ul.bbsPaging li.write { margin:0 3px 0 14px; }
#middle ul.bbsPaging li.write a { width:60px; height:19px; font-size:8pt; line-height:18px; text-align:center; vertical-align:middle; color:#6b6b6b; background:url("../image/sub_bbs_btn1.png") no-repeat;  }
/*sub bbs middle end*/

#bottom { width:100%; }
#bottom div.itemWrap { float:left; width:240px; height:400px; }
#bottom div.itemWrap div.imgWrap { width:240px; height:250px; }
#bottom div.itemWrap a { font-size:9pt; line-height:12pt; color:#89897d; }
#bottom div.itemWrap a span.title { font-weight:bold; }
#bottom div.itemWrap div.textWrap { padding:0 10px 0 10px; width:230px; }

#footer { width:100%; min-width:1454px; height:89px; background:url("../image/bg_line.png") repeat-x 0 -185px; }
#footer div.copyright { position:absolute; top:16px; left:400px; width:631px; height:28px; background:url("../image/copyright.png") no-repeat; }

div.subTop { height:736px !important; }
div.subMiddle { height:1152px}
div.subMiddle div.middleBox { border:0 !important; background:url("") !important;  }