@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic);
html { -webkit-text-size-adjust:none; height:100%; } 
body{ background:#202020; }
div,span,object,iframe,p,
blockquote,pre,abbr,cite,code,del,dfn,img,h1, h2, h3, h4, h5, h6,html,body,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,
menu,nav,section,summary,time,mark,audio,video{ margin:0; padding:0; outline:0;  vertical-align:top;  }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
li{ list-style-type:none; }
img,fieldset,iframe{ border:0; vertical-align:top; }
img,fieldset { border:none; }
img{ }
input, textarea, select { font:normal 12px Malgun Gothic; vertical-align:middle; margin:0; padding:0; }
a{ text-decoration:none !important; }
a:visited{ text-decoration:none; }
.skip {font-size:0; width:0; height:0; line-height:0; position:absolute; left:-9999px; }
.both{ clear:both; }
table{ width:100%; margin:0px auto; border-collapse:collapse; border-spacing:0;  font:normal 12px/16px Dotum; vertical-align:top; }

/* ##################### 전체 공통 중앙정렬 WRAP  #####################*/
.centerWrap{ position:relative; width:1000px; margin:0 auto; }
.centerWrap:after{ content:""; display:block; clear:both; }


/* 버튼 스타일 */
button{ background:#fbfbfb; border:solid 1px #dbdbdb; color:#777; text-align:center; vertical-align:middle; cursor:pointer;
		border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; padding:0px 4px 2px 4px; font:normal 11px/16px Malgun Gothic;  }
/* button:hover{ background:#0070c4; border:solid 1px #005392; color:#fff; } */
button.blue2{ background:#00345c; border:solid 1px #00345c; color:#fff; }
button.jaju{ background:#820041; border:solid 1px #820041; color:#fff;}  
button.blue{ background:#4a8bf5; border:solid 1px #2975f3; color:#fff;  padding:0px 6px 2px 6px;  }
button.blue:hover{ background:#0251b2; border:solid 1px #0251b2;}
button.orange{ background:#db7627; border:solid 1px #db7627; color:#fff; }
button.orange:hover{ background:#cf3f06; border:solid 1px #cf3f06; }
button.green{ background:#2aa236; border:solid 1px #2aa236; color:#fff; }
button.green:hover{ background:#15801f; border:solid 1px #15801f; }

input[type=button].blue2{  width:120px; height:40px; background:#4a8bf5; border:solid 1px #2975f3;color:#fff;  text-align:center; vertical-align:middle; cursor:pointer; 
		border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; min-width:80px; min-height:40px; margin:10px 3px 3px 3px; padding:5px 14px 3px 14px; vertical-align:middle; font:bold 14px/20px Malgun Gothic; letter-spacing:0.5px;   }

textarea{ width:96%; height:120px; padding:0% 1%; border:solid 1px #e6e6e6; text-align:left; background:#f8f8f8; color:#666; margin-bottom:5px; }
textarea.fff{ width:96%; background:#fafafa; height:650px; }

.btnCenter button{ min-width:80px; min-height:40px; margin:10px 3px 3px 3px; padding:5px 14px 3px 14px; vertical-align:middle; font:bold 14px/20px Malgun Gothic; letter-spacing:0.5px; }
.btnCenter{ text-align:center; }
.btnRight{ text-align:right; }


/* ##################### 1. 해더  #####################*/
.gnb{ z-index:2; position:absolute; top:0; left:0; width:100%; min-width:1000px; height:80px; overflow:hidden;
		border-top:solid 0px #8ebd43; border-bottom:solid 2px #3c4891; background:#f9f9f9; box-shadow:0px 1px rgba(0,0,0,.03); }
body.Main .logo{ z-index:3; display:inline-block; position:absolute; top:32px; left:27px;  }
.logo{ z-index:3; display:inline-block; position:absolute; top:32px; left:10px;  }
.logo a{ text-indent:-5000px; }
.logo.main{ background:url(/images/logo.png) no-repeat; }
.logo img{ width:220px; }
.s_menu{ position:absolute; top:9px; right:26px; font:normal 11px/11px Malgun Gothic; }
.s_menu .blue{ color:#fff; }
.lineBox{ z-index:-1; position:absolute; top:0; left:0;  width:100%; height:82px; border-bottom:dotted 1px #657b9d; background:#fff; }

.gnb.none{ background:none;  border-bottom:none; }


/* ##################### 2. 탑메뉴 ################### */
nav{ position:relative; width:100%; }
nav ul{ position:absolute; top:46px; right:-3px; }
nav ul li{ float:left; width:136px; height:350px; }
nav ul li.m_02{ width:170px; }
nav ul li > a{ display:block; font:700 16px/20px Arial; color:#444; padding:0px 0px 18px 0px; vertical-align:top; letter-spacing:0px; text-align:center;  }
nav ul li.active > a{ z-index:20; font:700 18px/20px 'Nanum Gothic',Malgun Gothic; color:#2184d0;  padding:0px 0px 16px 0px; border-bottom:solid 3px #2184d0; box-shadow:0px 1px #82a31e; margin-top:-1px; }
nav ul li p{ height:100%; padding:0px 0px 0px 0px; border-left:dotted 1px #bbb; vertical-align:top; }
nav ul li:last-child p{ border-right:dotted 1px #bbb; }
nav ul li.active p{ background:#fff; }
nav ul li p:hover{ background:#fff; }
nav ul li p a{ display:block;  padding:5px 0px 5px 8px; font:normal 12px/14px Malgun Gothic; color:#2d2d2d; }

nav ul li p a:hover{ position:relative; background:#2184d0; color:#fff;  font-weight:800; }
nav ul li p a:hover:after{  float:right; margin-right:3%;  content:">"; font-size:12px;   vertical-align:middle; }

nav ul li p a.active{ position:relative; color:#2184d0; font-weight:800;  background:#fff; }
nav ul li p a.active:after{  content:"▼"; float:right; font-size:7px; margin-right:3%; }



/* ##################### 컨테이너 > 메인 ################# */
body.Main{ background:#202020; min-width:1000px; }
.Main .container{  background:none; min-height:686px; margin-top:145px; #top:145px; }
.main_ment{ text-align:center; margin:0 auto 25px; font:normal 18px/22px Malgun Gothic; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,.6) }
.main_ment b{ font:bold 30px/34px Arial; font-style:italic; }
.main_ment.add{ margin:20px auto 20px;  }
.main_box{ position:relative; padding:0; margin:0; left:20px; }
.main_box:after{ content:""; display:block; clear:both; } 

.Mbox{  float:left; display:inline-block; position:relative; width:28%; padding:1.5% 2%; height:130px; background:#2672d6; margin:0px; cursor:pointer; opacity:0; filter:alpha(opacity=0); overflow:hidden; }
.Mbox dt{ transition:.2s ease;  font:700 17px/20px 'Nanum Gothic',Malgun Gothic;  color:#fff; padding:3px 0 5px 2px; }
.Mbox dd{ font:normal 12px/18px Malgun Gothic; color:#fff; opacity:.6; filter:alpha(opacity=60); }

.Mbox.b01{ background:#2672d6;  border-radius:20px 0px 0px 0px; -webkit-border-radius:20px 0px 0px 0px; -moz-border-radius:20px 0px 0px 0px; -o-border-radius:20px 0px 0px 0px; }
.Mbox.b02{ background:#00317c; }
.Mbox.b03{ background:#007ac7; border-radius:0px 20px 0px 0px; -webkit-border-radius:0px 20px 0px 0px; -moz-border-radius:0px 20px 0px 0px; -o-border-radius:0px 20px 0px 0px; }
.Mbox.b04{ background:#00317c  url(/images/main_img_04.png) no-repeat; }

.Mbox.b05{ background:#2672d6 url(/images/main_img_05.png) no-repeat; }
.Mbox.b05 dt{ color:#ddd; }

.Mbox.b06{ background:#00317c url(/images/main_img_06.png) no-repeat; }
.Mbox.b07{ background:#0c4da2; border-radius:0px 0px 0px 20px; -webkit-border-radius:0px 0px 0px 20px; -moz-border-radius:0px 0px 0px 20px; -o-border-radius:0px 0px 0px 20px;}
.Mbox.b08{ background:#1d5103; }
.Mbox.b09{ background:#5fa907; border-radius:0px 0px 20px 0px; -webkit-border-radius:0px 0px 20px 0px; -moz-border-radius:0px 0px 20px 0px; -o-border-radius:0px 0px 20px 0px;}

.Mbox .Micon{ position:absolute; bottom:15px; right:15px; opacity:.4; filter:alpha(opacity=40); transition:.4s ease; }
.Mbox:hover .Micon{ transition:.2s ease; opacity:1; filter:alpha(opacity=100); }
.Mbox:hover dt{ color:#faff6c;  font:700 18px/20px 'Nanum Gothic',Malgun Gothic; }
.Mbox:hover dd{ opacity:1; filter:alpha(opacity=100); }

.client_banner{ clear:both; position:relative; width:98%;  padding:25px 0px 0px 0px; }
.client_banner:after{ content:""; display:block; clear:both; }  
.client_banner li{ float:right; font:bold 24px/24px Arial; padding:5px 13px; background:url(/images/black_60.png); cursor:pointer; color:#fff; font-style:italic;
		border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; }
.client_banner li span{ font:normal 18px/24px Arial; font-style:italic; }
.client_banner li a{ display:inline-block;  color:#fff;  font:bold 24px/24px Arial; padding-left:10px; cursor:default; }


/* ################### 컨테이너  ####################*/

.container{ #z-index:1; position:relative; width:100%; margin-top:80px; #top:80px; /*margin-top:110px; #top:110px;*/min-height:650px;  min-width:1000px; background:#f4f4f4 url(/images/bg_pattern_01.png); 
			overflow:hidden; word-break:break-all; font:normal 12px/16px Douum;  }
.container:after{ content:""; display:block; clear:both; } 


/* #####################  푸터  ####################*/
footer{ clear:both; position:relative; width:100%; min-width:1000px; min-height:110px; background:#202020; font:normal 12px/16px Malgun Gothic;  border-top:solid 0px #888; }
/* footer:after{ content:""; display:block; position:absolute; bottom:-399px; width:100%; height:400px; background:#202020; } */
footer .centerWrap{ width:970px; padding:5px 15px; }

footer h2{  display:inline-block; }
.footer_logo{ display:inline-block; margin:10px 0px 0px 5px;  }
.footer_logo img{ width:160px; opacity:.3;  filter:alpha(opacity=30); }

address{ position:absolute; top:15px; left:190px; font:normal 11px/11px Malgun Gothic; color:#707070; }
address span{ display:inline-block; padding:0px 8px; border-right:solid 1px #707070; margin:3px 0px;  }
address span.none{  border-right:none; }
address a{ color:#707070; letter-spacing:0.5px }
address a:hover{ text-decoration:underline; color:#296aca; }

small{ font:normal 11px/18px Malgun Gothic; color:#707070; letter-spacing:0.5px; text-indent:8px; }
small a{ color:#2d2d2d; }
small a:hover{ color:#222; text-decoration:underline; }
small a b span{ color:#cf3030; }

.footer_menu{ position:relative; width:100%; height:30px; border-bottom:solid 0px #888; background:#282828; }
.f_banner{ position:absolute; top:10px; left:15px; font:bold 12px/12px Malgun Gothic; color:#384148; }
.f_banner > a{ display:inline-block; padding:0px 8px; color:#777; border-left:solid 1px #444; }
.f_banner > a:first-child{ border-left:none; }
.f_banner > a:hover{ color:#296aca; }

.footer_menu span.btn{ position:absolute; top:7px; right:20px; }
.footer_menu span.btn a{ display:inline-block; padding:1px 7px 3px 7px; border:solid 1px #444; color:#777; font:bold 11px/12px Malgun Gothic; margin:0 0 0 3px; }

/* ################# 서브 컨텐츠 ################## */

.subWrap{ position:relative; width:100%; margin:0 auto; background:#fff; vertical-align:middle; font-size:12px;  border:solid 1px #e8e8e8; border-width:0px 1px;  }
.subWrap:after{ content:""; display:block; clear:both; }

.sub_visual{  position:relative; height:90px; background:#202020; overflow:hidden; text-align:right; padding:40px 30px 0 0;  text-shadow:1px 1px rgba(0,0,0,.6);  }
.sub_visual.bg01{ background:#202020 url(/images/sub_visual_01.jpg) no-repeat; }
.sub_visual dt{ font:800 30px 'Nanum Gothic',Malgun Gothic;  font-style:italic; color:#fff; padding:0 0 5px 0; }
.sub_visual dd{ font:400 12px Arial; color:#eee; letter-spacing:0px; }

.sub_left_wrap{  position:relative; float:left; width:18.8%; }
.sub_left_wrap:after{ content:""; display:block; clear:both; } 
.lnb{  position:relative; }
.lnb li{ }
.lnb li > a{  position:absolute; top:-80px; left:20px; font:normal 28px Malgun Gothic; color:#fff; letter-spacing:0px; }
.lnb li p{ }
.lnb li p a{ position:relative; display:block; padding:14px 11% 14px 9%; font:700 13px/18px 'Nanum Gothic',Malgun Gothic; border-bottom:solid 1px #eee; color:#666; }
.lnb li p a:hover{ background:#f9f9f9; color:#1882d4; }
.lnb li p a:after{ content:">"; float:right; margin-right:-10%; font-size:12px; color:#ddd; }
.lnb li p a.active{ color:#fff; background:#2092da; border-bottom:solid 1px #2092da; }

.banner_cs{ position:relative; padding:20px 10% 20px 10%; }
.banner_cs dt{ font:bold 14px/20px Dotum; color:#1882d4; padding:0 0 5px 0;  }
.banner_cs dd b{ display:block; font:bold 16px/16px Malgun Gothic; color:#222; padding:0 0 5px 0; }
.banner_cs dd{  font:normal 12px/18px Malgun Gothic; color:#666; }

.sub_right_wrap{  position:relative; float:left;  width:75.1%; min-height:550px; padding:18px 3% 70px 3%; border-left:solid 1px #eee; line-height:150%; }
.sub_right_wrap:after{ content:""; display:block; clear:both; } 

.title_box{ position:relative;  margin:0 auto 40px; border-bottom:dotted 2px #ddd;  }
.title_box h1{ display:inline-block; font:700 20px 'Nanum Gothic',Malgun Gothic; color:#222; padding:0 0 6px 0; }
.title_box h1 a{ color:#333; cursor:default; }
.title_box p{ position:absolute; bottom:9px; right:0;  font:400 11px 'Nanum Gothic',Malgun Gothic; color:#999; }
.title_box p a{ color:#999; }
.title_box p a.active{ color:#1882d4; }
.title_box p a:before{ content:">"; display:inline-block; padding:0 5px; font-size:10px; color:#aaa; }
.title_box p a:first-child:before{  content:""; }

p.headline{ font:800 20px/30px 'Nanum Gothic',Malgun Gothic; padding:0 0 20px 0; }
p.headline2{ font:400 16px/26px 'Nanum Gothic',Malgun Gothic; padding:0 0 20px 0; }
p.normal{ font:normal 12px/18px Dotum; color:#333; padding:0 0 20px 0; }
p.normal b{ font:700 13px/22px 'Nanum Gothic',Malgun Gothic; }
p .blue{ color:#286bdb; }
p.right_bottom_bg{ text-align:right; margin:-140px 0 0 0; }


table.history{ border-bottom:solid 2px #90b8e5; background:url(/images/history_bg.png) no-repeat right bottom;  }
table.history caption{ text-align:left; font:normal 22px/26px Malgun Gothic; color:#333; border-bottom:solid 2px #90b8e5; padding:0 0 12px 10px; }
table.history caption b{ color:#045696; letter-spacing:-0.5px; }
table.history caption b span{ color:#ca8752; }
table.history th{ width:80px; position:relative; color:#0b87ce;  font:bold 18px/20px Arial; border-right:dotted 1px #666; padding:20px 10px 0px 10px; }
table.history .blit{ position:absolute; top:21px; right:-9px; display:block; width:16px; height:16px; background:url(/images/blit_history.png) no-repeat 0 0; z-index:2; }
table.history td{ font:400 12px/18px 'Nanum Gothic',Malgun Gothic; padding:20px 0 0 0; color:#666; }
table.history td.month{ width:50px; font:bold 13px/16px Malgun Gothic; color:#ca8752; padding:20px 0 0 30px;  }
table.history .padding_s td{ padding:5px 0 0 0; }
table.history .padding_s td.month{ padding:5px 0 0 30px; }


table.organization{ margin:50px auto 0; }
table.organization td{ text-align:center; font:bold 14px/18px Malgun Gothic; color:#666;  }
table.organization td .cell{ position:relative; width:150px; margin:40px auto 0; background:#fcfcfc; border:solid 1px #ddd; padding:13px 0; }
table.organization td .cell:before{ position:absolute; top:-41px; left:50%; content:""; display:block; margin:0 auto; text-align:center; width:1px; height:40px; background:#ddd; }
table.organization .ceo td .cell{ margin:0 auto 39px; border-radius:50px; border-color:#319ee3; background:#319ee3 url(/images/line_italic.png); color:#fff; font:normal 18px/24px Malgun Gothic; 
			border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; -o-border-radius:50px; }
table.organization .team td .cell{ border:solid 2px #319ee3; background:#fff; color:#196bc7;  font:bold 16px/20px Malgun Gothic; padding:15px 0; }
table.organization .team td .cell:before{ position:absolute; top:-42px; }
table.organization .ceo td .cell:before{ position:absolute; top:auto; bottom:-41px; }
table.organization .width td{ padding:0 93px; }
table.organization .width td .line{ width:100%; height:1px; background:#ddd; }


table.map{ margin:0 auto 10px; width:96%; }
table.map caption{ text-align:left; font:bold 18px/24px Malgun Gothic; color:#333; border-bottom:dotted 2px #90b8e5; padding:0 0 5px 5px; }
table.map th{ width:70px; font:bold 14px/22px Malgun Gothic; text-align:left; color:#107ab1; padding:5px 20px 0 18px; background:url(/images/blit_nemo.jpg) no-repeat 2px 12px; }
table.map td{ font:normal 14px/22px Malgun Gothic; text-align:left; padding:5px 0 0 20px; }


.gallery_wrap{ position:relative; }
.gallery_wrap dl{ float:left; width:26%;  margin:0 3.6% 50px 3.6%; text-align:center; cursor:pointer; }
.gallery_wrap dl dt{ position:relative; padding:2%;  margin:0 auto 10px; border:solid 1px #ddd; background:#fcfcfc; }
.gallery_wrap dl dt .close_layer2{ display:none; }
.gallery_wrap dl dt img{ width:100%; }
.gallery_wrap.no_name dl dd{ display:none }
.gallery_wrap dl dd{ font:700 13px/18px 'Nanum Gothic',Malgun Gothic; color:#333;  }
.gallery_wrap dl:hover dt{ border-color:#666; }
.gallery_wrap dl:hover dd{ color:#1073d8; }
.gallery_wrap dl.width100{ width:80%; padding:0 10%; margin:0 auto 60px; }
.gallery_wrap dl.width80{ width:50%; padding:0 25%; margin:0 auto 60px; }
.gallery_wrap dl.width50{ width:40%; padding:0 5%; margin:0 auto 60px;  }
.gallery_wrap dl.layer_img{ z-index:2; position:fixed; top:0px; left:0; width:100%; height:100%; background:url(/images/black_60.png); margin:0 auto; padding:0; overflow-y:auto; padding:0;  }
.gallery_wrap dl.layer_img dt{ width:1000px; padding:0; margin:0 auto;border:solid 1px #333; }
.gallery_wrap dl.layer_img dt img{  border-width:0 1px 1px 1px; }
.gallery_wrap dl.layer_img dd{  width:1002px; padding:15px 0; background:url(/images/black_90.png); color:#fff; font:800 18px/18px 'Nanum Gothic',Malgun Gothic; margin:0 auto; }
.gallery_wrap dl.layer_img dt .close_layer2{ display:block; position:fixed; top:0; left:50%; margin:0 0 0 467px; width:70px; height:40px; border:solid 1px #333; border-width:0 1px 1px 0; cursor:pointer; 
						background:#116ece url(/images/line_italic.png); font:bold 14px/40px Malgun Gothic; color:#fff; }
.gallery_wrap dl.layer_img dt .close_layer2:hover{ background:url(/images/black_80.png); color:#fff; }



table.equiment{  margin:10px auto; }
table.equiment caption{ border-bottom:solid 2px #4888ca; text-align:left; font:700 14px/20px 'Nanum Gothic',Malgun Gothic; color:#333; padding:0 0 5px 2px; }
table.equiment th{ font:700 12px/16px 'Nanum Gothic',Malgun Gothic; padding:5px 0;  }
table.equiment th[scope=col]{ background:#fafafa; border:solid 1px #ddd; border-width:0 0 1px 1px; }  
table.equiment th[scope=col]:first-child{ border-left:0; }
table.equiment td{  font:normal 13px/18px Malgun Gothic; padding:5px 0; border:solid 1px #ddd; border-width:0 0 1px 1px; text-align:center; }
table.equiment th[scope=row]:first-child{  border-bottom:solid 1px #ddd; }


.product_title{ width:96%; margin:0 auto 20px; padding:5px 0; text-align:center; background:#505050 url(/images/pattern_join.gif); font:bold 16px/20px Arial; color:#fff;
		border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; }

#bo_v_table{ background:none; }
#container_title{ display:none; }