@import url(reset.css);
@font-face{font-family:"나눔스퀘어"; src:local('../font/NanumSquareR.ttf'), url('../font/NanumSquareR.ttf'), url('../font/NanumSquareR.eot')};




/* @font-face{
		font-family:'NanumGothic';
		src:local('../font/NanumGothic.ttf'), url('../font/NanumGothic.ttf'), url('../font/NanumGothic.eot')}
 */
/*CSS Document*/
/* reset css */
body{margin:0; padding:0; background-color:#fff;}
html{overflow-y:scroll;}
body, table, th, td, input, select, textarea, div, p{font-family:"나눔스퀘어","NanumSquareR",NanumGothic, "NanumGothic", "돋움",'Dotum',Helvetica; font-size:12px; color:#333333; /*line-height:1.6;*/}
h1, h2, h3, h4, h5, h6, ol, ul, li, form, fieldset, input, textarea, hr, p{margin:0; padding:0;}
img, fieldset{border:0 none;}
img{vertical-align:middle;}
input{vertical-align:middle;}
ol, ul, li{list-style:none;}
/*table{border-spacing:0; border-collapse:collapse; border:0 none;}*/
h1,h2,h3,h4,h5,h6{font-size:100%;}
h3_title{font-size: 20pt;font-weight: 500; color: #11A9B5;}

button{border:0 none; padding:0; margin:0; background:transparent; *overflow:visible; cursor:pointer;}
button::-moz-focus-inner{border:0; padding:0;}
label{cursor:pointer;}
a:link{color:#333333; text-decoration:none; selector-dummy:expression(this.hideFocus=true); outline:none;}
a:visited{color:#333333; text-decoration:none;}
a:hover{color:#5899d4; text-decoration:none;}
a:active{color:#333333; text-decoration:none;}



/* Haedar
------------------------------------------------------------------------------------------------------------*/
#Header_Wrap{background:url(../images/header/gnb_bg.jpg) repeat-x; position:relative;}
#Gnb{width:1000px; margin:0 auto; height:135px; position:relative; z-index:999;}
#Gnb h1{position:absolute; top:10px; left:0px;}
#Gnb .top_menu{position:absolute; top:7px; right:0; overflow:hidden;}
#Gnb .top_menu li{float:left; background:url(../images/header/top_l.jpg) no-repeat; margin-right:10px; padding-left:10px;}
#Gnb .favorite{position:absolute; top:7px; left:0;}

/* Navigation */
#NaviWrap{display:block; position:absolute; right:0; top:90px; padding-left:2px;  z-index:999;}
/* icon */#NaviWrap li p.up{display:block; position:absolute; left:68px; top:-7px; z-index:999;}
#NaviWrap li{position:relative; float:left;  z-index:999;}
#NaviWrap li:hover a, #NaviWrap li a:hover {position:relative; z-index:700;}
#NaviWrap li.on a, #NaviWrap li.on:hover a {position:relative; z-index:600;}
#NaviWrap li a{display:block;/*  width:90px; */ text-align:center; background:url(../img/header/navi_l.gif) right 12px no-repeat;text-decoration: none;}
#NaviWrap li a.frirst{background:none;}
#NaviWrap li.NV{height:45px; margin-left:50px;font-size: 17px;font-weight: 600;}
/**/
#NaviWrap li .category {position:absolute; top:33px; float:left; padding:8px 10px; display:none; z-index:999; background:#00858e; font-weight: 500;}
#NaviWrap li .category li {float:left; padding:0; width:auto!important;}
#NaviWrap li .category li a {display:block; width:auto!important; height:auto; margin:0!important; padding:0 0 0 25px; font-size:12px;  white-space:nowrap; *zoom:1; color:#fff;}
#NaviWrap li .category li a.first{padding-left:0px!important; background:none!important;}
#NaviWrap li .category li a:link, #NaviWrap li .category li a:visited, #NaviWrap li .category li a:active {color:#fff;}
#NaviWrap li .category li a:hover {color:#edff00 !important;}

/* 카테고리 고정 */
/* #NaviWrap li:hover .category, #NaviWrap li.on .category {display:block;} */
#NaviWrap li:hover .category {display:block;}

/*서브메뉴 넓이 & 위치*/
#NaviWrap .col_1 {width:160px; left:-30px;}
#NaviWrap .col_2 {width:210px; left:-30px;}
#NaviWrap .col_3 {width:230px; left:-30px;}
#NaviWrap .col_4 {width:330px; left:-120px;}
#NaviWrap .col_5 {width:65px; left:5px;}
#NaviWrap .col_6 {width:240px; left:-80px;}

#Navi_bg{background:url(../images/header/navi_s_bg.png) repeat-x; height:35px; width:100%; position:absolute; top:195px; left:0; z-index:500; display:none;}


/* 비주얼
------------------------------------------------------------------------------------------------------------*/
#Visual_slide {height: 550px;position: relative;}

	슬라이드
#Visual_Wrap{height:400px; widows:100%; position:relative; overflow:hidden; background:#ddf1f2;}
#Visual_Wrap .visual_box li{height:400px; width:1000px; overflow:hidden; margin:0 auto;}
#Visual_Wrap #V1{background:url(../images/main/visual_img1.jpg) center top repeat-x;}
#Visual_Wrap #V2{background:url(../images/main/visual_img2.jpg) center top repeat-x;}

/* 메인
------------------------------------------------------------------------------------------------------------*/
#Main_Cont{width:1000px; margin:0 auto; overflow:hidden; padding:50px 0;}

.m_advice_box{width:340px; height:250px; float:left; background:/* url(../images/main/advice_bg.jpg) no-repeat */#f1f1f1; position:relative;line-height: 1.5;padding: 20px;}
.m_advice_box h3{font-weight: 700;padding-left: 0;font-size: 18px;}
.m_advice_box ul{overflow:hidden; position:absolute; top:85px; left:0px;}
.m_advice_box ul li{display:block; margin-bottom:7px; overflow:hidden; }
.m_advice_box ul li input, .m_advice_box ul li select{display:block;}
.m_advice_box ul li input{height:22px; width:210px; }
.m_advice_box ul li select{height:25px; width:213px;}
.m_advice_box ul li.m_phone select, .m_advice_box ul li.m_phone input{width:63px; float:left; margin-right:8px;}
.m_advice_box p{padding-top:190px; text-align:center;}

.m_cont1{width:310px; height:250px; float:left; position:relative; overflow:hidden;}
.m_cont1 .btn{position:absolute; top:210px; left:100px; z-index:100;}
.m_cont2{width:310px; height:250px; float:left;border: 1px solid #ddd; background: #fdfdfd/* url(../images/main/cs_bg.jpg) no-repeat*/; position:relative; overflow:hidden;}
.m_cont2 p{padding-top:170px; text-align:center; font-size:13px;}
.m_cont2 p.btn{padding-top:10px;}

.m_cs{width:340px; height:250px; float:left; border: 1px solid #ddd; background: #fdfdfd/* url(../images/main/cs_bg.jpg) no-repeat*/; position:relative; overflow:hidden;}
.m_cs1 {width:310px; height:250px; float:left; }
.m_cs p{color:#285b8a; font-size:32px; font-weight:bold; position:absolute; top:115px; left:30px;}
.m_cs ul{padding:30px 0px 0 30px;}
.m_cs ul li{font-size:15px; color:#6d6d6d; margin-bottom:5px;}

.ms_major{overflow:hidden; width:340px; height:150px; float:left;  background:url(../images/main/m_con5_bg.jpg) no-repeat; position:relative; }
.ms_major .mj_btn{position:absolute; top:25px; right:25px;  }
.ms_major .mj_btn li{float:left; margin-left:5px;}
.ms_major .mj_btn li a{display:block; width:13px; height:13px; background:url(../images/main/mj_off.jpg) no-repeat; }
.ms_major .mj_btn li.on a{background:url(../images/main/mj_on.jpg) no-repeat; }
.ms_major .mj_box{padding:20px 20px 10px 20px; overflow:hidden; }
.ms_major .tit{font-size:20px; font-weight:bold; padding:0 5px 10px 5px; border-bottom:1px solid #ddd; margin-bottom:10px;}
.ms_major .tit a{margin-left:20px;}
.ms_major .mj_box table{display:block; padding-left:80px; background:url(../images/main/major_bg.jpg) 15px 7px no-repeat;}
.ms_major .mj_box table tr th{text-align:left; font-size:15px;}
.ms_major .mj_box table tr td{width:90px; height:17px; font-size:13px;}

.ms_box{overflow:hidden; width:310px; height:150px; float:left;}


/* Container
------------------------------------------------------------------------------------------------------------*/
#Container{width:1000px; margin:0 auto; overflow:hidden; padding-bottom:50px;}
.m_q_banner{overflow:hidden;}
.m_q_banner li{float:left; width:33%; padding:35px 0; text-align:center; }

#S_cont{background:url(../images/sub/s_lnb_bg.jpg) repeat-x;}
.S_contimg1{background:url(../images/sub/s_lnb_img1.jpg) no-repeat;}
.S_contimg2{background:url(../images/sub/s_lnb_img2.jpg) no-repeat;}
.S_contimg3{background:url(../images/sub/s_lnb_img3.jpg) no-repeat;}
.S_contimg4{background:url(../images/sub/s_lnb_img4.jpg) no-repeat;}
.S_contimg5{background:url(../images/sub/s_lnb_img5.jpg) no-repeat;}
.S_contimg6{background:url(../images/sub/s_lnb_img6.jpg) no-repeat;}
.S_contimg7{background:url(../images/sub/s_lnb_img7.jpg) no-repeat;}
.S_contimg8{background:url(../images/sub/s_lnb_img8.jpg) no-repeat;}

/* Foot_Wrap
------------------------------------------------------------------------------------------------------------*/
#Foot_Wrap{background:#f6f6f6;}
.footer{padding-top:40px; overflow:hidden; width:1000px; margin:0 auto; clear:both; }
.footer h3{width:200px; float:left; padding-top:30px;}
.footer ul, .footer p {width:750px; float:right; overflow:hidden; margin-bottom:10px;}
.footer ul li{float:left; color:#dfdfdf;}
.footer ul li a{margin:0 15px;  color:#858585; font-size:14px; }
.footer ul li.first a{margin-left:0;}
.footer p{padding-bottom:30px; color:#858585; font-size:14px; line-height:1.5em;}
.footer p span{margin:0 10px; color:#dfdfdf;}
.footer p small{font-size:12px; padding-top:5px; display:block;}


/* Sub
------------------------------------------------------------------------------------------------------------*/
.LNB{width:210px; overflow:hidden; float:left; margin-top:160px; margin-bottom:80px;}
.LNB h2{ background:#03a5b0; width:210px; font-size:24px; padding:35px 0; text-align:center; display:block; color:#fff;}
.LNB .menu{margin-bottom:45px;}
.LNB .menu li{padding:15px; border-bottom:1px solid #ccc; font-size:16px; font-weight:bold; display:block;}
.LNB .menu li a{color:#333;font-size: 15px;}
.LNB .menu li.on{background:url(../images/sub/lnb_on.jpg) 185px center no-repeat;}
.LNB .menu li.on a{color:#007c84;}

.R_container{width:750px; overflow:hidden; float:right; margin-top:220px;}


.sub_title {overflow:hidden; position:relative; padding-bottom:30px;}
.sub_title h3{font-size:32px; border-bottom:1px solid #cecece; padding-bottom:20px;}
.sub_title .depth{position:absolute; top:25px; right:10px;}
.sub_title .depth li{float:left; margin-left:10px; padding-left:10px; background:url('../images/sub/arrow.gif') left 2px no-repeat; font-weight:bold;}
.sub_title .depth li a{color:#808080;}
.sub_title .depth li.home{background:url('../images/sub/home_icon.gif') left 2px no-repeat;  padding-left:15px;}
.sub_title .depth li.bk a{color:#000;}


.ceo_greeting{background:url(../images/sub/ceo_photo.jpg) no-repeat; min-height:450px;}
.ceo_greeting p{font-size:15px; color:#757575; letter-spacing:-1.1px; margin-bottom:50px;  line-height:1.5em;}
.ceo_greeting p.tit{padding-left:340px; font-size:33px;  font-weight:600; margin-bottom:30px; color:#333333; padding-top:5px;}
.ceo_greeting p.tit span{color:#0c50a1; display:block; }


/*회사개요*/
.compa01_box{padding-left:220px; background:url(../images/sub/company01_img.jpg) left center no-repeat;}
.red_bar{background:#d1303f; width:70px; height:4px; display:block; margin:40px auto; }
.cominfo_tit{font-size:25px; line-height:1.6em; color:#000; text-align:center; }
.cominfo_tit b{color:#d1303f; font-weight:normal;}
h5{font-size:20px;  margin-bottom:10px; background:url(../images/sub/h_dot.jpg) left 2px no-repeat; padding-left:25px;color:#0c50a1;}
.cominfo_s_tit{font-size:17px; color:#000; margin-bottom:15px;}
.cominfo_list{overflow:hidden; margin-bottom:50px;}
.cominfo_list li{font-size:14px; background:url(../images/sub/list_square.jpg) left 4px no-repeat; padding-left:15px; margin-bottom:15px;}
.gray_box{padding:20px 15px 10px 15px; border:2px solid #ddd; }

/*사업영역*/
.biz_bar{width:60px; height:4px; background:#d1303f; display:block; margin:20px 0 15px 0;}
.biz_tit{font-size:30px; line-height:1.6em; letter-spacing:-2px;}
.biz_tit span{color:#d1303f;}
.biz_tit b{color:#0c50a1; font-weight:normal;}
.biz_txt{font-size:15px; line-height:1.7em;}

/* 공통
------------------------------------------------------------------------------------------------------------*/
.top5{margin-top:5px;}
.top10{margin-top:10px;}
.top15{margin-top:15px;}
.top20{margin-top:20px;}
.top25{margin-top:25px;}
.top30{margin-top:30px;}
.top35{margin-top:35px;}
.top40{margin-top:40px;}
.top50{margin-top:50px;}
.top60{margin-top:60px;}
.top70{margin-top:70px;}
.top80{margin-top:80px;}
.top90{margin-top:90px;}

.left5{margin-left:5px;}
.left10{margin-left:10px;}
.left15{margin-left:15px;}
.left20{margin-left:20px;}
.left25{margin-left:25px;}
.left30{margin-left:30px;}
.left35{margin-left:35px;}
.left40{margin-left:40px;}
.left50{margin-left:50px;}
.left60{margin-left:60px;}
.left70{margin-left:70px;}
.left80{margin-left:80px;}
.left90{margin-left:90px;}
.left340{margin-left:340px;}

.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.dash_line{border-bottom:1px dashed #ddd;}

/*섹션*/
.text-bold{
	font-size: 17px;
  font-weight: 500;
  font-family:"나눔스퀘어","NanumSquareR"
}
.text-bold2{
	font-size: 17px;
  font-weight: 400;
  font-family:"나눔스퀘어","NanumSquareR"
}
h3{background:url() top 23px left 3px no-repeat; padding:10px 20px 10px ; font-size:25px; color:#1E9AAA; font-weight:600; line-height:1.3; letter-spacing:-0.02em;}
h5{background:url(../img/sub/h5.gif) left 4px no-repeat; padding-left:20px; font-size:15px; letter-spacing:-0.05em; color:#333333; font-weight:400; line-height:1.2;}
.body1{
	padding-top: 30px;
	padding-bottom: 30px;
}
.body2{
	padding-top: 10px;
	padding-bottom: 10px;
}
.p{
	padding: 20;
	font-size: 18;
}
.table{
	padding: 0px;
	font-size: 18px;
}
.mid{
	margin: 20px;
}
.unit-body {
  width: 100%;
	padding-top: 30px;
  text-align: left;
}
.unit-lefthead {
	padding-left: 14px;
	padding-top: 10px;
	padding-bottom: 20px;
}
.unit-left {
	padding-left: 30px;
	padding-top: 10px;
}

.unit-left1 {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	height: 220px;
}
.pp{
	padding: 50 30;
	margin-top: 40px;
margin-bottom: 30px;}
/*텍스트박스*/
.smallbox {
	padding: 10px 10;
   width: 100%;
   height: 100px;
   border: 1px  dashed #779ebd; 
   border-radius: 10px;
	background-color: #f7fcfe;
	margin-bottom: 50px;
	margin-top: 50px;
}
/*콘텐츠 박스*/
.con{
	padding-top: 20px;
	margin-top: 30px;
}
.slide{
	margin-bottom: 20px;
}
/*테이블*/
table.type11 {
    border-collapse: separate;
    border-spacing: 1px;
    text-align: center;
    line-height: 1.5;
    margin: 20px 10px;
}
table.type11 th {
	width: 155px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #fff;
	background: #b6c57c;
	text-align: center;
}
table.type11 td {
    width: 155px;
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    background: #eee;
}


/* 메인 가로메뉴 */
.wrap_center_menu{padding:0px 0 45px 0}
.wrap_center_menu li{float:left}
.wrap_center_menu li a{text-decoration: none;display:block;margin-right:20px;text-align:center;height:130px;font-size:13px;font-weight:bolder;line-height:240px;width:92px;}

.wrap_center_menu li:nth-child(1) a{background:url(../images/main/c1.png) no-repeat;}
.wrap_center_menu li:nth-child(2) a{background:url(../images/main/c2.png) no-repeat;}
.wrap_center_menu li:nth-child(3) a{background:url(../images/main/c3.png) no-repeat;}
.wrap_center_menu li:nth-child(4) a{background:url(../images/main/c4.png) no-repeat;}
.wrap_center_menu li:nth-child(5) a{background:url(../images/main/c5.png) no-repeat;}
.wrap_center_menu li:nth-child(6) a{background:url(../images/main/c6.png) no-repeat;}
.wrap_center_menu li:nth-child(7) a{background:url(../images/main/c7.png) no-repeat;}
.wrap_center_menu li:nth-child(8) a{background:url(../images/main/c8.png) no-repeat;}
.wrap_center_menu li:nth-child(9) a{background:url(../images/main/c9.png) no-repeat; margin-right:0;}

.wrap_center_menu li:nth-child(1) a:hover{background:url(../images/main/hc1.png) no-repeat;}
.wrap_center_menu li:nth-child(2) a:hover{background:url(../images/main/hc2.png) no-repeat;}
.wrap_center_menu li:nth-child(3) a:hover{background:url(../images/main/hc3.png) no-repeat;}
.wrap_center_menu li:nth-child(4) a:hover{background:url(../images/main/hc4.png) no-repeat;}
.wrap_center_menu li:nth-child(5) a:hover{background:url(../images/main/hc5.png) no-repeat;}
.wrap_center_menu li:nth-child(6) a:hover{background:url(../images/main/hc6.png) no-repeat;}
.wrap_center_menu li:nth-child(7) a:hover{background:url(../images/main/hc7.png) no-repeat;}
.wrap_center_menu li:nth-child(8) a:hover{background:url(../images/main/hc8.png) no-repeat;}
.wrap_center_menu li:nth-child(9) a:hover{background:url(../images/main/hc9.png) no-repeat;}