﻿@charset "utf-8";
@import url('style.css'); /* common css */
@import url('gnb.css'); 
@import url('footer.css');

#wrapper{width:100%;}
.wrapInner{width:980px; margin:0 auto;}
#visualArea{width:100%; height:150px; overflow:hidden; font-size:0; line-height:0; clear:both; display:none;}
#container{width:100%; padding:67px 0 40px; overflow:hidden; font-size:0; line-height:0; clear:both;}

/*[s] 메인 롤링 */
#mainVisual {width:100%;}
#mainVisual .visualWrap { margin:0 auto; width:100%; height:420px; position:relative;}
#mainVisual .visualSlider { width:100%; height:420px; position:relative; overflow:hidden}
#mainVisual .visualSlider li {width:1400px; height:420px;}
#mainVisual .visualSlider li.visual1 {background:url('/images/company/main/img_visual1.png') no-repeat center 0;}
#mainVisual .visualSlider li.visual2 {background:url('/images/company/main/img_visual2.png') no-repeat center 0;}
#mainVisual .visualSlider .flex-control-nav { width:955px; display:block; margin:0 auto; padding-left:25px;}
#mainVisual .visualSlider .flex-control-nav li {width:10px;height:10px; margin-left:5px; float:left; position:relative; bottom:115px; z-index:10px;}
#mainVisual .visualSlider .flex-control-nav li a {width:10px;height:10px; text-indent:-9999px; background-color:#c3c3c3; display:block;}
#mainVisual .visualSlider .flex-control-nav li a.flex-active{background-color:#e83d44;}
#mainVisual .visualSlider .flex-direction-nav {display:none;}
#mainVisual .visualSlider .flex-pauseplay { width:980px; display:none; margin:0 auto;}
#mainVisual .visualSlider .flex-pauseplay a {width:20px;height:20px; text-indent:-9999px; display:block; position:relative; bottom:120px; *bottom:130px; z-index:10px;}
#mainVisual .visualSlider .flex-pauseplay .flex-pause{background:url('/images/company/etc/btn_pause.png') no-repeat 0 0;}
#mainVisual .visualSlider .flex-pauseplay .flex-play{background:url('/images/company/etc/btn_play.png') no-repeat 0 0;}
#mainVisual .visualSlider .flex-pauseplay01 {display:none;}
#mainVisual .visualSlider .textBlock { padding:120px 0 0 0; height:340px; display:block; width:980px; margin:0 auto;}
#mainVisual .visualSlider a.textBlock {text-decoration:none; cursor: inherit;}
#mainVisual .visualSlider .textBlock h2 { font-family:RixGoL;font-size:24px;line-height:33px;color:#000;}
#mainVisual .visualSlider .textBlock strong { font-family:RixGoM;font-size:36px;line-height:1.3;color:#000; display:block; margin-top:10px;}

#mainCon{margin:20px auto 40px;width:980px; position:relative;}
#mainCon .section{margin-left:10px;padding:15px;float:left;}
#mainCon .section h3{font-family:RixGoM;font-size:16px;line-height:1.3;color:#fff;}
#mainCon .section p{margin-top:15px; font-family:RixGoL;font-size:13px;line-height:1.3;color:#fff;}
#mainCon .section .inner {width:207px;height:158px; color:#fff; background:url('/company/en/images/etc/btn_more.png') no-repeat right 0;display:block;}
 /* 2018-07-26 추가, 수정 */
#mainCon .ceo {margin-left:0; background:url('/company/en/images/main/icon_ceo.png') no-repeat 153px 118px;background-color:#e83d44;}
#mainCon .service01 {margin:0 0 0 124px; background:url('/company/en/images/main/icon_service.png') no-repeat 153px 118px;background-color:#e83d44;}
#mainCon .service02 {background:url('/company/en/images/main/icon_award.png') no-repeat 153px 118px;background-color:#e83d44;}
#mainCon .news {background-color:#e83d44;}
#mainCon .news .inner{width:207px; background:none; position:relative;}
#mainCon .news .inner .btnMore{width:16px;height:16px; text-indent:-9999px; background:url('/company/en/images/etc/btn_more.png') no-repeat 0 0; display:block; position:absolute;top:0;right:0;}
#mainCon .news .inner ul{margin-top:25px;}
#mainCon .news .inner li{margin:7px 0 6px;padding-left:10px; background:url('/company/en/images/etc/bul_list1.gif') no-repeat 0 center;}
#mainCon .news .inner li a{width:197px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-family:RixGoL;font-size:13px;line-height:1.3;color:#fff; display:block;}

#mainCon .ceo:hover,
#mainCon .service01:hover,
#mainCon .service02:hover,
#mainCon .news:hover { background-color:#c6171e;}

