@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: 13px; 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}
div{font-size: 13px;}

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

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

/*메뉴 롤오버*/
.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 { overflow:hidden; position:relative; margin:0 0 62px 0; height: 142px;}*/
#header {width:100%; height:216px; position:relative; top:0px; left:0px; margin:0 auto; background:url(../images/subtopbg.jpg) top center no-repeat; }
#header .utility { list-style:none; overflow:hidden; position:absolute; left:680px; top:13px; margin:0; padding:0; }
#header .utility li{ float:left;}

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


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

#header .top .main_menu { padding-top:40px; top:40px; bottom:0px; right:0px  }
#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:1000px; 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:1000px; 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:1000px;  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:50px; border-top:1px solid #ddd}


/* 서브레이아웃 */
#container{width:1000px;display:inline-block; padding-top:30px}
#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; font-size: 13px; line-height:1.7em }
 

/* 레프트메뉴 */
.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 7px 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;}

.stitle { font-weight:bold; font-size:18px; padding:45px 0 20px 0}
.stitleb { font-weight:bold; font-size:16px; padding:20px 0 5px 0;}

.sub01 { border-top:2px solid #039}
.sub01 th { padding:15px; background:#f5f5f5; width:20%; font-weight:bold; font-size:14px; border-bottom:1px solid #ddd}
.sub01 td { padding:15px; border-bottom:1px solid #ddd}


.sub02 { border-top:2px solid #039}
.sub02 th { padding:8px; background:#f5f5f5; width:20%; font-weight:bold; font-size:14px; border-bottom:1px solid #ddd}
.sub02 td { padding:8px; border-bottom:1px solid #ddd}



#dropdownNav{margin:0;padding:0;cursor:pointer; font-family:나눔고딕, NanumGothic, ng}
#dropdownNav a, #dropdownNav a:hover, #dropdownNav ul{}
#dropdownNav ul{width:188px;list-style-type: none; margin:0; padding:0;}
#dropdownNav li ul{border:none;}
#dropdownNav li ul li{border:none; padding:10px 0; padding-left:20px; font-size:13px; border-bottom:1px solid #e5e5e5; font-weight:bold; }
#dropdownNav ul li a{margin:1px 0; display:block;color:#666; text-decoration:none;}
#dropdownNav ul li a:hover{color:#F00;}
#dropdownNav .caption{margin:0; color: #333333;font-weight:600;  background-position:3px center;background-repeat: no-repeat;}
#dropdownNav .show ul{display:block;}
#dropdownNav .hide ul{display:none;}
#dropdownNav .show div.caption{);}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 13px;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {background: #ccc;}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {background: #fff; border-bottom: 1px solid #fff;}
.tab_container {
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {font-size: 1.2em; line-height:1.7em; }
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;}
.tab_content h3 a{color: #254588;}
.tab_content img {float: left;}
/* UI Object */
.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type{width:100%;border-bottom:2px solid #dcdcdc; text-align:center; border-right:1px solid #e5e5e5;}
.tbl_type caption{display:none}
.tbl_type th{padding:7px; background-color:#4f88b0;color:#fff; font-size:14px;font-weight:bold; text-align:center; border-right:1px solid #fff}
.tbl_type td{ padding:2px 7px; border-top:1px solid #e5e5e5;color:#4c4c4c;font-size:13px; border-left:1px solid #e5e5e5;}
.tbl_type td.left { text-align:left; font-size:13px;} 
.tbl_type td.cent { text-align:center; font-size:13px; vertical-align:middle}
.tbl_type td.lefb { text-align:center; background:#f5f5f5; vertical-align:middle}
.tbl_type td.lefbl { text-align:left; background:#f8f8f8; vertical-align:middle}
/* //UI Object */