﻿@charset "utf-8";
/* CSS Document */

*{ padding:0; margin:0}
img { border:none; }
p { padding:0; margin:0; line-height:17px; }
.clear { clear: both; background:none; }
a { text-decoration:none; }
input { vertical-align:middle;}
select { vertical-align:middle; color:#6e6e6e; font-family:Arial, Malgun Gothic; font-size:12px; }
* html .png24 { tmp:expression(setPng24(this)); }/* IE6 */

body { padding:0; margin:0; font-size: 12px; color:#333;  font-size: 12px; color:#333;  }
html, body{height:100%;margin:0}

/* Recommended */
@font-face{
font-family:ng;
src:url(NanumGothic.eot);
src:local(※), url(NanumGothic.woff) format(‘woff’)
}
body{font-family:나눔고딕, NanumGothic, ng}

*{ padding:0; margin:0}
body{text-align:center}
#wrap{width:1200px;margin:0 auto; text-align:left}
/*바디영역 */

/*메뉴 롤오버*/
.option_menulist a img.over{display:none}
.option_menulist a:hover{position:relative}/* IE6 */
.option_menulist a:hover img{display:none}
.option_menulist a:hover img.over{display:inline}
.option_menulist a img{vertical-align:top}

/*#header {width:100%; height:86px; position:absolute; top:0px; left:0px; margin:0 auto; }*/
/*#header { overflow:hidden; position:relative; margin:0 0 62px 0; height: 142px;}*/
#header {width:100%; height:86px; position:relative; top:0px; left:0px; margin:0 auto;}

#header .utility { width:700px; list-style:none; overflow:hidden; position:absolute; left:790px; top:13px; margin:0; padding:0; }
#header .utility li{ float:left;}

#header .top { width:1200px; margin:0 auto;  }

#header .top h1 {float:left; padding:20px 130px 6px 8px}

#header .top .main_menu {position:absolute; top:40px; bottom:0px; right:100px  }
#header .top .main_menu li{float:left; }

#header .top .top_menu {width:100%; position:absolute; top:15px; right:40px}
#header .top .top_menu li {float:right; margin:0 8px;}
#header .top .top_menu li.tex { padding-top:4px; font-family:나눔고딕, NanumGothic, ng; font-size: 13px; color:#333;}
#header .top .top_menu li a { color:#333}

/* 텍스트 */
.btex01{ font-family:나눔고딕, NanumGothic, ng; font-size: 16px; color:#333; padding-left:30px; line-height:1.6em}
.btex02{ font-family:나눔고딕, NanumGothic, ng; font-size: 33px; color:#333; font-weight:bold; padding-left:30px; line-height:1.6em}
.btex02 span { color:#c71e3d}
.btex03 { font-family:나눔고딕, NanumGothic, ng; font-size: 16px; color:#31297e; padding-left:30px; line-height:1.6em; font-weight:bold}
.btex04 { font-family:나눔고딕, NanumGothic, ng; font-size: 45px; color:#333; padding-left:30px; line-height:1.4em; font-weight:bold; }
.btex05{ font-family:나눔고딕, NanumGothic, ng; font-size: 25px; color:#333; font-weight:bold; padding-left:30px; line-height:1.6em}
.btex06 { font-family:나눔고딕, NanumGothic, ng; font-size: 16px; color:#333; line-height:1.6em}
.btex06 span { font-weight:bold;}
.btex07 { font-family:나눔고딕, NanumGothic, ng; font-size: 22px; color:#333; line-height:1.5em; font-weight:bold;}
.btex07 span { color:#c71e3d}
.tac { text-align:center; padding:15px 0 20px 0}

/*130604 추가*/
.btex08 { font-family:나눔고딕, NanumGothic, ng; font-size: 30px; color:#333; line-height:1.5em; font-weight:bold;}

#main {width:1200px; height:700px; padding-top:225px; margin:0 auto; text-align:left}
#main .img_01 {float:left;}
#main .img_02 {float:left; padding-top:45px;padding-bottom:85px }

#about {width:100%; position:relative;  padding:60px 0;  background:#f4f4f4}
.conts { padding:60px 0}

#business {width:1200px; padding:80px 0 ; height:645px; margin:0 auto; text-align:left }
#business .contents {width:966px; padding:0 17px; margin:0 auto; }
#business .contents li {float:left; margin:30px 9px 0 9px;}

#people {width:100%; padding:50px 0 90px 0; height:340px;  background:#f4f4f4; margin:0 auto; }
#people .pcontents {width:966px; padding:0 17px; margin:0 auto; }
#people .pcontents li {float:left; margin:20px 9px 0 9px;}

#contact {width:1200px;  height:400px; padding: 80px 50px 50px 0; margin:0 auto; text-align:right}
#contact .arleft {}
#contact .arright {float:right; width:520px; padding-right:15px}

#footer {width:100%; height:100px; position:relative; bottom:0; z-index:100; padding:20px 0 0 0; margin-top:0px; border-top:1px solid #ddd}


/* 서브레이아웃 */
#container{width:1200px;display:inline-block; }
#container:after{display:block;clear:both;content:''}
.snb{float:left;width:178px; margin-bottom:50px }
#content{float:right;width:780px; padding-bottom:30px; text-align:left; font-family:나눔고딕, NanumGothic, ng;}


/* 레프트메뉴 */
.sidebarlist a {font-family:나눔고딕, NanumGothic, ng; font-weight:bold; display: block; width: 178px;  height:24px; text-align:left; background:url(../images/leftmenubg_off.gif); color:#FFF; box-shadow: 0 1px #F2F2F2; list-style: none outside none; padding: 10px 0 10px 10px;}
.sidebarlist a:link, .sidebarlist a:visited { color: #fff; text-decoration: none;}
.sidebarlist a:hover {background:url(../images/leftmenubg_over.gif); color:#333; padding: 10px 0 10px 10px;}
.sidebarlist img { margin-bottom:1px}

.subtitle { margin-bottom:40px}

.title { position:relative; height: 45px; margin-bottom:40px; margin-top:15px; border-bottom:1px solid #ddd}/*페이지타이틀*/
.location { position:absolute; right:0; margin-top:8px; font-size:11px; background:url(../images/point.gif) 2px 1px no-repeat; padding-left:20px}			
.substance { padding:0 8px; }
	   

.pl15 { padding-left:15px}
.p10 { padding:10px}
.pb5 { padding-bottom:5px}
.ml30 { margin-left:30px}

.c71e3d { color:#c71e3d; font-weight:bold}
.line { border-top:1px solid #ddd; margin-top:20px; padding-top:30px}
.bold { font-weight:bold}
.bod4 { border:10px solid #f1f1f1; padding:17px 24px}
.bod5 {  padding:15px 20px; background:#f1f1f1; border:1px solid #ccc}

.prebtn { padding:20px 0}
.prebtn a { color:#fff; background:#c71e3d; font-weight:bold; padding:10px 20px; font-family:나눔고딕, NanumGothic, ng;}

