@charset "utf-8";

/*font*/
@font-face {
  font-family: 'nanumgothic';
  font-style: normal;
  src: url(../font/NanumGothicRegular.eot),
       url(../font/NanumGothicRegular.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothicRegular.woff2) format('woff2'),
       url(../font/NanumGothicRegular.woff) format('woff'),
       url(../font/NanumGothicRegular.ttf) format('truetype');
}

@font-face {
  font-family: 'nanumgothic';
  font-style: bold;
  font-weight: bold;
  src: url(../font/NanumGothicBold.eot),
       url(../font/NanumGothicBold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothicBold.woff2) format('woff2'),
       url(../font/NanumGothicBold.woff) format('woff'),
       url(../font/NanumGothicBold.ttf) format('truetype');
}


/*===== reset =====*/
*,html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,address,del,dfn,em,img,q,small,strike,strong,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,section {margin:0;padding:0;border:0;font-family:nanumgothic, "나눔고딕", "NanumGothic", Arial, Dotum, "돋움", sans-serif;box-sizing:border-box}
html,body{width:100%;height:100%}
body{font-family:nanumgothic, "나눔고딕", "NanumGothic", Arial, Dotum, "돋움", sans-serif;font-size:13px;color:#505050;-webkit-text-size-adjust:none}
dl,ul,ol,menu,li {list-style:none}
a {text-decoration:none;color:#000}
a:active,a:hover,a:focus {text-decoration:none}
input ,select{border:1px solid #999}
input[type=image]{border:0}

/*기존 스타일*/

input {
	color: #515151;
	font-family:"돋움", Dotum,"굴림", Gulim, AppleGothic, Sans-serif;
	font-size:12px;
	padding: 2 2 2 2;
}

select {
	line-height: 140% ;
	font-family:"돋움", Dotum,"굴림", Gulim, AppleGothic, Sans-serif;
	font-size: 13px;
	color: #515151;
	padding: 5 5 5 5;
}
.Input_W150{width:150px;height:20px;}
.Input_W200{width:200px;height:20px;}
.Input_W300{width:300px;height:20px;}
.Input_W590{width:590px;height:20px;}
.Input_H260{width:590px;height:260px;font-size:12px;}
.Input_H350{width:590px;height:350px;}

/*===== 메인 헤더 =====*/

.header_wrap{width: 100%; height: 90px; border-bottom:2px solid #999}
.header h1{width:160px; height:58px;margin: 16px 44px; float:left}
.header .nav{height: 90px; float:left; font-size: 0; position: relative;}
.header .nav > li{width: 100px; height: 90px; line-height: 90px; text-align: center; display: inline-block; font-size: 20px; position: relative; margin:0 20px; font-weight:bold}
.header .nav > li > a{color:#333}
.header .nav > li:hover > a{color:#0068c7}
.header .nav .lnb{z-index: 99999; position: absolute; display: none; width: 1200px}
.header .nav .lnb > li{line-height: 45px; float: left; padding: 0 10px; font-size:17px;}
.header .nav .lnb > li > a{color:#f3f3f3; display:inline-block; padding: 0 15px 0 5px} 
.header .nav .lnb > li:hover > a{color:#E09527} 
.header .nav_bg{width: 100%; height: 45px; background:#0068c7; z-index: 888; position: absolute; top:90px; display: none; border-bottom:2px solid #ededed;}


/*===== 메인 비주얼 =====*/
.visu_wrap{width: 897px; height: 630px;position: relative;}
.visu_wrap > li{width: 897px; position: absolute;}

/*===== 사업 분야 슬라이드 =====*/
.busi_wrap {padding:5px 0}
.busi_wrap .slider > div{width: 305px; height: 120px;}
.busi_wrap .slider > div h3{font-size: 40px; color:#0068c7;line-height:35px; padding-top:10px}
.busi_wrap .slider > div span.mini_font{font-size:20px; font-weight: bold;color:#565656; padding-left:10px}
.busi_wrap .slider > div p{padding:5px 15px; line-height:19px; font-size:13px; word-break:keep-all; color:#565656}


/*===== 서브 메뉴 =====*/
.sub_nav{float:left; width: 190px; height: 450px; padding-left:15px;}
.sub_nav h2{width: 160px; font-size: 20px; line-height: 35px; border-bottom: 4px solid #313090; text-indent: 20px; margin-left:10px; padding-top: 8px;}
.sub_nav ul li{ display: block; width: 150px;line-height: 40px; text-indent: 10px; font-size: 17px; border-bottom: 1px solid #d6d6d6; position:relative; padding-left:25px; margin-left:15px}
.sub_nav ul li:after{content:">"; position:absolute; left:13px; top:-1px; font-size:14px; color:#dedede}
.sub_nav ul li:hover:after{font-weight:900; color:#313090}
.sub_nav ul li:hover{font-weight: bold;}  
.sub_nav ul li:hover i{color: #253981;}
.sub_nav ul li a{display:block}
.sub_nav .sub_bg{width:180px; padding:10px 0 30px; /*background:#313090; border-radius:1em;*/}

/*===== company_03=====*/

/*주소*/
.juso_wrap .juso_wrap_list{padding-left:100px}
.juso_wrap .juso_wrap_list li{line-height:22px;font-size: 15px}
.juso_wrap .juso_wrap_list span{position:relative; display:inline-block; font-weight:500}
.juso_wrap .juso_wrap_list span:before{content:""; position:absolute;width:5px; height:5px; background:#3f9ef5; line-height:20px; display:inline-block; top:6px; left:-10px}