/*[s] 서브 레이아웃 */
	/*
	#wrapper{width:980px; margin:0 auto;}

	#header{width:100%; height:80px; padding:30px 0 40px; overflow:hidden; font-size:0; line-height:0; clear:both;}
		#topUtil{width:100%; text-align:right; padding-bottom:6px;}
			#topUtil a{display:inline-block;}
			#topUtil a.line{background:url('/company/en/images/individual/common/gnb/top_util_line.gif') no-repeat 67px 4px; padding:0 17px 0 14px;}

		#gnbArea{width:100%; height:60px; overflow:hidden;}
			#gnbArea .logo{width:121px; height:30px; overflow:hidden; float:left; padding-right:55px;}

			#gnbArea .gnbNavi_c{width:617px; float:left; padding-top:6px;}
				#gnbArea .gnbNavi_c li{float:left; padding:0 50px; position:relative; z-index:1;}
					#gnbArea .gnbNavi_c li .depth2_c{width:619px; position:absolute; left:40px; top:40px; z-index:3; display:none;}
					#gnbArea .gnbNavi_c li .last{left:-270px !important;}
					#gnbArea .gnbNavi_c li.on .depth2_c{display:block;}
						#gnbArea .gnbNavi_c li .depth2_c li{float:left; padding:0 10px;}
						#gnbArea .gnbNavi_c li .depth2_c a{font-size:12px; line-height:14px; color:#767676;}
							#gnbArea .gnbNavi_c li .depth2_c a:hover{color:#e73c42;}
						#gnbArea .gnbNavi_c li .depth2_c a.on{color:#e73c42;}

			#gnbArea .gnbBtn{width:142px; overflow:hidden; float:right; padding-top:6px;}
				#gnbArea .gnbBtn li{float:left; padding-left:8px;}

	#visualArea{width:100%; height:150px; overflow:hidden; font-size:0; line-height:0; clear:both;}

	#container{width:100%; padding-top:40px; overflow:hidden; font-size:0; line-height:0; clear:both;}
	*/

	/* lnb */
	#lnb {position:relative; float:left; width:190px; padding-bottom:100px;}
		/* #lnb h1{padding-bottom:25px;} */
		#lnb .depth2 {width:100%; border-top:1px solid #aeaeae; border-bottom:1px solid #aeaeae; overflow:hidden;}
		#lnb .depth2 ul {display:none;}
		#lnb .depth2 li {border-top:1px solid #dbdbdb; font-size:12px; line-height:14px; font-weight:bold; margin-bottom:0;}
		#lnb .depth2 li a {display:block; background:#fff url('/company/en/images/individual/common/ic/ic_lnb_2d.gif') no-repeat 172px 13px; padding:10px 0 8px 20px; width:170px;}
		#lnb .depth2 li a:link,
		#lnb .depth2 li a:active,
		#lnb .depth2 li a:visited,
		#lnb .depth2 li a:hover,
		#lnb .depth2 li a:focus {color:#545454; text-decoration:none;}
		#lnb .depth2 li.first {border-top:none;}

		#lnb .depth2 li.lnbTop{border-top:none !important;}
		#lnb .depth2 li.on{border-top:none;}
		#lnb .depth2 li.on a:link,
		#lnb .depth2 li.on a:active,
		#lnb .depth2 li.on a:visited,
		#lnb .depth2 li.on a:hover,
		#lnb .depth2 li.on a:focus {color:#fff; text-decoration:none; background:#ef7077 url('/company/en/images/individual/common/ic/ic_lnb_2d_on.gif') no-repeat 172px 13px;}


		#lnb .depth3 {width:150px; border-top:none; padding:5px 0 5px 20px;}
			#lnb .depth2 li .depth3 li {background:url('/company/en/images/individual/common/ic/ic_lnb_3d.gif') no-repeat 0 10px; border-top:none; padding:5px 0 6px 9px; font-size:12px; line-height:14px; font-weight:normal;}
			#lnb .depth2 li .depth3 li a {display:inline; background:none !important; padding:0 !important;}
			#lnb .depth2 li .depth3 li a:link,
			#lnb .depth2 li .depth3 li a:active,
			#lnb .depth2 li .depth3 li a:visited,
			#lnb .depth2 li .depth3 li a:hover,
			#lnb .depth2 li .depth3 li a:focus {color:#767676 !important; text-decoration:none;}

			#lnb .depth2 li .depth3 li.on {background:url('/company/en/images/individual/common/ic/ic_lnb_3d_on.gif') no-repeat 0 10px !important;}
			#lnb .depth2 li .depth3 li.on a:link,
			#lnb .depth2 li .depth3 li.on a:active,
			#lnb .depth2 li .depth3 li.on a:visited,
			#lnb .depth2 li .depth3 li.on a:hover,
			#lnb .depth2 li .depth3 li.on a:focus {color:#545454 !important; text-decoration:none;}


	#contents {float:right; width:750px; padding-bottom:100px; font-size:12px; line-height:18px; color:#767676;}
	#contents:after {content:" "; display:block; clear:both;}


	.conTitWr {position:relative; width:100%; padding-bottom:40px;}
	.conTitWr h2 {padding-top:3px; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ccc;}
	.conTitWr .location {width:100%; height:15px; overflow:hidden; position:absolute; right:0px; top:-27px; z-index:2;}
		.conTitWr .location ul {float:right;}
		.conTitWr .location li {float:left; background:url('/company/en/images/individual/common/ic/ic_path.gif') no-repeat left top; padding:0 5px 0 12px; font-size:11px; line-height:13px; color:#767676;}
			.conTitWr .location li.home {background:none; padding:0 5px 0 0;}
			.conTitWr .location a:link,
			.conTitWr .location a:visited,
			.conTitWr .location a:active,
			.conTitWr .location a:hover,
			.conTitWr .location a:focus {color:#767676; text-decoration:none;}
			.conTitWr .location li.last {padding-right:0; font-weight:bold;}


	/* footer
	#footer{width:980px; margin:0 auto; padding-bottom:29px; font-size:0; line-height:0; position:relative; z-index:1;}
		#footer .policy{width:100%; overflow:hidden;}
			#footer .policy li{float:left; background:url('/company/en/images/individual/common/footer/bg_guide_line.gif') no-repeat right 2px; margin-right:9px; padding-right:10px;}
			#footer .policy li.last{background:none; margin-right:0; padding-right:0;}
		.footerInfo{width:100%; overflow:hidden; clear:both;}
			.footerInfo ul {overflow:hidden; float:left; padding-top:9px;}
				.footerInfo ul li{float:left; background:url('/company/en/images/individual/common/footer/bg_policy_line.gif') no-repeat right 5px; margin-right:7px; padding-right:9px;}
				.footerInfo ul li.last{background:none; margin-right:0; padding-right:0;}
			.footerInfo .address{clear:both; width:100%;}
		.famiySite{position:absolute; right:0px; top:0px;  z-index:2;}
			.famiySite input{margin-left:5px;}

		.footLayer{width:100%; position:relative; z-index:3;}
			.footLayer img{margin:0; display:block;}
			.footLayer .layerCad{position:absolute; left:5px; top:-96px; z-index:99; display:none;}
				.footLayer .layerCad .layerCad_con{background:url('/company/en/images/main/layerCad_Top.png') no-repeat left top; width:126px; padding:10px 10px 0 10px;}
					.footLayer .layerCad .layerCad_scroll{width:126px; height:60px; overflow:hidden; overflow-y:auto;}
						.footLayer .layerCad .layerCad_scroll li{clear:both; width:100%; letter-spacing:-1px; padding-bottom:5px;}
							.footLayer .layerCad .layerCad_scroll li a{font-size:11px; line-height:14px; color:#fff; z-index:1;}

			.footLayer .layerFam{position:absolute; left:156px; top:-96px; z-index:99; display:none;}
				.footLayer .layerFam .layerFam_con{background:url('/company/en/images/main/layerCad_Top.png') no-repeat left top; width:126px; padding:10px 10px 0 10px;}
					.footLayer .layerFam .layerFam_scroll{width:126px; height:60px; overflow:hidden; overflow-y:auto;}
						.footLayer .layerFam .layerFam_scroll li{clear:both; width:100%; letter-spacing:-1px; padding-bottom:5px;}
							.footLayer .layerFam .layerFam_scroll li a{font-size:11px; line-height:14px; color:#fff; z-index:1;}
	 */
/*[e] 서브 레이아웃 */


/*[s] 회사소개 스타일 */
	/* CEO 메시지 */
	.ceoArea{width:100%; overflow:hidden;}
	.ceoArea .ceoText {padding:60px 0 0 30px; font-size:14px;}
	

	/* 경영진소개 */
	.directorsArea{width:100%; overflow:hidden;}
	.directorsArea:after {content:" "; display:block; clear:both;}

		.directorsArea .directorsView {width:323px; padding:0px; float:left; background:url('/company/en/images/company/directorsBg.gif') no-repeat left top; position:relative; z-index:1;}
			.directorsArea .bgBig {width:390px; padding:0px; float:left; background:url('/company/en/images/company/directorsBg1.gif') no-repeat left top; position:relative; z-index:2;}

			.directorsArea .dv_con{display:none;}
			.directorsArea .directorsName{position:absolute; left:31px; top:31px; z-index:2;}
				.directorsArea .directorsName strong{color:#545454;}
			.directorsArea .directorsPhoto{padding:10px 10px 0 10px;}
			.directorsArea .directorsProfil{font-size:13px; line-height:21px; color:#545454; padding:20px 0 15px 15px; border-left:1px solid #ececec; border-right:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; background-color:#f1f2f4}
				.directorsArea .directorsProfil li {position:relative; z-index:1; line-height:21px;}
				.directorsArea .directorsProfil span:first-child {color:#6e6e6e; display:inline-block; width:55px;}
		.directorsArea .directorsImg{width:427px; float:left; font-size:0; line-height:0;}
			.directorsArea .directorsImg li{padding-bottom:5px; width:100%; overflow:hidden; }
			.directorsArea .directorsImg a{margin-left:5px; float:left; display:inline;}
			.directorsArea .directorsImg img{width:66px; height:101px; display:block;}


	/* 서비스소개 */
	.serviceArea{width:100%; overflow:hidden; padding-top:30px;}
	.serviceArea:after {content:" "; display:block; clear:both;}
		.serviceBox{width:100%; background:url('/company/en/images/business/service_box_top.gif') no-repeat left top;}
			.serviceBox .serviceCon{width:708px; padding:21px 21px 18px; overflow:hidden; background:url('/company/en/images/business/service_box_btm.gif') no-repeat left bottom;}
				.serviceBox .serviceCon .serviceLayout{width:100%; overflow:hidden;}
					.serviceBox .serviceCon .serviceLayout li.service_img{width:115px; float:left; overflow:hidden; text-align:center;}
					.serviceBox .serviceCon .serviceLayout li.service_con{width:593px; float:right; overflow:hidden; font-size:11px;}
						.serviceBox .serviceCon .serviceLayout li.service_con .bold_blue{color:#397caa; font-weight:bold; margin-top:7px;}


	/* 사업비젼 */
	.visionArea{width:100%; overflow:hidden; position:relative; z-index:1;}
	.visionArea:after {content:" "; display:block; clear:both;}

		.visionArea .visionBox01{position:absolute; left:50%; top:0px; z-index:2; margin-left:-177px;}
		.visionArea .visionBox02{width:100%; height:360px; text-align:center; position:relative; z-index:1;}
			.visionArea .visionBox02 .visionBox02_1{width:185px; position:absolute; left:0px; top:156px; z-index:2; text-align:left; font-size:11px; }
			.visionArea .visionBox02 .visionBox02_2{width:330px; position:absolute; left:374px; top:271px; z-index:2; text-align:left; font-size:11px;}
			.visionArea .visionBox02 .visionBox02_3{width:180px; position:absolute; left:595px; top:156px; z-index:2; text-align:left; font-size:11px;}

		.visionArea .visionBox03{width:100%; text-align:center; position:relative; z-index:1;}
			.visionArea .visionBox03 ul{width:100%; overflow:hidden;}
				.visionArea .visionBox03 ul li{float:left; width:187px;}

	.visionBcsc {height:100%; position:absolute; top:140px; left:0; z-index:2;}
	.visionBcsc:after {clear:both; display:block; content:"";}
	.visionBcscTwb {float:left; padding-right:30px;}
	.visionBcscCsc {float:right;}
		.visionBcscBox {padding:17px 20px 15px 20px;}
		.visionBcscBox .visionBoxTit {padding-bottom:5px; font-size:11px; color:#545454; font-weight:bold; border-bottom:1px solid #769ECF;}
		.visionBcscBox .visionBoxTxt {margin-top:15px; text-align:left;}
					   .visionBoxTxt li { padding-left:11px; background:url('/company/en/images/individual/common/ic/bu_bar_8e.gif') no-repeat left 7px;}



	/* 오시는길 - 본사안내 */
	.locationMap{width:100%;}
		.locationMap img{display:block; border:1px solid #e7e7e7;}

	.locationJuso{width:100%; overflow:hidden; margin-top:20px;}
		.locationJuso dt{margin-bottom:15px; color:#545454;}
		.locationJuso dd{font-size:11px; position:relative; z-index:1; padding-left:77px; width:268px;}
		.locationJuso dd span{position:absolute; left:0px; top:0px; z-index:2; display:block;}

	/* 오시는길 - 센터안내 */
	.centerCon{padding-top:30px; width:100%; overflow:hidden;}
		.centerCon .centerTit{padding-bottom:15px; font-size:14px; line-height:14px; color:#545454;}
		.centerCon .centerMAp{width:100%; overflow:hidden;}
			.centerCon .centerMAp .mapImg{width:367px; float:left; overflow:hidden;}
				.centerCon .centerMAp .mapImg img{display:block; border:1px solid #e7e7e7;}
			.centerCon .centerMAp .mapJuso{width:360px; float:right; overflow:hidden;}
				.centerCon .centerMAp .mapJuso dl{width:100%; padding:10px 0 7px; overflow:hidden; background:url("/en/images/individual/common/ic/bu_line.gif") repeat-x left bottom;}
				.centerCon .centerMAp .mapJuso dl.first{padding-top:0;}
					.centerCon .centerMAp .mapJuso dt{margin-bottom:10px; color:#545454; line-height:14px;}
					.centerCon .centerMAp .mapJuso dd{font-size:11px; position:relative; z-index:1; padding-left:57px; width:303px;}
					.centerCon .centerMAp .mapJuso dd span{position:absolute; left:0px; top:0px; z-index:2; display:block;}
/*[e] 회사소개 스타일 */


/*[s] 사이버 스타일 */
	/* 연혁 */
	.historyArea{width:100%; overflow:hidden; margin-top:30px;}
	.historyArea:after {content:" "; display:block; clear:both;}
		.historyArea .historyBox{width:750px; min-height:550px; background:url('/company/en/images/company/history_box_top.gif') no-repeat left top;}

		.historyArea .historyCon{width:100%; padding-top:40px; overflow:hidden; clear:both; font-size:0; line-height:0;}
			.historyArea .historyCon .history_year{width:113px; padding-left:35px; float:left; overflow:hidden;}
			.historyArea .historyCon .history_con{width:580px; float:left; overflow:hidden;}
				.historyArea .historyCon .history_con dl{width:580px; overflow:hidden; font-size:12px; line-height:18px; color:#666; padding-bottom:15px;}
				.historyArea .historyCon .history_con dt{padding:0 0 0 60px; width:520px; position:relative; z-index:1;}
				.historyArea .historyCon .history_con dt.historyClick{cursor:pointer;}
					.historyArea .historyCon .history_con dt strong{position:absolute; left:10px; top:0px; z-index:2; display:block;}
				.historyArea .historyCon .history_con dt.on{padding:0 0 7px 66px; width:514px; position:relative; z-index:1; font-size:14px; color:#545454; font-weight:bold; letter-spacing:-1px;}
					.historyArea .historyCon .history_con dt.on strong{position:absolute; left:10px; top:0px; z-index:2; display:block;}

				.historyArea .historyCon .history_con dd{margin:0px 0 12px; width:351px; min-height:150px; border:1px solid #e7e7e7; background-color:#fff; padding:20px 20px 17px 207px; position:relative; z-index:1; text-align:justify; font-size:11px; display:none;}
					.historyArea .historyCon .history_con dd span.imgBox{position:absolute; left:21px; top:21px; z-index:2; display:block;}

	/* 로고타입 */
p.logotypeImg {text-align:center;}
	.logotypeImg{width:100%; overflow:hidden; font-size:0; line-height:0;}
		.logotypeImg li{width:187px; float:left; overflow:hidden; text-align:center;}
		.logotypeImg li img{display:block; margin:0 auto;}

	/* 컬러타입 */
	.colorType{width:100%; overflow:hidden;}
		.colorType li.boxType{width:198px; height:131px; padding:20px 21px; float:left; display:inline; background:url("/en/images/cyber/colorBg.gif") no-repeat left top; overflow:hidden;}
		.colorType .subType{width:200px; margin-left:-2px; overflow:hidden;}
			.colorType .subType li{width:98px; padding-left:2px; overflow:hidden; float:left;}
		.colorType .colorTit{color:#545454; font-size:12px; line-height:14px;}
		.colorType .colorText{font-size:11px; line-height:18px; color:#767676;}

	/* ci 변천사 */
	.ciTop{width:515px; padding:0 0 30px 235px; overflow:hidden; position:relative; z-index:1; min-height:220px;}
		.ciTop img{position:absolute; left:0px; top:0px; z-index:2; display:block;}

	.ciHistory{width:100%; overflow:hidden;}
		.ciHistory ul{width:807px; margin-left:-56px; overflow:hidden;}
			.ciHistory li{width:145px; padding-left:56px; overflow:hidden; float:left; background:url("/en/images/cyber/ci_arr_red.gif") no-repeat 24px 64px;}

/*[e] 사이버 스타일 */





/*[s] ETC 스타일 */
#sitemap{width:100%; padding:40px 0 100px; overflow:hidden; font-size:0; line-height:0; clear:both;}
.siteMapArea{width:100%; overflow:hidden;}
.siteMapArea > ul{width:990px; margin-left:-10px; overflow:hidden; font-size:0; line-height:0;}
.siteMapArea > ul > li{width:320px; overflow:hidden; float:left; padding-left:10px;}
.siteMapArea .siteMapBox{width:100%; height:275px; background:url('/company/en/images/etc/siteMapBg.gif') no-repeat left top;}
.siteMapArea .siteMapBox h2{width:280px; height:34px; margin:0 20px; padding-top:20px; border-bottom:1px solid #ececec;}
.siteMapArea .depth01_m{width:280px; margin:10px 20px 0;}
.siteMapArea .depth01_m > li{width:100%; padding:0; clear:both; margin-top:6px; padding-left:8px; background:url('/company/en/images/etc/sitemapBul01.gif') no-repeat left 6px; line-height:18px;}
.siteMapArea .depth01_m li a{display:block; font-size:12px; color:#545454; z-index:1;}

.siteMapArea .depth01_m .depth02_m{width:145px; margin-left:0;}
.siteMapArea .depth01_m .depth02_m li {width:100%; margin-top:4px; line-height:18px;}
.siteMapArea .depth01_m .depth02_m a {background:url('/company/en/images/etc/sitemapBul02.gif') no-repeat left center; padding-left:7px; font-size:11px; color:#767676; z-index:1;}

/*[e] ETC 스타일 */

/*
position:relative; z-index:1;
position:absolute; right:0px; top:0px; z-index:2;
*/

/*[s] 공통 스타일 */
	h3.title_h3{color:#545454; font-size:12px; line-height:14px;}

	/* tab style */
	.tab01 {position:relative; width:100%; background:url('/company/en/images/individual/common/bg/bg_tab_01_line.gif') repeat-x left bottom;}
	.tab01:after {content:" "; display:block; clear:both;}
	.tab01 ul {margin-left:1px;}
	.tab01 li {float:left; height:31px; background:url('/company/en/images/individual/common/bg/tab_01_r.gif') no-repeat right top;  margin-left:-1px; /*margin-right:1px;*/ font-size:11px; line-height:13px;}
		.tab01 li a {display:inline-block; height:21px; padding:10px 15px 0; background:url('/company/en/images/individual/common/bg/tab_01_l.gif') no-repeat left top; color:#6f6f6f;}
		.tab01 li.on a{padding:10px 17px 0;}
		.tab01.tab02 li a{padding:10px 13px 0;}
		.tab01 li a:hover, .tab01 li a:focus {text-decoration:none;}
	.tab01 li.on {position:relative; background:url('/company/en/images/individual/common/bg/tab_01_r_on.gif') no-repeat right top;}
		.tab01 li.on a {background:url('/company/en/images/individual/common/bg/tab_01_l_on.gif') no-repeat left top; color:#545454; font-weight:bold; letter-spacing:-1px;}
		.tab01 li a.en {padding:10px 6px 0 !important; letter-spacing: -1px !important;}

	.tab01 .counsel {position:absolute; top:9px; right:0; background:url('/company/en/images/individual/common/ic/ic_arr_red.gif') no-repeat 0 2px; padding-left:10px; font-size:11px; line-height:14px;}

	.ls1Tab li {letter-spacing:-1px !important;}

	.tab01 li ul {position:absolute; top:45px; left:0;}
		.tab01 li ul li {float:left; height:auto; background:url('/company/en/images/individual/common/bg/bg_tab_2dapth_line.gif') no-repeat 0 1px !important;  margin-left:0; padding:0 13px; font-size:11px; line-height:13px;}
		.tab01 li ul li.first {background:none !important; padding-left:0;}
		.tab01 li ul li a {display:inline !important; padding:0 !important; background:none !important; letter-spacing:0 !important;}
		.tab01 li ul li.on {background:none; font-weight:bold;}
		.tab01 li ul li.on a {color:#6f6f6f;}

		.tab01 li.on ul li {float:left; height:auto; background:url('/company/en/images/individual/common/bg/bg_tab_2dapth_line.gif') no-repeat 0 1px !important;  margin-left:0; padding:0 13px; font-size:11px; line-height:13px;}
		.tab01 li.on ul li.first {background:none !important; padding-left:0;}
		.tab01 li.on ul li a {display:inline !important; padding:0 !important; background:none !important; font-weight:normal;color:#6f6f6f !important; letter-spacing:0 !important;}
		.tab01 li.on ul li.on {background:none;color:#3b64b2 !important;}
		.tab01 li.on ul li.on a {color:#3b64b2 !important; font-weight:bold;}

	/* list style */
	ul.tbEmphasis {}
		ul.tbEmphasis li {background:url('/company/en/images/individual/common/ic/bu_sq_333.gif') no-repeat 0 7px; padding-left:8px; line-height:16px; color:#545454;}
	p.tbEmphasis {background:url('/company/en/images/individual/common/ic/bu_sq_333.gif') no-repeat 0 7px; padding-left:8px; line-height:16px; color:#545454;}

	ul.caution01 {}
		ul.caution01 li {background:url('/company/en/images/individual/common/ic/bu_sq_d3.gif') no-repeat 0 5px; margin-bottom:4px; padding-left:8px; font-size:11px; line-height:14px;}
		ul.caution01 li ol li {background:none; margin-bottom:0; padding-left:0;}
		ul.caution01 li ul li {background:none; margin-bottom:0; padding-left:0;}
	p.caution01 {background:url('/company/en/images/individual/common/ic/bu_sq_d3.gif') no-repeat 0 5px; margin-bottom:4px; padding-left:8px; font-size:11px; line-height:14px;}

		ul.caution01 .cautionNum{padding-left:0; background:none;}
		ul.caution01 .cautionNum ol li{padding-left:0; background:none;}

	.cautionBox01 ul.caution01 li {background:url('/company/en/images/individual/common/ic/bu_sq_d3.gif') no-repeat 0 6px; margin-bottom:0; line-height:18px;}
		.cautionBox01 ul.caution01 li.last {background:none;}

	ul.caution02 {}
		ul.caution02 li {background:url('/company/en/images/individual/common/ic/bu_sq_6f.gif') no-repeat 0 5px; margin-bottom:4px; padding-left:8px; font-size:11px; line-height:14px;}

	ul.caution03 {}
		ul.caution03 li {background:url('/company/en/images/individual/common/ic/bu_sq_d3.gif') no-repeat 0 5px; margin-bottom:4px; padding-left:8px; font-size:12px; line-height:16px;}

	ul.infoTxt {}
		ul.infoTxt li {margin-bottom:4px; font-size:11px; line-height:14px;}

	dl.tblDlList01 dt {margin:0 0 3px 0; font-weight:bold;}
		dl.tblDlList01 dd {background:url('/company/en/images/individual/common/ic/bu_sq_333.gif') no-repeat 0 7px; padding-left:7px; line-height:16px;}

	ul.tbLi01 {}
		ul.tbLi01 li {background:url('/company/en/images/individual/common/ic/bu_sq_6d.gif') no-repeat 0 6px; padding-left:7px; font-size:12px; line-height:16px;}
	p.tbLi01 {background:url('/company/en/images/individual/common/ic/bu_sq_6d.gif') no-repeat 0 6px; padding-left:7px; font-size:12px; line-height:16px;}

	ul.tbLi02 {}
		ul.tbLi02 li {background:url('/company/en/images/individual/common/ic/bu_sq_6d.gif') no-repeat 0 5px; padding-left:7px; font-size:12px; line-height:14px;}
	p.tbLi02 {background:url('/company/en/images/individual/common/ic/bu_sq_6d.gif') no-repeat 0 5px; padding-left:7px; font-size:12px; line-height:14px;}

	ul.liFl {width:100%; overflow:hidden;}
		ul.liFl li {float:left;}

	p.desc{margin-top:18px; line-height:15px;}

	 p.bu02 {background:url('/company/en/images/individual/common/ic/bu_bar_8e.gif') no-repeat left 6px; margin-top:4px; padding-left:11px; line-height:19px;}

	.bu01{}
		.bu01 li{background:url('/company/en/images/individual/common/ic/bu_cir_7b.gif') no-repeat left 5px; margin-top:4px; padding-left:11px; line-height:18px;}
		p.bu01 {background:url('/company/en/images/individual/common/ic/bu_cir_7b.gif') no-repeat left 7px; padding-top:0; padding-left:11px; line-height:18px;}

	.bu02{}
		.bu02 li{background:url('/company/en/images/individual/common/ic/bu_bar_8e.gif') no-repeat left 6px; margin-top:6px; padding-left:11px; line-height:15px;}

	.bu03{}
		.bu03 li{background:url('/company/en/images/individual/common/ic/bu_sq_c7.gif') no-repeat left 5px; margin-top:6px; padding-left:11px; line-height:15px;}
	p.bu03{background:url('/company/en/images/individual/common/ic/bu_sq_c7.gif') no-repeat left 5px; padding-left:11px; line-height:15px;}

	.bu04{}
		.bu04 li{background:url('/company/en/images/individual/common/ic/bu_bar_76.gif') no-repeat left 7px; margin-top:5px; padding-left:11px; line-height:15px; font-size:11px;}
	p.bu04{background:url('/company/en/images/individual/common/ic/bu_bar_76.gif') no-repeat left 5px; padding-left:11px; line-height:15px;}

	.bu05{}
		.bu05 li{background:url('/company/en/images/individual/common/ic/bu_sq_c7.gif') no-repeat left 5px; margin-top:5px; padding-left:11px; font-size:11px; line-height:13px;}

	.bu06{}
		.bu06 li{background:url('/company/en/images/individual/common/ic/bu_sq_c68.gif') no-repeat left 5px; margin-top:6px; padding-left:9px; line-height:15px;}
	p.bu06{background:url('/company/en/images/individual/common/ic/bu_sq_c68.gif') no-repeat left 5px; padding-left:9px; line-height:15px;}

	ol.lisyNum{list-style-position:outside; list-style-type:decimal; margin-left:18px;}
		ol.lisyNum p{margin:7px 0 0 -3px; line-height:18px;}


/* box design */
.box01_750{background:url('/company/en/images/individual/common/bg/box_750_top.gif') no-repeat left top; width:750px;}
.box01_750 .box01_750_con{padding:15px 20px; background:url('/company/en/images/individual/common/bg/box_750_btm.gif') no-repeat left bottom;}

.box01_365{background:url('/company/en/images/individual/common/bg/box_365_top.gif') no-repeat left top; width:365px;}
.box01_365 .box01_365_con{padding:15px 20px; background:url('/company/en/images/individual/common/bg/box_365_btm.gif') no-repeat left bottom;}

/* 2018-07-27 추가 */
.box02_750{width:750px; border:1px solid #cbcbcb; box-sizing:border-box;}
.box02_750 .box02_750_con{padding:0 20px 15px 20px;}
.box02_750 .box02_750_con dd{width:auto;}

/*[e] 공통 스타일 */

/* 2015 리뉴얼 lnb */
#lnb h1 {padding:0 0 5px 0;}
#lnb .depth2 {border-bottom: 4px solid #ccc;border-top:none;}
#lnb .depth2 li {font-size:14px; line-height:15px; font-weight:normal; margin-bottom:0;font-family:'RixGoM';}
#lnb .depth2>li.lnbTop {border-top:1px solid #ccc !important;}
#lnb .depth2>li {border-top:1px solid #ccc !important;}
#lnb .depth2>li:first-child {border-top:none !important;}
#lnb .depth2 li>a {display:block; padding:15px 15px;background:url('/images/individual/common/lnb/bg_lnb_off1.gif') no-repeat 169px 17px;width:auto;}
#lnb .depth2 li.on>a:link, 
#lnb .depth2 li.on>a:active, 
#lnb .depth2 li.on>a:visited, 
#lnb .depth2 li.on>a:hover, 
#lnb .depth2 li.on>a:focus {background:url('/images/individual/common/lnb/bg_lnb_on1.gif') no-repeat 169px 22px;color:#d0484e;}

#lnb .depth3 {padding:10px 0 10px 0;border-top: 1px solid #ccc;background:#fafafa;width:190px;}
#lnb .depth2 li .depth3>li {width:auto; border-top:none; font-size:12px; line-height:14px; font-weight:normal; font-family:'RixGoM'; background:transparent; padding:9px 0 9px 25px;}
#lnb .depth2 li .depth3>li>a {background:url('/images/individual/common/lnb/bg_lnb_off2.gif') no-repeat 178px 14px; padding:9px 25px;}
#lnb .depth2 li .depth3>li>a:link, 
#lnb .depth2 li .depth3>li>a:active, 
#lnb .depth2 li .depth3>li>a:visited, 
#lnb .depth2 li .depth3>li>a:hover, 
#lnb .depth2 li .depth3>li>a:focus {color:#242424;border-top:none;}
#lnb .depth2 li .depth3>li.on,
#lnb .depth2 li .depth3>li.on>a:link, 
#lnb .depth2 li .depth3>li.on>a:active, 
#lnb .depth2 li .depth3>li.on>a:visited, 
#lnb .depth2 li .depth3>li.on>a:hover, 
#lnb .depth2 li .depth3>li.on>a:focus {color:#fff !important;background:#595757 !important;}

#lnb .depth4 {width: 165px;border-top: none;padding: 2px 0 5px 35px;}
#lnb .depth2 li .depth3 li .depth4 li {background: transparent;padding:5px 0;font-family:'RixGoM';font-size:12px;}
#lnb .depth2 li .depth3 li .depth4 li.on {background: transparent !important;}
#lnb .depth2 li .depth3 li .depth4 li a:link, 
#lnb .depth2 li .depth3 li .depth4 li a:active, 
#lnb .depth2 li .depth3 li .depth4 li a:visited, 
#lnb .depth2 li .depth3 li .depth4 li a:hover, 
#lnb .depth2 li .depth3 li .depth4 li a:focus {color:#666 !important;}

#lnb .depth2 li .depth3 li .depth4 li.on a:link, 
#lnb .depth2 li .depth3 li .depth4 li.on a:active, 
#lnb .depth2 li .depth3 li .depth4 li.on a:visited, 
#lnb .depth2 li .depth3 li .depth4 li.on a:hover, 
#lnb .depth2 li .depth3 li .depth4 li.on a:focus {color:#e83d44 !important;}

/* 수상 */
.awardedArea{width:100%; overflow:hidden; margin-top:30px;}
.awardedArea:after {content:" "; display:block; clear:both;}
.awardedArea .awardedCon{width:334px; float:left; overflow:hidden; background:url('/images/company/cyber/awarded_box_top.gif') no-repeat left top;}
.awardedArea .awardedCon .awardedConBg{width:332px; padding:20px 1px 1px; overflow:hidden; background:url('/images/company/cyber/awarded_box_btm.gif') no-repeat left bottom; display:none;}
.awardedArea .awardedCon .awardedConBg .awardedTitle{padding:0 20px; min-height:74px;}
.awardedArea .awardedCon .awardedConBg .awardedTitle dt{color:#545454;}
.awardedArea .awardedCon .awardedConBg .awardedTitle dt,
.awardedArea .awardedCon .awardedConBg .awardedTitle dd{letter-spacing:-1px;}
.awardedArea .awardedCon .awardedConBg .awardedImg{padding:0 5px;}
.awardedArea .awardedCon .awardedConBg .awardedImg img{width:322px; height:274px; display:hidden;}
.awardedArea .awardedCon .awardedConBg .awardedText{border-top:1px solid #ececec; padding:15px 15px 12px 20px; background-color:#f1f2f4; min-height:126px;}
.awardedArea .awardedCon .awardedConBg .awardedText.min110 {min-height:110px;}

.awardedArea .awardedThumb{width:411px; float:right; overflow:hidden;}
.awardedArea .awardedThumb ul{width:100%; overflow:hidden; font-size:0; line-height:0; margin-top:-5px;}
.awardedArea .awardedThumb li{width:132px; height:171px; overflow:hidden; float:left; padding:5px 5px 0 0; background:url("/images/company/cyber/awarded_box_bg.gif") no-repeat left 5px; text-align:center;}
.awardedArea .awardedThumb li.noImg{background:url("/images/company/cyber/aw_noImg.gif") no-repeat left 5px;}

.awardedArea .awardedThumb .awardedT_box{width:100%; cursor:pointer;}
.awardedArea .awardedThumb .awardedT_box dt{padding:6px 6px 5px 6px;}
.awardedArea .awardedThumb .awardedT_box dt img{width:120px; height:73px; display:block;}
.awardedArea .awardedThumb .awardedT_box dd{padding:10px 5px 7px; font-size:11px; line-height:14px; letter-spacing: -1px;}


/* 보도자료 */
#bodo_wrap .tit_wrap .bu04 li {font-size:12px;}

/* 서비스 */
.serviceArea{overflow:hidden; width:100%; margin-top:30px;}
.serviceArea:after {content:" "; display:block; clear:both;}
.serviceArea .serviceCon{width: 100%; height:300px; padding: 30px; box-sizing: border-box; border: 1px solid #cbcbcb;}
.serviceArea .serviceCon .serviceConBg{overflow:hidden; display:none;}
.serviceArea .serviceCon .serviceConBg .serviceImg{float:left; width:217px;}
.serviceArea .serviceCon .serviceConBg .serviceImg img{display:hidden;}
.serviceArea .serviceCon .serviceConBg .serviceText{float: right; width: 440px; font-size: 15px; line-height: 19px;}
.serviceArea .serviceCon .serviceConBg .awardedText.min110 {min-height:110px;}

.serviceArea .serviceThumb{overflow:hidden;}
.serviceArea .serviceThumb ul.serviceList.col2{overflow:hidden; font-size:0; line-height:0; margin-left:-20px;}
.serviceArea .serviceThumb ul.serviceList.col2 > li{overflow:hidden; float:left; width: 365px; min-height:250px; margin:20px 0 0 20px;}
.serviceArea .serviceThumb ul.serviceList.col3{overflow:hidden; font-size:0; line-height:0; margin-left:-20px;}
.serviceArea .serviceThumb ul.serviceList.col3 > li{overflow:hidden; float:left; width: 237px; margin:20px 0 0 20px;}
.serviceArea .serviceThumb ul.serviceList.col3 > li:last-child{width: 236px;}

.serviceArea .serviceThumb .serviceT_box{width:100%; cursor:pointer;}
.serviceArea .serviceThumb .serviceT_box dt img{width:100%; display:block;}
.serviceArea .serviceThumb .serviceT_box dd{height:80px; padding:20px; border:1px solid #cbcbcb; border-top:0 none;}
.serviceArea .serviceThumb ul.serviceList.col3 .serviceT_box dd{height:198px; padding:20px; border:1px solid #cbcbcb; border-top:0 none;}
.serviceArea .serviceThumb .serviceT_box dd li{padding-left:11px; background:url("/company/en/images/etc/sitemapBul01.gif") no-repeat left 8px; font-size:14px; line-height:20px; letter-spacing: 0;}