@charset "utf-8";

/* //////////////////////////////////////////////////////////  layout  /////////////////////////////////////////////////////// */

#wrap { position:relative; width:100%; background:url(../img/common/top_line.gif) repeat-x; }
#header { position:relative; width:1000px; height:70px; margin:0 auto; }
.logo { position:absolute; left:10px; top:0; width:168px; height:69px; }
.gnb { position:absolute; left:767px; top:28px; width:213px; height:14px; }
.gnb li { float:left; }

#m_container { position:relative; overflow:visible; width:960px; height:540px; margin:40px auto 50px auto; background:url(../img/main/dot_line.gif) repeat-y; }
.visu_navi { position:absolute; left:0; top:-40px; width:704px; height:464px; }
.portfolio { position:absolute; left:730px; top:10px; width:230px; height:230px; }
.notice { position:absolute; left:10px; top:470px; width:440px; height:20px; }
.notice p { float:left; width:35px; margin-right:24px; margin-top:1px; }
.notice ul { float:left; width:381px; }
.notice ul li { float:left; background:url(../img/main/bar.gif) no-repeat right 0; padding-right:12px; margin-right:12px; font-size:11px;}
.notice ul li a { color:#888; font-size:11px; text-decoration:none; }
.notice ul li a:hover { color:#333; font-size:11px; text-decoration:none; }
.notice ul li.no { float:left; background:none;}
.notice ul li.no a { color:#888; font-size:11px; text-decoration:none; }
.notice ul li.no a:hover { color:#333; font-size:11px; text-decoration:none; }
.inno_creative {position:absolute; left:730px; top:389px; width:230px; height:150px; }

#container { position:relative; overflow:hidden; width:1000px; margin:0 auto 80px auto; }
.m_menu { position:relative; float:left; width:138px; margin:0 47px 0 20px; }
.s_menu { position:relative; float:left; width:164px; margin:0; }
.c_menu { position:relative; float:left; width:140px; margin:0 35px 0 0; }
#contents { position:relative; float:left; width:535px; margin:75px 0 0 0; }
.sc_menu { position:relative; float:left; width:182px; margin:0 0 0 58px; }
.ms_menu { position:relative; display:inline; float:left; width:216px; margin:0 14px 0 20px; }
.m1 { position:relative; display:inline; float:left; width:115px; margin:0 16px 0 20px; }
.c1 { position:relative; display:inline; float:left; width:86px; margin:0 0 0 44px; }

#footer { clear:both; position:relative; width:100%; background:url(../img/common/bottom_line.gif) repeat-x; }
#footer .copyright { position:relative; width:980px; height:60px; margin:0 auto; padding:22px 0 0 20px; }


/* //////////////////////////////////////////////////////////  컨텐츠  /////////////////////////////////////////////////////// */
.strategy01_left { position:relative; float:left; width:115px; margin:52px 46px 0 0; }
.strategy01_right { position:relative; float:left; width:374px; margin:52px 0 0 0; }

.s_business_cate { position:absolute; left:168px; top:-6px; background:url(../img/s/di_cate_bg.gif) no-repeat; width:205px; height:21px; }
.s_business_cate ul { margin-left:29px; }
.s_business_cate ul li { float:left; }

.inno_pagenum { position:relative; margin:44px 0 45px 0; width:535px; height:18px; }
.inno_pagenum ul li { float:left; }
#innoView01 {position:relative; margin:0; }
.inno_vew_top { clear:both; position:relative; overflow:hidden; width:535px; height:1%; margin:0 0 40px 0; }
.in_num { position:relative; float:left; width:40px; margin:0 35px 0 0; }
.in_tl { position:relative; float:left; }
.img_view { clear:both; position:relative; width:535px;  }

.inno_view_wrap { position:relative; width:535px; overflow:hidden; }
.inno_left { float:left; position:relative; overflow:hidden; width:190px; height:1%; margin:0 0 0 0; }
.in_num1 { position:relative; width:40px; }
.in_tl1 { position:relative; margin:30px 0 0 0; }
.img_view1 { float:left; position:relative; width:345px;  }

/* //////////////////////////////////////////////////////////  상담신청  /////////////////////////////////////////////////////// */
.consult_form_wrap {position:relative; width:535px; margin:10px auto 0 auto; }
.consult_write { overflow:hidden; position:relative; width:535px; margin:0 auto;  }

.consult_field { overflow:hidden; position:relative; width:535px; border-bottom:1px solid #eee; padding:7px 0;}
.consult_field .field { position:relative; float:left; width:98px; text-align:left; padding-top:5px;}
.consult_field .field1 { position:relative; float:left; width:98px; text-align:left; padding-top:5px;}
.consult_field .w_input { position:relative; float:left; width:437px; text-align:left;}

.consult_field_noline { overflow:hidden; position:relative; width:535px; padding:7px 0;}
.consult_field_noline .field { position:relative; float:left; width:98px; text-align:left; padding-top:5px;}
.consult_field_noline .w_input { position:relative; float:left; width:437px; text-align:left;}


.consult_btn { position:relative; margin:15px auto 0 auto; text-align:center; background:url(../img/m/dotline.gif) repeat-x; padding-top:27px;}