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

/* ========================================================
 * 서브공통
======================================================== */
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover{display:none;}
.custom-scrollbar-wrapper .scroll-object {z-index:-1; position:relative; }

/* -------- 공통 테이블스타일 -------- */
.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;}

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-cm-tab-wrapper{position:relative; height:60px; margin-bottom:78px;}
.sub-tab-cm-style ul{display:table; width:100%; table-layout:fixed;}
.sub-tab-cm-style ul li{display:table-cell; position:relative; position:relative; margin-left:-1px;  background-color:#f5f5f5;}
.sub-tab-cm-style ul li:before{position:absolute; top:0px; height:3px; left:0; right:-1px; background-color:#639143; content:""; display:none;}
.sub-tab-cm-style ul li:first-child{margin-left:0}
.sub-tab-cm-style ul li a{display:table; height:60px; width:100%; border:1px solid #e5e5e5; border-bottom:1px solid #a2a2a2; }
.sub-tab-cm-style ul li a em{display:table-cell; vertical-align:middle; color:#222; font-size:18px; letter-spacing:-0.50px; font-weight:500; text-align:center;}
.sub-tab-cm-style ul li.selected{z-index:1; }
.sub-tab-cm-style ul li.selected:before{display:block;}
.sub-tab-cm-style ul li.selected a{background-color:#fff; border-color:#a2a2a2; border-bottom-color:#fff}
.sub-tab-cm-style .cm-tab-m-btn{display:none;}
/* Tab Fixed Move*/
.sub-tab-cm-style.top-fixed{position:fixed; top:0px; left:0; width:100%; height:60px;}

/* -------- 공통 :: 탭2 -------- */
.sub-tab-category-list{margin-bottom:60px ; text-align:center;}
.sub-tab-category-list ul{display:inline-block;}
.sub-tab-category-list ul li{float:left; width:180px;}
.sub-tab-category-list ul li a{display:table; width:100%; height:75px; color:#222; font-size:16px; line-height:1.2; letter-spacing:-0.25px; font-weight:500; border-bottom:4px solid #eee;}
.sub-tab-category-list ul li a span{display:table-cell; vertical-align:middle; padding:0 10px;}
.sub-tab-category-list ul li.selected a{color:#639143; border-bottom-color:#639143;}

/* ========================================================
 * 회사소개
======================================================== */
/* ******************  Company :: About Us ********************** */
#aboutContent{font-size:18px; color:#000;}
/* 상단 */
.about-fonuder-say-con{position:relative; padding:5% 0 4%; background-color:#e9e9e9;}
.about-fonuder-say-con:before{position:absolute; top:0px; bottom:0px; right:0px; width:100%; content:""; background:url(/images/content/company_top_img.jpg) no-repeat 100% 0; background-size:auto 100%; opacity:0; transition:all 0.6s 0.5s}
.about-fonuder-say-con .founder-say-tit{font-weight:500;}
.about-fonuder-say-con .founder-bold-txt{display:block; font-size:2.44em; letter-spacing:-0.01em; line-height:1.3; margin:1em 0; font-weight:600;}
.about-fonuder-say-con .founder-txt{font-size:1em; letter-spacing:-0.013em; line-height:2;}
.about-fonuder-say-con.aos-animate:before{opacity:1;}
/* 중간 */
.about-ceo-txt-con{padding:75px 0 95px; letter-spacing:-0.5px;}
.about-ceo-txt-con .about-ceo-txt1{font-size:1.33em; line-height:1.66; font-weight:500;}
.about-ceo-txt-con .about-ceo-txt2{font-size:1.11em; line-height:1.8; margin-top:2.3em}
.about-ceo-txt-con .about-ceo-txt3{font-size:1.66em; line-height:1.66; font-weight:500; margin-top:1.53em}
.about-ceo-txt-con .m-br{display:block}
/* 하단 */
.about-ceo-name-con{background-color:#3d5829; padding:70px 0; color:#fff}
.about-ceo-name-con dl dt{margin-bottom:1em; letter-spacing:-0.5px;}
.about-ceo-name-con dl dd{font-size:1.33em; letter-spacing:3px;}
.ceo0 dl dd{margin-left: 000px;}

/* ******************  Company :: Philosophy ********************** */
.philo-top-con{margin-bottom:97px; text-align:center;}
.philo-term-detail-con dl{margin-top:147px; font-size:18px; color:#000;}
.philo-term-detail-con dl:first-child{margin-top:0;}
.philo-term-detail-con dl dt{float:left; width:300px; box-sizing:border-box; padding-left:30px; font-size:2.22em; font-weight:700; }
.philo-term-detail-con dl dt::first-letter{color:#639143}
.philo-term-detail-con dl dd{float:right; width:calc(100% - 300px); padding-left:45px; box-sizing:border-box; letter-spacing:-0.5px; line-height:2;  }
.philo-term-detail-con dl dd .term-bold-txt{font-size:1.40em; line-height:1.66; font-weight:600; margin-bottom:0.7em}

/* ******************  Company :: 연혁 ********************** */
.history-list-con .history-year-item{border-bottom:1px solid #ddd;}
.history-list-con .history-year-item:first-child{border-top:1px solid #000}
.history-list-con .history-year-item .history-year{float:left; width:250px; padding-top:30px; color:#000; font-size:50px; letter-spacing:-0.5px; font-weight:400;}
.history-list-con .one-item .history-year{padding:10px 0 15px}
.history-list-con .history-year-item .history-detail-con{float:left; width:calc(100% - 250px);}
.history-list-con .history-year-item .history-list-tbl{width:100%; table-layout:fixed;}
.history-list-con .history-year-item .history-list-tbl th,
.history-list-con .history-year-item .history-list-tbl td{border-top:1px solid #ddd; line-height:1.875; font-size:16px; letter-spacing:-0.25px; color:#000;}
.history-list-con .history-year-item .history-list-tbl tr:first-child th,
.history-list-con .history-year-item .history-list-tbl tr:first-child td{border-top:0}
.history-list-con .history-year-item .history-list-tbl th{padding:15px 0px; width:65px; text-align:center; vertical-align:top;}
.history-list-con .history-year-item .history-list-tbl td{padding:15px 10px;}

/* ******************  Company :: Organization ********************** */
.org-container .org-item-tit{color:#000; font-size:22px; letter-spacing:-0.5px; margin-bottom:32px; font-weight:600;}
.org-team{border-bottom:1px solid #ddd; padding:35px 0;}
.org-team:first-child{border-top:1px solid #000;}
.org-team dt{float:left; width:275px; margin-top:10px;}
.org-team dt .team-name{display:block; padding-left:28px; color:#639143; font-size:18px; font-weight:600; background:url(/images/content/logo_icon.jpg) no-repeat 0 50%}
.org-team dd{float:left; width:calc(100% - 275px); }
.org-team .org-team-list-con{padding-left:185px;}
.org-team .org-team-list-con li{float:left; position:relative; width:50%; margin:10px 0; box-sizing:border-box; font-size:18px; letter-spacing:-0.25px; color:#000; padding-left:15px;}
.org-team .org-team-list-con li:before{position:absolute; top:9px; left:0px; width:3px; height:3px; border-radius:3px; background-color:#639143; content:"";}
.org-item-box{display:flex; margin:0 -0.5%; flex-wrap:wrap; min-height:300px}
.org-team2{float:left; width:24%; margin:0 0.5%}
.org-team2 dt{display:table; width:100%; height:60px; text-align:center; margin-bottom:30px;}
.org-team2:nth-child(4n-3) dt{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a4cf39+0,619243+100 */
	background: #a4cf39; /* Old browsers */
	background: -moz-linear-gradient(left,  #a4cf39 0%, #98c43b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #a4cf39 0%,#98c43b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #a4cf39 0%,#98c43b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4cf39', endColorstr='#98c43b',GradientType=1 ); /* IE6-9 */

}
.org-team2:nth-child(4n-2) dt{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#96c23b+54,96c23b+54,84b23e+100 */
	background: #98c43b; /* Old browsers */
	background: -moz-linear-gradient(left,  #98c43b 54%, #98c43b 54%, #84b23e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #98c43b 54%,#98c43b 54%,#84b23e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #98c43b 54%,#98c43b 54%,#84b23e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98c43b', endColorstr='#84b23e',GradientType=1 ); /* IE6-9 */
}
.org-team2:nth-child(4n-1) dt{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#96c23b+54,96c23b+54,84b23e+100 */
	background: #82b03e; /* Old browsers */
	background: -moz-linear-gradient(left,  #82b03e 54%, #82b03e 54%, #6f9f41 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #82b03e 54%,#82b03e 54%,#6f9f41 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #82b03e 54%,#82b03e 54%,#6f9f41 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82b03e', endColorstr='#6f9f41',GradientType=1 ); /* IE6-9 */
}
.org-team2:nth-child(4n) dt{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#96c23b+54,96c23b+54,84b23e+100 */
	background: #6f9f41; /* Old browsers */
	background: -moz-linear-gradient(left,  #6f9f41 54%, #6f9f41 54%, #619243 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #6f9f41 54%,#6f9f41 54%,#619243 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #6f9f41 54%,#6f9f41 54%,#619243 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f9f41', endColorstr='#619243',GradientType=1 ); /* IE6-9 */
}
.org-team2 dt strong{display:table-cell; vertical-align:middle; color:#fff; font-size:18px; padding:0 10px; font-weight:400; }
.org-team2 .org-team-list-con{padding:0 20px;}
.org-team2 .org-team-list-con li{position:relative; margin-top:25px; box-sizing:border-box; font-size:16px; letter-spacing:-0.25px; color:#000; padding-left:15px;}
.org-team2 .org-team-list-con li:before{position:absolute; top:7px; left:0px; width:3px; height:3px; border-radius:3px; background-color:#639143; content:"";}
.org-team2 .org-team-list-con li:first-child{margin-top:0;}

/* ========================================================
 * R&D
======================================================== */
.sub-img-wrap {border:1px solid #e5e5e5; overflow:hidden; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
 .sub-img-wrap img {width:100%;}
/* ******************  Technology ********************** */
/* Technology :: 공통 */
.technology-con .tit-box {text-align:center;color:#000;}
.technology-con .tit-box .tit {font-size:40px; line-height: 1.25em;  }
.technology-con .tit-box .txt {font-size:20px; line-height: 1.8em; letter-spacing:-0.25px; margin-top:30px;}
.technology-con .con-box .txt-con .tit {font-size: 30px; color:#000;}
.technology-con .con-box .txt-con .txt {font-size: 18px; line-height:1.88em; letter-spacing:-0.75px; margin-top:25px; color:#333;}
/* Technology :: Con01 */
.technology-con.con01 .con-box {margin-top:92px; display:table;}
.technology-con.con01 .con-box .txt-con {display:table-cell; vertical-align:middle;  width:75%; color:#000; padding-right:11.16%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.technology-con.con01 .con-box .txt-con .txt {color:#000;}
.technology-con.con01 .con-box .txt-con .txt span {display:block;margin:15px auto;font-size:0.875em;line-height:1.85;}
.technology-con.con01 .con-box .img-con {display:table-cell; vertical-align:middle;  width:25%;}
.technology-con.con01 .con-box .img-con span{display:block; text-align:center; height:20px; color:#aaa;}
.technology-con.con01 .con-box .img-wrap02{border:none;}
.mb50{margin-bottom:50px;}
/* Technology :: Con02 */
.technology-con.con02 {margin-top:200px;}
.technology-con.con02 .con-box {text-align:center;  margin-top:40px; padding-bottom:4.55%; position:relative; }
.technology-con.con02 .con-box .img-wrap {width:81.16%; margin:0 auto; position:relative; top:0}
.technology-con.con02 .con-box .img-wrap span {position:relative; padding-top:68.99%; display:block;}
.technology-con.con02 .con-box .bg {position:absolute; width:100%; height: 74%; top:203px; z-index:-1; background:url("/images/content/rnd_technology_top_bg.jpg") 60% no-repeat;}
.technology-con.con02 .con-box .bg img {width:100%; }
.technology-con.con02 .con-box .m-img {display:none;}
/* Technology :: Con03 */
.technology-con.con03 {margin-top:68px;}
.technology-con.con03 .con-box {margin-top: 40px; padding:48px 0 24px; text-align:center;}
.technology-con.con03 .con-box .img-item {float:left; width:50%; }
.technology-con.con03 .con-box .img-item .txt {display:inline-block; vertical-align:top; margin-top:40px; width:32%; font-size: 16px; letter-spacing:-0.5px; line-height: 1.625em; }
.technology-con.con03 .con-box .img-info-box {width:40%; margin:15px auto 0; padding:20px 0; border-top:1px solid #ddd;}
.technology-con.con03 .con-box .img-info-item {display:inline-block;width:49%; font-size: 14px; letter-spacing:-0.5px; color:#000; font-weight:700;}
.technology-con.con03 .con-box .img-info-item span {position:relative; padding-left: 40px; display:inline-block;}
.technology-con.con03 .con-box .img-info-item span:before {content:""; width:21px; height:17px; background: center no-repeat; position:absolute; left:0; top:0; }
.technology-con.con03 .con-box .img-info-item.item01 span:before {background-image:url("/images/content/rnd_technology_formulation_tit_01.jpg");}
.technology-con.con03 .con-box .img-info-item.item02 span:before {background-image:url("/images/content/rnd_technology_formulation_tit_02.jpg");}
/* Technology :: Con04 */
.technology-con.con04 {margin-top:30px; padding-bottom:75px;}
.technology-con.con04 .con-box .table-cell-layout {width:50%; }
.technology-con.con04 .con-box .txt-con .tit {line-height:1.2em; }
.technology-con.con04 .con-box .txt-con .txt { line-height:1.77em; color:#333; /* text-align: justify; */ margin-top:20px; }
.technology-con.con04 .con-box .img-con {padding-left:8.58%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.technology-con.con04 .con-box .img-con img {width:100%;}
.technology-con.con04 .con-box .img-con dd {margin-top: 50px;}
.technology-con.con04 .con-box .img-con .txt {display:block; position:relative; margin:10px 0;padding-left:20px; font-size:18px; line-height:1.2em; letter-spacing:-0.25px; color:#333;  }
.technology-con.con04 .con-box .img-con .txt:before {content:""; width:10px; height:2px; background-color: #619243; position:absolute; left:0; top:11px;}
/* Technology :: Con05 */
.technology-con.con05 {background-color: #f5f5f5; padding:80px 0;}
.technology-con.con05 .con-box .table-cell-layout {width:50%; }
.technology-con.con05 .con-box .img-con dl {display:inline-block; vertical-align:bottom; width:32.3%; margin-right:18px;}
.technology-con.con05 .con-box .img-con dl .txt {font-size: 15px; height:1.5em; line-height:1.5em; letter-spacing:-0.4px; color:#333; text-align:center; margin-top:10px; word-break:keep-all;} 
.technology-con.con05 .con-box .txt-con .txt { /* text-align: justify; */ margin-top:20px; }
.technology-con.con05 .con-box img {width:100%;}
/* Technology :: Con06 */
.technology-con.con06 {padding:80px 0;}
.lab-video{position:relative; padding-top:56.25%}
.lab-video iframe{position:absolute; top:0; left:0; width:100%; height:100%}


/* ******************  Life Science Institute ********************** */
/* 상단컨텐츠 */
.institue-con .tit-box .txt {font-size:20px; letter-spacing:-0.5px; line-height: 1.8em; color:#000; text-align:center; }
.institue-con .con-box {margin-top:35px;}
.institue-con .con-box .institue-con-tit {font-size:24px; letter-spacing:-0.25px; color:#000; text-align:center; display:block; }
/* 하단컨텐츠 */
.institue-list-box {position:relative; margin-top:30px;}
.institue-list-box .logo-wrap {position:absolute; width:100%; height:100%; z-index:9;}
.institue-list-box .logo-box {position:absolute; top:50%; left:50%; width:25%; min-width:210px; border:1px solid #ddd;  background-color: #fff; z-index:9; 
transform:translate(-50%,-50%); -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.institue-list-box .logo-box .inner-box {padding-top:100%; }
.institue-list-box .logo-box .inner-box .inner {position:absolute; top:0; left:0; width:100%; height:100%; margin:auto;  text-align:center; padding:5%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.institue-list-box .logo-box .inner-box .inner strong {font-size:22px; letter-spacing:-0.5px; color:#619243; }
.institue-list-box .logo-box .inner-box .inner strong span {font-size:18px; letter-spacing:-0.5px; color:#444; display:block; margin-bottom:10px; }
.institue-list-box .logo-box .inner-box .inner .icon {display:block; height:24%; background:url("/images/content/rnd_instirute_icon_05.png") center no-repeat; background-size: auto 100%; margin-top:10%;}
.institue-list-box .logo-box .inner-box .inner .table-layout {border:1px solid #619243; border-radius:50%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.institue-list {margin: 0 -0.41%;}
.institue-list li {width:49.17%; margin: 0.41%; float:left; height:240px; border:1px solid #e5e5e5; background-color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.institue-list li.gray {background-color: #f8f8f8}
.institue-list li .inner-box {display:table; width:100%; height:100%;}
.institue-list li .inner-box .inner {display:table-cell; vertical-align:middle; padding: 0 6.72%; position:relative; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.institue-list li .tit-box .tit {font-size: 20px; letter-spacing:-0.57px; color: #000; display:block; padding-top:30px; }
.institue-list li .tit-box .icon {display:inline-block; width:52px; height:52px;}
.institue-list li.item01 .tit-box .icon {background:url("/images/content/rnd_instirute_icon_01.png")  no-repeat;}
.institue-list li.item02 .tit-box .icon {background:url("/images/content/rnd_instirute_icon_02.png") no-repeat;}
.institue-list li.item03 .tit-box .icon {background:url("/images/content/rnd_instirute_icon_03.png")  no-repeat;}
.institue-list li.item04 .tit-box .icon {background:url("/images/content/rnd_instirute_icon_04.png")  no-repeat;}
.institue-list li .txt-box { padding-right:7.82%; margin-top:10px; }
.institue-list li .txt-box .txt {font-size: 16px; letter-spacing:-0.57px; color: #000; line-height:1.76em; }
.institue-list li.right {text-align:right;}
.institue-list li.right .tit-box .icon {}
.institue-list li.right .tit-box .tit {}
.institue-list li.right .txt-box {right:7.82%; padding-right:0%; }

/* ****************** Production Center ********************** */
.prd-center-slide-con .txt {text-align:center; font-size: 20px; line-height:1.7em; letter-spacing:-0.25px; color:#000; }
/* Production Center :: 슬라이드 */
.prd-center-slide-con .prd-center-slide-box {position:relative; width:100%; height:100%; margin-top: 25px; table-layout:fixed; overflow:hidden;}
.prd-center-slide-con .prd-center-slide-box .img-wrap {position:relative; padding-top: 66.59%;}
.prd-center-slide-con .prd-center-slide { float:left; width:82.5%; padding-right:1.16%; overflow:hidden; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.prd-center-slide-con .prd-center-slide .slick-arrow {position:absolute; bottom:0; left:0; width:100px; height:100px; text-align:center; background-color:#eff4ec; z-index:9; }
.prd-center-slide-con .prd-center-slide .slick-arrow i {font-size:36px;  color:#000;}
.prd-center-slide-con .prd-center-slide .slick-arrow.slick-next {left:100px;}
.prd-center-slide-con .prd-center-slide .tit-box {position:absolute; left: 200px; bottom:0; width:auto; height: 100px; z-index:9; margin-left:3%; padding-right:10%;}
.prd-center-slide-con .prd-center-slide .tit-box .tit { font-size: 24px; letter-spacing:2px; font-weight:600; color:#fff; }
.prd-center-slide-con .prd-center-slide .slick-counter {position:absolute; right:3.58%; bottom:40px; z-index:9; font-size: 20px; color: #555; }
.prd-center-slide-con .prd-center-slide .slick-counter .current {color:#fff;}
/* Production Center :: 썸네일슬라이드 */
.prd-center-slide-con .prd-center-thumb-slide {position:absolute; right:0; top:0; width:17.5%;}
.prd-center-slide-con .prd-center-thumb-slide ul {margin:-9px 0;}
.prd-center-slide-con .prd-center-thumb-slide .slick-list {overflow:visible; }
.prd-center-slide-con .prd-center-thumb-slide li {margin:5px 0; cursor:pointer;}
.prd-center-slide-con .prd-center-thumb-slide li .img-wrap {position:relative; background-color: #000; padding-top:66.66%;}
.prd-center-slide-con .prd-center-thumb-slide li img {opacity:0.6;filter:Alpha(opacity=60); transition:all 0.4s;}
.prd-center-slide-con .prd-center-thumb-slide li.slick-current .img-wrap:before {content:""; width:100%; height:100%; display:block; position:absolute; top:0; left:0; border:5px solid #639143; z-index:1; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.prd-center-slide-con .prd-center-thumb-slide li.slick-current img {opacity:1;filter:Alpha(opacity=100);}
.ie-browser .prd-center-slide-con .prd-center-thumb-slide ul {margin:-4px 0;}
.ios-os .prd-center-slide-con .prd-center-thumb-slide ul {margin:-2px 0;}
/* Production Center :: 인증서 */
.prd-center-certi-con {padding-top:100px; background-color:#eff4ec; margin-top:-100px;}
.prd-center-certification {padding: 8.33% 0;}
.prd-center-certification .certification-list {margin:0 -1.19%}
.prd-center-certification .certification-list li {float:left; width:22.61%; margin:0 1.19%;}
.prd-center-certification .certification-list li .img-wrap {border:1px solid #ddd; position:relative; padding-top:130.21%;}
.prd-center-certification .certification-list .tit {text-align:center; font-size: 18px;color:#000; margin-top:25px;}

/* ****************** Patent/Publication ********************** */
.patent-con .tbl-tit {font-size: 28px; letter-spacing:-0.25px; color:#000; display:block; margin-bottom:35px;}
.patent-tbl {width:100%; border-top: 1px solid #000;  }
.patent-tbl th ,.patent-tbl td {font-size:15px; line-height:1.7em; letter-spacing:-0.25px; color:#000; padding:17px 10px; border-bottom:1px solid #ddd;}
.patent-tbl thead td { border-top:1px solid #ddd;}
.patent-tbl th {min-width:190px; font-size: 15px; }
.patent-tbl tbody tr:nth-child(2n-1) th ,.patent-tbl tbody tr:nth-child(2n-1) td  {background-color: #f7f9f5;}
.patent-con.con02 {margin-top:100px;}


/* ========================================================
 * BUSINESS
======================================================== */
/* ****************** OEM/ODM ********************** */
/* OEM/ODM :: 상단 컨텐츠 */
.oem-top-con {height:400px; background:url("/images/content/business_oem_top_bg.jpg") center no-repeat; }
.oem-top-con .area {height:100%;}
.oem-top-con .txt {text-align:center; font-size:24px; line-height:1.66em; letter-spacing:-0.25px; color:#000; font-weight:500;}
/* OEM/ODM :: 하단 프로세스 컨텐츠 */
.oem-process-con {margin-top: 115px;}
.oem-porcess li {float:left; width:25%; text-align:center;}
.oem-porcess li.right {float:right; }
.oem-porcess li .inner {position:relative; padding-bottom:27.33%; height: 300px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.oem-porcess li .icon {display:block; height:91px; background: center no-repeat; margin-top:30px;}
.oem-porcess li.item01 .icon {background-image:url("/images/content/business_oem_icon_01.jpg"); }
.oem-porcess li.item02 .icon {background-image:url("/images/content/business_oem_icon_02.jpg"); }
.oem-porcess li.item03 .icon {background-image:url("/images/content/business_oem_icon_03.jpg"); }
.oem-porcess li.item04 .icon {background-image:url("/images/content/business_oem_icon_04.jpg"); }
.oem-porcess li.item05 .icon {background-image:url("/images/content/business_oem_icon_05.jpg"); }
.oem-porcess li.item06 .icon {background-image:url("/images/content/business_oem_icon_06.jpg"); }
.oem-porcess li.item07 .icon {background-image:url("/images/content/business_oem_icon_07.jpg"); }
.oem-porcess li.item08 .icon {background-image:url("/images/content/business_oem_icon_08.jpg"); }
.oem-porcess li.item09 .icon {background-image:url("/images/content/business_oem_icon_09.jpg"); }
.oem-porcess li.item10 .icon {background-image:url("/images/content/business_oem_icon_10.jpg"); }
.oem-porcess li.item11 .icon {background-image:url("/images/content/business_oem_icon_11.jpg"); }
.oem-porcess li.item12 .icon {background-image:url("/images/content/business_oem_icon_12.jpg"); }
.oem-porcess li .num {font-size: 16px; font-weight:600; color:#666; display:block; padding-bottom:16px; position:relative;}
.oem-porcess li .num:before {content:""; width: 9px; height:9px; background-color: #ddd; position:absolute; left:50%; bottom:0; margin-left:-4.5px; margin-bottom:-4px; border-radius:50%;}
.oem-porcess li .num:after {content:""; width:100%; height:1px; background-color:#ddd; position:absolute; left:0; bottom:0; }
.oem-porcess li .txt {font-size: 18px; line-height:1.44em; letter-spacing:-0.25px; color:#000; font-weight:500; margin-top:15px;}
.oem-porcess li.item04 .inner:before {content:""; width:50%; height:calc(100% - 1px); position:absolute; right:0; top:30.5px; border:1px solid #ddd; border-radius:0 150px 150px 0; border-left-color: transparent}
.oem-porcess li.item04 .num:after ,.oem-porcess li.item05 .num:after , .oem-porcess li.item12 .num:after  {width:50%;}
.oem-porcess li.item08 .inner:before {content:""; width:50%; height:calc(100% - 1px); position:absolute; left:0; top:30.5px; border:1px solid #ddd; border-radius:150px 0 0 150px; border-right-color: transparent}
.oem-porcess li.item01 .num:after, .oem-porcess li.item08 .num:after, .oem-porcess li.item09 .num:after   {width:50%;  left:auto; right:0;}

/* ****************** 브랜드 ********************** */
/* 공통 */
.business-page {padding-bottom:100px;}
.business-logo {display:block; text-align:center;}
.business-bg-box {position:relative; padding-top:31.52%; background: center no-repeat; background-attachment:fixed; margin-top: 60px; }
.business-bg-box .own-brand {position:absolute; top:0; margin-top:20px; padding:0 20px; display:inline-block; background-color: rgba(255,255,255,0.7); text-align:center; font-size: 16px; line-height:40px; color:#666; font-weight:500; border-radius:50px; }
.business-bg-box .own-brand i {font-size:16px; line-height:40px; vertical-align:top; color:#639143;}
.busienss-txt-box {margin-top: 70px; text-align:center;}
.busienss-txt-box .txt01 {font-size: 22px; line-height:1.72em; letter-spacing:-0.25px; color:#000; }
.busienss-txt-box .txt02 {font-size: 18px; line-height:1.88em; letter-spacing:-0.25px; color:#000; margin-top:40px;}
.busienss-txt-box .view-more-btn {display:inline-block; font-size:14px; color:#000; font-weight:500; margin-top:40px; position:relative; padding-right: 30px;}
.busienss-txt-box .view-more-btn span {display:inline-block; vertical-align:middle; line-height:24px; }
.busienss-txt-box .view-more-btn i {position:absolute; right:0; top:0; font-size:24px; margin-left:10px; transition: right 0.3s;}
.busienss-txt-box .view-more-btn:hover i {right:-5px;}
/* 브랜드별 fixed bg */
.sandawha-page .business-bg-box {background-image:url("/images/content/business_sandawha_fixed_img.jpg");}
.noste-page .business-bg-box {background-image:url("/images/content/business_noste_fixed_img.jpg");}
.stemcello-page .business-bg-box {background-image:url("/images/content/business_cello_fixed_img.jpg");}
.tals-page .business-bg-box {background-image:url("/images/content/business_tals_fixed_img.jpg");}
.envoutant-page .business-bg-box {background-image:url("/images/content/business_envoutant_fixed_img.jpg");}

/* ========================================================
 * PRODUCT
======================================================== */
/* ******************  Product Philosophy ********************** */
#prdPhiloCon{font-size:22px; margin-bottom:4em;}
/* 상단 */
.prd-philo-top-con{padding:6.8em 0 6.3em; margin-bottom:3.9em; line-height:1.72; background:url(/images/content/product_philo_bg.jpg) no-repeat 65% 50%; color: #fff; letter-spacing:-0.25px; }
.prd-philo-top-con dt{font-size:2.09em; line-height:1.3; font-weight:600;}
.prd-philo-top-con dd{opacity:0.7; margin-top:1em;}
/* 하단 */
.prd-philo-bottom-con .prd-philo-txt{font-size:1em; line-height:1.63; margin-bottom:1.63em; color:#333; letter-spacing:-0.25px;}
.prd-philo-bottom-con .prd-philo-spec-list li{position:relative; font-size:0.9em; color:#333; letter-spacing:-0.5px; line-height:1.2; padding:14px 0 14px 1.5em; border-bottom:1px dashed #ddd}
.prd-philo-bottom-con .prd-philo-spec-list li:before{position:absolute; top:16px; left:4px; font-family: 'xeicon'; content: "\e92b"; font-size:0.9em; color:#639143;}
.prd-philo-bottom-con .prd-philo-spec-list li:first-child{border-top:1px dashed #ddd;}

/* ******************  Product List ********************** */
.prd-list-con{margin:0 -1.2%;}
.prd-list-con .prd-item{float:left; width:30.93%; margin:1.2%;}
.prd-list-con .prd-item .prd-thumb{display:block; height:0; padding-top:78.94%; position:relative; overflow:hidden; background-color:#fff;}
.prd-list-con .prd-item .prd-thumb img{transition:transform 1.5s;}
.prd-list-con .prd-item .prd-name{display:table; width:100%; height:60px; text-align:center; color:#000; font-size:20px; letter-spacing:-0.25px; line-height:1.5; font-weight:500;} 
.prd-list-con .prd-item .prd-name p{display:table-cell; vertical-align:middle;}
.prd-more-btn-box{margin-top:50px; text-align:center;}
.prd-more-btn-box a{display:inline-block; width:280px; height:70px; box-sizing:border-box; border:1px solid #000; line-height:66px; text-align:center; color:#222; letter-spacing:3px; font-size:0.875em; transition:all 0.5s; font-size:15px;}
.prd-more-btn-box em{display:inline-block; vertical-align:middle; font-weight:500;}
.prd-more-btn-box i{display:inline-block; vertical-align:middle; position:relative; top:1px; font-size:24px; margin-left:5px;}
.prd-more-btn-box a:hover{background-color:#639143; border-color:#639143; color:#fff;}

/* ========================================================
 * CS CENTER
======================================================== */
/* ******************  FAQ ********************** */
.faq-drop-tab-list{position:relative; display:block; height:40px; background:#fff; margin:0px auto 15px; display:none; }
.faq-drop-tab-list .cm-drop-open-btn{color:#333; display:block; padding:0 15px; line-height:38px; border:1px solid #e5e5e5; }
.faq-drop-tab-list .cm-drop-open-btn .arrow{position:absolute; top:50%; right:10px; transform:TranslateY(-50%)}
.sub-category-detail-txt{background-color:#f8f8f8; border:1px solid #e5e5e5; padding:30px; text-align:center;}
.sub-category-detail-txt dl {color:#222; font-size:15px; letter-spacing:-0.25px; line-height:1.875}
.sub-category-detail-txt dl dt{color:#639143; font-size:1.25em; font-weight:700; margin-bottom:0.5em}
.sub-category-detail-txt dl dd font span {font-size:14px !important;}
.contact-info ul {display:table; width:100%;}
.contact-info ul li{display:table-cell; vertical-align:middle; border:1px solid #ddd; border-left:none; padding:40px  4.16%; width:1200px; box-sizing:border-box;}
.contact-info ul li:first-child{border-left:1px solid #ddd;}
.contact-info ul li dt{font-size:22px; font-weight:bold; color:#333; margin-bottom:25px;}
.contact-info ul li dd{font-size:16px; color:#666; line-height:1.8;text-align:center}
.contact-info ul li dd i{display:inline-block; margin-right:15px;}


/* ******************  오시는길 ********************** */
/* 오시는길 :: 상단 */
.map-iframe-wrapper{float:left; width:50%; position:relative;margin:0px auto; }
.map-iframe-wrapper .map-iframe-con{padding-top:60%; position:relative; height:0;}
.map-iframe-wrapper .map-iframe-con iframe{position:absolute; top:0px; left:0px; width:100%; height:100%;}
.map-img-wrapper{float:left; width:50%;}
/* 오시는길 :: 하단정보1 */
.map-tbl-con{margin-bottom:70px;}
.map-tbl{width:100%;}
.map-tbl th,.map-tbl td{padding:15px; letter-spacing:-0.3px; font-size:15px; line-height:1.5}
.map-tbl th{width:120px; border-bottom:1px solid #639143; color:#333; text-align:left; font-weight:500; }
.map-tbl td{border-bottom:1px solid #d8d8d8; color:#333; font-weight:300; }
.map-tbl td p{margin-top:5px}
.map-tbl td p:first-child{margin-top:0}
/* 오시는길 :: 상단타이틀 */
.map-tit-box{text-align:center; margin-bottom:50px; color:#000;}
.map-tit-box .tit{font-size:40px; line-height:1.25em; letter-spacing:-1px;}
.map-tit-box .txt{margin-top:30px; font-size:18px; line-height:2}

/* ========================================================
 * FATORY
======================================================== */
/* ******************  FATORY :: 공통 ********************** */
.factory-con {margin-top:120px;}
.factory-con .factory-con-tit {text-align:center; font-size: 30px; letter-spacing:-0.5px; color:#000; font-weight:500; margin-bottom: 40px;}

/* 상단 이미지 */
.fatory-top-con {position:relative;}
.fatory-top-con .txt-box {position:absolute; top:0; left:0; width: 300px; height:100%; padding:4.75% 0 0 4.75%; background-color: rgba(0,0,0,0.6); -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.fatory-top-con .txt-box .tit {font-size: 20px; letter-spacing:-0.5px; color:#fff; display:block; font-weight:500; margin-bottom: 20px;}
.fatory-top-con .txt-box .tit:before {content:""; display:block; width:14px; height:15px; background:url("/images/content/logo_icon.png") no-repeat; margin-bottom:7px; }
.fatory-top-con .txt-box .txt {position:relative; padding-left: 80px; font-size:16px; letter-spacing:-0.5px; line-height: 2; color:#fff;} 
.fatory-top-con .txt-box .txt span {position:absolute; left:0; color: rgba(255,255,255,0.4); }
.fatory-top-con .img {position:relative; display:block; z-index:1;}
.fatory-top-con .img img {width:100%;}

/* 이미지 - 테이블 */
.factory-img-table-con .img-con {float:left; width:41.67%; padding-right:4.16%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.factory-img-table-con .img-con img {width:100%;}
.factory-img-table-con .img-con .txt {display:block; text-align:right; font-size:16px; letter-spacing:-0.5px; color:#000; margin-top:15px; }
.factory-img-table-con .img-con .slick-dots {margin:15px -6px 0;}
.factory-img-table-con .img-con .slick-dots li {float:left; margin: 0 6px;}
.factory-img-table-con .img-con .slick-dots button {width: 14px; height:15px; background:url("/images/content/logo_icon_off.png") no-repeat; background-size:cover; font-size:0;}
.factory-img-table-con .img-con .slick-dots li.slick-active button {background-image:url("/images/content/logo_icon.png");}
.factory-img-table-con .tbl-con {float:left; width: 58.33%;}
.factory-tbl {width:100%; }
.factory-tbl th, .factory-tbl td {height:60px; font-size:16px; line-height:1.3; color:#000; letter-spacing:-0.5px; border-bottom:1px solid #ddd;}
.factory-tbl thead th { border-top: 1px solid #000; background-color: #f8f8f8; font-weight:400; }
.factory-tbl td  {text-align:center;}

/* 이미지 슬라이드 */
.factory-slide-con .factory-slide-wrap {display:table; width:100%;table-layout:fixed; }
.factory-slide-con .factory-slide-wrap img {width:100%;}
.factory-slide-con .left-con {display:table-cell; width:80%}
.factory-slide-con .right-con {display:table-cell; width:20%;  background-color: #639143; position:relative; vertical-align:top;}
.factory-slide-con .factory-slide-thumb-box {position:relative; padding:20px 25%;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.factory-slide-con .factory-slide-thumb-box li {cursor:pointer; opacity:0.4;filter:Alpha(opacity=40); margin-top:20%; transition: opacity 0.4s;}
.factory-slide-con .factory-slide-thumb-box li .img-wrap {position:relative; display:block;}
.factory-slide-con .factory-slide-thumb-box li .img-wrap:before {content:""; display:block; width:100%; height:100%; border:3px solid #fff; position:absolute; left:0; top:0; opacity:0;filter:Alpha(opacity=50);
transition: opacity 0.4s; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.factory-slide-con .factory-slide-thumb-box li .txt {font-size:16px; letter-spacing:-0.5px; color:#fff; text-align:center; margin-top:10px; font-weight:300;}
.factory-slide-con .factory-slide-thumb-box li.slick-current { opacity:1;filter:Alpha(opacity=100); }
.factory-slide-con .factory-slide-thumb-box li.slick-current .img-wrap:before { opacity:1;filter:Alpha(opacity=100); }
.factory-slide-con .arrow-box {position:absolute; width:100%; bottom:5%; left:0; text-align:center; }
.factory-slide-con .arrow-box button {display:inline-block; font-size:24px; color:#fff; margin:0 17px;}

/* 탭컨텐츠 */
.factory-tab-con .factory-con-txt {text-align:center; font-size:16px; line-height:1.875em; letter-spacing:-0.5px; color:#000; }
.factory-tab-con .factory-con-txt + .factory-con-img {margin:75px 0 115px;}
.factory-tab-con .img-box {text-align:center;}
.factory-tab-con .img-box img {max-width:100%;}
.factory-tab-con .sub-cm-tab-wrapper {margin-bottom:0; height:50px; z-index:999;}
.factory-tab-con .sub-tab-cm-style ul li {width:20%;}
.factory-tab-con .sub-tab-cm-style ul li a {height:50px;}
.factory-tab-con .sub-tab-cm-style ul li a em {font-size:16px; font-weight:400;}
.factory-tab-con .sub-tab-con {padding-top:140px;}

/* 이미지 - 텍스트 컨텐츠 */
.factory-img-txt-con .table-layout {min-height:400px;}
.factory-img-txt-con .table-cell-layout {width:50%; overflow:hidden;}
.factory-img-txt-con .img-con {background:url("/images/content/jeju_img_06.jpg") center no-repeat; }
.factory-img-txt-con .img-con img {display:none; }
.factory-img-txt-con .txt-con {background-color: #f8f8f8; padding:0 5%; }
.factory-img-txt-con .txt-con .tit-box  {position:relative; padding-bottom:25px; border-bottom:1px solid #ddd;}
.factory-img-txt-con .txt-con .tit-box:before {content:""; width:100px; height:1px; background-color:#000; position:absolute; left:0; bottom:-1px; z-index:1;}
.factory-img-txt-con .txt-con .tit-box .tit {font-size:20px; letter-spacing:-0.5px; color:#000; }
.factory-img-txt-con .txt-con .tit-box .txt {font-size:16px; line-height:1.3; letter-spacing:-0.5px; color:#666; margin-top:12px; }
.factory-img-txt-con .txt-con .txt-box {padding-top:20px;}
.factory-img-txt-con .txt-con .txt-box .txt {position:relative; padding-left: 120px; font-size: 16px; color:#000; letter-spacing:-0.5px; line-height: 2.25em; }
.factory-img-txt-con .txt-con .txt-box .txt span {position:absolute; left:0; color: #999; }

/* ******************  FACTORY :: 오산센터 ********************** */
/*.osan-page .fatory-top-con {background:url('/images/content/osan_top_bg.jpg');}*/
.osan-page .fatory-top-con {background:url('/images/content/jeju_top_bg.jpg');}
.osan-page .fatory-top-con .txt-box .txt {padding-left:115px;}
.osan-page .factory-img-table-con .img-con .txt {padding-left: 100px;}
.osan-page .factory-img-table-con .img-con .slick-dots {position:absolute; bottom:0; z-index:9;}
.osan-page .factory-tab-con > .factory-con-tit {margin-bottom:20px;}
.osan-page .factory-tab-con .factory-tab-container {margin-top:55px;}
.osan-page .factory-tab-con .sub-tab-cm-style ul li {width:25%;}
.osan-page .factory-tab-con .factory-tab-container .factory-con-tit {font-size:25px; margin-bottom:50px;}
.osan-page .factory-tab-con .sub-tab-con {padding-top:100px;}
/* ******************  FACTORY :: 제주센터 ********************** */
.jeju-page .fatory-top-con {background:url('/images/content/jeju_top_bg.jpg');}
.jeju-page .fatory-top-con .txt-box .txt {padding-left:115px;}
.jeju-page .factory-img-table-con .img-con .txt {padding-left: 100px;}
.jeju-page .factory-img-table-con .img-con .slick-dots {position:absolute; bottom:0; z-index:9;}
.jeju-page .factory-tab-con > .factory-con-tit {margin-bottom:20px;}
.jeju-page .factory-tab-con .factory-tab-container {margin-top:55px;}
.jeju-page .factory-tab-con .sub-tab-cm-style ul li {width:25%;}
.jeju-page .factory-tab-con .factory-tab-container .factory-con-tit {font-size:25px; margin-bottom:50px;}
.jeju-page .factory-tab-con .sub-tab-con {padding-top:100px;}