@charset "utf-8";
/* Author oopblog.com */

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* reset */
html,body,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,ul,ol,li,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,fieldset,fo7m,label,legend,input,button,textarea,select{margin:0;padding:0}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;margin:0;padding:0}
legend{display:block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;text-indent:-999em;white-space:nowrap; }
fieldset,img,table,caption,tbody,tfoot,thead,tr,th,td,button,hr{border:0 none}
img{vertical-align:top}
body li{*vertical-align:top}
ul li{list-style:none; padding:0; margin:0;}
table{border-collapse:collapse}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
button{overflow:visible;border:0 none;cursor:pointer}
button::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner {padding: 0;border: 0 none}
body{ height:100%; position:relative;line-height:18px;font-size:12px;font-family:'Nanum Gothic','나눔고딕', '돋움',Dotum,Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif; font-weight:400; color:#444; }
a { text-decoration:none; color:#444}
address,
em { font-style:normal }
/* skip */
#skip{position:relative;z-index:999}
#skip ul li{display:inline}
#skip p{display:block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;text-indent:-999em;white-space:nowrap}
#skip a{position:absolute;top:-100px;left:-999px;display:inline-block;border:1px solid #24242c;background:#31313b;color:white}
#skip a:focus,#skip a:active{top:0;left:0;cursor:pointer;zoom:1;display:inline-block;margin-right:9px;padding:5px 8px 4px;background:#31313B;font-weight:normal;font-size:11px;line-height:1.4em}
 

/**************************************************************************************************************
	공통
**************************************************************************************************************/
.org { color:#f15b26 !important }
.bold { font-weight:bold !important }
.mb10 { margin-bottom:10px !important }
.mb15 { margin-bottom:15px !important }
.mb20 { margin-bottom:20px !important }
.mb25 { margin-bottom:25px !important }
.mb30 { margin-bottom:30px !important }
.mb35 { margin-bottom:35px !important }
.mb40 { margin-bottom:40px !important }
.mb45 { margin-bottom:45px !important }
.mb50 { margin-bottom:50px !important }
.mb55 { margin-bottom:55px !important }
.mb60 { margin-bottom:60px !important }
.mb75 { margin-bottom:75px !important }
.mb80 { margin-bottom:80px !important }
.none_bg { background:none !important }
.mb0 { margin-bottom:0 !important }



/* Header */
#head { width:950px; margin:0 auto; position:relative; height:123px; }
h1 { position:absolute; left:0; top:36px; }
#head .lang { position:absolute; right:0; top:7px }
#head .lang li { padding-left:6px; float:left }
#gnb { position:absolute; right:0; top:58px; }
#gnb ul:after { display:block; clear:both; content:''; }
#gnb ul li.dep1 { float:left; position:relative; }
#gnb ul li.dep1 a.btn1 { display:block; padding:0 35px 12px 36px; background:url(../img/common/line_gnb.gif) no-repeat 0 3px; line-height:22px; font-size:22px; color:#111; font-weight:bold; }
#gnb ul li.dep1.on a.btn1,
#gnb ul li.dep1 a.btn1:hover { color:#0054a6}
#gnb ul li.dep1:first-child a.btn1 { padding-left:0; background:none; }
#gnb ul li.dep1.last a.btn1 { padding-right:0 }
#gnb ul li .dep2 { display:none; position:absolute; left:0; top:32px; width:260px }
#gnb ul li .dep2 li { float:left; padding-right:20px }
#gnb ul li .dep2 li a:hover,
#gnb ul li .dep2 li.on a { color:#0054a6; font-weight:bold }
#gnb ul li.dep1.on .dep2 { display:block }

/* Main */
.main { height:604px; background:url(../img/main/main_img.jpg) repeat-x 50% 0; }

/* Latest */
.lastest_box { width:940px; margin:0 auto; overflow:hidden; height:195px; }
.lastest_box .latest_notice { float:left; width:315px; padding-top:35px }
.lastest_box .latest_notice .tit { position:relative; height:28px; margin-bottom:17px }
.lastest_box .latest_notice .tit .btn_more { position:absolute; right:23px; top:0; padding:3px }
.lastest_box .latest_notice ul li { line-height:20px}
.lastest_box .latest_notice ul li a { color:#646464 }

.lastest_box .latest_company { float:left; width:303px; padding:35px 0 0 12px; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; height:160px }
.lastest_box .latest_company .tit { position:relative; height:28px; }
.lastest_box .latest_company .tit .btn_more { position:absolute; right:23px; top:0; padding:3px }
.lastest_box .latest_company .img { }

.lastest_box .latest_product { float:left; width:296px; padding:35px 0 0 12px; }
.lastest_box .latest_product .tit { position:relative; height:28px; }
.lastest_box .latest_product .tit .btn_more { position:absolute; right:23px; top:0; padding:3px }
.lastest_box .latest_product .img { }

/* Footer */
#footer_wrap { height:124px; border-top:1px solid #e0e0e0 }
#footer { width:950px; margin:0 auto; padding-top:26px; position:relative }
#footer .logo { position:absolute; left:0; top:30px }
#footer .address { margin-left:251px; color:#646464; line-height:20px; }



/* Sub Page */
.sub_title { height:140px; background:url(../img/common/bg.jpg) repeat-x 50% 0; }
.sub_title p { padding-top:50px; text-align:center }

#container { width:922px; padding:0 13px 97px; border-left:1px solid #dedede; border-right:1px solid #dedede; margin:0 auto; padding-top:31px;  }
#container .title { height:60px; border-bottom:1px solid #dedede; position:relative; margin-bottom:55px }
#container .title .tit01 { float:left; line-height:48px; padding-left:10px; font-size:40px; font-weight:bold; color:#252525; }
#container .title .tit02 { float:left; padding-left:10px; color:#6c6c6c; padding-top:19px }
#container .title .path { position:absolute; right:4px; top:16px; color:#6c6c6c}
#container .title .path span { padding:0 14px; }
#container .title .path strong { color:#0054a6 }

#content { padding:0 27px; position:relative }
.section { margin-bottom:47px }
.section .tit { line-height:48px; padding-top:16px; background:url(../img/common/bu_title.gif) no-repeat 0 0; font-size:38px; color:#252525; margin-bottom:11px }
.section .list li { margin-bottom:5px; padding-left:25px; background:url(../img/common/bu_dot.gif) no-repeat 7px 4px; font-size:13px; color:#878787 }

.img01_01 { width:867px; height:285px; background:url(../img/sub01/img01.gif) no-repeat 0 0; position:relative }
.img01_01 p { position:absolute; top:213px; width:190px; line-height:16px; font-size:13px; color:#6c6c6c; text-align:center; }
.img01_01 .txt01 { left:70px }
.img01_01 .txt02 { left:340px }
.img01_01 .txt03 { left:610px }
.img01_02 { position:absolute; right:0; top:16px }

.desc_txt { color:#252525; line-height:26px; font-size:21px; margin-bottom:30px }
.desc_txt strong { color:#346abf; }

.vision_dia { width:769px; height:703px; margin-left:42px; position:relative; background:url(../img/sub01/bg_vision.jpg) no-repeat 0 0; }
.vision_dia div { position:absolute; width:238px; letter-spacing:-2px }
.vision_dia div .tit { line-height:32px; font-size:30px; font-weight:bold; color:#252525; padding-top:17px; background:url(../img/sub01/bu_dia.gif) no-repeat 50% 0; text-align:center; margin-bottom:5px  }
.vision_dia div .txt { line-height:20px; font-size:13px; color:#878787; text-align:center;  }
.vision_dia .dia01 { left:33px; top:93px }
.vision_dia .dia02 { left:500px; top:93px }
.vision_dia .dia02 .tit { font-size:25px }
.vision_dia .dia03 { left:33px; top:496px }
.vision_dia .dia04 { left:500px; top:496px }
.vision_dia .dia04 .tit { font-size:25px }

.biz_box { overflow:hidden; height:134px; background:url(../img/sub01/bg_biz_box.gif) no-repeat 0 bottom; }
.biz_box .biz_left { float:left; width:340px }
.biz_box .biz_left .list li { background-position:0 4px; padding-left:18px }
.img01_04 { position:absolute; right:50px; top:54px }

.address_box { overflow:hidden; margin-bottom:35px }
.address01 { float:left; width:480px; }
.address01 .tit { line-height:22px; padding-top:12px; background:url(../img/sub03/bu_tit.gif) no-repeat 0 0; font-size:18px; color:#252525; margin-bottom:11px }
.address01 .txt { line-height:24px; font-size:14px; color:#878787; }
.address01 .txt span { color:#252525; }
.address01 .txt em { color:#00aeef }