@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;}

/* ******************  About Innotech ********************** */
/* -------- 경영이념 -------- */
.sub-page-top{text-align:center}
.sub-page-tit{font-weight:600; font-size:60px; letter-spacing:0; color:#c8211b; text-align:center; text-transform:uppercase}
.sub-page-top p{/*font-weight:300;*/font-weight:400; font-size:18px; letter-spacing:-0.5px; color:#2b2b2b; line-height:1.5; padding-top:27px; word-break:keep-all}
.sub-page-top p strong{display:block; font-weight:500}
.ideology-list-con{margin-top:78px}
.ideology-list{margin:0 -1.1%;}
.ideology-list li{float:left; width:17.8%; margin:0 1.1%}
.ideology-list li .ideology-list-tit{text-align:center}
.ideology-list li .ideology-list-tit p{display:table; width:100%; height:60px; padding:5px 0; letter-spacing:-0.5px; color:#0e2c3f; word-break:keep-all;  }
.ideology-list li .ideology-list-tit p strong{font-weight:500; font-size:18px; display:table-cell; vertical-align:middle; line-height:1.2em}
.ideology-list li .ideology-list-explain{border-top:1px solid #d8d8d8}
.ideology-list li .ideology-list-explain p{display:table; height:108px; font-weight:300; font-size:17px; letter-spacing:-0.65px; color:#585858; line-height:1.64; text-align:center; padding:8% 0 3px; word-break:keep-all; width:100%}
.ideology-list li .ideology-list-explain p span{display:table-cell; vertical-align:top; padding:0 3%}
.ideology-list li .ideology-list-explain .ideology-list-img img{max-width:100%}

#content .sub-page-top.ideology-top, 
.ideology-list-con{opacity:0; filter:Alpha(opacity=0);-webkit-transform: translateY(-80px);-moz-transform: translateY(-80px);-ms-transform: translateY(-80px);-o-transform: translateY(-80px);transform: translateY(-80px);-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;transition:all 0.8s;}
#content.active .sub-page-top.ideology-top, 
.ideology-list-con.active{opacity:1;filter:Alpha(opacity=100);-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
#content.active .sub-page-top.ideology-top{
	-webkit-transition-delay:0.5s;
	-moz-transition-delay:0.5s;
	-o-transition-delay:0.5s;
	-ms-transition-delay:0.5s;
	transition-delay:0.5s;
}

/* -------- CEO인사말 -------- */
.ceo-top-banner .ceo-banner-slogan,
.ceo-top-banner .ceo-banner-img{position:relative; float:left; width:50%; height:370px}
.ceo-top-banner .ceo-banner-slogan{position:relative; background:url("/doa/skin/img/cep_banner_bg.jpg") no-repeat 50% 0; background-size:cover}
.ceo-top-banner .ceo-banner-slogan:after{position:absolute; display:inline-block; content:""; width:2px; height:0; padding-top:14%; background:#fff; opacity:0.3; left:0; top:0; margin-left:10%}
.ceo-slogan-txt{position:absolute; top:0; left:0; margin:3.7% 5% 0 13%}
.ceo-banner-slogan strong{display:block; font-weight:400; font-size:18px; letter-spacing:0; color:#fff; opacity:0.5; text-transform:uppercase; word-break:keep-all}
.ceo-banner-slogan span{display:inline-block; font-weight:300; font-size:20px; letter-spacing:-0.5px; line-height:1.375; color:#fff; word-break:keep-all; padding:3% 0 3%}
.ceo-top-banner .ceo-banner-img{background:url("/doa/skin/img/cep_banner_img.jpg") no-repeat 50% 0; background-size:cover}
.ceo-txt-con{background:url("/doa/skin/img/ceo_txt_con_bg.png") no-repeat 108% -104px; background-color:#f5f5f5}
.ceo-txt-con .ceo-txt-con-inner{padding:4.2% 7.8% 2.4%}
.ceo-txt-con .ceo-txt{font-weight:400; font-size:19px; letter-spacing:-0.65px; color:#585858; line-height:2.10; word-break:keep-all; padding-right:11%; /* padding-bottom:55px */}
.ceo-sign-con{border-top:1px solid #cbcbca; text-align:right; padding-top:45px;}
.ceo-sign-con p{display:inline-block; font-weight:500; font-size:19px; letter-spacing:-0.65px; color:#353535; }
.ceo-sign-con p strong{font-size:30px; font-weight:700; display:inline-block; vertical-align:middle; font-family: 'Nanum Myeongjo', serif; padding:0 8px 0 28px}

#content .ceo-content{opacity:0; filter:Alpha(opacity=0);-webkit-transform: translateY(-80px);-moz-transform: translateY(-80px);-ms-transform: translateY(-80px);-o-transform: translateY(-80px);transform: translateY(-80px);-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;transition:all 0.8s;}
#content.active .ceo-content{opacity:1;filter:Alpha(opacity=100);-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);
-webkit-transition-delay:0.5s;
	-moz-transition-delay:0.5s;
	-o-transition-delay:0.5s;
	-ms-transition-delay:0.5s;
	transition-delay:0.5s;
}

/* -------- 연혁 -------- */
.history-top{background:url("/doa/skin/img/history_top.jpg") no-repeat 50% 0; background-size:cover;}
.history-top-tit{text-align:center; padding:60px 0 66px}
.history-top-tit span{display:block; font-weight:600; font-size:16px; letter-spacing:2px; color:#fff; text-transform:uppercase}
.history-top-tit h4{font-weight:300; font-size:30px; letter-spacing:-0.45px; color:#fff; padding-top:20px}

/*  ****************** 회사소개 :: BEST 연혁 01 ********************** */
.company-history {position:relative;padding:50px 0 60px;}
.company-history:before{position:absolute; top:0px; left:50%; width:1px; height:100%; background:#ddd; content:"";}
.company-history-wrapper {overflow:hidden;}
.company-history-list-wrap {position:relative; width:50%; margin-top:50px;}
.company-history-info p {position:relative; font-size:16px; line-height: 1.6; letter-spacing: -0.45px; font-weight:400; color:#272727; margin-bottom:6px; word-break:keep-all}
.company-history-info p::before{content:""; position:absolute; display:inline-block; width:4px; height:1px; background-color:#272727; top:12px}
.company-history-year {position:absolute; top:-12px; text-align:center; font-size:30px; line-height: 46px; letter-spacing: -0.5px; color:#1a978e; font-weight: 700; font-family: 'Ubuntu', sans-serif;}
.company-history-year::after{ position:absolute; top:50%; width:39px; height:39px; margin-top:-19px; content:""; background:url("/doa/skin/img/history_icon.png") no-repeat; background-size:cover}
.company-history-year::before{position:absolute; content:""; display:inline-block; width:38px; border:1px dotted #1a978e; top:50%}
.history-left .company-history-list-wrap{float:left;}
.history-left .company-history-list-wrap .company-history-info {text-align:right; padding-right: 64px;}
.history-left .company-history-list-wrap .company-history-info p {padding-right: 15px; }
.history-left .company-history-list-wrap .company-history-info p::before { right:0; }
.history-left .company-history-list-wrap .company-history-year {left:100%; margin-left:64px;}
.history-left .company-history-list-wrap .company-history-year::after {right:100%; margin-right:44px}
.history-left .company-history-list-wrap .company-history-year::before {right:100%; margin-right:17px}
.history-right .company-history-list-wrap{float:right;}
.history-right .company-history-list-wrap .company-history-info {padding-left: 64px;}
.history-right .company-history-list-wrap .company-history-info p {padding-left: 15px;}
.history-right .company-history-list-wrap .company-history-info p::before {left:0;}
.history-right .company-history-list-wrap .company-history-year {right:100%; margin-right:64px;}
.history-right .company-history-list-wrap .company-history-year::after {left:100%; margin-left:44px;}
.history-right .company-history-list-wrap .company-history-year::before {left:100%; margin-left:17px;}

/* 날짜가 들어간 연혁 */
.company-history-info .month-history-txt:after{display:none; }
.history-left .company-history-list-wrap .company-history-info .month-history-txt{padding-right:20px;}
.history-right .company-history-list-wrap .company-history-info .month-history-txt{padding-left:20px;}


#content .history-top,
.company-history-wrap{opacity:0; filter:Alpha(opacity=0);-webkit-transform: translateY(-80px);-moz-transform: translateY(-80px);-ms-transform: translateY(-80px);-o-transform: translateY(-80px);transform: translateY(-80px);-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;transition:all 0.8s;}
#content.active .history-top, 
.company-history-wrap.active{opacity:1;filter:Alpha(opacity=100);-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
#content.active .history-top{
	-webkit-transition-delay:0.5s;
	-moz-transition-delay:0.5s;
	-o-transition-delay:0.5s;
	-ms-transition-delay:0.5s;
	transition-delay:0.5s;
}


/* --------  주요고객사 -------- */
.partners-con-inner{margin-top:59px}
.partners-sec{margin-bottom:69px}
.partners-sec:last-child{margin-bottom:0}
.partners-sec .partners-name{position:relative; display:block; font-weight:400; font-size:32px; letter-spacing:-0.5px; color:#0e2c3f; padding-left:21px; padding-bottom:25px}
.partners-sec .partners-name:before{position:absolute; display:inline-block; content:""; width:3px; height:22px; background:#1a978e; left:0; top:6px}
/* ****************** 파트너사 게시판 :: 파트너사 관리 PR04 ********************** */
.partners-list-style04 {margin:0 -5px 0 1px }
.partners-list-style04 .partern-item {float:left; width:20%; margin-bottom: 30px; margin-left:-1px;}
.partners-list-style04 .partern-item .partern-item-inner {border:1px solid #ddd;}
.partners-list-style04 .partern-item .partern-item-inner a{display:block;}
.partners-list-style04 .partern-item .parter-img {position:relative; width:100%; padding-top: 56.48%; height:0;}
.partners-list-style04 .partern-item .parter-img .parter-img-inner {position:absolute; left:15px; top:15px; bottom:15px; right:15px;}
.partners-list-style04 .partern-item .parter-img .parter-img-inner img {max-width:100%; max-height:100%; position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; }
.partners-list-style04 .partern-item .parter-tit {text-align:center; display:table; height:50px; width:100%; border-top: 1px solid #eee;}
.partners-list-style04 .partern-item .parter-tit h3 {display:table-cell; vertical-align:middle; padding:0 15px; font-size:15px; line-height: 1.2; letter-spacing: -0.5px; color:#555; font-weight: 400; }
/* margin이 없는 list */
.parter-list-wrapper-no-margin .partners-list-style04 .partern-item{margin-top:-1px; margin-bottom:0}
 
#content .partners-top,
.partners-con-inner{opacity:0; filter:Alpha(opacity=0);-webkit-transform: translateY(-80px);-moz-transform: translateY(-80px);-ms-transform: translateY(-80px);-o-transform: translateY(-80px);transform: translateY(-80px);-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;transition:all 0.8s;}
#content.active .partners-top, 
.partners-con-inner.active{opacity:1;filter:Alpha(opacity=100);-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
#content.active .partners-top{
	-webkit-transition-delay:0.5s;
	-moz-transition-delay:0.5s;
	-o-transition-delay:0.5s;
	-ms-transition-delay:0.5s;
	transition-delay:0.5s;
}


/* ******************  TECHNOLOGY ********************** */
/* -------- 연구개발 -------- */
.technology-top-tit{text-align:center; word-break:keep-all}
.technology-top-tit span{display:block; font-weight:600; font-size:18px; letter-spacing:0; color:#0e2c3f; padding-bottom:8px; text-transform:uppercase}
.technology-top-tit h3{font-weight:400; font-size:32px; letter-spacing:-0.5px; color:#0e2c3f; line-height:1.5;}
.technology-top-tit h3 strong{font-weight:600}
.technology-circle-img{margin:0 0 38px}
.technology-circle-img span img{max-width:100%}
.technology-circle-img p{text-align:center;width: 100%; /*font-weight:300;*/font-weight:400; font-size:19px; letter-spacing:-0.5px; color:#585858; line-height:2.10em; /* padding-top:30px; */ word-break:keep-all}
.capabilities-list{margin:54px -1.7666% 0}
.capabilities-list li{float:left; width:17.8%; margin:0 0.7666%}
.capabilities-list li .capabilities-list-inner{border:1px solid #d2d2d2}
.capabilities-list li .capabilities-list-img img{max-width:100%}
.capabilities-list li .capabilities-list-txt{display:table; width:100%; height:114px; text-align:center}
.capabilities-list li .capabilities-list-txt p{display:table-cell; vertical-align:middle; font-weight:500; font-size:14px; letter-spacing:-0.75px; color:#2b2b2b; line-height:1.4em; word-break:keep-all; padding:0 2%}
.software-capabilities{margin-top:165px}
.software-capabilities .software-con{padding-top:54px}
.software-capabilities .software-con span{width:49.3%}
.software-capabilities .software-con span:first-child{float:left}
.software-capabilities .software-con span:last-child{float:right}
.software-capabilities .software-con span img{max-width:100%}


#content .technology-top,
.capabilities-achievements,
.software-capabilities{opacity:0; filter:Alpha(opacity=0);-webkit-transform: translateY(-80px);-moz-transform: translateY(-80px);-ms-transform: translateY(-80px);-o-transform: translateY(-80px);transform: translateY(-80px);-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;transition:all 0.8s;}
#content.active .technology-top,
.capabilities-achievements.active,
.software-capabilities.active{opacity:1;filter:Alpha(opacity=100);-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
#content.active .technology-top{
	-webkit-transition-delay:0.5s;
	-moz-transition-delay:0.5s;
	-o-transition-delay:0.5s;
	-ms-transition-delay:0.5s;
	transition-delay:0.5s;
}


.title1{text-align: center;    padding: 7%;    font-size: 17px;}





/* -------- 주요설비 -------- */
.equipment-content .technology-circle-img{margin:38px 0 140px}
.equipment-sub-tit{font-weight:600; font-size:36px; letter-spacing:0; color:#0e2c3f; line-height:1.3em; text-align:center}
.for-product-bg{background:url("/doa/skin/img/for_product_bg.jpg") no-repeat; background-size:cover; margin-top:51px}
.for-product-width{max-width:1046px; margin:0 auto; padding:6.4% 0}
.for-product-list{margin:0 -1.666% -3%}
.for-product-list li{float:left; width:30%; margin:0 1.666% 3%}
.for-product-list li .for-product-inner{display:table; width:100%; height:168px; border:1px solid rgba(255,255,255,0.3)}
.for-product-list li .for-product-icon,
.for-product-list li .for-product-txt{display:table-cell; vertical-align:middle}
.for-product-list li .for-product-icon{width:38%; padding:0 3% 0 10.2%}
.for-product-list li .for-product-icon img{max-width:100%}
.for-product-list li .for-product-txt{width:62%; padding:0 3% 0 4%}
.for-product-list li .for-product-txt span{font-weight:600; font-size:16px; letter-spacing:0; color:#fff; line-height:1.3em}
.for-product-list li .for-product-txt p{font-weight:600; font-size:18px; letter-spacing:0; color:#fff; padding-top:10px}
.for-product-list li .for-product-txt p strong{font-size:48px}

.for-quality-con{margin-top:130px}
.for-quality-con .cm-tab-container{margin-top:24px}
.for-quality-tab{width:100%; }
.for-quality-tab ul{overflow:hidden; text-align:center}
.for-quality-tab li{display:inline-block; width:294px; margin:0 -2px}
.for-quality-tab li > a{display:block; border:1px solid #0e2c3f; border-left:0; font-size:18px; line-height:30px; font-weight:600; padding:10px 0; text-align:center; color:#0e2c3f; letter-spacing:0}
.for-quality-tab li:first-child > a{border-left:1px solid #0e2c3f;}
.for-quality-tab li.selected > a{border:2px solid #0e2c3f; background:#0e2c3f; color:#fff; padding:9px 0;}
 .for-quality-tab-content{margin-top:27px}

 /* -------- 주요설비:: for quality  -------- */
.for-quality-bg.gauges-con{background:url("/doa/skin/img/for_quality_gauges_bg.jpg") no-repeat; background-size:cover}
.for-quality-width{max-width:1046px; margin:0 auto; padding:6.4% 0}
.gauges-con .for-quality-list{margin:0 -1.85%}
.gauges-con .for-quality-list li{float:left; width:21.3%; margin:0 1.85%; text-align:center}
.for-quality-list li .for-quality-middle{display:table; height:230px; width:100%; border:1px solid rgba(255,255,255,0.3)}
.for-quality-list li .for-quality-inner{display:table-cell; vertical-align:middle}
.for-quality-list li .for-quality-inner .for-quality-txt{display:table; height:40px; width:100%; font-weight:600; font-size:16px; letter-spacing:0; color:#fff; word-break:keep-all; line-height:1.125em}
.for-quality-list li .for-quality-inner .for-quality-txt p{display:table-cell; vertical-align:top; padding:0 3%}

.for-quality-bg.fool-proof-con{background:url("/doa/skin/img/for_quality_proof_bg.jpg") no-repeat; }
.fool-proof-con .for-quality-list{text-align:center; margin:0 -1.85% -3.7%}
.fool-proof-con .for-quality-list li{display:inline-block; width:21.3%; margin:0 1.85% 3.7%}
.fool-proof-con .for-quality-list li .for-quality-inner .for-quality-txt{height:59px}

.for-product-con,
.for-quality-con{opacity:0; filter:Alpha(opacity=0);-webkit-transform: translateY(-80px);-moz-transform: translateY(-80px);-ms-transform: translateY(-80px);-o-transform: translateY(-80px);transform: translateY(-80px);-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;transition:all 0.8s;}
.for-product-con.active,
.for-quality-con.active{opacity:1;filter:Alpha(opacity=100);-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}


/* ******************  QMS ********************** */
/* -------- 품질보증 -------- */
.quality-con-slide{margin-top:33px}
.quality-slide .quality-slide-inner{position:relative;}
.quality-slide .quality-slide-inner span{position:relative; padding-top:31.3%; display:block}
.quality-slide .quality-slide-inner span img{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%}
.quality-slide .slick-dots{text-align:center; margin-top:13px} 
.quality-slide .slick-dots li{display:inline-block; margin:0 6px}
.quality-slide .slick-dots li button{font-size:0; width:8px; height:8px; background:#040f16; opacity:0.3; border-radius:50%; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.quality-slide .slick-dots li.slick-active button{width:26px; height:8px; opacity:1; border-radius:30px}
.quality-top-txt{font-weight:400; font-size:24px; letter-spacing:-0.5px; color:#2b2b2b; line-height:1.5em; text-align:center; word-break:keep-all; padding-top:17px}
.quality-sub-tit{font-weight:500; font-size:36px; letter-spacing:-0.5px; color:#0e2c3f; text-align:center; word-break:keep-all}
.quality-management{margin-top:126px}
.quality-management-img{text-align:center; padding:30px 0 22px}
.quality-management-img img{max-width:100%}
.quality-sub-con-txt{font-weight:400; font-size:19px; letter-spacing:-0.5px; color:#585858; line-height:2.1em; text-align:center; word-break:keep-all}
.environment-management{margin-top:124px}
.environment-list{margin:36px -1.666% 29px}
.environment-list li{position:relative; float:left; width:30%; margin:0 1.666%}
.environment-list li .environment-list-bg img{max-width:100%}
.environment-list li .environment-list-tit{position:absolute; bottom:0; left:0; margin-bottom:9.5%; margin-left:9.6%; padding-right:2%}
.environment-list li .environment-list-tit strong{position:relative; display:inline-block; font-weight:400; font-size:22px; letter-spacing:0; color:#fff; line-height:1.3em; padding-left:19px}
.environment-list li .environment-list-tit strong:before{position:absolute; display:inline-block; content:""; height:17px; width:1px; background:#fff; opacity:0.5; left:0; top:6px}


.certification-status{position:relative; background:#efefef; margin-top:98px; padding:63px 15px 73px}
.certification-status .certification-status-tit{padding:0 2% 44px}
.certification-status .certification-status-tit .certification-sub-txt{font-weight:400; font-size:22px; letter-spacing:-0.5px; color:#0e2c3f; text-align:center; padding-top:18px; word-break:keep-all; line-height:1.3em}
.certifi-list-style04{max-width:815px; margin:0 auto}
.certifi-list-style04 > ul{text-align:center; margin:0 -3.0166%}
.certifi-list-style04 > ul li{float:left; width:27.3%; margin:0 3.0166% 40px; }
.certifi-list-style04 .certifi-img-thumb{position:relative; padding-top:129%; border:8px solid #6f6f6f;}
.certifi-list-style04 .certifi-img-thumb > span img{position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%;}
.certifi-list-style04 .certifi-tit{font-size:18px; line-height:1.4em; color:#6c6c6c; font-weight:400; letter-spacing:0px; text-align:center; max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-top:17px;}
.certification-more-con{display:none}
.certification-more-btn.active{display:none}
.certification-more-btn{position:absolute; bottom:-27px; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}
.certification-more-btn a{display:inline-block; width:240px; height:62px; background:#1a978e; color:#fff; line-height:62px; text-align:center; border-radius:40px; font-weight:400; font-size:18px; letter-spacing:0; }
.certification-more-btn a .material-icons{font-size:20px; vertical-align:sub; padding-left:60px}

#content .quality-con-top,
.quality-management,
.environment-management,
.certification-status{opacity:0; filter:Alpha(opacity=0);-webkit-transform: translateY(-80px);-moz-transform: translateY(-80px);-ms-transform: translateY(-80px);-o-transform: translateY(-80px);transform: translateY(-80px);-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;transition:all 0.8s;}
#content.active .quality-con-top,
.quality-management.active,
.environment-management.active,
.certification-status.active{opacity:1;filter:Alpha(opacity=100);-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
#content.active .quality-con-top{
	-webkit-transition-delay:0.5s;
	-moz-transition-delay:0.5s;
	-o-transition-delay:0.5s;
	-ms-transition-delay:0.5s;
	transition-delay:0.5s;
}

/* -------- 실험 및 측정실 -------- */
.measuring-room-con{margin-top:33px}
.measuring-room-con .measuring-room-img img{max-width:100%}
.measuring-room-con .measuring-room-txt{font-weight:400; font-size:24px; letter-spacing:-0.5px; color:#2b2b2b; line-height:1.5em; text-align:center; padding-top:35px; word-break:keep-all}
.measuring-sub-tit{font-weight:600; font-size:36px; letter-spacing:0; color:#0e2c3f; text-align:center}
.measuring-room-equipment{margin-top:115px}
.measuring-equipment-wrap{background:url("/doa/skin/img/measuring_equipment_bg.jpg") no-repeat; background-size:cover; margin-top:38px}
.measuring-equipment-inner{max-width:1048px; margin:0 auto; padding:83px 0}
.measuring-equipment-list{margin:0 -1.5% -3%}
.measuring-equipment-list li{float:left; width:30.333%; margin:0 1.5% 3%}
.measuring-equipment-list li p{display:table; width:100%; height:60px; text-align:center; border:1px solid rgba(255,255,255,0.3)}
.measuring-equipment-list li p span{display:table-cell; vertical-align:middle; font-weight:600; font-size:16px; letter-spacing:0; color:#fff; line-height:1.2em; padding:0 2%; word-break:keep-all}


#content .measuring-con-top,
.measuring-room-equipment{opacity:0; filter:Alpha(opacity=0);-webkit-transform: translateY(-80px);-moz-transform: translateY(-80px);-ms-transform: translateY(-80px);-o-transform: translateY(-80px);transform: translateY(-80px);-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;transition:all 0.8s;}
#content.active .measuring-con-top,
.measuring-room-equipment.active{opacity:1;filter:Alpha(opacity=100);-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
#content.active .measuring-con-top{
	-webkit-transition-delay:0.5s;
	-moz-transition-delay:0.5s;
	-o-transition-delay:0.5s;
	-ms-transition-delay:0.5s;
	transition-delay:0.5s;
}

/* ******************  QMS ********************** */
/* -------- 품질보증 -------- */
.talent-list-wrap{margin-top:70px}
.talent-list{text-align:center;}
.talent-list li{display:inline-block; width:29.2%; margin:0 1.4%; text-align:center}
.talent-list li .talent-list-tit{border-bottom:1px solid #d8d8d8}
.talent-list li .talent-list-tit p{display:table; width:100%; height:70px; font-weight:500; font-size:26px; letter-spacing:-0.5px; color:#0e2c3f; line-height:1.23em; word-break:keep-all}
.talent-list li .talent-list-tit p strong{display:table-cell; vertical-align:middle}
.talent-list li .talent-list-explain p{display:table; width:100%; height:106px; padding-top:8%; font-weight:400; font-size:17px; letter-spacing:-0.65px; color:#585858; line-height:1.64em; word-break:keep-all}
.talent-list li .talent-list-explain p span{display:table-cell; vertical-align:top}
.talent-list li .talent-list-explain .ideology-list-img img{max-width:100%}
.guide-con{margin-top:164px}
.guide-process{text-align:center; padding-top:62px}
.guide-process span img{width:100%}
.guide-process span.guide-process-pc{display:inline-block}
.guide-process span.guide-process-mb{display:none}
.guide-apply-btn{text-align:center; margin-top:73px}
.guide-apply-btn a{display:inline-block; width:240px; height:62px; line-height:62px; background:#1a978e; color:#fff; font-weight:400; font-size:18px; letter-spacing:-0.75px; border-radius:30px; text-align:center}
.guide-apply-btn a i{padding-left:60px}


#content .talent-con .sub-page-top,
.talent-list-wrap,
.guide-con{opacity:0; filter:Alpha(opacity=0);-webkit-transform: translateY(-80px);-moz-transform: translateY(-80px);-ms-transform: translateY(-80px);-o-transform: translateY(-80px);transform: translateY(-80px);-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;transition:all 0.8s;}
#content.active .talent-con .sub-page-top,
.talent-list-wrap.active,
.guide-con.active{opacity:1;filter:Alpha(opacity=100);-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
#content.active .talent-con .sub-page-top{
	-webkit-transition-delay:0.5s;
	-moz-transition-delay:0.5s;
	-o-transition-delay:0.5s;
	-ms-transition-delay:0.5s;
	transition-delay:0.5s;
}

/* -------- 복리후생 -------- */
.welfare-con-img{position:relative; text-align:center; margin-top:67px}
.welfare-con-img .welfare-main-img img{max-width:100%}
.welfare-con-img .welfare-move-circle{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%)}
.welfare-move-circle img{animation: rotate_image 20s linear infinite;transform-origin: 50% 50%;}

@keyframes rotate_image{
	100% {
    	transform: rotate(360deg);
    }
}

#content .welfare-con-top,
.welfare-con-img{opacity:0; filter:Alpha(opacity=0);-webkit-transform: translateY(-80px);-moz-transform: translateY(-80px);-ms-transform: translateY(-80px);-o-transform: translateY(-80px);transform: translateY(-80px);-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;transition:all 0.8s;}
#content.active .welfare-con-top,
.welfare-con-img.active{opacity:1;filter:Alpha(opacity=100);-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
#content.active .welfare-con-top{
	-webkit-transition-delay:0.5s;
	-moz-transition-delay:0.5s;
	-o-transition-delay:0.5s;
	-ms-transition-delay:0.5s;
	transition-delay:0.5s;
}



.ditu{float: left;width: 50%;}
.ditu img{width: 100%;}
/* .Contact1{float: right;width: 50%;} */
/* .ssibility{height: 300px;} */

.ssibility{padding-bottom: 70px;}