@charset "utf-8";


/*top(gnb) */
#wrap { width:960px; height:100%; position:relative; margin:0 auto; min-width:960px; margin:0 auto; border: 0px #3546a6 solid; }
#top { width:100%; height: 79px; position:relative; border-bottom: 1px #eeeeee solid; }
#top #bi { width:470px; height: 79px; position:relative; float:left;}
#top #menu { width:490px; position:relative; float:left;  font-size:16px; font-weight:bold; color:#74818b; margin-top:45px; }
#top #menu li { position:relative; float:left;  margin-left:55px;}
#top #menu li.end { width:68px; position:relative; float:left; }



/*main*/
#containermain { width:960px; height:620px; position:relative; margin:0 auto; border: 0px #000000 solid;}

#containermain .mainimg{ width:960px;  height:537px; position:relative; background:#ddfac3; margin-top:37px; margin:0 auto; border: 1px #969696 solid; }
#containermain #maintxt{  width:960px; height:140px; position:relative; margin-top:30px; border: 0px #969696 solid; line-height:22px;}
#containermain #maintxt li { float:left;}
#containermain #maintxt li.mtxt1 { width:600px; height:140px; float:left; color:#666666; padding-right:50px;}
#containermain #maintxt li.mtxt2 { width:308px; height:80px; float:left;  margin-top:30px; }



/*footer */
#footer { width:960px; height: 52px; position:relative; border-top: 1px #eeeeee solid; font-size:12px; color:#888888;  float:none;}
#footer li.fst { width:150px;  height: 52px; position:absolute; font-size:12px; margin-top:30px; float:left;}
#footer li.end { width:750px; height: 52px; position:absolute; left :200px; font-size:12px; float:left; margin-top:35px;}

.maintop{ width:1px;  height:20px;  margin-top:37px; margin:0 auto; }



/*company */
#container #company{ width:700px; height:430px; position:relative; margin:0 auto; margin-top:30px;}
#container #maintxt{  width:700px; height:200px; position:relative; margin:0 auto; margin-top:30px; line-height:22px;}
#container #maintxt li { float:left;}
#container #maintxt li.mtxt1 { width:430px; height:120px; color:#666666; padding-right:0px; }



/*part list */
#container_p { width:960px; height:750px;  position:relative; margin:0 auto; border:0px #000000 solid;}
#container_p li.tit { width:960px; height:21px; background-color:#74818b; font-size:16px; color:#ffffff; font-weight:bold; padding-top:2px; padding-left:2px; padding-bottom:-2px; margin-bottom:20px;}
#container_p li{ width:140px; height:156px; position:relative; margin-right:21px; margin-bottom:0px; float:left; }
#container_p li.none{ width:140px; height:156px; position:relative;  margin-right:0px; float:left;}
#container_p li font{ color:#74818b; padding-top:5px;}
#container_p li img{ margin-bottom:5px; border: 1px #d4d4d4 solid;}

/*part */
#container { width:960px;  position:relative; margin:0 auto; border: 0px #000000 solid;}
#container font { width:100px;  height:15px; position:relative; background:#FFFFFF; padding:6px 5px 0px 6px; margin-left:8px; margin-bottom:30px;}

#container li.tit { width:960px; height:21px; background-color:#74818b; font-size:16px; color:#ffffff; font-weight:bold; padding-top:2px; padding-left:2px; padding-bottom:-2px; margin-bottom:20px;}
#container li{ width:140px; height:156px; position:relative;   margin-right:21px; margin-bottom:0px; float:left; }
#container li.none{ width:140px; height:156px; position:relative;  margin-right:0px; float:left;}
#container li font{ color:#74818b; padding-top:5px;}
#container li img{ margin-bottom:5px; border: 0px #d4d4d4 solid;}

#container .title { width:700px;  height:24px; position:relative; margin-top:37px; margin:0 auto; border: 0px #969696 solid; color:#006e8d; font-weight:bold; }
#container .v_img { width:700px;  height:500px; position:relative; margin:0 auto;}

#container .v_cont { width:700px;  height:50px; position:relative; margin:0 auto; border-top: 1px #eeeeee solid; margin-top:30px; padding-top:20px; color:#74818b; font-size:13px; line-height:20px;}
#container .v_cont2 { width:700px;  height:150px; position:relative; margin:0 auto; border-top: 1px #eeeeee solid; margin-top:30px; padding-top:20px; color:#74818b; font-size:13px; line-height:20px;}
#container .v_contbar { width:700px;  height:15px; position:relative; margin:0 auto; border-top: 1px #eeeeee solid; margin-top:30px; padding-top:20px; color:#74818b; font-size:13px; line-height:20px;}
#container .v_casebar { width:700px;  height:15px; position:relative; margin:0 auto;  background:url(../../images/part/bg_bar.gif); margin-top:20px;}
#container .v_case { width:700px; position:relative; margin:0 auto; margin-top:20px;}

