/*------------------------------------------------------------------------------------------------------------------------- Main -------------------------------------------------------------------------------------------------------------------------*/ #mainWrap {width:100%;padding:160px 0 0 0;background:url('../images/main/center_banner_bg.gif') repeat-x 0 160px} /*#mainWrap .center_banner_wrap{width:1058px;height:300px;margin:0 auto}*/ #mainWrap .center_banner_wrap{width:960px;height:300px;margin:0 auto;} #mainWrap .center_banner {width:893px;height:300px;} #mainWrap .center_banner li.bn{width:893px;float:left} #mainWrap .center_banner li.prev{width:50px;height:300px;float:left;background:url('../images/main/center_banner_arrow_left.gif') no-repeat} #mainWrap .center_banner li.next{width:50px;height:300px;float:right;background:url('../images/main/center_banner_arrow_right.gif') no-repeat} #mainWrap #main_contents_wrap {width:1058px;margin:0 auto;} #mainWrap #main_contents_wrap #main_contents{width:890px;float:left;margin:0 0 0 50px} /*#mainWrap {width:100%;padding:160px 0 0 0;background:url('../images/main/center_banner_bg22.gif') repeat-x 0 90px} #mainWrap .center_banner_wrap{width:960px;height:300px;} #mainWrap .center_banner {width:893px;height:300px; margin:auto;} #mainWrap .center_banner li.bn{width:893px; margin:0 0 0 15px;} #mainWrap .center_banner li.prev{width:50px;height:300px;float:left;background:url('../images/main/center_banner_arrow_left.gif') no-repeat} #mainWrap .center_banner li.next{width:50px;height:300px;background:url('../images/main/center_banner_arrow_right.gif') no-repeat} #mainWrap #main_contents_wrap {width:1058px;margin:0 auto;} #mainWrap #main_contents_wrap #main_contents{width:893px;float:left;margin:20px 0 0 49px;_margin:0 15px 0 15px}*/ #mainWrap .main_contents_list01 {width:890px;height:248px} #mainWrap .main_contents_list01 li.tit {width:auto;height:37px;float:left;font-size:0;line-height:0;color:#444;border-bottom:1px solid #e3e3e3;background:url('../images/main/title01.gif') no-repeat 0 15px} #mainWrap .main_contents_list01 li.tit a{width:37px;height:5px;display:inline-block;margin:20px 20px 0 90px;background:url('../images/button/btn_more.gif') no-repeat} #mainWrap .main_contents_list01 li.tab01 {height:37px;border-bottom:1px solid #e3e3e3;} #mainWrap .main_contents_list01 li.tab01 a{display:inline-block;padding:10px 13px 10px 13px;_padding:10px;background:url('../images/main/line.gif') no-repeat top right} #mainWrap .main_contents_list01 li.tab01 a:hover{color:#fff;text-decoration:none;background:url('../images/icon/ic_arrowBig.gif') no-repeat 0 0 black} #mainWrap .main_contents_list01 li.tab01 a.active{color:#fff;font-weight:bold;text-decoration:none;background:url('../images/icon/ic_arrowBig.gif') no-repeat 0 0 black} #mainWrap .main_contents_list01 li.thumb {} #mainWrap .main_contents_list02 {} #mainWrap .main_contents_list02 li.tit {height:37px;width:616px;float:left;font-size:0;line-height:0;color:#444;border-bottom:1px solid #e3e3e3;background:url('../images/main/title03.gif') no-repeat 0 15px} #mainWrap .main_contents_list02 li.tit a{width:37px;height:5px;display:inline-block;margin:20px 20px 0 120px;background:url('../images/button/btn_more.gif') no-repeat} #mainWrap .main_contents_list02 li.thumb {} #mainWrap .main_contents_list03 {margin:0} #mainWrap .main_contents_list03 li.tit {height:37px;width:616px;float:left;font-size:0;line-height:0;color:#444;border-bottom:1px solid #e3e3e3;background:url('../images/main/title09.gif') no-repeat 0 15px} #mainWrap .main_contents_list03 li.tit a{width:37px;height:5px;display:inline-block;margin:20px 20px 0 160px;background:url('../images/button/btn_more.gif') no-repeat} #mainWrap .main_contents_list03 li.thumb {} #mainWrap .main_contents_list04 {margin:20px 0 30px 0;height:140px;border-bottom:1px solid #e3e3e3;} #mainWrap .main_contents_list04 li.tit {height:140px;width:90px;float:left;font-size:0;line-height:0;color:#fff;background:url('../images/main/title04.gif') no-repeat 0 15px} #mainWrap .main_contents_list04 li.tit a{width:37px;height:5px;display:block;margin:100px 0 0 0;background:url('../images/button/btn_more.gif') no-repeat} #mainWrap .main_contents_list04 li.thumb {} #mainWrap .main_contents_list05 {margin:10px 0 0 0} #mainWrap .main_contents_list05 li.tit {height:140px;width:90px;float:left;font-size:0;line-height:0;color:#fff;background:url('../images/main/title05.gif') no-repeat 0 15px} #mainWrap .main_contents_list05 li.tit a{width:37px;height:5px;display:block;margin:100px 0 0 0;background:url('../images/button/btn_more.gif') no-repeat} #mainWrap .main_contents_list05 li.thumb {} #mainWrap .main_contents_btm {width:616px;float:left} #mainWrap .main_contents_btm2 {width:616px;float:left} #mainWrap .main_cs {width:893px;clear:both;float:left;margin:0 0 0 0;background:url('../images/main/notice_bg.gif') no-repeat;} /*#mainWrap .main_cs {width:893px;clear:both;float:left;margin:15px 0 10px 0;background:url('../images/main/notice_bg.gif') no-repeat;}*/ /*#mainWrap .main_cs .main_bbs{ width: 893px; height: 155px; margin: 30px 0 0 0; float: right; border: none } #mainWrap .main_cs .main_bbs .main_notice{width:344px;float:left} #mainWrap .main_cs .main_bbs .main_notice p{width:344px;height:20px;margin:0 0 45px 0;float:left} #mainWrap .main_cs .main_bbs .main_notice p a{width:40px;height:10px;margin:5px 0 0 0;display:inline-block;float:right;font-size:0;color:#fff;line-height:0;background:url('../images/button/main_more.gif') no-repeat}*/ /*#mainWrap .main_cs .main_bbs .main_notice p a{width:35px;height:10px;margin:5px 0 0 0;display:inline-block;float:right;font-size:0;color:#fff;line-height:0;background:url('../images/button/main_more.gif') no-repeat}*/ /*#mainWrap .main_cs .main_bbs .main_notice dd{width:108px;height:26px;margin:1px 0 0 0;text-align:center;float:left;font:12px "Gulim";color:#949494} #mainWrap .main_cs .main_bbs .main_notice dt{width:228px;height:26px;margin:1px 0 0 8px;float:left;font:12px "Gulim";color:#999} #mainWrap .main_cs .main_bbs .main_faq{ width: 501px; margin: 0 4px 0 0; float: right } #mainWrap .main_cs .main_bbs .main_faq p{width:498px;height:20px;margin:0 0 40px 0;float:left} #mainWrap .main_cs .main_bbs .main_faq p a{width:40px;height:10px;margin:5px 0 0 0;display:inline-block;float:right;font-size:0;color:#fff;line-height:0;background:url('../images/button/main_more.gif') no-repeat} #mainWrap .main_cs .main_bbs .main_faq .main_faq_list{width:498px;height:27px;float:left} #mainWrap .main_cs .main_bbs .main_faq .main_faq_list li{width:93px;height:16px;padding:5px 0 0 0;margin:1px 0 0 0;text-align:center;float:left;font:12px "Gulim";color:#949494} #mainWrap .main_cs .main_bbs .main_faq .main_faq_list li.faq_title{width:211px;height:16px;margin:1px 0 0 8px;text-align:left;float:left;font:12px "Gulim";color:#999} #mainWrap .main_cs .main_bbs .main_faq .main_faq_list li.faq_end{width:86px;height:27px;padding:0;margin:0 0 0 7px;text-align:center;float:right;font:12px "Gulim";color:#949494} #mainWrap .main_icon{width:893px;height:42px;clear:both;margin:15px 0 28px 0; padding: 0 0 0 12px; float:left}*/ /*#mainWrap .main_icon{width:893px;height:77px;clear:both;margin:10px 0 14px 0;float:left}*/ #mainWrap .main_icon li{width:;float:left;margin:0 19px 0 0;} #mainWrap .main_icon li.icon_end{width:57px;float:left;margin:0} #mainWrap .COSTBNR {width:893px; float:left; margin:0 0 30px 0;} #ProjectBanner{width:893px;height:62px;clear:both;} .MGuidBanner {width:440px; float:left; margin-right:13px} .ExhibiBanner{ width:440px; float:left} #mainWrap .cen_banner{width:893px;height:279px;clear:both;margin:20px 0 0 0;float:left} /*#mainWrap .cen_banner{width:893px;height:305px;clear:both;margin:0 0 25px 0;float:left}*/ #mainWrap .cen_banner li{width:276px;float:left;margin:0 32px 0 0} #mainWrap .cen_banner li.cenend{width:276px;float:right;margin:0} #mainWrap .contitle{width:433px;height:19px;float:left} #mainWrap .contitle .viewall{width:61px;height:19px;float:right} #mainWrap .contitle_right{width:433px;height:19px;float:right} #mainWrap .contitle_right .viewall{width:61px;height:19px;float:right} #mainWrap .contents_box{width:893px;height:210px;clear:both;margin:7px 0 0 0;float:left} #mainWrap .contents_box li{width:430px;float:left;border:1px solid #dcdcdc} #mainWrap .contents_box li.right{width:430px;float:right;border:1px solid #dcdcdc} #mainWrap .main_call { width: 893px; clear: both; float: left; margin: ; } #mainWrap .main_call span.main_banner{height:196px;float:left;margin:;} #mainWrap .main_community {width:234px;float:right;margin:-10px 0 0 0;.margin:0} #mainWrap .main_community p, span{display:inline-block;} #mainWrap .main_community p.title {width:234px;height:38px;_height:48px;font-size:0;color:#fff;line-height:0;background:url('../images/main/title08.gif') no-repeat 0 10px;_background:url('../images/main/title08.gif') no-repeat 0 20px } #mainWrap .main_community ul {width:234px;background:url('../images/main/right_bg.gif') repeat-y 0 0} #mainWrap .main_community ul li p.tit {width:234px;height:23px;float:left;font-size:0;color:#f0dcaa;background:url('../images/main/bg_right.gif') no-repeat 0 0} #mainWrap .main_community ul li p.tit span{width:100px;height:23px;float:left;} #mainWrap .main_community ul li p.tit a{width:20px;height:5px;float:right;display:block;color:#f0dcaa;margin:8px 20px 0 0;_margin:8px 10px 0 0;background:url('../images/button/btn_more.gif') no-repeat} #mainWrap .main_community .ing_bbs {} #mainWrap .main_community .ing_bbs p.tit span{background:url('../images/main/title0801.gif') no-repeat 0 0} #mainWrap .main_community .ing_bbs dl{margin:20px 30px 20px 20px;display:inline-block} #mainWrap .main_community .ing_bbs dt {width:137px;height:20px;float:left} #mainWrap .main_community .ing_bbs dd{width:47px;height:20px;float:right;font-size:0;line-height:0} #mainWrap .main_community .ing_bbs dd.ing01{color:#6a89c9;background:url('../images/icon/main_ic01.gif') no-repeat 0 0} #mainWrap .main_community .ing_bbs dd.ing02{color:#69b6c8;background:url('../images/icon/main_ic02.gif') no-repeat 0 0} #mainWrap .main_community .ing_bbs dd.ing03{color:#919191;background:url('../images/icon/main_ic03.gif') no-repeat 0 0} #mainWrap .main_community .battle_bbs {} #mainWrap .main_community .battle_bbs p.tit span{background:url('../images/main/title0802.gif') no-repeat 0 0} #mainWrap .main_community .battle_bbs dl{margin:20px 30px 20px 20px;display:inline-block} #mainWrap .main_community .battle_bbs dl p.battle_thumb{margin:0 0 20px 0;_margin:0 0 10px 0} #mainWrap .main_community .battle_bbs dl p.battle_thumb span.thumb {width:68px;height:106px;float:left} #mainWrap .main_community .battle_bbs dl p.battle_thumb span.thumb span.img{width:66px;height:66px;margin:0 0 5px 0;border:1px solid #c1c1c1;background:url('../images/common/noImage_51x51.gif') no-repeat 50% 50% #fff} #mainWrap .main_community .battle_bbs dl p.battle_thumb span.thumb span.img a{width:66px;height:66px;display:inline-block} #mainWrap .main_community .battle_bbs dl p.battle_thumb span.thumb span.img img{width:66px;height:66px} #mainWrap .main_community .battle_bbs dl p.battle_thumb span.thumb span.star {width:60px;height:10px;margin:0 0 0 5px} #mainWrap .main_community .battle_bbs dl p.battle_thumb span.thumb span.star span{width:10px;height:10px;margin:0 2px 0 0;float:left;padding:0;} #mainWrap .main_community .battle_bbs dl p.battle_thumb span.thumb span.star span.on{background:url('../images/icon/main_ic05.gif') no-repeat 0 0 } #mainWrap .main_community .battle_bbs dl p.battle_thumb span.thumb span.star span.off{background:url('../images/icon/main_ic06.gif') no-repeat 0 0 } #mainWrap .main_community .battle_bbs dl p.battle_thumb span.design {width:66px;font:12px "돋움";letter-spacing:-1px;margin:0;text-align:center} #mainWrap .main_community .battle_bbs dl p.battle_thumb span.design span{width:66px;height:15px;font:bold 10px "tahoma";color:#6898ca;letter-spacing:normal} #mainWrap .main_community .battle_bbs dl p.battle_thumb span.vs{width:34px;height:11px;position:relative;float:left;margin:20px 0 0 14px;background:url('../images/main/main_ic04.gif') no-repeat 0 0} #mainWrap .main_community .battle_bbs dt {width:147px;height:20px;float:left} #mainWrap .main_community .battle_bbs dt span.new{width:16px;height:11px;font-size:0;line-height:0;color:#ff3837;background:url('../images/icon/ic_new2.gif') no-repeat 0 0} #mainWrap .main_community .battle_bbs dd{width:37px;height:20px;float:right;text-align:right;font:11px "tahoma";color:#ccc} #mainWrap .main_community .battle_bbs a.battle{width:192px;height:32px;margin:-10px 0 10px 15px;display:block;font-size:0;line-height:0;color:#ccc;background:url('../images/main/btn_battle.gif') no-repeat 0 0} #mainWrap .main_community .free_bbs {} #mainWrap .main_community .free_bbs p.tit span{background:url('../images/main/title0803.gif') no-repeat 0 0} #mainWrap .main_community .free_bbs dl{margin:20px 30px 20px 20px;display:inline-block} #mainWrap .main_community .free_bbs dt {width:147px;height:20px;float:left} #mainWrap .main_community .free_bbs dt span.new{width:16px;height:11px;font-size:0;line-height:0;color:#ff3837;background:url('../images/icon/ic_new2.gif') no-repeat 0 0} #mainWrap .main_community .free_bbs dd{width:37px;height:20px;float:right;text-align:right;font:11px "tahoma";color:#ccc} #mainWrap .main_community .tip_bbs {} #mainWrap .main_community .tip_bbs p.tit span{background:url('../images/main/title0804.gif') no-repeat 0 0} #mainWrap .main_community .tip_bbs dl{margin:20px 30px 20px 20px;display:inline-block} #mainWrap .main_community .tip_bbs dt {width:147px;height:20px;float:left} #mainWrap .main_community .tip_bbs dt span.new{width:16px;height:11px;font-size:0;line-height:0;color:#ff3837;background:url('../images/icon/ic_new2.gif') no-repeat 0 0} #mainWrap .main_community .tip_bbs dd{width:37px;height:20px;float:right;text-align:right;font:11px "tahoma";color:#ccc} /*thumb*/ ul.main_thumb {clear:both;} ul.main_thumb p b{display:block;color:#303030;font:bold 12px/180% "Dotum"} ul.main_thumb p b a{color:#303030;font:bold 12px/180% "Dotum";text-decoration:none} ul.main_thumb p b a:hover{color:#0090ff;font:bold 12px/180% "Dotum";text-decoration:underline} ul.main_thumb p span.cate{position:relative;display:inline;vertical-align:middle;color:#9c9c9c;font:12px "Dotum"} ul.main_thumb p span.cate a{color:#9c9c9c;font:12px "Dotum";text-decoration:none} ul.main_thumb p span.cate a:hover{color:#0090ff;font:12px "Dotum";text-decoration:underline} ul.main_thumb p span.cate span.view{width:15px;height:15px;_height:16px;vertical-align:middle;display:inline-block;cursor:pointer;background:url('../images/icon/ic_viewDetail.gif') no-repeat 0 0} ul.main_thumb2 {width:526px;float:right;margin:-20px 0 0 0} ul.main_thumb2 p b{display:block;color:#303030;font:bold 12px/180% "Dotum"} ul.main_thumb2 p b a{color:#303030;font:bold 12px/180% "Dotum";text-decoration:none} ul.main_thumb2 p b a:hover{color:#0090ff;font:bold 12px/180% "Dotum";text-decoration:underline} ul.main_thumb2 p span.cate{position:relative;display:inline;vertical-align:middle;color:#9c9c9c;font:12px "Dotum"} ul.main_thumb2 p span.cate a{color:#9c9c9c;font:12px "Dotum";text-decoration:none} ul.main_thumb2 p span.cate a:hover{color:#0090ff;font:12px "Dotum";text-decoration:underline} ul.main_thumb2 p span.cate span.view{width:15px;height:15px;_height:16px;vertical-align:middle;display:inline-block;cursor:pointer;background:url('../images/icon/ic_viewDetail.gif') no-repeat 0 0} p.thumb_main{width:206px;height:190px;margin:20px 22px 0 0;float:left;text-align:center} p.thumb_main span.img{width:206px;height:116px;margin:0 auto;display:block;background:url('../images/common/noImage_115x115.gif') no-repeat 40px 0} p.thumb_main span.img img{width:206px;height:116px} p.thumb_main_end{width:206px;height:190px;margin:20px 0 0 0;float:left;text-align:center} p.thumb_main_end span.img{width:206px;height:116px;margin:0 auto;display:block;background:url('../images/common/noImage_115x115.gif') no-repeat 40px 0} p.thumb_main_end span.img img{width:206px;height:116px} p.thumb_main2{width:190px;height:170px;margin:20px 22px 0 0;float:left;text-align:center} p.thumb_main2 span.img{width:190px;height:116px;margin:0 auto;display:block;background:url('../images/common/noImage_115x115.gif') no-repeat 40px 0} p.thumb_main2 span.img img{width:190px;height:116px} p.thumb_main2_end{width:190px;height:170px;margin:20px 0 0 0;float:left;text-align:center} p.thumb_main2_end span.img{width:190px;height:116px;margin:0 auto;display:block;background:url('../images/common/noImage_115x115.gif') no-repeat 40px 0} p.thumb_main2_end span.img img{width:190px;height:116px} p.thumb_main3{width:160px;height:140px;margin:20px 22px 0 0;float:left;text-align:center} p.thumb_main3 span.img{width:160px;height:96px;margin:0 auto;display:block;background:url('../images/common/noImage_115x115.gif') no-repeat 40px 0} p.thumb_main3 span.img img{width:160px;height:96px} p.thumb_main3_end{width:160px;height:140px;margin:20px 0 0 0;float:left;text-align:center} p.thumb_main3_end span.img{width:160px;height:96px;margin:0 auto;display:block;background:url('../images/common/noImage_115x115.gif') no-repeat 40px 0} p.thumb_main3_end span.img img{width:160px;height:96px} /*banner*/ ul, li, fieldset,input, select, textarea { margin:0; padding:0; } img, fieldset { border:none; } table { border-collapse:collapse; } ul, ol, li { list-style:none; } li img, object { vertical-align:top; } li a img { } input, select, textarea, form img { vertical-align:middle; } #visualBox { width:893px; height:300px; position:relative; } .cList {text-align : center;} .lBnBtn { position:absolute; top:150px; left:0; padding-left:10px; } .rBnBtn { position:absolute; top:150px; right:0; padding-right:10px;}