@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2019-02-01
******************************************************** */


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover{display:none;}

/* -------- 공통 테이블스타일 -------- */
.test-table{width:100%;}
.test-table th{border: 1px solid #c6c6c6; border-top: 1px solid #333; padding: 20px 0; background-color: #f7f7f7; font-size: 16px; font-weight: 300; letter-spacing: -0.7px; color: #464646;}
.test-table td{padding: 25px 0; border: 1px solid #c6c6c6; text-align: center; font-size: 16px; line-height: 1.7; font-weight: 300; letter-spacing: -0.75px; color: #555;}

/* ******************  기업소개 ********************** */
/* -------------CEO이야기--------------- */
.ceo-content h3 {text-align:center; font-size:38px; color:#333; padding:100px 0 70px 0;}
.ceo-cont {max-width:1200px; margin:0 auto; padding-bottom:50px;}
.ceo-top{position:relative;}
.ceo-top .ceo-top-img img{max-width:100%}
.ceo-top .ceo-top-txt{position:absolute;top:50%;left:5%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);word-break:keep-all}
.ceo-top .ceo-top-txt p{font-weight:300;color:#333;letter-spacing:-0.5px;line-height:1.5em;font-size:32px}
.ceo-top .ceo-top-txt p span{display:inline-block;color:#fff;background:#134d99;font-weight:500;line-height:1.2em;padding:0 4px 2px}
.ceo-top .ceo-top-txt p strong{font-weight:400}
.ceo-bottom{padding-top:10px;}
.ceo-bottom .ceo-bottom-inner{text-align:center}
.ceo-bottom .ceo-bottom-inner h4{font-weight:400;font-size:26px;letter-spacing:-0.5px;line-height:1.5em;color:#444;word-break:keep-all}
.ceo-bottom .ceo-bottom-inner h4 strong{font-weight:500;color:#2259a0}
.ceo-bottom .ceo-bottom-inner .ceo-bottom-txt{position:relative;font-weight:300;/*font-size:17px;*/font-size:18px;line-height:2.05em;letter-spacing:-0.5px;color:#444;padding-top:23px;padding-bottom:41px;word-break:keep-all}
/* .ceo-bottom .ceo-bottom-inner .ceo-bottom-txt:after{position:absolute;display:inline-block;content:"";width:34px;height:2px;background:#2259a0;bottom:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);} */
.ceo-bottom .ceo-bottom-inner .ceo-bottom-txt span{display:block;padding-top:36px}
.ceo-bottom-logo{padding-top:37px;text-align:right}
.ceo-bottom-logo .ceo-logo-img{display:inline-block;padding-right:9px}
.ceo-bottom-logo .ceo-name{font-weight:500;font-size:24px;letter-spacing:-0.5px;color:#222;display:inline-block;vertical-align:middle}

/* 섹션2)) CEO인사말 */
.ceo-greeting.two  {/*background:url(../images/content/ceo_greeting_bg.jpg) no-repeat center top;*/ margin-top: 8%;}
.ceo-greeting h3 {text-align:center; font-weight:500; font-size:38px; color:white; padding:100px 360px 200px; margin: 0 -360px; background:url(../images/content/ceo_greeting_bg.jpg) no-repeat center top;}
.ceo-greeting.two .ceo-cont{position:relative;top:-130px}
.ceo-greeting > .ceo-greeting-cont {max-width:1200px; margin:0 auto; padding-top:140px;}
.ceo-greeting .ceo-img {float:left; width:50%;}
.ceo-greeting .ceo-img img {max-width:100%;}
.ceo-greeting .ceo-greeting-txt {float: right;width: calc( 100% - 360px);}
.ceo-greeting .ceo-greeting-txt h4 {font-size:28px; line-height:1.5; font-weight:300; color:#333;margin-bottom: 8%;word-break:keep-all}
.ceo-greeting .ceo-greeting-txt h4:after {display: block;content: "" ;width: 40px;height: 2px; margin: 30px  0; background: #134d99;}
.ceo-greeting .ceo-greeting-txt h4 strong {color:#134d99;}
.ceo-greeting .ceo-greeting-txt p {font-size:18px; line-height:1.85em; font-weight:300; color:#444; margin-bottom:30px;}

@media all and ( max-width: 1200px ){}
/* .ceo-greeting-txt br {display:none;}
} */

@media all and ( max-width: 800px ){	
	.ceo-top .ceo-top-txt p{font-size:21px}
	.ceo-bottom{padding-top:28px;}
	.ceo-bottom .ceo-bottom-inner h4{font-size:18px;}
	.ceo-bottom .ceo-bottom-inner .ceo-bottom-txt{font-size:14px;padding-top:11.5px;padding-bottom:20.5px;}
	.ceo-bottom .ceo-bottom-inner .ceo-bottom-txt br{display:none}
	.ceo-bottom .ceo-bottom-inner .ceo-bottom-txt:after{width:17px;height:1px;}
	.ceo-bottom .ceo-bottom-inner .ceo-bottom-txt span{padding-top:18px}
	.ceo-bottom-logo{padding-top:18.5px}
	.ceo-bottom-logo .ceo-logo-img{padding-right:4.5px}
	.ceo-bottom-logo .ceo-logo-img img{width:50.5px}
	.ceo-bottom-logo .ceo-name{font-size:17px;}

	/* 섹션2)) CEO인사말 */
	.ceo-greeting {width:100%; margin:0;}
	.ceo-greeting h3 {text-align:center; font-size:24px; color:white; padding:60px 0 55px 0;background-size:cover}
	.ceo-greeting > .ceo-greeting-cont {margin:0 auto;}
	.ceo-greeting .ceo-img {float:none; width:80%; margin:0 auto; text-align:center;}
	.ceo-greeting .ceo-img img {}
	.ceo-greeting .ceo-greeting-txt {width:100%; float:none; padding-left:0px; padding-top: 0; text-align:center;}
	.ceo-greeting .ceo-greeting-txt h4 {font-size:18px; line-height:1.5; font-weight:300; color:#333; margin-bottom:40px; padding-top:4%}
	.ceo-greeting .ceo-greeting-txt p {font-size:14px; line-height:1.5; font-weight:300; color:#444; margin-bottom:20px;}
	 .ceo-greeting-txt br {display:none;}

	.ceo-greeting.two .ceo-cont{top:auto}

}
@media all and ( max-width: 480px ){	
	.ceo-top .ceo-top-txt p{font-size:13px}
	.ceo-greeting h3{padding:50px 0 45px 0}
}

/* 회사소개 :: 인사말 */
.ceo-greeting-con{border-top:1px solid #ddd;}
.ceo-greeting-con:first-child{padding-top:0; border-top:0;}
.ceo-greeting-two {position:relative; top:-130px;}
.ceo-photo-con{float:left; width:250px; background-color:#f2f2f2; padding:80px 30px;}
.ceo-photo-con img{width:100%;}
.ceo-photo-info img {width: 20%; padding-right:2%;}
.ceo-photo-info{position:relative; text-align:center; padding:22% 0 13%}
.ceo-photo-info span,
.ceo-photo-info strong{
    display:block;color:#000;  letter-spacing:-0.25px;
}
.ceo-photo-info span{font-size:22px; position:relative; }
.ceo-photo-info span:after{display:block; content:""; width:30px; height:2px;background-color:#19489e; margin:15px auto}
.ceo-photo-info strong{font-size:25px; font-weight:500;}
.ceo-greeting-txt{float:right; width:calc( 100% - 360px); }
.ceo-greeting-txt .ceo-txt-top{display:block; color:#fff; font-size:25px; letter-spacing:-0.5px; line-height:1.6em; font-weight:300; margin-bottom:10%;}
.ceo-greeting-txt .ceo-txt-top b{color:#fff; font-weight:500;}
/* .ceo-greeting-txt .ceo-txt-top br{display:none;} */
.ceo-greeting-txt .ceo-txt{color:#242424; font-size:18px; font-weight:300; letter-spacing:-0.25px; line-height:1.85em; word-break:keep-all;}
 .ceo-greeting-txt .ceo-txt span.blue {color:#19489e; font-weight:500;}

@media all and (max-width:1220px){
    /* 회사소개 :: 인사말 */
    .ceo-photo-con{width:200px; padding:15px;}
    .ceo-photo-info span{font-size:16px;}
    .ceo-photo-info strong{font-size:20px;}
    .ceo-greeting-txt{width:calc(100% - 260px);}
    .ceo-greeting-txt .ceo-txt-top{color:#333; font-size:20px;}
    .ceo-greeting-txt .ceo-txt{font-size:14px; line-height:22px;}
	.ceo-greeting-txt .ceo-txt-top {color:#333;}
	.ceo-greeting-txt .ceo-txt-top br {display:none;}
	.ceo-greeting-txt .ceo-txt-top b{color:#1b539c;}
}
 
@media all and (max-width:768px){
    /* 회사소개 :: 인사말 */
    .ceo-photo-con, .ceo-greeting-txt{float:none; width:auto; text-align:center;}
    .ceo-photo-con .ceo-photo{display:inline-block; width:150px}
    .ceo-photo-con .ceo-photo-info{display:block; padding:0; vertical-align:bottom}
    .ceo-photo-info span,
    .ceo-photo-info strong{
        display:inline-block; margin-left:10px;
    }
    .ceo-photo-info span:after{display:none;}
    .ceo-greeting-txt{padding:15px;}
}
 
@media all and (max-width:480px){
    .ceo-photo-con .ceo-photo-info{vertical-align:middle; text-align:right; margin-left:10px;}
    .ceo-photo-info span,
    .ceo-photo-info strong{display:block; margin-left:0;line-height:30px;text-align:center;}
}

/* -------------회사개요--------------- */
.summary-top{position:relative}
.summary-top .summary-top-img img{max-width:100%}
.summary-top .summary-top-txt{position:absolute;bottom:0;left:0;background:rgba(19,77,153,0.95);word-break:keep-all}
.summary-top .summary-top-txt p{font-weight:300;font-size:30px;letter-spacing:-0.5px;line-height:1.6em;color:#fff;padding:54px 49px 50px}
.summary-top .summary-top-txt p strong{font-weight:500}
.summary-top-sub{padding-top:35px}
.summary-top-sub p{font-weight:300;/*font-size:16px;*/font-size:18px;letter-spacing:-0.5px;line-height:2em;color:#444;word-break:keep-all}
.summary-top-sub p span{display:block;padding-bottom:30px;}
.summary-top-sub p span:last-child{padding-bottom:0}
.main-partners{padding-top:111px}
.main-partners .main-partners-tit{font-weight:500;font-size:22px;letter-spacing:-0.5px;color:#222;padding-bottom:21px;border-bottom:2px solid #222;}
.parti-list{margin:0 -0.5%;padding-top:51px; padding-bottom: 51px;}
.parti-list li {float:left; width:19%; margin:0.5%; text-align:center;}
.parti-list li span{display:block; height:88px;padding:0 5px;line-height: 85px;}
.parti-list li img {max-width:100%;}
@media all and (max-width:800px){
	.summary-top .summary-top-txt p{font-size:20px;padding:27px 25px 25.5px}
	.summary-top-sub{padding-top:17.5px}
	.summary-top-sub p{font-size:13px}
	.summary-top-sub p br{display:none}
	.main-partners{padding-top:55.5px}
	.main-partners .main-partners-tit{font-size:16px;padding-bottom:10.5px;}
	.parti-list{padding-top:25.5px; padding-bottom: 25.5px;}
	.parti-list li{width:32.33333%;}
	.parti-list li img {max-width:80%;}
	.summary-top-sub p span{padding-bottom:15px;}
}
@media all and (max-width:480px){
	.summary-top .summary-top-txt{width:100%;position:relative}
	.summary-top .summary-top-txt p{padding:17px 20px 15.5px}
	.parti-list li{width:49%;}
}
/* -------------연혁--------------- */
.history-top{position:relative}
.history-top .history-top-img img{max-width:100%}
.history-top .history-top-txt{padding:5% 7% 5% 4.5%;background:rgba(19,77,153,0.8);position:absolute;display:inline-block;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);margin-left:1px}
.history-top .history-top-txt h4{font-weight:600;font-size:44px;letter-spacing:0;color:#fff;opacity:0.9;}
.history-top .history-top-txt p{font-weight:300;font-size:20px;letter-spacing:-0.5px;line-height:1.6em;color:#fff;opacity:0.8;padding-top:12%}
.history-top .history-top-txt p strong{font-weight:400}
@media all and (max-width:1024px){	
	.history-top .history-top-txt{padding:3% 6% 3% 3.5%}
	.history-top .history-top-txt p{padding-top:9%}
}
@media all and (max-width:800px){
	.history-top .history-top-txt{position:relative;width:100%;padding:0;top:auto;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);margin-left:0;background:rgba(19,77,153,1)}
	.history-top .history-top-txt .history-top-txt-inner{padding:21px 19px}
	.history-top .history-top-txt h4{font-size:27px;opacity:1}
	.history-top .history-top-txt p{font-size:15px;padding-top:3%;word-break:keep-all;opacity:1}
	.history-top .history-top-txt p br{display:none}
}

.history-list-box .history-year-box{overflow:hidden; position:relative; padding-left:250px}
.history-list-box .history-year-box h4{position:absolute; left:0; top:0;  color:#222; font-size:32px; font-weight:500; letter-spacing:-1.5px;font-family:'Noto Sans KR', sans-serif;}
.history-list-box .history-year-box h4:after{position:absolute; top:15px; left:110px; content:""; width:56px; height:3px; background-color:#134d99; }
.history-list-box .history-year-box .history-year-item {overflow:hidden; position:relative; padding-bottom:30px}
.history-list-box .history-year-box .history-year-item:before{position:absolute; top:0px; left:120px; width:1px; height:100%; background-color:#ddd; content:"";}
.history-list-box .history-year-box .history-year-item .history-year{position:absolute; top:5px; left:0px; width:120px;}
.history-list-box .history-year-box .history-year-item .history-year:after{position:absolute; display:block; content:""; top:50%; right:-4px; width:7px; height:7px; margin-top:-3px; background-color:#134d99; -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.history-list-box .history-year-box .history-year-item .history-year strong{color:#222; font-weight:500; font-size:24px;font-style:italic;font-family:'Noto Sans KR', sans-serif;letter-spacing:-0.5px}
.history-list-box .history-year-box .history-year-item .history-info-con{padding-left:150px; }
.history-list-box .history-year-box .history-year-item:last-child .history-info-con{  padding-bottom:35px;}
.history-list-box .history-year-box .history-year-item .history-info-con p{position:relative; margin-bottom:10px; padding-left:34px; color:#797979; font-size:18px; font-weight:300; letter-spacing:-0.5px; line-height:1.4; word-break:keep-all}
.history-list-box .history-year-box .history-year-item .history-info-con p:first-child{margin-top:7px}
.history-list-box .history-year-box .history-year-item .history-info-con p .history-month{position:absolute; top:0px; left:0px;color:#333; font-weight:600; }
.history-list-box .history-year-box .history-year-item .history-info-con p span{}

.history-list-box .history-year-box:first-child h4{top:97px}
.history-list-box .history-year-box:first-child dl:first-child{padding-top:95px}
.history-list-box .history-year-box:first-child dl:first-child .history-year{top:100px}

@media all and ( max-width:1220px ){
    /* -------- 회사소개 :: 연혁 -------- */
    .history-list-box .history-year-box{ padding-left:200px}
}
@media all and ( max-width:800px ){
    /* -------- 회사소개 :: 연혁 -------- */
	.history-list-box{padding-top:20px}
    .history-list-box .history-year-box{padding-left:0}
    .history-list-box .history-year-box h4{position:relative; left:auto; top:auto; margin-bottom:25px; font-size:26px;}
    .history-list-box .history-year-box h4:after{top:100%; left:0; margin-top:5px;}
    .history-list-box .history-year-box .history-year-item:before{font-size:80px}
    .history-list-box .history-year-box .history-year-item .history-info-con p{font-size:14px}
	.history-list-box .history-year-box:first-child h4{top:0}
	.history-list-box .history-year-box:first-child dl:first-child{padding-top:0}
	.history-list-box .history-year-box:first-child dl:first-child .history-year{top:0}
}
@media all and ( max-width:480px ){
    /* -------- 회사소개 :: 연혁 -------- */
    .history-list-box .history-year-box{margin-bottom:50px}
    .history-list-box .history-year-box h4{font-size:20px;}
    .history-list-box .history-year-box h4:after{width:45px; height:2px}
    .history-list-box .history-year-box .history-year-item .history-year{width:60px;}
    .history-list-box .history-year-box .history-year-item .history-year strong{font-size:17px}
    .history-list-box .history-year-box .history-year-item:before{left:60px}
    .history-list-box .history-year-box .history-year-item .history-info-con{padding-left:90px; }
    .history-list-box .history-year-box .history-year-item:last-child .history-info-con{padding-bottom:0}
    .history-list-box .history-year-box .history-year-item .history-info-con p{font-size:13px}
}



/* -------------조직도--------------- */
.org-inner{text-align:center}

/* -------------찾아오시는길--------------- */
.map-wrapper{overflow:hidden; position:relative; width:100%; margin:0px auto; height:500px; border:1px solid #ddd;}
.map-wrapper .map-con{position:absolute; top:50%; left:50%; width:1200px; height:500px; margin-left:-600px; margin-top:-250px;} 
.map-tbl-con{margin-bottom:70px;}
.map-tbl{width:100%;}
.map-tbl th,.map-tbl td{padding:20px 2%; letter-spacing:-0.3px; /*font-size:15px;*/font-size:17px;}
.map-tbl th{width:110px; border-bottom:1px solid #000; color:#1e1e1e; text-align:left; font-weight:600;width:113px}
.map-tbl td{border-bottom:1px solid #d8d8d8; color:#5b5b5b; font-weight:400; line-height:15px;word-break:keep-all;}
@media all and ( max-width:800px ){
    .map-wrapper{height:300px;}
    .map-wrapper .map-con{height:300px; }
    .map-box ul li{width:31%; margin-left:1%; font-size:15px; max-width:180px;}
	.map-tbl th{width:100px}
    .map-tbl th,.map-tbl td{padding:15px 2%; font-size:13px;}
}
@media all and ( max-width:480px ){	
	.map-wrapper{height:240px;}
    .map-wrapper .map-con{height:240px; }
}

/* ******************  제품소개 ********************** */
/* --------------제품소개--------------- */
.product-intro-list li{margin-bottom:30px;}
.product-intro-list li:last-child{margin-bottom:0}
.product-intro-list li a{position:relative; display:block;overflow:hidden; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;border:1px solid #ddd}
.product-intro-list li a .bbs-thumb-img{width:calc(50% + 1px); display:inline-block; vertical-align:middle;}
.product-intro-list li a .bbs-thumb-img span{display:block; position:relative;}
.product-intro-list li a .bbs-thumb-img img{width:100%; height:100%; }
.product-intro-info{overflow:hidden; display:inline-block; vertical-align:middle; padding-left:0%; width:49.2%; height:100%;padding:40px 0}
.product-intro-info .product-intro-txt{font-weight:300;overflow:hidden;margin:0 0 19px; letter-spacing:-0.5px;line-height:1.88em; font-size:18px; color:#444; display: -webkit-box;-webkit-box-orient: vertical}
.product-intro-list-tit{background:#134d99;height:70px;display:table;width:100%}
.product-intro-list-tit h3{font-weight:400;font-size:24px;letter-spacing:-0.25px;color:#fff;padding-left:40px;display:table-cell;vertical-align:middle}
.product-intro-txt > span{display:block;position:relative;padding-left:15px;padding-bottom:18px;padding-right:10px;word-break:keep-all}
.product-intro-txt > span:before{position:absolute;display:inline-block;content:"";width:4px;height:4px;background:#134d99;border-radius:50%;left:0;top:14px}
.view-product-btn{font-weight:300;/*font-size:14px;*/font-size:16px;letter-spacing:-0.5px;color:#134d99;background:#ededed;display:inline-block;/*width:135px;height:46px;*/width:200px;height:52px;border-radius:23px;line-height:3.2em;text-align:center;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
.view-product-btn .material-icons{font-size:19px;vertical-align:sub;padding-left:20px}
.product-intro-list-con{position:relative/*border:2px solid transparent;*/ -webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s;}
.product-intro-list-con:before{position:absolute;display:none;content:"";width:100%;height:100%;border:2px solid #134d99;top:0;left:0;box-sizing:border-box;z-index:2;}

@media all and (max-width:1220px){
    .product-intro-info .product-intro-txt{margin:10px 0 20px;}
}
@media all and (max-width:800px){
	.product-intro-list li{margin-bottom:15px;}
	.product-intro-info{padding:20px 0}
	.product-intro-info .product-intro-txt{margin:0 0 15px;font-size:14px;}
    .product-intro-info .product-intro-txt{line-height:20px; margin-bottom:10px;}
	.product-intro-list-tit{height:50px;}
	.product-intro-list-tit h3{font-size:17px;padding-left:20px;}
	.product-intro-txt > span{padding-left:7.5px;padding-bottom:9px;padding-right:5px;line-height:1.65em}
	.product-intro-txt > span:before{width:2px;height:2px;top:10px}
	.view-product-btn{font-size:12px;width:110px;height:40px;line-height:3.2em;}
	.view-product-btn .material-icons{font-size:15px;padding-left:10px}
}
@media all and (max-width:480px){
    .product-intro-list li a{position:relative;}
    .product-intro-list li a .bbs-thumb-img,.product-intro-info{display:block; width:100%; padding:0;}
    .product-intro-list li a .bbs-thumb-img{margin-bottom:10px;}
	 .product-intro-info .product-intro-txt{padding:0 15px}
	.view-product-btn-wrap{text-align:center;padding-bottom:15px}
}

@media all and (min-width:800px){
	.product-intro-list li a:hover{box-shadow:3px 3px 14px rgba(0,0,0,0.1)}
	.product-intro-list li a:hover .product-intro-list-con{/*border:2px solid #134d99;border-top:none*/}
	.product-intro-list li a:hover .view-product-btn{color:#fff;background:#134d99}
	.product-intro-list li a:hover .product-intro-list-con:before{display:inline-block}
}

/* --------------제품소개 리스트--------------- */
.product-tab-list{width:100%; }
.product-tab-list ul{overflow:hidden;text-align:center;font-size:0}
.product-tab-list li{ width:19.5%;display:inline-block;height:55px;margin:0 -1px}
.product-tab-list li > a{display:table; border:1px solid #dedede;box-sizing:border-box;font-size:16px; line-height:16px; width:100%;height:100%;text-align:center; color:#333;background:#f9f9f9;box-sizing:border-box}
.product-tab-list li > a span{display:table-cell;vertical-align:middle}
.product-tab-list li:first-child > a{border-left:1px solid #dedede;}
.product-tab-list li.selected > a{border:1px solid #134d99; color:#fff;font-weight:400;background:#134d99} 



.product-list-wrap{padding-top:38px}
.product-list{margin:0 -1%}
.product-list li{float:left;width:48%;margin:1%;padding-bottom:8px;}
.product-list li:last-child{padding-bottom:0}
.product-list li .product-list-img{border:1px solid #ddd;box-sizing:border-box;overflow:hidden;position:relative;width:100%;padding-top:45.5%;height:0}
.product-list li .product-list-img span{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;overflow:hidden}
.product-list li .product-list-img img{max-width:100%;max-height:100%;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
.product-list li .product-list-txt{text-align:center;font-weight:300;font-size:18px;letter-spacing:-0.5px;color:#444;padding-top:20px}
.product-tab-list li:nth-child(n+6){margin-top:-1px}
.paging-wrap{position:relative}
.product-list-btn{position:absolute;display:inline-block;right:0;top:0}
.product-list-btn span a{display:block;font-weight:300;font-size:16px;letter-spacing:-0.5px;color:#fff;background:#3e3e3e;width:196px;height:60px;line-height:3.5em;text-align:center}

/* PAGING - STYLE 02 */
.product-list-content .paging{width:100%; text-align:center; margin-bottom:43px;padding-top:15px}
.product-list-content .paging-group{display:inline-block; overflow:hidden;}
.product-list-content .paging-style02 a{float:left; position:relative; z-index:0; width:32px; height:32px; line-height:32px; border:1px solid #ddd; color:#666; margin-left:-1px; }
.product-list-content .paging-style02 a:first-child{margin-left:0}
.product-list-content .paging-style02 a.cur{border-color:#333; z-index:1; color:#333; font-weight:600;background:#fff}
.product-list-content .paging-style02 a.paging-arrow{line-height:32px;}
.product-list-content .paging-style02 a.paging-arrow i{vertical-align:middle; color:inherit}
 /* -------- search box 기본스타일 01  -------- */
/* 공통 :: SEARCH BOX */
.board-search-box{text-align:center; background-color:#f9f9f9; padding:30px 0; border:1px solid #ddd; }
.board-search-box select{width:20%; max-width:150px; height:40px; border:1px solid #ccc; background-color:#fff; }
.board-search-box .search-word{width:30%; max-width:200px; height:40px; border:1px solid #ccc; border-right:0; padding:0; text-indent:10px; color:#868686; font-size:13px; vertical-align:middle;}
.board-search-box .search-word:focus{color:#333;}
.board-search-box .bbs-search-btn{margin:0px; border:0; min-width:40px; padding:0 5px; height:40px; margin-left:-4px; background:#333; color:#fff; cursor:pointer; vertical-align:top; font-size:14px;}
.board-search-box .bbs-search-btn i{line-height:40px;}

@media all and (max-width:800px) {	
	.product-tab-list li{ width:25%;height:40px}
	.product-tab-list li > a{font-size:13px;}
	.product-list-content .paging{margin-bottom:22px;padding-top:5px}
	.product-list-btn{position:relative;display:block;text-align:center;padding-bottom:15px}
	.product-list-btn span{display:inline-block}
	.product-list-btn span a{font-size:13px;width:150px;height:42px;}
	.product-list li .product-list-txt{font-size:14px;padding-top:10px}
	.product-tab-list li:nth-child(n+5){margin-top:-1px}
 }
@media all and (max-width:640px) {	
	.product-list{margin:0}
	.product-list li{float:none;width:100%;margin:1% 0}
}
@media all and (max-width:480px) {
	.product-tab-list li{ width:50%;}
	.product-tab-list li:nth-child(n+2){margin-top:-1px}
	.board-search-box{padding:15px;}
    .board-search-box select{width:30%;}
    .board-search-box .search-word{width:50%; text-indent:4px; font-size:13px;}
}
 
 /* ******************  연구기술 ********************** */
/* --------------FPCB개요--------------- */
.fbcb-top{border-top:2px solid #333}
.fbcb-top .fbcb-top-img,
.fbcb-top .fbcb-top-txt{display:inline-block;width:50%;vertical-align:top;border:1px solid #ddd;box-sizing:border-box;height:385px;}
.fbcb-top .fbcb-top-txt .fbcb-txt-inner{padding:8% 2% 0 8%}
.fbcb-top .fbcb-top-img{background:url("../images/content/fbcb_img.jpg") no-repeat;background-size:100% 100%}
.fbcb-top .fbcb-top-img img{max-width:100%}
.fbcb-top .fbcb-top-txt{margin-left:-3px;border-left:0}
.fbcb-top .fbcb-top-txt .fbcb-top-tit{position:relative;font-weight:500;font-size:26px;letter-spacing:-0.5px;color:#222;padding-bottom:32px;}
.fbcb-top .fbcb-top-txt .fbcb-top-tit:after{position:absolute;display:inline-block;content:"";width:21px;height:3px;left:0;bottom:0;background:#1b539c}
.fbcb-top .fbcb-top-txt .fbcb-top-sub{font-weight:300;/*font-size:16px;*/font-size:18px;letter-spacing:-0.5px;line-height:2em;color:#444;padding-top:19px;word-break:keep-all}
.fbcb-character{/*margin:0 -0.7%;*/padding-top:26px}
.fbcb-character .fbcb-character-list{display:inline-block;/*width:48.4%;margin:0 0.7%*/width:100%}
.fbcb-character .fbcb-character-list .fbcb-character-tit{font-weight:500;font-size:20px;letter-spacing:-0.5px;color:#fff;padding:22px 10px 22px 33px}
.fbcb-character .fbcb-character-list.advantage .fbcb-character-tit{background:#1b539c}
.fbcb-character .fbcb-character-list.fault .fbcb-character-tit{background:#6e6e6e}
.fbcb-character .fbcb-character-list .fbcb-character-txt{background:#f4f4f4;border:1px solid #ddd;padding:14px 0 31px 36px}
.fbcb-character .fbcb-character-list .fbcb-character-txt span{position:relative;display:block;font-weight:300;font-size:18px;letter-spacing:-0.5px;color:#444;line-height:1.5em;padding-left:29px;padding-top:14px}
.fbcb-character .fbcb-character-list .fbcb-character-txt span:before{position:absolute;display:inline-block;content:"";width:17px;height:14px;left:0;top:21px}
.fbcb-character .fbcb-character-list.advantage .fbcb-character-txt span:before{background:url("../images/content/advantage_icon.png") no-repeat;}
.fbcb-character .fbcb-character-list.fault .fbcb-character-txt span:before{background:url("../images/content/fault_icon.png") no-repeat;}
@media all and (max-width:1220px) {	
	.fbcb-top .fbcb-top-txt .fbcb-top-sub br{display:none}
}
@media all and (max-width:800px) {	
	.fbcb-top .fbcb-top-img, .fbcb-top .fbcb-top-txt{height:300px;}
	.fbcb-top .fbcb-top-txt .fbcb-top-tit{font-size:18px;padding-bottom:16px;}
	.fbcb-top .fbcb-top-txt .fbcb-top-tit:after{width:15px;height:2px;}
	.fbcb-top .fbcb-top-txt .fbcb-top-sub{font-size:13px;padding-top:9.5px;}
	.fbcb-character{padding-top:13px;margin:0}
	.fbcb-character .fbcb-character-list{width:100%;margin:0 0 15px 0}
	.fbcb-character .fbcb-character-list:last-child{margin:0}
	.fbcb-character .fbcb-character-list .fbcb-character-tit{font-size:15px;padding:11px 5px 11px 16.5px}
	.fbcb-character .fbcb-character-list .fbcb-character-txt{padding:7px 0 15.5px 13px}
	.fbcb-character .fbcb-character-list .fbcb-character-txt span{font-size:13px;padding-left:21px;padding-top:7px}
	.fbcb-character .fbcb-character-list .fbcb-character-txt span:before{top:11px;background-size:80%}
}
@media all and (max-width:640px) {	
	.fbcb-top .fbcb-top-img{width:100%;height:280px;}
	.fbcb-top .fbcb-top-txt{width:100%;margin-left:0;border-left:1px solid #ddd;height:auto;}
	.fbcb-top .fbcb-top-txt .fbcb-txt-inner{padding:8.5% 8%}
}
/* --------------보유기술--------------- */
.skill-sub-tit{position:relative;font-weight:500;font-size:26px;letter-spacing:-0.5px;color:#222;padding-left:41px;padding-bottom:23px}
.skill-sub-tit:before{position:absolute;display:inline-block;content:"";width:21px;height:3px;background:#1b539c;left:0;top:10px}
.skill-table-wrap .skill-tbl{width:100%}
.skill-table-wrap .skill-tbl tr th, .skill-table-wrap .skill-tbl tr td{font-weight:300;font-size:18px;letter-spacing:-0.5px;line-height:1.56em;text-align:center;padding:11px 0;word-break:keep-all}
.skill-table-wrap .skill-tbl tr th{background:#1b539c;color:#fff;border:1px solid #1b539c;word-break:keep-all}
.skill-table-wrap .skill-tbl tr td{color:#444;border:1px solid #ddd}
.laboratory-wrap{padding-top:77px}
.laboratory-wrap .laboratory-status{border-top:2px solid #333}
.laboratory-wrap .laboratory-status .laboratory-status-list{padding-top:18px}
.laboratory-wrap .laboratory-status .laboratory-status-list span{position:relative;display:block;font-weight:300;font-size:18px;letter-spacing:-0.5px;line-height:1.5em;color:#444;padding-left:29px;padding-top:14px;word-break:keep-all}
.laboratory-wrap .laboratory-status .laboratory-status-list span:before{position:absolute;display:inline-block;content:"";width:17px;height:14px;left:0;top:20px;background:url("../images/content/advantage_icon.png") no-repeat;}
@media all and (max-width:800px) {	
	.skill-sub-tit{font-size:18px;padding-left:21px;padding-bottom:11.5px}
	.skill-sub-tit:before{width:15px;height:2px;top:8px}
	.skill-table-wrap .skill-tbl tr th, .skill-table-wrap .skill-tbl tr td{font-size:13px;padding:6px 0}
	.laboratory-wrap{padding-top:38.5px}
	.laboratory-wrap .laboratory-status .laboratory-status-list{padding-top:9px}
	.laboratory-wrap .laboratory-status .laboratory-status-list span{font-size:13px;padding-left:18px;padding-top:8px}
	.laboratory-wrap .laboratory-status .laboratory-status-list span:before{top:13px;background-size:80%}
}
@media all and (max-width:480px) {	
	.skill-table-wrap .skill-tbl tr th, .skill-table-wrap .skill-tbl tr td{font-size:11px;padding:6px 0}
}
/* --------------공정소개--------------- */
.process-content{position:relative}
.process-img img{max-width:100%}
.process-img img.process-img-pc{display:block}
.process-img img.process-img-m{display:none}
.process-modal{position:absolute;display:none;}
.process-modal.on{display:block}
.process-modal.modal1{top:30%;left:14%;}
.process-modal.modal2{top:30%;left:24%;}
.process-modal.modal3{top:30%;left:34%;}
.process-modal.modal4{top:30%;left:44%;}
.process-modal.modal5{top:30%;left:50%;}
.process-modal.modal6{top:32%;right:20%}
.process-modal.modal7{top:35%;right:20%}
.process-modal.modal8{top:40%;right:17%;}
.process-modal.modal9{bottom:35%;right:16%;}
.process-modal.modal10{bottom:43%;right:16%;}
.process-modal.modal11{bottom:39%;left:43%;}
.process-modal.modal12{bottom:41%;left:34%;}
.process-modal.modal13{bottom:41%;left:24%;}
.process-modal.modal14{bottom:42%;left:10%;}
.process-modal.modal15{bottom:43%;left:2%;}
.process-modal .process-modal-inner{width:417px;border:1px solid #1b539c;border-radius:10px;overflow:hidden;box-shadow:1px 3px 13px rgba(0,0,0,0.2);box-sizing:border-box}
.process-modal .process-modal-inner h4{font-weight:400;font-size:18px;letter-spacing:-0.5px;background:#1b539c;color:#fff;padding:15px 0 13px 23px}
.process-modal .process-modal-inner h4 strong{font-weight:600;opacity:0.5;padding-right:12px}
.process-modal .process-modal-inner p{font-weight:300;font-size:17px;letter-spacing:-0.5px;line-height:1.6em;background:#fff;color:#444;padding:21px 10px 26px 23px;word-break:keep-all}
@media all and (max-width:1024px) {	
	.process-modal .process-modal-inner{width:345px;}
	.process-modal .process-modal-inner h4{padding:10px 0 8px 12px}
	.process-modal .process-modal-inner p{padding:11px 8px 15px 12px}
}
@media all and (max-width:800px) {	
	.process-img img.process-img-pc{display:none}
	.process-img img.process-img-m{display:block;margin-bottom:5px}
	.process-img .process-modal{position:relative;display:inline-block;top:auto;left:auto;bottom:auto;right:auto;width:100%}
	.process-modal .process-modal-inner{width:100%;box-shadow:none;margin-top:10px}
	.process-modal .process-modal-inner h4{font-size:14px;padding:8px 0 7px 4%}
	.process-modal .process-modal-inner h4 strong{padding-right:6px}
	.process-modal .process-modal-inner p{font-size:13px;padding:0;display:table;width:100%;height:85px;}
	.process-modal .process-modal-inner p span{display:table-cell;vertical-align:middle;padding:0 3%}
}



 /* ****************** 경영방침 ********************** */
/* --------------품질경영방침--------------- */
.policy-content{border-top:2px solid #333}
.policy-content .policy-content-img,
.policy-content .policy-content-txt{float:left;width:50%;height:384px;box-sizing:border-box}
.policy-content .policy-content-txt{border:1px solid #ddd;}
.policy-content .policy-content-img.quality-img{background:url("../images/content/quality_management.jpg");background-size:100% 100%}
.policy-content .policy-content-img.environment-img{background:url("../images/content/environment_management.jpg");background-size:100% 100%}
.policy-content-txt .policy-content-inner{padding:8.5%}
.policy-content-txt .policy-content-inner .policy-content-tit{position:relative;font-weight:500;font-size:28px;letter-spacing:-0.5px;color:#222;padding-bottom:33px}
.policy-content-txt .policy-content-inner .policy-content-tit:after{position:absolute;display:inline-block;content:"";width:21px;height:3px;background:#1b539c;bottom:0;left:0}
.policy-content-txt .policy-content-inner .policy-content-sub{padding-top:6px}
.policy-content-txt .policy-content-inner .policy-content-sub span{position:relative;display:block;font-weight:300;font-size:18px;letter-spacing:-0.5px;color:#444;line-height:1.5em;padding-top:13px;padding-left:23px;word-break:keep-all}
.policy-content-txt .policy-content-inner .policy-content-sub span:before{position:absolute;display:inline-block;content:"";width:16px;height:16px;left:0;top:18px;background:url("../images/content/policy_icon.png") no-repeat;}
@media all and (max-width:800px) {	
	.policy-content .policy-content-img,
	.policy-content .policy-content-txt{float:none;width:100%;}
	.policy-content .policy-content-img{height:325px}
	.policy-content .policy-content-txt{float:none;width:100%;height:auto;}
	.policy-content-txt .policy-content-inner{padding:6%}
	.policy-content-txt .policy-content-inner .policy-content-tit{font-size:19px;padding-bottom:17px}
	.policy-content-txt .policy-content-inner .policy-content-tit:after{width:15px;height:2px;}
	.policy-content-txt .policy-content-inner .policy-content-sub{padding-top:3px}
	.policy-content-txt .policy-content-inner .policy-content-sub span{font-size:14px;padding-top:7px;padding-left:18px;}
	.policy-content-txt .policy-content-inner .policy-content-sub span:before{background-size:80%;top:11px}
}
@media all and (max-width:480px) {	
	.policy-content .policy-content-img{height:220px}
}
/* --------------인증서--------------- */
.certification-tbl{width:100%}
.certification-tbl tr th,
.certification-tbl tr td{font-size:18px;letter-spacing:-0.5px;line-height:2em;word-break:keep-all}
.certification-tbl tr th{font-weight:400;background:#1b539c;color:#fff;text-align:center;border:1px solid #1b539c;padding:16px 0 14px 0}
.certification-tbl tr td{font-weight:300;color:#444;border:1px solid #ddd;padding:12px 0}
.certification-tbl tr td.certification-division{background:#f4f4f4;text-align:center}
.certification-tbl tr td.certification-explan{padding:12px 2.5%}
.certification-tbl tr td.certification-view{text-align:center}
.certification-tbl tr td.certification-view a{margin: 0 13px;display:inline-block}
.certification-tbl tr td.certification-view a span{display:block;line-height:1.0em;padding-top:4px}
@media all and (max-width:1220px) {	
	.certification-tbl tr td.certification-explan br{display:none}
}
@media all and (max-width:800px) {	
	.certification-tbl tr th,
	.certification-tbl tr td{font-size:13px;}
	.certification-tbl tr th{padding:8px 0 7px 0}
	.certification-tbl tr td{padding:10px 0}
	.certification-tbl tr td.certification-view a img{max-width:80%}
	.certification-tbl tr td.certification-view a{margin: 0 5px;}
	.certification-tbl tr td.break-all{word-break:break-all}
}
@media all and (max-width:480px) {	
	.certification-tbl tr th,
	.certification-tbl tr td{font-size:12px;}
}