#container .v_case li{ width:231px;  height:174px; position:relative; margin:0 auto; margin-right:3px; margin-bottom:5px;}
#container .v_case li.case{ width:231px;  height:174px; position:relative; margin:0 auto; margin-right:0px; margin-bottom:5px;}
#container font { width:100px;  height:15px; position:relative; background:#FFFFFF; padding:6px 5px 0px 6px; margin-left:8px; margin-bottom:30px;}

#container .v_case2line { width:700px; height:420px; position:relative;  margin: 0 auto; margin-top:20px; }/*2줄일때사용*/
/*#container .v_case2line li{ width:600px;  height:500px; position:relative; margin:0 auto; margin-top:20px; margin-left:50px;}*/

#container .v_case2line li{ width:231px;  height:174px; position:relative; margin:0 auto; margin-right:3px; margin-bottom:10px; }
#container .v_case2line li.case{ width:231px;  height:174px; position:relative; margin:0 auto; margin-right:0px; margin-bottom:10px;}
#container .v_case2line li img{ border: 1px #b1b1b1 solid;}

.neof { width:600px; height:50px; color:#63919e; font-size:13px; font-weight:bold; vertical-align:top; padding-top:8px; background-repeat:repeat-x; background-image:url(../../images/part/case_neofline.gif);}



/*gallery */
#container_g { width:960px; position:relative; margin:0 auto; border: 0px #000000 solid; margin-bottom:50px;}

#container_g #gallery{ width:750px; height:630px; margin:0 auto;}
#container_g #gallery #view01_1 { width:750px; height:600px; position:absolute; top:0px; left:105px;}
#container_g #gallery #view01_2 { width:750px; height:600px; position:absolute; top:0px; left:105px;}
#container_g #gallery #view01_3 { width:750px; height:600px; position:absolute; top:0px; left:105px;}
#container_g #gallery #view01_4 { width:750px; height:600px; position:absolute; top:0px; left:105px;}
#container_g #gallery #view01_5 { width:750px; height:600px; position:absolute; top:0px; left:105px;}
#container_g #gallery #view01_6 { width:750px; height:600px; position:absolute; top:0px; left:105px;}
#container_g #gallery td.title{ font-size:14px;  color:#006e8d; font-weight:bold; height:30px;}
#container_g #gallery td{ font-size:13px;  color:#74818b; padding-top:10px;  background:#FFFFFF;}

#container_g .g_img { width:750px;  height:576px; position:relative; margin:0 auto;  margin-top:30px; }
#container_g .g_title { width:750px;  height:24px; position:relative; margin:0 auto; color:#006e8d; font-weight:bold; margin-top:20px;}


#container_g .g_cont { width:750px;  height:80px; position:relative; margin:0 auto;  padding-top:10px; color:#74818b; font-size:13px; line-height:20px; }
#container_g .g_casebar { width:750px;  height:15px; position:relative; margin:0 auto;  background:url(../../images/part/bg_bar.gif);}
#container_g .g_case { width:750px; position:absolute; top:0px; left:0px; margin:0 auto; margin-top:20px;}

#container_g .g_case li{ width:231px;  height:174px; position:relative; margin:0 auto; margin-right:3px; margin-bottom:5px;}
#container_g .g_case li.case{ width:231px;  height:174px; position:relative; margin:0 auto; margin-right:0px; margin-bottom:5px;}
#container_g font { width:100px;  height:15px; position:relative; background:#FFFFFF; padding:6px 5px 0px 6px; margin-left:8px; margin-bottom:30px;}

#container_g .g_case { width:960px; height:150px; position:relative; background:#f5f5f5;}/*2줄일때사용*/
#container_g .g_case li{ width:140px;  height:105px; position:relative; float:left; margin:20px 0px 30px 6px; border: 1px #d4d4d4 solid;}
#container_g .g_case li.case3{ width:140px;  height:105px; position:relative; float:left; margin:20px 0px 30px 6px; border: 1px #d4d4d4 solid;}
#container_g .g_case li.case1{ width:18px;  height:38px; position:relative; border: 0px #d4d4d4 solid; margin:53px 7px 30px 10px;}
#container_g .g_case li.case2{ width:0px;  height:38px; position:relative; border: 0px #d4d4d4 solid; margin:53px 0px 30px 5px;}
#container_g font { width:100px;  height:15px; position:relative; background:#FFFFFF; padding:6px 5px 0px 6px; margin-left:8px; margin-bottom:30px;}


/*map */
#container #map{ margin:30px 105px 50px 105px;}