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

/* skipNav */
#skipNav a{display:block;overflow:hidden;height:0;line-height:24px;text-align:center;background:#000;color:#fff;}
#skipNav a:focus{height:auto;}

/* reset css */
html,body{margin:0;padding:0;height:100%;}
body{font:13px/1.6 "Malgun Gothic", "돋움", Dotum, "굴림", Gulim, sans-serif;color:#767676; background-color:#fff; letter-spacing:-0.5px;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tbody,tfoot,thead,th,td{margin:0;padding:0;}
input,textarea,select,td,th,button{font:13px/21px "Malgun Gothic", "돋움", Dotum, "굴림", Gulim, Arial, sans-serif;color:#767676;vertical-align:middle; letter-spacing:-0.5px;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
table{table-layout:fixed;width:100%;border-spacing:0;border-collapse:collapse;}
ol,ul,li{list-style:none;}
hr, legend, caption, .skip{position:absolute;overflow:hidden;line-height:0.01%;font-size:0.01%;width:0;height:0;}
img,fieldset{border:0 none;vertical-align:middle;}
label,button{cursor:pointer;}
em,address{font-style:normal;}
a{color:#767676;text-decoration:none; vertical-align:middle;}

/* Input */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"]{height:16px;padding:2px 0 1px;border:1px solid #cfcfcf;line-height:16px;text-indent:5px;}
input[type="radio"],
input[type="checkbox"]{width:13px;height:13px; vertical-align:middle;}
input[type="file"]{border:1px solid #cfcfcf;background:#fff;}
textarea{overflow:auto;overflow-x:hidden;border:1px solid #cfcfcf;background:#fff;resize:none;}
select{border:1px solid #cfcfcf;}

/* Button */
button{overflow:visible;margin:0;padding:0;border:0;background:none;white-space:nowrap;cursor:pointer;}
button::-moz-focus-inner{padding:0;border:0;}
button span{position:relative;}

/* Layout */
#wrap{height:100%;}
#main #wrap{width:100%; height:100%;}
#header{}

#container{width:1000px; padding:83px 0 100px; margin:0 auto;}
#container.full_gallery{width:auto; height:100%; padding:0;  margin:0 80px;}
#container.full_gallery h2{display:none;}
#container.customerContainer{width:1400px;}
#container h2{padding:0 0 25px; text-align:center; font-size:30px; color:#000;}
#container h2 em{font-size:13px; color:#666;}
#container h2 img{margin-bottom:12px;}
#footer{}
#quickLeft{position:fixed; left:8px; top:147px; z-index:100}
#quickLeft ul{}
#quickLeft ul li{}
#quickLeft ul li a.btnBack{display:none;}
#quickLeft ul li.menu{position:relative;}
#quickLeft ul li ul{position:absolute; left:0; top:48px; display:none;}
#quickLeft ul li ul li{/*border-top:1px solid #000;*/}
#quickLeft ul li ul li a{display:block; background:#333; /*border-top:1px solid #484848;*/ position:relative;}
#quickLeft ul li ul li a span{white-space:nowrap; height:26px; margin-top:-12px; padding:0 10px; position:absolute; display:inline-block; left:50px; top:50%; background:#999; font-size:12px; line-height:26px; color:#fff; opacity:0; filter:alpha(opacity=0);}

#quickRight{position:fixed; right:8px; top:147px; z-index:100;}
#quickRight ul li{/*border-top:1px solid #000;*/}
#quickRight ul li.menu{position:relative;}
#quickRight ul li ul{position:absolute; left:0; top:48px; display:none;}
#quickRight ul li ul li{/*border-top:1px solid #000;*/}
#quickRight ul li ul li a{display:block; background:#2a2a2a; /*border-top:1px solid #484848;*/}

#crossWrap{width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden;}
#crossWrap .crossBox{width:50%; height:100%; position:absolute; top:0; overflow:hidden;}
#crossWrap .crossBox.posLeft{left:0;}
#crossWrap .crossBox.posRight{right:0;}
#crossWrap .crossBox .inner{width:100%; position:absolute; left:0; top:0;}
#crossWrap .crossBox .items{width:100%; height:300px; background:url('../image/sub/item01.jpg') no-repeat center center; background-size:cover; position:relative; overflow:hidden;}
#crossWrap .crossBox .items .dim{background:#07141f; opacity:0.6; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1;}
#crossWrap .crossBox .items .name{padding:140px 0 0 8.7%; font-size:20px; color:#fff; text-shadow:#333 2px 2px 1px; position:relative; z-index:2}
#crossWrap .crossBox .items a .name{color:#fff;}
#crossWrap .crossBox .items a > ul{display:none}

.crossView{}
.crossView li{}
.crossView .photoInfo{width:50%; height:100%; position:absolute; left:0; top:-100%; z-index:10; overflow:hidden; background:#fff;}
.crossView .photoInfo ul{width:10000%; height:100%; position:absolute; left:0; top:0; overflow:hidden;}
.crossView .photoInfo ul li{width:1%; height:100%; float:left; background:url('../image/sub/view01.jpg') no-repeat center center; background-size:cover;}
.crossView .photoInfo .displayTable{height:100%;}
.crossView .photoInfo .td{height:100%; vertical-align:middle;}
.crossView .photoInfo .name{width:70%; padding:0 8%; font-size:30px; color:#fff; text-shadow:#333 2px 2px 1px;}
.crossView .photoInfo .name em{margin-top:7px; display:inline-block; font-size:22px;}
.crossView .photoInfo .ico{text-align:left;}
.crossView .contInfo{width:50%; height:100%; position:absolute; right:0; top:100%; z-index:10; background:#0c1e2a; overflow:hidden;}
.crossView .contInfo ul{width:100%; height:100%; position:absolute; left:0; top:0;}
.crossView .contInfo ul li{width:100%; height:100%;}
.crossView .contInfo .displayTable{width:100%; height:100%;}
.crossView .contInfo .td{height:100%; padding:0 5%; text-align:center; vertical-align:middle;}
.crossView .contInfo strong{margin-bottom:20px; display:inline-block; font-size:24px; line-height:36px; font-weight:100; color:#fff;}
.crossView .contInfo .cont{max-width:466px; margin:0 auto; font-size:14px; line-height:24px; color:#fff; opacity:0.6; text-align:center;}
.crossView .contInfo .nav a{width:42px; height:22px; display:inline-block; margin-left:-21px; position:absolute; left:50%; z-index:11; overflow:hidden; background-size:100% 100% !important;}
.crossView .contInfo .nav a.prv{width:42px; height:22px; top:100px; background:url('../image/sub/nav_prv.png') no-repeat;}
.crossView .contInfo .nav a.prv.hover{background:url('../image/sub/nav_ico01.png') no-repeat;}
.crossView .contInfo .nav a.next{bottom:100px; background:url('../image/sub/nav_next.png') no-repeat;}
.crossView .contInfo .nav a.next.hover{width:42px; height:22px; background:url('../image/sub/nav_ico01.png') no-repeat;}

.displayTable{width:100%; display:table; table-layout:fixed; border-spacing:0; border-collapse:collapse;}
.tr{display:table-row;}
.td{display:table-cell;}

/* main */
#mainContainer{overflow:hidden; width:100%; height:100%; position:relative;}
.mvWrap{}
.mvList{}
.mvList ul li{width:100%; height:100%; position:absolute; left:0; top:0; z-index:0; background-repeat:no-repeat; background-size:cover; background-position:center top; display:none;}
.mvList ul li:first-child{display:block; z-index:1;}
.mvWrap .controller{width:100%; text-align:center; position:absolute; left:0; bottom:109px; font-size:0; z-index:4;}
.mvWrap .controller button{margin:0 3px;}
.mvWrap .controller button span{width:10px; height:10px; display:block; background:url('../image/main/controller_bg.png') no-repeat; text-indent:-9999px;}
.mvWrap .controller button.active span{background-position:0 -10px;}

.explode-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform:matrix(1, 0, 0, 1, 0, 0);
  z-index:2;
}
.explode-wrapper .wrapper {
  position: absolute;
  display: block;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
}
.explode-wrapper ul {
  position: relative;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}
.explode-wrapper li {
  padding: 0;
  margin: 0;
  cursor: pointer;
  position: relative;
}
.explode-wrapper li > a{display:block;}
.explode-wrapper li .active-img {
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.explode-wrapper li .hover-img {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.explode-wrapper li:hover .hover-img {
  opacity: 1;
}
.explode-wrapper li:hover .active-img {
  opacity: 0;
}
.explode-wrapper .tooltip-icon {
  top: 10px;
  left: 10px;
}

/*
.explode-wrapper li.ver1{left:-90px !important;top:50px !important;}
.explode-wrapper li.ver2{left:80px !important;top:-180px !important;}
.explode-wrapper li.ver3{left:230px !important;top:30px !important;}
.explode-wrapper li.ver4{left:-380px !important;top:-200px !important;}
*/

.explode-wrapper li.ver1{left:-210px !important;top:-180px !important;} /* COMPANY */
.explode-wrapper li.ver2{left:-185px !important;top:50px !important;} /* PRODUCT */
.explode-wrapper li.ver3{left:160px !important;top:-180px !important;} /* GALLERY */
.explode-wrapper li.ver4{left:178px !important;top:70px !important;} /* CUSTOMER */

/*
.mNav{width:100%; text-align:center; font-size:0; position:absolute; left:0; bottom:210px; z-index:2;}
.mNav li{width:107px; margin:0 15px; display:inline-block;}
.mNav li .ico{width:100%; height:108px; overflow:hidden;}
.mNav li a:hover img{margin-top:-108px;}
.mNav li .txt{text-align:center; font:100 13px Verdana;  letter-spacing:0; color:#fff;}
*/
.mNav{width:100%; text-align:center; font-size:0; position:absolute; left:0; bottom:210px; z-index:2;}
.mNav li{width:108px; margin:0 15px; display:inline-block; position:relative;}
.mNav li .ico{width:108px; height:108px; position:relative;}
.mNav li .ico img{width:600%; height:600%; position:absolute; left:-300%; top:-300%; opacity:0; filter:alpha(opacity=0);}
.mNav li .ico img.on{display:none;}
.mNav li .ico.active img{display:none}
.mNav li .ico.active img.on{display:block;}
.mNav li .txt{width:100%; height:16px; text-align:center; font-size:13px; line-height:16px; letter-spacing:0; color:#fff; overflow:hidden; opacity:0; filter:alpha(opacity=0);}

/* Sub */
#companyWrap{margin:60px 66px 0;}
#companyWrap .section{}
#companyWrap .section .body{width:1000px; margin:0 auto;}
#companyWrap h2{padding:0 0 25px; text-align:center; font-size:30px; line-height:30px; color:#000;}
#companyWrap h2 em{font-size:13px; color:#666;}
#companyWrap h2 img{margin-bottom:12px;}
#company01{height:874px; margin-bottom:125px; background:url('../image/sub/company01_bg.jpg') center top no-repeat; position:relative;}
#company01 .item{margin-left:-4px; position:absolute; left:50%; top:196px;}
#company01 .item img{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;

	-webkit-transform:translateY(8px) scale(0.29999999999999993);
	-moz-transform:translateY(8px) scale(0.29999999999999993);
	transform:translateY(8px) scale(0.29999999999999993);
	opacity:0;
}
#company01 .item img.active{
	-webkit-transform:translateY(8px) scale(1);
	-moz-transform:translateY(8px) scale(1);
	transform:translateY(8px) scale(1);
	opacity:1;
}

#company01_01{height:874px; margin-bottom:55px; background:url('../image/sub/company01_01_bg.jpg') center top no-repeat; position:relative;}
#company01_01 .item{margin-left:-4px; position:absolute; left:60px; top:200px;}
#company01_01 .item img{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;

	-webkit-transform:translateY(8px) scale(0.29999999999999993);
	-moz-transform:translateY(8px) scale(0.29999999999999993);
	transform:translateY(8px) scale(0.29999999999999993);
	opacity:0;
}
#company01_01 .item img.active{
	-webkit-transform:translateY(8px) scale(1);
	-moz-transform:translateY(8px) scale(1);
	transform:translateY(8px) scale(1);
	opacity:1;
}

#company01_02{padding:76px 0 60px;}
#company01_02 h2{padding:0 0 65px;}
#company02 .body{padding:85px 0 90px;}
#company02 h2{color:#000;}

#company03{height:664px; background:#000 url('../image/sub/company03_bg.jpg') center top no-repeat; position:relative; overflow:hidden;}
#company03 h2{padding-top:37px; color:#fff;}
#company03 h2 em{color:#c9c9c9}

#company04{height:663px; background:#f8f9fa; border-top:1px solid #dedede; border-bottom:1px solid #dedede; position:relative;}
#company04 h2{padding:47px 0 0;}

#company05{padding-bottom:70px;}
#company05 .body{padding:63px 0 78px;}
#company05 h2{padding:47px 0 15px;}
#company05 .tabA{padding:25px 0 11px;}
#company05 .tabA li{width:50%;}

.ready_page{margin:0 0 0 -123px; position:absolute; left:50%; top:314px;}

.philosophy{width:100%; overflow:hidden;}
.philosophy .inner{width:880px; height:665px; padding-left:415px; margin:0 auto; position:relative;}
.philosophy ul{width:1000%; overflow:hidden;}
.philosophy ul li{width:990px; height:665px; float:left;}
.philosophy ul li .text{width:415px; height:100%; position:absolute; left:0; top:0; background:#fff; overflow:hidden; display:none;}
.philosophy ul li:first-child .text{display:block;}
.philosophy ul li .cont{margin:0 0 0 35px; margin-top:100px; opacity:0; filter:alpha(opacity=0)}
.philosophy ul li:first-child .text .cont{margin-top:0; opacity:1; filter:alpha(opacity=100)}
.philosophy ul li .td{height:665px; vertical-align:middle; font-size:14px; line-height:22px; color:#000;}
.philosophy ul li .td strong{width:100%; margin-bottom:18px; display:inline-block; font-size:25px; font-weight:bold;}
.philosophy ul li .photo{width:610px;}
.philosophy .nav{margin-top:-22px; position:absolute; left:369px; top:50%; font-size:0;}
.philosophy .nav a+a{margin-left:3px;}

.ci{width:1000px; margin:0 auto 48px; position:relative;}
.ci .link{width:59px; height:43px; display:block; position:absolute;}
.ci .link.ver1{left:850px; top:307px;}
.ci .link.ver2{left:920px; top:307px;}
.ci .link.ver3{left:331px; top:880px;}
.ci .link.ver4{left:401px; top:880px;}
.ci .link.ver5{left:850px; top:880px;}
.ci .link.ver6{left:920px; top:880px;}

.orga{height:1024px; margin-bottom:-250px; background:#fbfbfb url('../image/sub/orga.png') center top no-repeat;}
.social_responsibility{height:1022px; border-top:1px solid #ededed; border-bottom:1px solid #ededed; background:#fbfbfb url('../image/sub/social_responsibility.jpg') center top no-repeat; position:relative;}
.social_responsibility .link{width:184px; height:42px; display:block; position:absolute; left:50%; font-size:0; text-indent:-9999px; overflow:hidden}
.social_responsibility .link.ver1{margin-left:-500px; top:259px;}
.social_responsibility .link.ver2{margin-left:316px; top:259px;}
.social_responsibility .link.ver3{margin-left:-500px; top:692px;}
.social_responsibility .link.ver4{margin-left:316px; top:692px;}


.crewList{overflow:hidden}
.crewList dt,.crewList dd{width:20%; float:left; overflow:hidden; opacity:0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;

	-webkit-transform:translateY(8px) scale(0.29999999999999993);
	-moz-transform:translateY(8px) scale(0.29999999999999993);
	transform:translateY(8px) scale(0.29999999999999993);
}

.crewList dt.active,.crewList dd.active{
	-webkit-transform:translateY(8px) scale(1);
	-moz-transform:translateY(8px) scale(1);
	transform:translateY(8px) scale(1);
	opacity:1;
}
.crewList dt{height:257px; position:relative; background:#2cb5f5;}
.crewList dt.ver1{background:#2cb5f5;}
.crewList dt.ver2{background:#152658;}
.crewList dt.ver3{background:#2ebc99;}
.crewList dt em{position:absolute; left:20px; bottom:18px; font:100 11px Verdana; color:#fff;}
.crewList dd{height:350px;}
.crewList dd a{width:100%; height:100%; display:block;}
.crewList dd .photo{width:100%; height:257px; overflow:hidden;}
.crewList dd a .photo img {
width:100%;
  min-height: 100%;
  min-width: 100%;
 }

.crewList dd .info{padding:13px 18px 0;}
.crewList dd .info .name{font-size:15px; color:#666;}
.crewList dd .info em{display:inline-block; font:100 11px/16px Verdana; color:#999;}
.crewList dd .photo.no_photo{background:#fafafa url('../image/sub/ico_no_photo.png') center center no-repeat;}

.historyWrap{width:100%; height:250px; position:absolute; left:0; top:80px;}
.historyWrap:after{content:''; display:block; clear:both;}
.historyWrap .nav{width:100%; position:absolute; left:0; top:215px; text-align:center; font-size:0;}
.historyWrap .nav button{margin:0 350px;}

.historyList{margin-left:-271px; position:absolute; left:50%; top:0;}
.historyList>ul{min-width:3000px; position:absolute; left:0; top:0;}
.historyList>ul>li{width:540px; padding:55px 0 0; float:left; text-align:center; font-size:60px; font-weight:bold; color:#fff; position:relative; opacity:0; filter:alpha(opacity=0);}
.historyList>ul>li a{color:#fff;}
.historyList>ul>li .infoList{width:325px; margin-top:200px; margin-left:-130px; position:absolute; left:50%; top:210px; display:none; opacity:0; filter:alpha(opacity=0);}
.historyList>ul>li .infoList li{margin-bottom:25px; color:#e7e6e6; font-size:15px; line-height:24px; text-align:left; font-weight:100; overflow:hidden}
.historyList>ul>li .infoList li strong{width:105px; float:left; font-weight:bold;}
.historyList>ul>li .infoList li span{width:260px; float:left;}
.historyList>ul>li:first-child{opacity:1; filter:alpha(opacity=100);}
.historyList>ul>li:first-child .infoList{display:block; margin-top:0; opacity:1; filter:alpha(opacity=100);}

.historyList>ul>li .infoList.ver2{width:550px; margin-left:-240px;}
.historyList>ul>li .infoList.ver2 span{width:405px;}
.historyList>ul>li .infoList.ver3{width:400px; margin-left:-200px;}
.historyList>ul>li .infoList.ver3 strong{width:100px;}
.historyList>ul>li .infoList.ver3 span{width:300px;}

.technologyList{width:1000px; padding:35px 0 60px; margin:0 auto;}
.technologyList>ul{width:100%;}
.technologyList>ul:after{content:''; display:block; clear:both;}
.technologyList>ul>li{width:315px; height:466px; float:left; margin-left:27px; position:relative; overflow:hidden}
.technologyList>ul>li:first-child{margin-left:0;}
.technologyList>ul>li .photo{width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden; opacity:0; filter:alpha(opacity=0);}
.technologyList>ul>li .name{position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0); cursor:pointer}

.technologyList ul li.ver1 .photo{margin-left:-200px;}
.technologyList ul li.ver1 .name{top:328px; margin-left:-200px}
.technologyList ul li.ver2 .photo{margin-top:-200px;}
.technologyList ul li.ver2 .name{top:60px; margin-top:-200px}
.technologyList ul li.ver3 .photo{margin-left:200px;}
.technologyList ul li.ver3 .name{top:298px; margin-left:200px}
.technologyList li ul{width:1000%; margin-left:100%; position:absolute; left:0; top:0; overflow:hidden}
.technologyList li ul li{width:10%; float:left; position:relative;}
.technologyList li ul li > img{width:100%;}
.technologyList li ul li .cont{height:99px; padding:13px 0 0 16px; background:url('../image/sub/opa_bg.png') repeat; position:absolute; left:0; right:0; bottom:0; font-size:14px; color:#fff;}
.technologyList li ul li .cont .img{width:68px; height:86px; float:left; background:#000}
.technologyList li ul li .cont .img img{width:100%; height:100%;}
.technologyList li ul li .cont .info{width:205px; padding:0 0 0 15px; float:left; line-height:20px;}
.technologyList li ul li .cont .info strong{margin-bottom:3px; display:block; font-size:16px; letter-spacing:-1px;}
.technologyList li .nav a{margin-top:-12px; position:absolute; top:50%;}
.technologyList li .nav a.next{right:16px;}
.technologyList li .nav a.prv{left:16px;}
.dim{position:fixed; left:0; top:0; right:0; bottom:0; background:url('../image/sub/opa_bg.png') repeat; display:none; z-index:1000}
.ce_layer{position:absolute; left:50%; top:0; display:none; opacity:0; filter:alpha(opacity=0); z-index:1001}
.ce_layer > img{width:600px;}
.ce_layer .close{position:absolute; right:-25px; top:-25px;}
.hidden_img{width:0; height:0; overflow:hidden;}


.mapBox{width:100%; height:466px; margin-bottom:15px; overflow:hidden; position:relative;}
.map_print_img{display:none;}

.mapBox .btnA{position:absolute; right:10px; bottom:10px;}
.mapBox .btnA span{height:46px; padding:0 13px; line-height:46px;}
.location_info_wrap{width:100%; overflow:hidden;}
.sheetContact{width:55%; float:left}
.sheetContact th,.sheetContact td{padding:10px 13px; text-align:left; font-size:13px; border-bottom:1px solid #dfdfdf;}
.sheetContact th{background:#f8f8f8; color:#000;}
.sheetContact td{color:#666;}
.sheetContact tr:first-child th,.sheetContact tr:first-child td{border-top:1px solid #3a8bd7}

.location_guide{width:45%; float:left; padding:20px 0 0;}
.location_guide:after{content:''; display:block; clear:both;}
.location_guide li{width:50%; min-height:220px; float:left;}
.location_guide li:first-child{background:url('../image/sub/location_guide_bg.png') right top no-repeat}
.location_guide .ico{font-size:15px; color:#000; text-align:center;}
.location_guide .ico img{margin-bottom:6px;}
.location_guide .station{margin-top:7px; text-align:center; font-size:18px; font-weight:bold; color:#3a8bd7;}
.location_guide .info{margin-top:7px; text-align:center; font-size:15px; line-height:20px; color:#666; margin-left:10px;}
.location_guide .info.ver2{margin-top:5px;}
.company05_tabcont{display:none;}
.company05_tabcont:after{content:''; display:block; clear:both;}
#location02{height:0; overflow:hidden}

.layerDim{width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999; background:#000; filter:alpha(opacity=70); opacity:.7; display:none;}

.layerCrew{width:740px; margin:0 0 0 -370px; position:absolute; left:50%; top:0; z-index:10000; background:#fff; box-shadow:0px 0px 2px 1px #555; display:none;}
.layerCrew .inner{height:450px; margin:45px; background:#f6fcff; box-shadow:0px 0px 2px 1px #eee;}
.layerCrew.ver2 .inner{background:#f0f4ff}
.layerCrew.ver3 .inner{background:#f7fffd}
.layerCrew .inner:after{content:''; display:block; clear:both;}
.layerCrew .photo{width:226px; height:100%; float:left; overflow:hidden; background:#2cb5f5}
.layerCrew.ver2 .photo{background:#152658;}
.layerCrew.ver3 .photo{background:#2ebc99;}
.layerCrew .photo img{width:100%;}
.layerCrew .info{width:380px; padding:30px 14px 30px 30px; float:left;}
.layerCrew .info .scroll_inner{height:394px; overflow-x:hidden; overflow-y:auto;}
.layerCrew .info h3{margin-bottom:20px; font-size:20px; font-weight:bold; color:#333;}
.layerCrew .info h3 em{margin-top:5px; display:block; font-weight:100; color:#666;}
.layerCrew .info .cont{font-size:14px; color:#666;}
.layerCrew .info .cont dl{padding:13px 0 0;}
.layerCrew .info .cont dl dt{font-size:16px; font-weight:bold; color:#2cb5f5;}
.layerCrew.ver2 .info .cont dl dt{color:#152658;}
.layerCrew.ver3 .info .cont dl dt{color:#2ebc99;}

.layerCrew .info .cont dl dd{margin-bottom:15px;}
.layerCrew .close{padding:10px; display:block; position:absolute; right:45px; top:45px; background:#228ec0;}
.layerCrew.ver2 .close{background:#0e1a3c}
.layerCrew.ver3 .close{background:#228c72}
.layerCrew .close img{vertical-align:top;}

.layerHistory{width:800px; margin:0 0 0 -400px; position:absolute; left:50%; top:0; z-index:10000; display:none;}
.layerHistory h2{padding:12px 20px; background:#3a8bd7; font-size:25px; font-weight:800; color:#fff;}
.layerHistory .inner{padding:20px; background:#fff;}
.layerHistory ul{width:100%; display:table; table-layout:fixed; border-spacing:0; border-collapse:collapse;}
.layerHistory ul li{display:table-row}
.layerHistory ul li .td{padding:8px 0; color:#666; border-top:1px solid #eee; font-size:14px;}
.layerHistory ul li .td.date{width:100px; font-weight:bold; color:#333;}
.layerHistory ul li:first-child .td{border-top:0;}
.layerHistory .close{position:absolute; right:15px; top:10px;}

.loading_dim{width:100%; height:100%; position:fixed; left:0; top:0; background:#000; opacity:.7; filter:alpha(opacity=70); z-index:9999; display:none}
.loading{width:64px; height:64px; margin:-32px 0 0 -32px; position:fixed; right:50%; top:50%; z-index:10000; display:none}
.loading img{width:100%; height:100%;}

.btnA{display:inline-block; font-size:0; line-height:0;}
.btnA span{height:38px; padding:0 36px; display:block; font-size:16px; line-height:38px; font-weight:bold; color:#fff; background:#3a8bd7;}
a.btnA{color:#fff;}
.btnA.ver2 span{background:#555;}

.tabA{}
.tabA ul{padding-left:1px; overflow:hidden;}
.tabA ul li{width:33.3%; float:left;}
.tabA ul li.active{position:relative;}
.tabA ul li a{height:48px; margin-left:-1px; display:block; border:1px solid #e6e5e5; border-bottom:1px solid #4692d9; background:#f3f3f3; text-align:center; font-size:18px; line-height:48px; color:#999;}
.tabA ul li.active a{border:1px solid #4692d9; border-bottom:1px solid #fff; background:#fff; color:#3a8bd7;}


#customerCenter{width:1400px; margin:0 0 50px -200px;}
#customerCenter .list{}
#customerCenter .list li{height:346px; margin-bottom:3px;}
#customerCenter .list li:after{content:''; display:block; clear:both;}
#customerCenter .photo{width:950px; height:100%; float:left; background:#17375e; overflow:hidden}
#customerCenter .photo img{width:100%;}
#customerCenter .info{width:450px; float:right; display:table; border-spacing:0; table-layout:fixed;}
#customerCenter .info .td{height:346px; padding:0 0 0 44px; vertical-align:middle; font-size:13px; color:#fff; background:#bfbfbf}
#customerCenter .info .td span{display:inline-block;}
#customerCenter .info strong{width:100%; margin-bottom:11px; display:inline-block; font-size:20px; font-weight:bold;}
#customerCenter .list li.even .photo{float:right;}
#customerCenter .list li.even .info{float:left;}

#faqWrap{margin-top:70px;}
#faqWrap h3{padding:0 0 8px; font-size:15px; font-weight:bold; color:#333;}
#faqWrap h3 em{font-size:12px; font-weight:100; color:#999;}
#faqWrap .list{border-top:2px solid #222;}
#faqWrap .list li{}
#faqWrap .list .faq_q{padding:16px 0; border-bottom:1px solid #ebebeb; background:#f9f9f9; position:relative; font-size:16px; color:#333; cursor:pointer;}
#faqWrap .list li.active .faq_q{font-weight:bold; color:#3a8bd7}
#faqWrap .list .faq_q:before{content:''; width:23px; height:13px; margin-top:-7px; display:block; position:absolute; right:21px; top:50%; background:url('../image/sub/bullet.png') no-repeat}
#faqWrap .list li.active .faq_q:before{background-position:0 -13px;}
#faqWrap .list .faq_q:after{content:''; display:block; clear:both}
#faqWrap .list .faq_q strong{width:50px; float:left; text-align:center;}
#faqWrap .list .faq_q p{width:900px; float:left;}
#faqWrap .list .faq_a{border-bottom:1px solid #ebebeb; display:none;}
#faqWrap .list .faq_a .cont{padding:14px 50px; font-size:13px; color:#999;}

h3.bbs_title{padding:0 0 8px; font-size:15px; font-weight:bold; color:#333;}
h3.bbs_title em{font-size:12px; font-weight:100; color:#999;}

@media print{
	html,body,#wrap{padding:0; margin:0}
	#adminControl,
	#header,
	#conLeft,
	#sBody #contents > h3,
	#location,
	#footer,
	button{display:none;}
	#conLeft + #contents{float:none;margin:0 auto;}
	#quickLeft{display:none}
	#quickRight{display:none}
	#companyWrap{padding:0;}
	#companyWrap .section{display:none;}
	#companyWrap #company05{padding:0; margin:0; display:block;}
	#companyWrap #company05 h2{padding:0; margin:0; display:none}
	#companyWrap #company05 .tabA li{width:100%; display:none}
	#companyWrap #company05 .tabA li.active{display:block;}
	#company05 .sheetContact,#company05 .location_guide{width:100%; float:none;}
	.mapBox{display:none}
	.printBtn{display:none}
	.map_print_img{width:100%; display:block;}
	.location_guide .info{font-size:12px;}
}