@import url(http://fonts.googleapis.com/earlyaccess/Malgun Gothic.css);
* {font-family:'Malgun Gothic', sans-serif;}

@font-face {

    font-family:'Malgun Gothic';
    src: url('images/Malgun Gothic.eot');
    src: url('images/Malgun Gothic.eot?#iefix') format('embedded-opentype'),
         url('images/Malgun Gothic.woff') format('woff'),
         url('images/Malgun Gothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* 레이아웃 */
#wrap {width:100%; height:100%;  border-top:#fff solid 3px;   min-width:1200px}


/* 서브플래시 */
.subtop_company {width: 100%;  height: 220px; background:#000 url(../sub/images/background_company_01.jpg) center top repeat-x; margin-top:95px; }
.subtop_business {width: 100%;  height: 220px; background:#ccc url(../images/background_business.jpg) center top repeat-x; margin-top:95px; }
.subtop_reference {width: 100%;  height: 220px; background:#134b9f url(../images/background_reference.jpg) center top repeat-x; margin-top:95px; }
.subtop_board {width: 100%;  height: 220px; background:#68b82e url(../images/background_board.jpg) center top repeat-x; margin-top:95px; }

.subfla { position:relative; height: 220px;  margin: 0px auto;   background:url(../../images/sub01★.png) right   no-repeat;  }









.smove_img{opacity:0; position:absolute;top:56px;left:581px;}











.smove_txt{opacity:0;margin-left:-25px;position:absolute;top:20px;left:801px}




.subcontent {width: 950px; padding-left:35px; position:relative;   float:left;  }

/* 좌측메뉴 */
.lnb { float:left; width:240px; padding-bottom:50px; margin-top:20px; }
.lnb h3 { padding:35px 0 35px 15px; background:#134b9f; font-size:22px; line-height:25px; color:#fff; font-weight:600 }
.lnb h3 p.stit{color:#bccfde;  font-size:13px; letter-spacing:0.3pt;  margin-bottom:7px;  font-weight:600  }
.lnb ul {  margin-bottom:20px;   }
.lnb li { border-bottom:1px solid #ccc; position:relative;    }



/* 텍스트 메뉴 */
.lnb li a {  padding:12px 10px;  display:block; color:#333; font-size:15px;  font-weight:600;   }
.lnb li:hover a, .lnb li.active a { color:#888; padding:12px 10px; font-size:15px;  font-weight:600;  background: #fff url('../../images/arrow.png') 220px 16px no-repeat;}




	/*depth_3*/
	.lnb ol.depth_3{ color:#333;  background: #fafafa; border-bottom:1px solid #ccc; padding:5px 0 0px 10px;}
	.depth_3 dd a:link, .depth_3 dd a:visited{display:block; color:#333; font-size:15px;  padding: 5px 8px;}
	
		.depth_3 dd a:hover{display:block; color:#aaa; font-weight:600;}
		
		.depth_linktop{color:#fff !important; }
		.depth_linktop:hover{text-decoration:none; font-weight:bold !important; }
	




.lnb_common dl{ border:1px solid #cccccc; background:url(../../images/tel.jpg) no-repeat right 130px; padding:0 0 21px 10px;color:#666; margin:15px 0}
.lnb_common dl dt{  position:relative; color:#33302e; font-size:17px; font-weight:600; padding:18px 0 0 0;letter-spacing:-0.5px;}
.lnb_common dl dd.tit{ font-size:15px; font-weight:600; color:#333;  padding-top:8px}
.lnb_common dl dd.tel{ font-weight:700;font-size:24px; color:#000;line-height:25px; padding-top:15px}
.lnb_common dl dd.fax{font-size:19px; font-weight:600; color:#777;  padding-bottom:0px; padding-top:3px}
.lnb_common dl dd.email{font-size:16px;color:#666;  font-weight:500; }


.lnb_common2 dl{ border:1px solid #cccccc;padding:0 0 21px 10px;color:#666; margin:15px 0}
.lnb_common2 dl dt{  position:relative; color:#33302e; font-size:17px; font-weight:600;line-height:30px;padding:10px 0 0 0;letter-spacing:-0.5px;}
.lnb_common2 dl dd.tit{ font-size:16px; font-weight:600; color:#333;  padding-top:8px}
.lnb_common2 dl dd.bank{ font-weight:700;font-size:20px; color:#1c3865;line-height:25px; padding-top:0px}
.lnb_common2 dl dd.nam{font-size:17px; font-weight:600; color:#707070;  padding-bottom:8px; padding:8px 0}



.lnb_banner {border:1px solid #cccccc; padding:2px;color:#666; margin-top:5px}

.page-title{   border-bottom:#CCC solid 1px;   position:relative; padding:33px 0 20px; margin-bottom:13px; margin-top:11px; }
.page-title-text { font-size:28px; font-weight:600; color:#888; }
.page-navi { float:right; margin:5px 0 5px; }


.sub_com{  padding-top:10px;	margin-top:10px;	}



.txt1 { font-weight:600; font-size:17px; padding-top:10px;  color:#006699; padding-left:20px; background:url(../../images/tit_icon2.gif) no-repeat left  13px}
.txt0 { font-weight:600; font-size:20px; padding-bottom:10px;  color:#006699}
.txt2 {line-height:25px; padding-bottom:10px;  padding-left:15px}
.txt2 li { padding:5px 15px;  background:url(../../images/point.gif) no-repeat left}
.txt3 { font-weight:600; padding:5px 0;  padding-bottom:10px;}
.txt4 { font-weight:600; padding:5px 0;  color:#006dc9;}

.txt5 { padding:0px 15px}
.txt5 li { background:url(../../images/point.gif) no-repeat left 12px; line-height:25px; padding:0px 10px; }


.greeting_con2{position:relative; overflow:hidden; background:url('../../images/greeting2.jpg') right bottom no-repeat; height:450px;  width:840px} 
.table_style{width:60%; border-collapse:separate; border-spacing:0px; border-left:1px solid #ddd; border-top:1px solid #333;}
.table_style th{color:#333; text-align:center; padding:8px 10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; vertical-align:middle; background-color:#f9f9f9; font-weight:700;}
.table_style td{border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:3px 20px;  line-height:180%; color:#666;}

.bmar_50{margin-bottom:10px;}








.table_style2{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333; border-left:1px solid #ddd;}
.table_style2 th{color:#333; text-align:center; padding:3px 0 3px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-size:13px; background-color:#f9f9f9; font-weight:600; letter-spacing:-0.7pt;}
.table_style2 td{border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:3px 0 3px 10px; text-align:left; line-height:24px; vertical-align:top}


.table_style3{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333; border-left:1px solid #ddd;}
.table_style3 th{color:#fff; text-align:center; padding:3px 0 3px 0;  font-size:14px; background-color:#1768ac; font-weight:600; letter-spacing:-0.7pt;}
.table_style3 td{border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:3px 0 3px 20px; text-align:left; line-height:24px; vertical-align:top}

.table_style4{width:100%; border-collapse:separate; border-spacing:0px; }
.table_style4 th{color:#fff; text-align:center; padding:3px 0 3px 0;  font-size:13px; background-color:#1768ac; font-weight:600; letter-spacing:-0.7pt; border-radius: 10px;}
.table_style4 td{ padding:3px 0 3px 0px; text-align:center; line-height:24px; }



.table_style5{width:50%; border-collapse:separate; border-spacing:4px; }
.table_style5 th{color:#fff; padding:3px 0 3px 10px; text-align:left;  font-size:14px; background-color:#1768ac; font-weight:600; letter-spacing:-0.7pt; border-radius: 5px;}
.table_style5 td{ padding:3px 10px 3px 10px; text-align:center; line-height:24px; }


	.greeting_con{position:relative; overflow:hidden; background:url('../../images/greeting.jpg') right bottom no-repeat;  width:940px} 
	.greeting_con h4{font-size:25px; color:#0c58a3; letter-spacing:-1pt; padding-bottom:15px; line-height:33px;}
.greeting_txt{line-height:23px;}
	.greeting_con p.stit{font-size:16px; color:#6b6f73; letter-spacing:-0.5pt; padding-bottom:20px; font-weight:600;}
	.greeting_ceo{font-size:15px; color:#6b6f73; letter-spacing:-1pt; padding-top:35px; background:url('../../company/img/greeting_sign.gif') 160px bottom no-repeat;}
	.greeting_name{font-size:23px; color:#333; letter-spacing:-1pt; font-weight:700; margin-left:5px}
	
	/******** 공통CSS ********/
.point_txt01{color:#333; font-weight:700;}
.point_txt02{color:#2987e4; letter-spacing:-1pt; line-height:35px;}
.point_txt03{color:#2987e4; letter-spacing:-1pt; line-height:28px;}
.point_txt04{color:#2987e4; font-weight:700;}


#foot {width: 100%;border-top-width: 1px; border-top-style: solid; border-top-color: #CCC; color: #333;   }
#foot .footer{position:relative; margin:0 auto; overflow:hidden;   width:1200px; padding:30px 0; }
.footer  h2{float:left; width:360px;}
.footer ul{float:left;}
.footer li{padding-bottom:5px; font-size:13px; color:#333; margin-left:-85px; line-height:1.8;}
.footer li.copy{color:#333}

.cross4 {width:100%; max-width:1200px; margin:0 auto;  }
.cross4:after{ content:""; display:block; clear:both;}
.cross4 ul {padding:0; margin:0; }
.cross4 ul li{float:left; width:100%; overflow:hidden; margin-bottom:60px; }
.cross4 ul li .cross4_tit{font-size:2em;}
.cross4 ul li .cross4_txt{font-size:1.2em; padding-top:20px; }
.cross4 ul li .cross4_img{float:left; width:55%; height:340px; margin-bottom:0px; background:#f8f8f8;}
.cross4 ul li .cross4_img img{height:340px;}
.cross4 ul li .cross4_right{float:right; width:45%;  height:340px; background:#f8f8f8; padding:50px 50px 0 50px; box-sizing: border-box; }
.cross4 ul li.other_type .cross4_img{float:right; width:55%; height:340px; background:#f8f8f8; margin-bottom:00px; text-align:right;}
.cross4 ul li.other_type .cross4_right{float:left; width:45%;  height:340px; background:#f8f8f8; padding:50px 40px 0 50px; }
.cross4 ul li.other_type .cross4_img img{height:340px; }


.btn_go {display:inline-block; background:#222; color:#fff; text-align:center;  font-size:1em; margin:20px 0px; padding:10px 30px; border:1px solid #000;  transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
.btn_go:hover {color:#000; background-color:#fff; }


/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1200px){
	
	.cross4 {width:95%;}
	.cross4 ul li .cross4_tit{font-size:1.5em; }
	.cross4 ul li .cross4_txt{font-size:1em; }
	.cross4 ul li .cross4_img img{height:100%;}
	.cross4 ul li.other_type .cross4_img{ width:50%;  margin-bottom:0px;}
	.cross4 ul li.other_type .cross4_right{ width:50%;  padding:30px 30px; }
	.cross4 ul li.other_type .cross4_img img{height:100%;}

}





/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {		
	
	.business ul li { width:100%; margin-left:0px; margin-bottom:50px;}

	.cross4 ul li{ width:100%; height:auto;}
	.cross4 ul li .cross4_img{float:left; width:100%; height:auto;}
	.cross4 ul li .cross4_img img{width:100%;}
	.cross4 ul li .cross4_right{width:100%; height:auto; padding:30px 20px; }
	.cross4 ul li.other_type .cross4_right{width:100%; height:auto;  padding:30px; 20px; }
	.cross4 ul li.other_type .cross4_img{float:right; width:100%; height:auto;}
	.cross4 ul li.other_type .cross4_img img{width:100%;}

}