@charset "utp-8";

.nav{width:100%; display:inline-block; padding:0 2.5%; border-top:1px solid #ccc; border-bottom:1px solid #ccc; box-sizing:border-box;}
.nav a.home{float:left; display:inline-block; width:70px; height:70px; border-left:1px solid #ccc; border-right:1px solid #ccc; overflow:hidden; text-indent:-999px; background:url('../image/common/home.jpg') no-repeat center center;}
.nav ul{float:left; width:200px; height:70px; margin-left:-1px; position:relative; z-index:9;}
.nav ul li{height:70px; line-height:70px; padding:0 20px; text-align:left; background:#fff; border:1px solid #ccc; border-top:0; font-size:18px; display:none;}
.nav ul li:first-of-type{background:#fff url('../image/common/navArrow.gif') no-repeat right 20px top 31px; cursor:pointer; display:block;}
.nav ul li a{color:#191919;}
.nav ul.nav2 li:first-of-type{font-weight:bold;}


.subContents{margin-top:-5px; padding-bottom:150px; text-align:center;}
.subTop{text-align:left; color:#fff; width:100%; height:300px; padding:130px 0 0; box-sizing:border-box;}
.subTop01{background:url('../image/sub/subTop01.jpg') no-repeat 0 0 / cover;}
.subTop02{background:url('../image/sub/subTop02.jpg') no-repeat 0 0 / cover; padding-top:100px;}
.subTop03{background:url('../image/sub/subTop03.jpg') no-repeat 0 0 / cover;}
.subTop04{background:url('../image/sub/subTop04.jpg') no-repeat 0 0 / cover;}
.subTop02 p{width:1400px; margin:0 auto; font-size:18px; padding-top:10px;}
.subTop h2{width:1400px; margin:0 auto; font-size:60px;}
.subconBox{width:1400px; display:inline-block; text-align:left; padding-top:100px;}


/* 인사말 */
.greeting .subTop{width:95%; height:auto; margin:0 auto; padding:150px 0 180px; background:url('../image/sub/greeting_bg.jpg') no-repeat 0 0 / cover;}
.greeting .subTop p{font-size:30px; line-height:1.4; padding-top:40px; width:1400px; margin:0 auto;}
.greeting .textBox{float:right; width:960px; box-sizing:border-box; font-size:18px; line-height:1.6; color:#666; padding:70px 70px 0; margin-top:-220px; background:#fff;}
.greeting .textBox .right{text-align:right; padding:50px 50px 0 0;}
.greeting .textBox .right span{font-size:16px; color:#acacac;}
.greeting .textBox .right p{font-size:25px; color:#666;}


/* 회사개요 */
.outline{font-size:18px; color:#666; line-height:1.6;}
.outline strong{color:#1769b3;}
.outline .imgArea{background:#edf0f3; text-align:center; padding:60px 0; margin-top:100px;}

/* 회사연혁 */
.historyUl{width:100%; display:inline-block;}
.historyUl li{float:left; margin-right:3%; width:22.75%; border-top:2px solid #bfbfbf;}
.historyUl li:last-of-type{margin-right:0;}
.historyUl strong{color:#d7d7d7; font-size:40px; letter-spacing:0; display:inline-block; padding-bottom:20px; padding-right:25px; background:#fff; margin-top:-35px;}
.historyUl strong span{color:#191919;}
.historyUl p{font-size:18px; color:#666; padding:0 0 15px 13px; background:url('../image/sub/history_dot.gif') no-repeat 0 12px;}
.historyUl li div{min-width:200px; display:inline-block; vertical-align:top;}
.historyUl li div span{color:#136bb5; font-size:23px;}

/* 조직도 */
.organization{text-align:center;}

/* 회사위치 */
.location .textArea{width:1240px; margin:0 auto; padding:45px 0 0;}
.location .textArea p{font-size:18px; color:#666; padding-bottom:30px;}
.location .textArea p strong{font-size:25px; color:#191919; padding-right:20px;}
.location .textArea span{font-size:18px; color:#191919; margin-right:70px; letter-spacing:0;}
.location .textArea span strong{font-size:20px; color:#136bb5; padding-right:20px;}

/**/
.business{position:relative;}
.business .rightText{float:right; width:750px; padding-top:35px;}
.business .rightText .tit{padding-bottom:25px; border-bottom:1px solid #d7d7d7;}
.business .rightText .tit strong{display:inline-block; font-size:35px; color:#1469b5; position:relative; letter-spacing:0;}
.business .rightText .tit strong:after{content:''; position:absolute; bottom:-26px; left:0; width:100%; border-bottom:2px solid #1469b5;}
.business .rightText .textBox{padding:35px 40px; font-size:16px; color:#666; line-height:1.8; font-weight:300; letter-spacing:0;}
.business .rightText .textBox p{font-size:25px; color:#404040;}
.business .rightText .textBox >strong{font-size:25px; color:#404040;}
.business .rightText .pointUl{padding-top:30px; font-size:18px; color:#666;}
.business .rightText .pointUl li{padding-bottom:10px;}
.business .rightText .pointUl strong{color:#404040; display:inline-block; width:95px; padding-left:15px; background:url('../image/sub/history_dot.gif') no-repeat 0 12px;}
.business .rightText .sTit{font-size:20px; color:#136bb5; font-weight:bold; padding-bottom:15px;}
.business .rightText table{width:100%; text-align:center;}
.business .rightText table caption{width:1px; height:1px; overflow:hidden;}
.business .rightText table th{height:50px; background:#edf0f3; color:#136bb5; font-size:18px; border:1px solid #c2c2c2; border-top:2px solid #136bb5; }
.business .rightText table td{font-size:16px; color:#666; font-weight:300; border:1px solid #c2c2c2; height:50px;}
.business .rightText table tr th:first-of-type, .business .rightText table tr td:first-of-type{border-left:0;}
.business .rightText table tr th:last-of-type, .business .rightText table tr td:last-of-type{border-right:0;}
.business .TabRightText{padding-top:130px;}


.business .tabBox{position:absolute; left:650px; z-index:3;}
.business .tabBox li{float:left; margin-right:10px;}
.business .tabBox li span{display:inline-block; width:150px; height:50px; background:#edf0f3; border-radius:10px; -webkit-border-radius:10px; text-align:center; line-height:50px; font-size:20px; color:#737373; cursor:pointer; transition:background 0.3s;}
.business .tabBox li.on span{background:#136bb5; color:#fff; font-weight:bold;}
.business .tabArea{display:inline-block; width:100%;}
.business #tab02, .business #tab03{display:none;}


.imgSlide{float:left;}
.bigImg{width:560px; height:400px; overflow:hidden; margin-bottom:20px;}
.bigImg .slick-slide{float:left;}
.thumImg{width:560px; }
.thumImg .slick-slide{float:left; margin-right:10px; cursor:pointer; overflow:hidden; position:relative;}
.thumImg .slick-slide.slick-current:before{content:'+'; position:absolute; left:0; top:0; width:100%; height:130px; background:rgba(25,25,25,0.6); color:#fff; font-size:40px; font-weight:bold; display:flex; align-items:center; justify-content:center;}

.bigImg2{width:560px; height:400px; overflow:hidden; margin-bottom:20px;}
.bigImg2 .slick-slide{float:left;}
.thumImg2{width:560px; }
.thumImg2 .slick-slide{float:left; margin-right:10px; cursor:pointer; overflow:hidden; position:relative;}
.thumImg2 .slick-slide.slick-current:before{content:'+'; position:absolute; left:0; top:0; width:100%; height:130px; background:rgba(25,25,25,0.6); color:#fff; font-size:40px; font-weight:bold; display:flex; align-items:center; justify-content:center;}

.bigImg3{width:560px; height:400px; overflow:hidden; margin-bottom:20px;}
.bigImg3 .slick-slide{float:left;}
.thumImg3{width:560px; }
.thumImg3 .slick-slide{float:left; margin-right:10px; cursor:pointer; overflow:hidden; position:relative;}
.thumImg3 .slick-slide.slick-current:before{content:'+'; position:absolute; left:0; top:0; width:100%; height:130px; background:rgba(25,25,25,0.6); color:#fff; font-size:40px; font-weight:bold; display:flex; align-items:center; justify-content:center;}

.business .w100{width:100%; padding:0 0 80px;}
.videoBox{padding:30px 0 0;}
.videoBox .video{margin-right:40px; width:560px; padding-bottom:25%; background:#f4f4f4; position:relative; display:inline-block; vertical-align:top;}
.videoBox .video iframe{position:absolute; left:0; top:0; width:100%; height:100%;}
.videoBox .image{width:560px; height:350px; display:inline-block; cursor:pointer; border:1px solid #d7d7d7; box-sizing:border-box; overflow:hidden;}
.videoBox .image img{margin:-1px 0 0 -1px;}
.videoBox .image .bImg{width:1000px; position:fixed; left:50%; margin-left:-520px; top:50%; margin-top:-290px; display:none; padding:20px; background:#fff; z-index:9999;}

.business .w50{width:46%; float:left; padding:0 0 80px;}
.business .w50:nth-of-type(2n){margin-left:8%;}
.w50 .videoBox .video{width:100%; margin:0; padding-bottom:55%;}


.dimm{position:fixed; left:0; top:0; background:rgba(0,0,0,0.4); width:100%; height:100%; z-index:999;}

/* 인증 및 보유장비 */
.tab{display:inline-block; padding-bottom:50px;}
.tab li{float:left; margin-right:10px;}
.tab a{display:inline-block; width:150px; height:50px; background:#edf0f3; border-radius:10px; -webkit-border-radius:10px; text-align:center; line-height:50px; font-size:20px; color:#737373; cursor:pointer; transition:background 0.3s;}
.tab .on a{background:#136bb5; color:#fff; font-weight:bold;}

.certifiImg{display:inline-block; width:100%;}
.certifiImg li{float:left; margin-right:40px; text-align:center; margin-bottom:70px;}
.certifiImg li:nth-of-type(4n){margin-right:0;}
.certifiImg li p{font-size:16px; color:#666; padding-top:10px;}
.certifiImg img{cursor:pointer;}
.certifiImg .bImg{width:500px; position:fixed; left:50%; margin-left:-270px; top:50%; margin-top:-352px; display:none; padding:20px; background:#fff; z-index:9999;}

.feature{padding-bottom:45px;}
.feature .sTit{display:inline-block; vertical-align:top; padding-right:30px;}
.feature ul{display:inline-block; font-size:16px; color:#666;}
.feature ul li{padding-left:15px; background:url('../image/sub/history_dot.gif') no-repeat 0 10px; padding-bottom:10px;}
.feature ul li span{display:block; padding:5px 0 0 0;}

/**/
.info{background:#f4f4f4; min-height:500px;}