@charset "utf-8";

/*sub-top*/
#sub-top{width:100%; height:630px; position:relative; overflow:hidden; transition:all 0.4s;}
.sub-top{width:100%;height:100%;background-size:cover;}
.sub-top1{background:url(../../images/theme/sub/sub_top1.jpg)no-repeat;}
.sub-top2{background:url(../../images/theme/sub/sub_top2.jpg)no-repeat;}
.sub-top3{background:url(../../images/theme/sub/sub_top3.jpg)no-repeat;}
.sub-top4{background:url(../../images/theme/sub/sub_top4.jpg)no-repeat;}

.s-top-title{position:absolute; top:51%; left:50%; transform:translateX(-50%); text-align:center; z-index:1; width:100%;}
.s-top-title span{font-size:16px;color:#a5ccf2;font-weight:400;line-height:1;margin-bottom:16px;display:inline-block;}
.s-top-title h1{font-size:50px; color:rgba(255,255,255,0.9);font-weight:500;line-height:1;}

/*sub-nav*/
#sub-nav{width:100%;overflow:hidden;margin-top:-70px;opacity:0.8;}
#sub-nav ul{width:100%; max-width:1200px; margin:21px auto;}
#sub-nav ul li{opacity:0.8;display:inline-table; line-height:26px; color:#fff; font-size:16px; padding:0 36px 0 30px; position:relative;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#sub-nav ul li:before{content:'\e940';  position:absolute; right:0px;top:0px; color:#fff;font-size:11px;font-family:'xeicon';}
#sub-nav ul li:last-child:before{content:'';}

#sub-nav ul li:first-child{padding:0 36px 0 20px;}
#sub-nav ul li i.xi-home{color:#fff;font-size:25px;vertical-align:top;line-height:26px;}

/* 공통 */
#section{overflow:hidden;width:100%;}
.s-section{padding-bottom:200px;box-sizing:border-box;}
.section-wrap{width:100%; max-width:1200px; margin:0 auto;box-sizing:border-box;}
/* .sub-contents{margin-bottom:50px;} */
/* .sub-contents.end-contents{margin-bottom:0px;} */
.s-title{padding:105px 3% 110px;}
.s-title h2{font-size:40px;font-weight:700;text-align:center;line-height:1;letter-spacing:-0.06em}

.s-s-title{position:relative;padding-top:17px;margin-bottom:40px;}
.s-s-title:before{position:absolute;content:'';background:url(../../images/theme/sub/index.png)no-repeat;left:0px;top:0px;width:14px;height:9px;}
.s-s-title h3{font-size:22px;font-weight:500;line-height:1;}

/* 회사소개 */
.about{text-align:center;padding:0 3% 63px;}
.about p{font-size:27px;color:#333;line-height:1.5;text-align:center;}

.about-info{padding:107px 0 0 0;position:relative;}
.about-info:before{top:0;left:0;z-index:-1;position:absolute;content:'';background:url(../../images/theme/sub/about_bg.jpg)no-repeat center center;width:100%;height:calc(100% - 280px);background-attachment:fixed;}
.about-info p{font-size:30px;color:#fff;line-height:1.4;margin-bottom:104px;text-align:center;padding:0 8%;letter-spacing:-0.03em;}

.table-box{background:#fff;padding:76px 130px 40px;width:100%;box-sizing:border-box;}
.c-table{overflow:auto;width:100%;}
.c-table table{border-collapse:collapse;width:100%;border-top:2px solid #154174;}
.c-table table tr th, .c-table table tr td{border-bottom:1px solid #ededed;font-size:16px;color:#555;font-weight:300;line-height:1.6;padding:12px 20px 12px 60px;box-sizing:border-box;}
.c-table table tr th{font-weight:400 !important;padding:12px 20px 12px 40px;color:#fff;background:#154174;text-align:left;}
.c-table table tr:last-child th, .c-table table tr:last-child td{border-bottom:1px solid #535353;}
#tel{margin-right:65px;display:inline-block;}

.index-box{padding:30px 0 48px;text-align:center;}
.cer{text-align:center;}
.cer-list{border:1px solid #ddd;display:inline-table;margin:10px 7px;box-sizing:border-box;}

/* 연혁 */
.history-top{position:relative;height:527px;}
.history-top:before{content:'';background:#f8f8f8;width:50%;height:366px;top:161px;left:0px;position:absolute;}
.h-txt{position:relative;float:right;width:65.5%;height:398px;background:url(../../images/theme/sub/h_bg2.jpg)no-repeat center;*background-attachment:fixed;background-size:cover;}
.h-txt-box{position:absolute;top:50%;transform:translateY(-50%);right:28.6%;}
.h-txt-box h3{font-size:48px;line-height:1;font-weight:500;color:#fff;text-align:right;margin-bottom:14px;}
.h-txt-box p{font-size:25px;line-height:1.4;font-weight:300;color:#fff;text-align:right;}
#particles-js{position:absolute;top:0px;left:0px;right:0px;bottom:0px;z-index:0;}

.history{position:relative;padding-bottom:29.5px;background:url(../../images/theme/sub/v_line.gif)repeat-y center center;}
.history .history-box{width:100%; overflow:hidden;}
.history .box-wrap{width:50%;position:relative;background:url(../../images/theme/sub/h_line.gif)repeat-x 0 27.5px;}
.history .box-wrap:before{content:'';width:25px;height:55px;background:url(../../images/theme/sub/v_dot.jpg)no-repeat;top:0;position:absolute;}
.history .box-wrap.right:before{left:-12.5px;}
.history .box-wrap.left:before{right:-12.5px;}
.history .box-wrap.right{float:right;}
.history .box-wrap.left{float:left;}
.history .box-wrap .box{background:#fff;padding-top:13px;}
.history .box-wrap.right .box{margin-left:12.5%;padding-left:20px;}
.history .box-wrap.left .box{margin-right:12.5%;padding-right:20px;}
.year{color:#154174;font-size:32px;line-height:1;font-weight:600;}
.history .box-wrap.left .box .year{text-align:right;}
.history .box-wrap .box ul{margin-top:30.5px;}
.history .box-wrap .box ul li{position:relative;font-size:16px;line-height:1.75;font-weight:300;color:#555;padding:5.5px 0 5.5px 33px;letter-spacing:-0.02em;}
.history .box-wrap.left .box ul li{text-align:right;padding-right:33px;padding-left:0;}
.history .box-wrap .box ul li span{position:absolute;left:0;top:5.5px;color:#444;font-weight:600;}
.history .box-wrap.left .box ul li span{left:auto;right:0;}

/* 오시는길 */
#tab-menu{margin-bottom:60px;text-align:center;}
#tab-button{overflow:hidden;display:inline-block;}
#tab-menu ul li{float:left;width:160px;border:1px solid #ededed;box-sizing:border-box;margin-left:-1px;vertical-align:middle;height:40px;display:flex;justify-content:center;align-items:center;}
#tab-menu ul li:first-child{margin-left:0px;}
#tab-menu ul li a{font-size:16px;font-weight:300;line-height:1.4;color:#999;padding:0 1%;display:block;width:100%;}
#tab-menu .selected{position:relative;border-width:1px;border-style:solid;border-image:linear-gradient(to right, #154174, #e60012);border-image-slice:1;}
#tab-menu .selected a{color:#154174;font-weight:500;}

#tab-menu.tab-menu ul li{height:68px;width:189px;}
#tab-menu.tab-menu ul li a{padding:0 2%;}
#tab-menu.tab-menu5 ul li{width:20%;}
#tab-menu.tab-menu.pad1 ul li a{padding:0 8%;}

.map-img{line-height:0;}
.map-img iframe{width:100%;border:1px solid #ddd !important;box-sizing:border-box;}
.map-info{width:100%;overflow:hidden;border:1px solid #ddd;box-sizing:border-box;margin-top:-1px;display:flex;align-items:center;}
.map-info .logo2{padding-left:36px;line-height:0;position:relative;}
.map-info .logo2:before{position:absolute;content:'';width:1px;height:40px;background:rgba(21, 65, 116, 0.3);right:5.6%;top:50%;transform:translateY(-50%);}
.map-txt{padding:20.5px 25px 19.5px 9px;box-sizing:border-box;overflow:hidden;}
.map-txt li{position:relative;font-weight:400;color:#333;font-size:25px;line-height:1.2;padding:5.5px 0 5.5px 72px;box-sizing:border-box;letter-spacing:-0.02em;}
.map-txt li span{position:absolute;left:0;top:10.5px;line-height:1;font-size:20px;color:#154174;font-weight:300;}
#ho{padding-left:149px;}
#ho.ho2{padding-left:210px;}
#ho.ho3{padding-left:153px;}
#ho span{letter-spacing:-0.02em;}
#tel2, #fax{width:50%;float:left;}

/* 제품 */
#pd-wrap .product-img{width:100%;max-width:758px;margin:0 auto;text-align:center;background:url(../../images/theme/main/p_bg.jpg)no-repeat center center;background-size:cover;line-height:0;}
#pd-wrap .product-img.bg1{background:#f2f2f2;}

.pd-deco{text-align:center;margin-bottom:18px;}
.pd-info h3{text-align:center;font-size:32px;font-weight:500;line-height:1.4;margin-bottom:14px;}
.pd-info p{font-size:22px;text-align:center;line-height:1.3;}
.h-bar{width:25px;height:3px;background:linear-gradient(to right, #154174, #e60012);margin:15px auto 27px;display:block;}

.c-table2 table{width:90.33%;margin:0 auto;}
.c-table2 table tr th, .c-table2 table tr td{padding:13px 44px 13px 36px;font-weight:200;font-size:15px;}
.c-table2 table tr th{padding:13px 20px 13px 33px;letter-spacing:-0.01em;}
.c-table2 table tr td.top{vertical-align:top;}
.c-table2 table tr th.border-bottom, .c-table2 table tr td.border-bottom{border-bottom:1px solid #535353;}
.pd-feature li{position:relative;}
.pd-feature li:before{position:absolute;content:'';width:4px;height:4px;background:#154174;left:-14px;top:10.5px;}

/* 연구소 소개 */
#sub3-1.s-section{padding-bottom:0;}
.rc-info{height:550px;width:100%;padding-top:180px;box-sizing:border-box;background:url(../../images/theme/sub/rc_bg.jpg)no-repeat center center;background-size:cover;background-attachment:fixed;text-align:center;}
.r-title h1{font-size:50px;line-height:1;font-weight:500; margin-bottom:18px;color:#fff;}
.r-title p{font-size:20px;line-height:1.4;color:#fff;font-weight:400;width:70%;margin:0 auto;}

.btn-wrap{margin-top:40px;}
.more-btn{opacity:0.9;border:1px solid #fff;color:#fff;font-size:15px;line-height:60px;padding:0 46px;letter-spacing:0.1em;font-weight:400;position:relative;display:inline-block;cursor:pointer;transition-duration:0.4s;}
.btn-wrap:hover .more-btn{text-decoration:underline;border:1px solid #154174;opacity:1;background:#154174;}

/* 연구분야 */
#sub3-2.s-section{padding-bottom:0;}
.rf-info{background:rgba(165,204,242,0.17);padding:100px 0;}
.rf-wrap{overflow:hidden;padding:0 1.5%;}
.rf-box{width:100%;border:1px  solid #ddd;padding:19px 0 24px;transition-duration:0.4s;background:#fff;margin-top:-1px;margin-left:-1px;box-sizing:border-box;transition-duration:0.4s;}
.rf-box:hover{position:relative;z-index:100;box-shadow:0 5px 15px rgba(0,0,0,0.1);border-width:1px;border-style:solid;border-image:linear-gradient(to right, #154174, #e60012);border-image-slice:1;}
.top-rf-box{margin-top:0;}
.rf-box.left{margin-left:0;}
.rf-box img{margin:0 auto 12px;display:table;}
.rf-box h3{font-size:20px;line-height:30px;text-align:center;font-weight:500;}

/* 보유장비 */
.index-box.index-box2{padding:0 0 60px 0;}
.equip{overflow:hidden;}
.equip-list{width:95%;border:1px solid #ddd;position:relative;margin:0 auto 20px;}
.equip-list.bottom{margin:0 auto;}
.equip-list img{width:100%}
.equip-list p{width:100%;height:55px;background:#f8f8f8;display:flex;justify-content:center;align-items:center;}
.equip-list p span{font-size:16px;line-height:1.4;font-weight:400;text-align:center;position:relative;}
.equip-list p span:before{position:absolute;content:'';width:4px;height:4px;background:#154174;left:-13px;top:50%;transform:translateY(-50%);}

.color-b{color:#154174;}
.color-r{color:#e60012;}
.b400{font-weight:400 !important;}
.b500{font-weight:500;}
.fadeInUp{animation-duration:1.3s;animation-delay:0.3s;}
.w-block{display:block;}
.wm-block{display:block;}
.ws-block{display:block;}

#tab-select{display:none;}

		

@media all and (max-width:1600px){
	.h-txt{width:84.5%}
	
}

@media all and (max-width:1199px){
	.section-wrap{padding:0 3%;}
	.wm-block{display:inline-block;}
	
	.about-info p{padding:0;}
	.table-box{padding:60px 5% 40px;}
	
	.history-top{height:471px;}
	.history-top::before{height:69%;top:30.5%;}
	.h-txt{width:94%;float:none;margin:0 auto;}
	.h-txt-box{right:auto;left:50%;transform:translate(-50%, -50%);width:69%;}
	.h-txt-box h3{text-align:center;}
	.h-txt-box p{text-align:center;}
	
	.map-info{display:inherit;align-items:inherit;padding:30px 3%;box-sizing:border-box;}
	.map-txt{padding:0;}
	
	.c-table2 table{width:97%;}
	
	.r-title p{width:80%;}
}

@media all and (max-width:767px){
	.ws-block{display:inline-block;}
	.s-section{padding-bottom:18%;}
	#sub-top{height:480px;}
	.s-top-title{top:47%;}
	.s-top-title h1{font-size:40px;}
	.s-top-title span{font-size:15px;margin-bottom:8px;}
	#sub-nav ul li{font-size:15px;padding:0 30px 0 16px;}
	#sub-nav ul li i.xi-home{font-size:21px;}
	#sub-nav ul li:first-child{padding:0 30px 0 20px;}
	.s-title{padding:85px 3% 90px;}
	.s-title h2{font-size:35px;}
	
	.about{padding:0 3% 50px;}
	.about p{font-size:22px;}
	.about-info{padding:70px 0 0 0;}
	.about-info .section-wrap{padding:0;}
	.about-info p{font-size:26px;margin-bottom:67px;padding:0 3%;}
	.table-box{padding:60px 3% 30px;}
	.c-table table tr th, .c-table table tr td{width:100%;display:block;padding:8px 20px !important;}
	.index-box{padding:15px 0 30px;}
	.cer{overflow:hidden;}
	.cer-list{width:48%;float:left;display:block;margin:10px 1%;}
	.cer-list img{width:100%;}
	
	.history-top{height:352px;}
	.h-txt{height:300px;}
	.h-txt-box{width:80%;}
	.h-txt-box h3{font-size:35px;margin-bottom:17px;}
	.h-txt-box p{font-size:21px;}
	.history{background:url(../../images/theme/sub/v_line.gif)repeat-y 12.5px;}
	.history .box-wrap{width:100%;}
	.history .box-wrap{float:none !important;}
	.history .box-wrap::before{left:0 !important;}
	.history .box-wrap .box{margin-right:0 !important;padding-right:0 !important;margin-left:12.5% !important;padding-left:20px !important;}
	.year{text-align:inherit !important;}
	.history .box-wrap.left .box ul li{text-align:inherit;padding-right:0;padding-left:33px;}
	.history .box-wrap.left .box ul li span{left:0;right:auto;}

	#tab-menu{margin-bottom:40px;position:relative;}
	#tab-menu:before{content: "\e943"; font-family: 'xeicon'; font-size:14px; color:#555; position:absolute; top:50%; right:30px; width:0; transform:translateY(-50%);}
	#tab-button{display:none;}
	select::-ms-expand {display: none;}
	select:focus {outline: none;}
	select{width:100%; height:auto; line-height:normal; font-family:inherit; padding:7px 10px 6px; border:0; /* opacity:0; filter:alpha(opacity=0);  */-webkit-appearance: none;  /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; box-sizing:border-box; color:#555; font-size:14px;}
	#tab-select{display:block; width:100%; height:40px; background:#fdfdfd; padding:10px; box-sizing:border-box; color:#444; border:1px solid #ccc;}
	
	.map-img iframe{height:450px;}
	.map-txt li{font-size:21px;padding:5.5px 0 5.5px 61px;}
	#ho{padding-left:122px;}
	.ho2#ho{padding-left:171px;}
	.ho3#ho{padding-left:123px;}
	.map-txt li span{font-size:16px;top:9.5px;}
	
	#pd-wrap .product-img img{width:100%;}
	.pd-deco{margin-bottom:8px;}
	.pd-info h3{font-size:28px;margin-bottom:6px;}
	.pd-info p{font-size:19px;}
	.h-bar{width:21px;}
	.c-table2{overflow:auto;}
	.c-table2 table{width:100%;min-width:768px;}
	.c-table2 table tr th, .c-table2 table tr td{width:inherit;display:table-cell;}
	.pd-feature{padding-left:10px;}
	
	.rc-info{height:auto;padding:21% 0;}
	.r-title h1{font-size:42px;margin-bottom:10px;}
	.r-title p{font-size:18px;width:97%;}
	
	.rf-info{padding:60px 0;}
	.rf-wrap{padding:0;}
	.rf-box{margin-left:0px;}
	.top-rf-box.top2{margin-top:-1px;}
	
	.index-box.index-box2{padding:0 0 40px 0;}
	.equip-list{margin:0 auto 10px;}
	
	
	
}

@media all and (max-width:525px){
	#sub-top{height:380px;}
	.s-top-title h1{font-size:34px;}
	#sub-nav{margin-top:-52px;}
	#sub-nav ul{margin:13px auto;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
	#sub-nav ul li{font-size:13px;padding:0 17px 0 5px;}
	#sub-nav ul li i.xi-home{font-size:17px;}
	#sub-nav ul li:first-child{padding:0 17px 0 10px;}
 	.s-title{padding:65px 3% 70px;}
	.s-title h2{font-size:28px;}
	
	.about{padding:0 0 40px;}
	.about p{font-size:18px;}
	.about-info{padding:50px 0 0 0;}	
	.about-info::before{background-attachment:scroll;background-size:cover;}
	.about-info p{font-size:22px;margin-bottom:53px;}
	.table-box{padding:50px 3% 20px;}
	.c-table table tr th, .c-table table tr td{font-size:15px;line-height:1.4;}
	.c-table table tr td span{display:block;}
	.cer-list{margin:5px 1%;}
	
	.history-top{height:225px;}
	.h-txt{height:190px;}
	.h-txt-box h3{font-size:26px;margin-bottom:7px;}
	.h-txt-box p{font-size:18px;}
	.history{background:url(../../images/theme/sub/v_line.gif)repeat-y 10px;}
	.history .box-wrap{background:url(../../images/theme/sub/h_line.gif)repeat-x 0 22.5px;}
	.history .box-wrap::before{background-size:contain;width:21px;height:46px;}
	.history .box-wrap .box{padding-top:10px;padding-left:15px !important;}
	.year{font-size:26px;}
	.history .box-wrap .box ul{margin-top:20px;}
	.history .box-wrap .box ul li{font-size:15px;line-height:1.4;}
	
	#tab-menu{margin-bottom:30px;}
	.map-img iframe{height:380px;}
	.map-info{padding:20px 3%;}
	.map-txt li{font-size:19px;padding:4px 0 4px 58px}
	.map-txt li span{font-size:15px;top:6.5px;}
	#ho{padding-left:119px;}
	.ho2#ho{padding-left:168px;}
	.ho3#ho{padding-left:120px;}
	#tel2, #fax{width:100%;float:none;}
	
	.pd-deco{margin-bottom:5px;}
	.pd-info h3{font-size:24px;margin-bottom:0px;}
	.pd-info p{font-size:17px;}
	
	.rc-info{background-attachment:scroll;}
	.r-title h1{font-size:33px;margin-bottom:3px;}
	.r-title p{font-size:16px;margin-top:14px;}
	.btn-wrap{margin-top:30px;}
	.more-btn{line-height:50px;padding:0 40px;font-size:13px;}
	
	.rf-info{padding:40px 0;}
	.rf-box h3{font-size:18px;}
	body{-webkit-text-size-adjust: 100%;}/* 사파리 오류*/
	

	
}

@media all and (max-width:360px){
	.cer-list{width:98%;}
	
}