@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*속성*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0px; vertical-align: middle; font-family:"Nanum Gothic", 나눔 고딕, Dotum, 돋움, Trebuchet MS; font-size:100%;	line-height:160%;}
body { 	font-family:Nanum Gothic, 나눔 고딕, Dotum, 돋움, Trebuchet MS; font-size:13px; font-weight:400; color:#444;}
p { line-height:140%;}
a { text-decoration:none;	color:#555;}
/*a:hover { color:#5AB6DD;}*/
.hidden {display: none;}
.clear { clear:both;}
ul { list-style:none; }
label {font-weight:700;}
input, textarea { font-family:"Nanum Gothic", 나눔 고딕; vertical-align:middle;}
input.inputfield { border: 1px solid #DDDDDD; padding: 4px 3px; }
input[type="radio"] { vertical-align:middle; margin-top:0; }
.auto-hint { font-size:12px; color:#999999;}
.bold{font-weight:bold;  }
.left{ float:left}
span{margin:0; padding:0; vertical-align:baseline}

/*폰트*/
.bold7 { font-weight:700;}
.bold8 { font-weight:800;}
h1, h2, h3, h4, h5 { font-weight:700; margin:0;}
h1 { 	font-size:32px;}
h2 { 	font-size:24px;}
h3 { 	font-size:18px;}
h4 {  background:url(/images/sub_dotbar.gif) 0px 15px no-repeat; padding-left:20px; font-size:24px; padding-bottom:10px}
h5 { 	font-size:14px;}
.font28 { font-size:28px;}
.font24 { font-size:24px;}
.font20 { font-size:20px;}
.font11 { font-size:11px;}
.font10 { font-size:10px;}
.font9 { font-size:9px;}

/*여백*/
.pad_r_04{padding-right:4px}
.pad_t_30{ padding-top:30px}
.mar_l_20{margin-left:20px}
.mar_l_30{margin-left:30px}
.mar_l_40{margin-left:40px}
.mar_l_50{margin-left:50px}
.mar_l_55{margin-left:55px}
.mar_l_60{margin-left:60px}

/*칼라*/
.orange_color{color:#ff7b0e}
.blue{color:#6cbae7}
.blue_color{color:#6191af}
.skyblue_color{color:#64b0c2}
.black_color{ color:#000}
.withe-color{ color:#fff}

/*가로*/
.w80 {width:80px}
.w100 {width:100px}
.w320 {width:320px}
.w430 {width:430px}

/*레이아웃*/
body{background:#25343d}
#wrapbody{ width:100%;background:url(/images/main_bg.gif) top center no-repeat; overflow:hidden}
#wrap{margin:0 auto; width:960px; }
.header_wrap { width:100%; height:50px; position:relative; padding-top:40px}
/* topmenu--------------------------------------------*/
#wrap_header{ position:relative; width:960px;  padding-top:8px; font-size:14px; }
#wrap_header h1{ float:left; padding-top:29px}
#wrap_header ul{ float:right;}
#wrap_header .top_nv li{ float:left; padding-left:15px}

#menu{/*border:1px solid #ccc;clear:both;*/position:relative;height:36px; padding-top:35px; margin-bottom:40px; border-bottom:1px solid #6395b2;  line-height:200%; z-index:999; width:784px}
#nav {/*margin:0 auto 40px;*/ width:750px; color:#fff ; display:block;}
#nav .mainlevel {float:left;}
#nav .mainlevel a {color:#fff; font-size:17px;  font-weight:800; text-decoration:none; line-height:32px; display:block; padding-left:115px; text-align:center}
#nav .mainlevel a:hover {color:#6cbae7;  text-decoration:none; }
#nav .mainlevel ul {display:none; position:absolute; }
#nav .mainlevel li {display:block; background:#344048; opacity:0.8; width:100%;/*IE6 only*/}
#mainlevel_01{padding-left:150px}
#sub_01{ border-top:5px solid #72accf; padding-top:10px; text-align:center !important; left:285px;}
#sub_01 a  { color:#fff; padding:0 20px !important;  font-weight:400 !important; font-size:14px !important;}
#sub_02{ border-top:5px solid #72accf; padding-top:10px; text-align:center !important; left:470px}
#sub_02 a { color:#fff; padding:0 20px !important;  font-weight:400 !important; font-size:14px !important;}
#sub_04{ border-top:5px solid #72accf; padding-top:10px; text-align:center !important; left:620px;  }
#sub_04 a { color:#fff; padding:0 20px !important;  font-weight:400 !important; font-size:14px !important; width:130px}
/*
#menu{ position:relative;height:36px; padding-top:35px; margin-bottom:40px; border-bottom:1px solid #6395b2;  line-height:200%; z-index:999; width:784px}
#nav { width:750px; color:#fff ; display:block;}
#nav .mainlevel {float:left;}
#nav .mainlevel a {color:#fff; font-size:17px;  font-weight:800; text-decoration:none; line-height:32px; display:block; padding-left:65px; text-align:center}
#nav .mainlevel a:hover {color:#6cbae7;  text-decoration:none; }
#nav .mainlevel ul {display:none; position:absolute; }
#nav .mainlevel li {display:block; background:#344048; opacity:0.8; width:100%;}
#mainlevel_01{padding-left:150px}
#sub_01{ border-top:5px solid #72accf; padding-top:10px; text-align:center !important; left:220px;}
#sub_01 a  { color:#fff; padding:0 20px !important;  font-weight:400 !important; font-size:14px !important;}
#sub_02{ border-top:5px solid #72accf; padding-top:10px; text-align:center !important; left:360px}
#sub_02 a { color:#fff; padding:0 20px !important;  font-weight:400 !important; font-size:14px !important;}
#sub_03{ border-top:5px solid #72accf; padding-top:10px; text-align:center !important; left:540px; }
#sub_03 a { color:#fff; padding:0 20px !important;  font-weight:400 !important; font-size:14px !important;}
#sub_04{ border-top:5px solid #72accf; padding-top:10px; text-align:center !important; left:620px;  }
#sub_04 a { color:#fff; padding:0 20px !important;  font-weight:400 !important; font-size:14px !important; width:130px}
*/

.main_visual_wrap{ width:480px; height:600px; float:left; margin-top:15px}
	.rolling_wrap{width:480px;height:550px; padding-bottom:30px}

.contants_wrap{width:465px; height:620px;float:left; padding:0px 0 0 15px ;}
	.banner_wrap{ position:relative; height:210px; }
	.banner_wrap	.banner01{ width:132px; height:170px; background:#fff; margin-right:4px;  float:left; padding:45px 9px; text-align:center; color:#999; font-size:11px}
	.banner_wrap	.banner02{ width:144px; height:170px; background:#4698ca; margin-right:4px; float:left; padding:45px 5px; text-align:center; color:#dbe9f2; font-size:11px}
	.banner_wrap	.banner03{ width:132px; height:170px; background:#fff; float:left;padding:45px 10px; text-align:center; color:#999; font-size:11px}
	.notice_wrap{ position:relative; margin:3px 0; padding:0px 0px; height:117px; }
	.notice_wrap p { float:left; }
	.notice_wrap h3{ float:left; border-bottom:1px solid #9aa0a4; width:265px; color:#fff; font-size:18px; padding-left:5px; margin-bottom:10px; line-height:100%}
	.notice_wrap h3 .more{ font-size:10px; color:#ddd; float:right; padding-top:8px}
	.notice_wrap li{ color:#b0b4c1; font-size:12px}
.footer_wrap{clear:both; background:#25343d; opacity:0.6; padding:10px 0 20px 0; font-size:11px;  height:70px; letter-spacing:-0.3px}
	.footer{margin:0 auto; width:960px;color:#fff}
	.footer li{float:left;}

/*서브*****************************************************************************************/
#sub_wrapbody{ width:100%;background:url(/images/sub_bg.gif) repeat-x; overflow:hidden}
#sub_wrap{margin:0 auto; width:960px; }

.sub_visual_wrap{ width:960px; margin:0 auto}
.sub_contants_wrap{ }
.leftmenu_wrap{background:#031f2f; width:200px;float:left; color:#fff; }
.leftmenu_wrap .left_title{font-size:26px; height:50px; font-weight:700; padding-left:60px; background:url(/images/left_icon.png) 10px 0 no-repeat; border:0; padding-bottom:20px}
.leftmenu_wrap li{border-bottom:1px solid #96bad0; background:#5c97bd;  font-weight:700; height:40px}
.leftmenu_wrap li a{ color:#fff;  text-decoration:none; display: block; padding:10px 20px}
.leftmenu_wrap a:hover{ text-decoration:none; color:#fff; background:url(/images/menu_on.gif) right 0px no-repeat}
.leftmenu_wrap .menu_on{ text-decoration:none; color:#fff; background:url(/images/menu_on.gif) right 0px no-repeat}

.sub_contants{ background:#fff; width:710px; margin-left:209px; padding:0 20px 100px 20px; overflow:hidden; margin-bottom:20px}
.sub_contants h3{ background:url(/images/title_dot.gif) 0 0px no-repeat; padding-left:40px; font-size:28px; font-weight:700; line-height:100%;padding-bottom:10px; border-bottom:1px solid #ccc;}
.sub_contants .sub_nv{ background:url(/images/nv_dot.gif) 3px 17px no-repeat; font-size:11px; color:#999; float:right; padding-left:20px; padding-top:15px}
.contants_txt_wrap{margin:50px 0}
.contants_txt_wrap p{margin:20px 0}

/*서브페이지 탭*/
.menu_tab{width:100%;overflow:hidden}
.menu_tab ul{padding:23px 0;border-width:1px 0}
.menu_tab li{list-style:none;position:relative;top:-20px;float:left; background:#eee; border:1px solid #ddd; border-radius:4px;margin-right:2px }
.menu_tab li a{display:block;padding:5px 23px;text-decoration:none;text-align:center;}
.menu_tab li a:hover{text-decoration:none}
.menu_tab li.active a{background:#05849e; font-weight:bold;color:#fff;  border-radius:4px;}
.menu_tab li.active a:hover{text-decoration:none}
.mTs{margin-top:50px}

.sub_dot{background:url(/images/sub_dot.gif) 0px 0px no-repeat; padding-left:20px;}

/*회사개요*/
.paragraph{ float:left; width:430px; margin-top:50px}
.paragraph li{ float:left}
.paragraph_img_r{float:left}
.paragraph_r{ width:430px; margin:100px 0 0 330px}

/*찾아오시는길*/
.section0104{ float:left; width:710px; margin-bottom:50px}
.section0104_01{ width:710px; margin-bottom:50px}

/*비지니스_사업분야소개*/
.business_wrap01, .business_wrap02, .business_wrap03, .business_wrap04, .business_wrap05{ margin-bottom:50px}
.business_wrap01 h4{ background:url(/images/sub_dotbar01.gif) 0px 15px no-repeat; padding-left:20px; font-size:30px; padding-bottom:10px; font-weight:800; Letter-spacing:-0.5px}
.business_wrap02 h4{ background:url(/images/sub_dotbar02.gif) 0px 15px no-repeat; padding-left:20px; font-size:30px; padding-bottom:10px; font-weight:800; Letter-spacing:-0.5px}
.business_wrap03 h4{ background:url(/images/sub_dotbar03.gif) 0px 15px no-repeat; padding-left:20px; font-size:30px; padding-bottom:10px; font-weight:800; Letter-spacing:-0.5px}
.business_wrap04 h4{ background:url(/images/sub_dotbar04.gif) 0px 15px no-repeat; padding-left:20px; font-size:30px; padding-bottom:10px; font-weight:800; Letter-spacing:-0.5px}
.business_wrap05 h4{ background:url(/images/sub_dotbar05.gif) 0px 15px no-repeat; padding-left:20px; font-size:30px; padding-bottom:10px; font-weight:800; Letter-spacing:-0.5px}

.business_wrap01 .sub_title{ font-size:16px; color:#59a1b7}
.business_wrap02 .sub_title{ font-size:18px; color:#5b84b8}
.business_wrap03 .sub_title{ font-size:18px; color:#7b68b9}
.business_wrap04 .sub_title{ font-size:18px; color:#af5b99}
.business_wrap05 .sub_title{ font-size:18px; color:#807794}

.business_wrap01 .sub_dot{background:url(/images/sub_dot01.gif) 0px 3px no-repeat; padding-left:20px;}
.business_wrap02 .sub_dot{background:url(/images/sub_dot02.gif) 0px 3px no-repeat; padding-left:20px; color:#5b84b8}
.business_wrap03 .sub_dot{background:url(/images/sub_dot03.gif) 0px 3px no-repeat; padding-left:20px; color:#7b68b9}
.business_wrap04 .sub_dot{background:url(/images/sub_dot04.gif) 0px 3px no-repeat; padding-left:20px; color:#af5b99}
.business_wrap05 .sub_dot{background:url(/images/sub_dot05.gif) 0px 3px no-repeat; padding-left:20px; color:#807794}

.business_wrap01 .color{color:#59a1b7}
.business_wrap02 .color{color:#5b84b8}
.business_wrap03 .color{color:#7b68b9}
.business_wrap04 .color{color:#af5b99}
.business_wrap05 .color{color:#807794}