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

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

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; height:64px; margin-bottom:65px; z-index:1}
.sub-tab-list-style ul{display:table; width:100%; height:100%; table-layout:fixed;}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{/* float:left; */ display:table-cell; vertical-align:middle; position:relative; width:20%; background-color:#f6f6f6; border:1px solid #e5e5e5; border-left:0; border-bottom-color:#303030}
.sub-tab-list-style ul li:first-child{border-left:1px solid #e5e5e5;}
.sub-tab-list-style ul li a{display:table; height:64px; width:100%; position:relative}
.sub-tab-list-style ul li a:after{position:absolute; content:""; width:100%; height:2px; background-color:#303030; top:-1px; left:0; opacity:0}
.sub-tab-list-style ul li a:before{position:absolute; content:""; width:1px; height:calc(100% + 1px); background-color:#303030; top:0; left:-1px; opacity:0}
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#a6a6a6; font-size:18px; letter-spacing:-0.5px; text-align:center; font-weight:400}
.sub-tab-list-style ul li.selected{z-index:1; border-color:#303030; border-bottom-color:#fff; }
.sub-tab-list-style ul li.selected a{background-color:#fff;}
.sub-tab-list-style ul li.selected a:after,
.sub-tab-list-style ul li.selected a:before{opacity:1}
.sub-tab-list-style ul li.selected a em{color:#303030; font-weight:600}
/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:70px; left:0; width:100%; height:60px;}
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}

@media all and (min-width:1025px){
	/* Tab Fixed Background */
	.sub-tab-list-style:before{position:absolute; top:0px; bottom:0px; left:50%; width:0; content:""; background-color:#fff; border-bottom:1px solid #e5e5e5; transition:all 0.5s}
	.sub-tab-list-style.top-fixed:before{width:100%; margin-left:-50%}
}

/* --------- 공통 :: VIEW MORE 스타일 --------- */
.cm-more-btn{display:inline-block; font-weight:700; font-size:12px; letter-spacing:0; color:#a2a2a2}
.cm-more-btn .arrow{display:inline-block; width:45px; height:27px; background:url("/images/icon/cm_style_arrow04.png") no-repeat; background-size:contain !important; margin-left:18px; vertical-align:middle; position:relative; top:-2px}

/* --------- 공통 :: 서브상단 텍스트 --------- */
.sub-cm-top{text-align:center}
.sub-cm-top .cm-top-txt{font-weight:300; font-size:36px; letter-spacing:-0.5px; color:#303030; line-height:1.38}
.sub-cm-top .cm-top-txt b{font-weight:600}
.sub-cm-top .cm-top-txt-sm{font-weight:400; font-size:16.5px; letter-spacing:-0.5px; color:#303030; line-height:1.81; margin-top:30px}
.sub-cm-top .red-txt{display:block; font-weight:700; font-size:18px; letter-spacing:-0.25px; color:#ed1c24; margin-bottom:15px}

/* --------- 공통 :: 텍스트 --------- */
.cm-tit {font-size:36px; line-height:1.38em; letter-spacing:-0.75px; color:#000; }
.cm-txt {font-size:16.5px; line-height:1.81em; letter-spacing:-0.75px; color:#5d5d5d;}
.dot-txt {position:relative; padding-left: 10px;}
.dot-txt:before {content:"·"; position:absolute; left:0; }
.check-txt {position:relative; padding-left:20px;}
.check-txt:before {content:"\e929"; position:absolute; left:0; color: #ed1c24; }

/* --------- 공통 :: 테이블 --------- */
.sub-tbl {width:100%; border-top:2px solid #000;}
.sub-tbl thead th {font-size:16.5px; color: #333; font-weight:400; padding:20px;}
.sub-tbl tbody td {padding:15px 20px;}
.sub-tbl thead th , .sub-tbl tbody td {border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; }
.sub-tbl .no-left {border-left:0;}
.sub-tbl .txt-center {text-align:center;}


/* --------- 공통 :: 비디오 모달 --------- */
.video-modal-content{position:relative; width:96%; max-width:1000px; margin:20px auto; }
.video-modal-content .modal-close-btn {top:-50px; right:0px;}
.video-modal-content .modal-close-btn i {color:#fff;}
.video-modal-content h1 + .modal-close-btn{top:0px;}
.video-modal-content h1{line-height:1.5; padding:0 30px; margin-bottom:15px; font-size:24px; font-weight:400; letter-spacing:-0.5px; text-align:center; color:#fff;}
.video-modal-inner{width:100%;}
.video-modal-inner .video-container{position:relative; width:100%; height:0; padding-top:65%; }
.video-modal-inner .video-container iframe{position:absolute; top:0px; left:0px; right:0px; bottom:0px;}
@media all and ( max-width: 800px ){
	.video-modal-content h1{font-size:18px;}
}



/* ************** 솔루션, 산업 공통스타일 ****************** */
.cm-style-page{position:relative; max-width:1787px; margin:0 auto}
.cm-style-page:before{position:absolute; content:""; width:1px; height:calc(100% + 125px); background-color:#e6e6e6; top:-125px; left:0; z-index:-1}
.cm-style-sec{margin-bottom:220px}
.cm-style-sec:last-child{margin-bottom:0}
.cm-style-page .cm-style-quick{position:absolute; top:0; left:50%; width:210px; height:200px; margin-left:-895px; z-index:1}
.cm-style-page .cm-style-quick.fixed{position:fixed; top:126px}
.cm-style-page .cm-style-quick .side-quick-bar{position:relative; z-index:99;}
.cm-style-page .cm-style-quick .side-quick-bar li{margin-bottom:20px; padding-left:19px; position:relative}
.cm-style-page .cm-style-quick .side-quick-bar li:before{position:absolute; content:""; width:3px; height:20px; background-color:#ed1c24; left:0; top:2px; opacity:0; transition:opacity 0.2s}
.cm-style-page .cm-style-quick .side-quick-bar li a{font-weight:400; font-size:14.5px; letter-spacing:-0.25px; color:#5d5d5d; line-height:1.5; transition:color 0.2s}
.cm-style-page .cm-style-quick .side-quick-bar li.selected:before{opacity:1}
.cm-style-page .cm-style-quick .side-quick-bar li.selected a{color:#ed1c24}
.cm-style-page .cm-style-quick .side-quick-bar li a.txt-nowrap{white-space:nowrap}

.cm-style-page .cm-style-rt{max-width:1200px; margin:0 auto; padding-left:100px; width:calc(100% - 210px); position:relative;}
.cm-style-page .cm-style-rt .sec-tit{float:left; /*width:300px;*/width:24.8%; font-weight:700; font-size:28px; letter-spacing:-1px; color:#303030; position:relative; padding-left:13px; box-sizing:border-box; line-height:1.38; position:relative; top:-3px;}
.cm-style-page .cm-style-rt .sec-tit.big-tit{font-size:36px;}
.cm-style-page .cm-style-rt .sec-tit .sm-txt{display:block; font-weight:400; font-size:18px; color:#b6b6b6; margin-top:5px; letter-spacing:-0.65px;}
.cm-style-page .cm-style-rt .sec-tit b{position:relative; display:inline-block}
.cm-style-page .cm-style-rt .sec-tit b:before{position:absolute; content:""; width:6px; height:6px; background-color:#ed1c24; border-radius:50%; left:-13px; top:8px}
.cm-style-page .cm-style-rt .sec-tit.big-tit b:before{display:none}
.cm-style-page .cm-style-rt .sec-inner{float:left; /*width:calc(100% - 300px)*/width:75.2%;}
.cm-style-page .cm-style-rt .sec-inner .cm-style-txt{font-weight:400; font-size:16.5px; letter-spacing:-0.25px; color:#5d5d5d; line-height:1.81; }
.cm-style-page .cm-style-rt .sec-inner .cm-style-txt span{display:block; margin-bottom:30px}
.cm-style-page .cm-style-rt .sec-inner .cm-style-txt span:last-child{margin-bottom:0}
.cm-no-top{margin-top:10px !important}
/* 솔루션, 산업 공통스타일 :: 성공사례 배너 */
.success-ex-banner{display:table; width:100%; height:269px; background:url("/images/content/success_ex_banner.jpg") no-repeat 50% 0; background-size:cover !important; text-align:left}
.success-ex-banner .banner-inner{display:table-cell; vertical-align:middle; padding:15px 0 15px 15.5%}
.success-ex-banner .banner-inner .tit{font-weight:400; font-size:36px; letter-spacing:-0.5px; color:#303030; line-height:1.16; padding-bottom:10px}
.success-ex-banner .banner-inner .tit b{font-weight:600}
.success-ex-banner .banner-inner .view-more-btn{display:block; margin-top:8px}
.success-ex-banner .banner-inner .view-more-btn a{font-weight:400; font-size:14.5px; letter-spacing:0; color:#be2222; display:inline-block}
.success-ex-banner .banner-inner .view-more-btn a img{margin-left:10px}


/* ******************  솔루션 ********************** */
/* ------------- 솔루션 :: 공통 ---------------- */
/* Cases */
/*.solution-case{padding-bottom:120px}*/
.cases-con .cases-slide-con{margin-bottom:70px; position:relative; /*padding-top:95px*/}
.cases-con .cases-slide-con .cases-slide{margin:0 -5px}
.cases-con .cases-slide-con .cases-slide li{margin:0 5px; position:relative}
.cases-con .cases-slide-con .cases-slide li .cases-img{position:relative; display:block; padding-top:106.5%}
.cases-con .cases-slide-con .cases-slide li .cases-img img{position:absolute; top:0; left:0; width:100%; height:100%}
.cases-con .cases-slide-con .cases-slide li .cases-tit{position:absolute; top:13%; left:11%; font-weight:500; font-size:28px; letter-spacing:-0.25px; color:#222}
.cases-con .cases-slide-con .cases-slide li .cases-tit.wh{color:#fff}

/* 슬라이드 컨트롤러 */
.sub-slide-control{position:absolute; top:30px; left:-10px}
.sub-slide-control .sub-slide-arrow,
.sub-slide-control .sub-slide-play{display:inline-block; vertical-align:middle}
.sub-slide-control .sub-slide-arrow i{font-size:33px; color:#919191; opacity:0.6}
.sub-slide-control .sub-slide-play{width:30px; text-align:center; display:none}
.slick-dotted + .sub-slide-control .sub-slide-play{display:inline-block}
.cm-slide-control.sub-slide-control{position:relative; top:auto; left:auto; padding:15px 0 30px} 
.cm-slide-control.sub-slide-control .sub-slide-play{display:inline-block}
.cm-slide-control.sub-slide-control .slick-hidden + .sub-slide-play{display:none}

.sub-slide-control .sub-slide-play .slick-dots{display:none !important}
.sub-slide-control .sub-slide-play .slick-control-btns button{}
.sub-slide-control .sub-slide-play .slick-control-btns button i{color:#919191; top:1px; position:relative; font-size:16px}
.sub-slide-control .sub-slide-play .slick-control-btns .slick-play-btn{display:none;}

/* 통이미지 */
.cm-style-img{text-align:center}
.cm-style-img.only-img{margin-top:50px}
.cm-style-img img,
.cm-style-img svg{max-width:100%; height:initial;}
.bt-inquiry-wrap.sub{padding-top:120px; position:relative; z-index:0}


/* ------------- 솔루션 :: Innorules ---------------- */
/* Digital Decision Manager */
.manager-img{margin-top:35px}
.manager-gray-box{}
.manager-gray-box li{background-color:#f5f5f5; margin-top:12px; padding:0 7.5%; text-align:left}
.manager-gray-box li .box-inner{display:table; width:100%; height:120px}
.manager-gray-box li .box-inner .txt,
.manager-gray-box li .box-inner .icon{display:table-cell; vertical-align:middle; box-sizing:border-box}
.manager-gray-box li .box-inner .txt{width:calc(100% - 83px);  padding:15px 2% 15px 0}
.manager-gray-box li .box-inner .txt b{display:block; font-weight:600; margin-bottom:5px}
.manager-gray-box li .box-inner .txt p{position:relative; padding-left:8px}
.manager-gray-box li .box-inner .txt p:before{position:absolute; content:"·"; left:0; top:0}
.manager-gray-box li .box-inner .icon{width:83px}
.manager-gray-box li .box-inner .icon img{width:100%}
/* 이미지 모션 */
.ani-img{position:relative}
.ani-img img{opacity:0; transition:opacity 1s, transform 1.5s}
.ani-img .ani-img{position:absolute; top:0; left:0;}
.ani-img .ani-img-02{transition-delay:0.3s}
.ani-img .ani-img-03{transition-delay:0.6s}
.ani-img .ani-img-04{transition-delay:0.9s}
.ani-img .ani-img-05{transition-delay:1.2s}
.ani-img .z-index1{z-index:1}
.ani-img .z-index2{z-index:2}
.ani-img .z-index3{z-index:3}
.ani-img .ani-left{transform:translateX(-40px)}
.ani-img .ani-right{transform:translateX(40px)}
.ani-img .ani-top{transform:translateY(-5%)}
.ani-img .fix-img{opacity:0;}
.ani-wrap .manager-gray-box{opacity:0; transform:translateY(-40px); transition:opacity 0.8s, transform 1.2s; transition-delay:1.5s}
.ani-wrap.aos-animate .ani-img img,
.ani-wrap.aos-animate .manager-gray-box{opacity:1; transform:translate(0) !important}

/* InnoRules */
/* InnoRules :: 그래프 */
.innorules-graph{margin-top:40px; position:relative; padding-top:40px}
.innorules-graph .innorules-graph-img li{display:inline-block; vertical-align:bottom; margin:0 -1px; width: calc(50% - 2px);  text-align:center; position:relative; box-sizing:border-box; padding:0 3%}
.innorules-graph .innorules-graph-img li .graph-img{position:relative; display:inline-block}
.innorules-graph .innorules-graph-img li .graph-img img{max-width:100%; }
.innorules-graph .innorules-graph-img li .graph-img .graph-ani{position:relative; padding-top:105%; width:367px}
.innorules-graph .innorules-graph-img li .graph-img .graph-ani span{position:absolute; left:0; width:100%; height:100%; }
.innorules-graph .innorules-graph-img li .graph-img .graph-ani .img01{bottom:0; }
.innorules-graph .innorules-graph-img li .graph-img .graph-ani .img02{height:0; transition:height 1.1s, opacity 0.8s 0.2s; opacity:0; bottom:15%;}
.innorules-graph .innorules-graph-img li.graph-01 .graph-img .graph-ani .img01{background:url("/images/content/innorules_graph01_01.png") no-repeat; }
.innorules-graph .innorules-graph-img li.graph-01 .graph-img .graph-ani .img02{background:url("/images/content/innorules_graph01_02.png") no-repeat; }
.innorules-graph .innorules-graph-img li.graph-02 .graph-img .graph-ani .img01{background:url("/images/content/innorules_graph02_01.png") no-repeat; }
.innorules-graph .innorules-graph-img li.graph-02 .graph-img .graph-ani .img02{background:url("/images/content/innorules_graph02_02.png") no-repeat; }
.innorules-graph .innorules-graph-img li .graph-img .circle{position:absolute; top:-30px; left:-25px; width:124px; height:124px; background:url("/images/content/gradient_circle.png") no-repeat; background-size:contain !important; display:table; text-align:center; opacity:0; transform:scale(0); transition:opacity 0.3s, transform 1.2s; transition-delay:0.5s}
.innorules-graph .innorules-graph-img li .graph-img .circle span{display:table-cell; vertical-align:middle; font-weight:500; font-size:26px; letter-spacing:-0.25px; color:#fff; line-height:1.2}
.innorules-graph .innorules-graph-img li .graph-img .circle span b{font-weight:700}
.innorules-graph .innorules-graph-img li .graph-img .circle span em{font-weight:400; font-size:14.5px; display:block}
.innorules-graph .innorules-graph-img li .graph-tit{display:table; width:100%; max-width:375px; height:63px; text-align:center; background-color:#f3f3f3; border-radius:50px; margin:15px auto 0}
.innorules-graph .innorules-graph-img li .graph-tit span{display:table-cell; vertical-align:middle; font-weight:500; font-size:16.5px; color:#515151; letter-spacing:-0.45px;}
.innorules-graph .graph-info{position:absolute; right:0; top:0; z-index:9; width:20%; text-align:right}
.innorules-graph .graph-info img{max-width:100%}
.innorules-graph .graph-info .pc-img{display:inline-block;}
.innorules-graph .graph-info .mb-img{display:none}

.aos-animate .innorules-graph .innorules-graph-img li .graph-img .circle{opacity:1; transform:scale(1) rotate(0.002deg)}
.aos-animate .innorules-graph .innorules-graph-img li .graph-img .graph-ani .img02{height:85%; opacity:1; transform:rotate(0.002deg)}

/* InnoRules :: 장점 */
.innorules-advantage{margin-top:30px}
.cm-style-character{border-top:3px solid #303030;}
.cm-style-character li{border-bottom:1px solid #dbdbdb; float:left; width:50%; display:table; height:125px; position:relative; text-align:left}
.cm-style-character li:nth-child(2n-1):after{position:absolute; content:""; width:1px; height:calc(100% - 60px); top:50%; transform:translateY(-50%); right:0; background-color:#eee}
.cm-style-character li .inner{display:table-cell; vertical-align:middle; padding:15px 8%}
.cm-style-character li .inner strong{display:block; font-weight:600; font-size:16.5px; letter-spacing:-0.5px; color:#5d5d5d; line-height:1.5; margin-bottom:10px}
.cm-style-character li .inner p{font-size:16.5px; letter-spacing:-0.25px; color:#5d5d5d; line-height:1.57}

/* Benefits */
.benefits-img{margin-top:25px}
.benefits-img .pc-img{display:inline-block}
.benefits-img .mb-img{display:none}

/* Features */
.cm-style-features{margin-top:30px}
.cm-style-features .features-list{border-top:3px solid #303030}
.cm-style-features .features-list li{border-bottom:1px solid #dbdbdb; padding:30px 0}
.cm-style-features .features-list li .inner{display:table; width:100%}
.cm-style-features .features-list li .inner > div{display:table-cell; vertical-align:middle; box-sizing:border-box}
.cm-style-features .features-list li .inner .icon{width:17.3%; text-align:center; padding:0 15px}
.cm-style-features .features-list li .inner .icon img{max-width:100%}
.cm-style-features .features-list li .inner .txt{font-size:16.5px; color:#5d5d5d; letter-spacing:-0.25px; text-align:left}
.cm-style-features .features-list li .inner .txt strong{display:block; font-weight:600; line-height:1.5; margin-bottom:5px}
.cm-style-features .features-list li .inner .txt p{line-height:1.81}
.cm-style-features .features-list li .inner .txt p span{position:relative; display:block; padding-left:10px}
.cm-style-features .features-list li .inner .txt p span:before{position:absolute; content:"·"; left:0; top:0; }
.cm-style-features .features-list li .inner .txt p span em{position:relative; display:block; padding-left:22px;}
.cm-style-features .features-list li .inner .txt p span em:before{position:absolute; content:"-"; left:12px; top:0; }

/* ------------- 솔루션 :: InnoProduct ---------------- */
/* Digital Product Manager */
.product-manager-img{margin-top:70px; padding-bottom:20px}
.cm-style-features.txt-list .features-list li .inner .tit{padding:0 3% 0 5.5%; width:32.8%; text-align:left}
.cm-style-features.txt-list .features-list li .inner .tit strong{display:block; font-weight:600; font-size:16.5px; letter-spacing:-0.25px; color:#5d5d5d; line-height:1.81}
/* 퍼지는 모션 */
.circle-effect{position:relative}
.spread-effect{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); margin-top:-1.7%; margin-left:-0.2%; width:38%; padding-top:38%; z-index:-1}
.spread-circle {
  opacity: 0;
  position: absolute;
  z-index:-1;
  top: 0;
  left: 0;
  background:url("/images/content/innoproducct_spread_circle.png") no-repeat;
  background-size:cover;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  -webkit-animation: drift 3000ms infinite linear;
  animation: drift 3000ms infinite linear;
}
.spread-circle.three {-webkit-animation: drift 3000ms infinite linear;animation: drift 3000ms infinite linear; animation-delay:0.7s}
.spread-circle.two {-webkit-animation: drift 3000ms infinite linear;animation: drift 3000ms infinite linear;opacity: .1; animation-delay:1.4s}
@-webkit-keyframes drift {
  0% {
	-webkit-transform: scale(0.6);
	transform: scale(0.6);
	opacity: 0.8; 
   }
  50% {
	opacity: 1.0; 
   }
  100% {
	-webkit-transform: scale(1);
			transform: scale(1);
	opacity: 0; } 
}
@keyframes drift {
	0% {
	-webkit-transform: scale(0.6);
	transform: scale(0.6);
	opacity: 0.8; 
   }
  50% {
	opacity: 1.0; 
   }
  100% {
	-webkit-transform: scale(1);
			transform: scale(1);
	opacity: 0; } 
}



/* Benefits */
.innoproduct-benefit{margin-top:30px}
.innoproduct-benefit .benefit-box{position:relative; margin-top:15px}
.innoproduct-benefit .benefit-box .tit-circle{position:absolute; left:0; top:50%; transform:translateY(-50%); width:159px; height:159px; background:url("/images/content/innoproduct_benifit_circle.png") no-repeat; text-align:center; background-size:contain !important; z-index:9}
.innoproduct-benefit .benefit-box .tit-circle:after{position:absolute; content:""; width:59px; height:14px; background:url("/images/content/innoproduct_benifit_arrow.png") no-repeat; background-size:contain !important; right:-35px; top:50%; transform:translateY(-50%)}
.innoproduct-benefit .benefit-box .tit-circle b{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-weight:600; font-size:22px; letter-spacing:-0.25px; color:#fff; line-height:1.27}
.innoproduct-benefit .benefit-box .txt-list{width:95%; background-color:#f2f2f2; margin-left:5%; box-sizing:border-box; padding:23px 3% 23px 180px; border-radius:100px; text-align:left; position:relative}
.innoproduct-benefit .benefit-box .txt-list p{position:relative; font-weight:400; font-size:16.5px; letter-spacing:-0.25px; color:#575757; line-height:1.81; padding-left:10px}
.innoproduct-benefit .benefit-box .txt-list p:before{position:absolute; content:"·"; left:0; top:0}
/* 나타나는 모션 */
.innoproduct-benefit .benefit-box .tit-circle{opacity:0; transition:opacity 1s; transition-delay:0.4s;}
.innoproduct-benefit .benefit-box .txt-list{opacity:0; left:-40px; transition:opacity 0.8s, left 1.2s; transition-delay:0.7s;}
.innoproduct-benefit.aos-animate .benefit-box .tit-circle{opacity:1;}
.innoproduct-benefit.aos-animate .benefit-box .txt-list{opacity:1; left:0;}

/* Features */
.innoproduct-features-img{margin-top:60px;}
.innoproduct-features-img .info-img{display:block; text-align:right; margin-bottom:25px;}
.innoproduct-features-img .img-list{}
.innoproduct-features-img .img-list li{float:left; width:50%; text-align:center}
.innoproduct-features-img .img-list li img{max-width:100%}


/* ------------- 솔루션 :: InnoPLM ---------------- */
/* Product Life Cycle Management System */
.innoplm-system{margin-top:40px}
.innoplm-system-list{margin:50px -0.5% 0; display:flex; flex-wrap:wrap-reverse; text-align:center}
.innoplm-system-list li{float:left; border:1px solid #e7e7e7; box-sizing:border-box; width:32.333%; margin:0 0.5%}
.innoplm-system-list li .inner-wrap{display:table; width:100%; height:100%}
.innoplm-system-list li .inner{display:table-cell; vertical-align:middle; padding:20px 6%}
.innoplm-system-list li .inner .num{}
.innoplm-system-list li .inner .num b{display:inline-block; font-weight:700; font-size:16.5px; letter-spacing:-0.25px; color:#5d5d5d; border-bottom:1px solid #858585}
.innoplm-system-list li .inner .txt{font-weight:400; font-size:16.5px; letter-spacing:-0.25px; color:#5d5d5d; line-height:1.81; margin-top:20px}
/* 이미지 모션 */
.innoplm-system-img > div{position:relative; max-width:582px; margin:0 auto}
.innoplm-system-img .ani-img{position:absolute; top:50%; left:50%; z-index:-1; animation: spinAni 11s infinite linear; margin:-36.3% 0 0 -39.3%; max-width:80%}
@-webkit-keyframes spinAni{
    0%  {transform: rotate(0deg) ;}
   100% {transform: rotate(360deg);}
}
@keyframes spinAni{
    0%  {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}


/* InnoPLM */
.innoplm-img{margin-top:45px}

/* Benefits */
.innoplm-benefits{margin-top:50px; text-align:center}
.innoplm-benefits-list{display:flex; flex-wrap:wrap-reverse; margin-top:65px;}
.innoplm-benefits-list li{float:left; width:33.333%; box-sizing:border-box; position:relative; padding:0 1.5%; border-right:1px dotted #cacaca; }
.innoplm-benefits-list li:last-child{border-right:0}
.innoplm-benefits-list li .list-wrap{}
.innoplm-benefits-list li .list-inner{}
.innoplm-benefits-list li .list-inner .tit{font-weight:500; font-size:18px; letter-spacing:-0.45px; color:#fff; line-height:1.22; background-color:#ffce77; display:table; width:100%; height:62px; border-radius:50px}
.innoplm-benefits-list li:nth-child(2) .list-inner .tit{background-color:#fcaf8f}
.innoplm-benefits-list li:last-child .list-inner .tit{background-color:#faa09a}
.innoplm-benefits-list li .list-inner .tit span{display:table-cell; vertical-align:middle; padding:0 15px}
.innoplm-benefits-list li .list-inner .tit span em{font-weight:700}
.innoplm-benefits-list li .list-inner .txt{text-align:left; padding:25px 15px 0}
.innoplm-benefits-list li .list-inner .txt p{position:relative; font-weight:400; font-size:15px; letter-spacing:-0.25px; color:#5d5d5d; line-height:1.73; padding-left:10px;}
.innoplm-benefits-list li .list-inner .txt p:before{position:absolute; content:"·"; left:0; top:0}
/* 이미지 모션 */
.innoplm-benefit-img{max-width:792px; margin:0 auto}
.innoplm-benefit-img .ani-img-01.ani-img{z-index:3}
.innoplm-benefit-img .ani-img-02{z-index:2}
.innoplm-benefits-list{opacity:0; transform:translateY(-40px); transition:opacity 0.8s, transform 1.2s; transition-delay:1.1s}
.innoplm-benefits.aos-animate .innoplm-benefits-list{opacity:1; transform:translate(0)}

/* Features */
.innoplm-features.cm-style-features{margin-top:10px}


/* ------------- 솔루션 :: InnoMUS ---------------- */
/* Features */
.solution-feature-table{margin-top:50px}
.solution-feature-table .feature-tbl{width:100%; border-top:3px solid #303030}
.solution-feature-table .feature-tbl tr th,
.solution-feature-table .feature-tbl tr td{border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; font-size:16.5px; color:#5d5d5d; line-height:1.57; padding:20px 4.5%}
.solution-feature-table .feature-tbl tr th{background-color:#f6f6f6; font-weight:600; letter-spacing:-0.5px; text-align:center}
.solution-feature-table .feature-tbl tr td{border-right:0; font-weight:400; letter-spacing:-0.25px; text-align:left}
.solution-feature-table .feature-tbl tr td p{position:relative; padding-left:7px}
.solution-feature-table .feature-tbl tr td p:before{position:absolute; content:""; width:2px; height:2px; background-color:#5d5d5d; left:0; top:10px}

/* ******************  산업 ********************** */
/* 산업공통 :: References */
.refe-slide-con{position:relative; /*padding-top:95px;*/ margin-bottom:70px}
.refe-slide-con .refe-slide{position:relative}
.refe-slide-con .refe-slide:before{position:absolute; content:""; width:1px; height:100%; background-color:#d8d8d8; left:-1px; top:0}
.refe-slide-con .refe-slide .slick-list{padding-right:1px}
.refe-slide-con .refe-slide li{border:1px solid #d8d8d8; border-left:0; margin-left:-1px}
.refe-slide-con .refe-slide li a{border-left:1px solid #d8d8d8; display:block; text-align:center;}
.refe-slide-con .refe-slide li.slick-current a{border-left:0}
.refe-slide-con .refe-slide li a{}
.refe-slide-con .refe-slide li a .refe-img{position:relative; display:block; padding-top:79.6%; background-color:#fff}
.refe-slide-con .refe-slide li a .refe-img img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%; padding:5%; box-sizing:border-box}

/* 산업공통 :: Solutions */
.cm-solution-list{margin:0 -1%; display:flex; flex-wrap:wrap-reverse; }
.cm-solution-list li{float:left; width:31.333%; margin:0 1%; border:1px solid #dbdbdb; box-sizing:border-box; position:relative; transition:border-color 0.3s; text-align:left; min-height:380px;}
.cm-solution-list li a{display:block; padding:40px 10.4% 80px; font-size:16.5px;}
.cm-solution-list li a .tit{font-weight:700; letter-spacing:-0.25px; color:#5d5d5d; line-height:1.57; border-bottom:1px solid #e6e6e6; padding-bottom:20px}
.cm-solution-list li a .txt{font-weight:400; letter-spacing:-0.5px; color:#5d5d5d; line-height:1.81; padding-top:18px}
.cm-solution-list li a .view-txt{position:absolute; left:0; bottom:0; width:100%; text-align:center; background-color:#f4f4f4; display:table; height:60px}
.cm-solution-list li a .view-txt b{font-weight:400; font-size:14px; letter-spacing:0; color:#be2222; display:table-cell; vertical-align:middle}
.cm-solution-list li a .view-txt .arrow{display:inline-block; margin-left:10px; width:35px; height:10px; background:url("/images/icon/red_long_arrow.png") no-repeat; background-size:contain !important}
.cm-solution-list li:hover{border-color:#be2222}

/* Healthcare  :: Benefits */
.healthcare-benefit-img{margin-top:45px}

/* ******************  고객서비스  ********************** */
/* -------- 고객서비스 :: 공통  -------- */
/* 타이틀 */
.service-top-tit-box {}
.service-top-tit-box .tit-box .cm-txt {margin-top:30px; }
.service-top-tit-box .tit-box {text-align:center; margin-bottom:90px; }
.service-top-tit-box .img-box {position:relative; display:table; width:100%; height:520px; background:url("/images/content/consulting_top_bg.jpg") right no-repeat; padding:0 6.66% 6.66%; background-size:cover; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.service-top-tit-box .img-box img {display:none;}
.service-top-tit-box .txt-box {display:table-cell; vertical-align:bottom; }
.service-top-tit-box .txt-box .tit {font-size:60px; letter-spacing:-0.75px; color:#fff; }
.service-top-tit-box .txt-box .cm-txt {color:#fff; margin-top:50px;}
/* 리스트 */
.service-list-box { margin-top:100px; border-top:2px solid #000;}
.service-list li {display:flex;   }
.service-list li .left-con {width:33.33%; padding:40px 0;  border-bottom:1px solid #dbdbdb; }
.service-list li .left-con .tit {position:relative;  display:block; font-size: 28px; letter-spacing:-0.25px; color:#303030; padding-left: 15px; }
.service-list li .left-con .tit:before {content:""; width:7px; height:7px; position:absolute; left:0; top: 5px; background-color: #ed1c24; border-radius:50%;}
.service-list li .right-con {width:66.67%; }
.service-list li .item-box {display:flex; padding:35px 0; border-bottom:1px solid #dbdbdb; }
.service-list li .item-box .tit-box {width: 50%; }
.service-list li .item-box .tit-box span {display:block; color:#999; font-weight:300; margin-top:5px;}
.service-list li .item-box .txt-box {width: 50%; }

/* -------- 고객서비스 :: 솔루션컨설팅  -------- */
/* IAP */
.consulting-con {margin-top: 90px;}
.consulting-con .top-box .left-con {float:left; width:33.33%; }
.consulting-con .top-box .right-con {float:left; width:66.67%; }
.consulting-con .top-box .left-con .txt {font-size: 18px; color:#999; letter-spacing:-0.25px; }
.consulting-con .top-box .right-con .cm-txt {letter-spacing:-1px;}
.consulting-con .top-box .right-con .big-txt {font-size: 24px; line-height:1.25em; color:#5d5d5d; letter-spacing:-0.25px; font-weight:300; margin: 40px 0 10px;  }
/* IAP :: 원 도식화 */
.consulting-con .top-box .right-con .circle-list-con {margin-top:35px;}
.consulting-con .top-box .right-con .circle-list-con .circle-list{}
.consulting-con .top-box .right-con .circle-list-con .circle-list li{position:relative; float:left; width:20%; padding-right:17%}
.consulting-con .top-box .right-con .circle-list-con .circle-list li:first-child{padding-left:3%}
.consulting-con .top-box .right-con .circle-list-con .circle-list li:last-child{padding-right:0}
.consulting-con .top-box .right-con .circle-list-con .circle-list li:after,
.consulting-con .top-box .right-con .circle-list-con .circle-list li:before{position:absolute; content:""; top:50%; transform:translateY(-50%); }
.consulting-con .top-box .right-con .circle-list-con .circle-list li:after{right:0; width:60%; border:2px dashed #e5e5e5; z-index:-1}
.consulting-con .top-box .right-con .circle-list-con .circle-list li:before{width:31px; height:16px; background:url("/images/content/iap_arrow.png") no-repeat; background-size:contain !important; left:50%; margin-left:23%}
.consulting-con .top-box .right-con .circle-list-con .circle-list li:last-child:after,
.consulting-con .top-box .right-con .circle-list-con .circle-list li:last-child:before{display:none}
.consulting-con .top-box .right-con .circle-list-con .circle-list li .circle{text-align:center; padding-top:100%; position:relative; border-radius:50%}
.consulting-con .top-box .right-con .circle-list-con .circle-list li.circle-01 .circle{background-color:#ffce77}
.consulting-con .top-box .right-con .circle-list-con .circle-list li.circle-02 .circle{background-color:#fcaf8f}
.consulting-con .top-box .right-con .circle-list-con .circle-list li.circle-03 .circle{background-color:#faa09a}
.consulting-con .top-box .right-con .circle-list-con .circle-list li .circle span{font-weight:700; font-size:24px; letter-spacing:-0.25px; color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}
.consulting-con .top-box .right-con .circle-list-con .circle-list li .circle-wrap{position:relative; }
.consulting-con .top-box .right-con .circle-list-con .circle-list li .iap-circle-effect{position:absolute; top:-15%; left:-15%; width:130%; height:130%}
.consulting-con .top-box .right-con .circle-list-con .circle-list li.circle-01 .iap-circle-effect span{background-color:rgba(255,206,119,0.3)}
.consulting-con .top-box .right-con .circle-list-con .circle-list li.circle-02 .iap-circle-effect span{background-color:rgba(252,175,143,0.3)}
.consulting-con .top-box .right-con .circle-list-con .circle-list li.circle-03 .iap-circle-effect span{background-color:rgba(250,160,154,0.3)}
.consulting-con .top-box .right-con .circle-list-con .circle-list li .iap-circle-effect span{ position: absolute; z-index:-1; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; -webkit-animation: circleSpread 2000ms infinite linear; animation: circleSpread 2000ms infinite linear;}
.consulting-con .top-box .right-con .circle-list-con .circle-list li .iap-circle-effect span.two{animation-delay:0.5s}
@-webkit-keyframes circleSpread {
  0% {
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0.8; 
   }
  50% {
	opacity: 1.0; 
   }
  100% {
	-webkit-transform: scale(1);
			transform: scale(1);
	opacity: 0; } 
}
@keyframes circleSpread {
	0% {
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0.8; 
   }
  50% {
	opacity: 1.0; 
   }
  100% {
	-webkit-transform: scale(1);
			transform: scale(1);
	opacity: 0; } 
}


/* -------- 고객서비스 :: 솔루션구축  -------- */
.construct-page .service-top-tit-box .img-box {background-image:url("/images/content/construct_top_bg.jpg"); background-position: center;}
.construct-page .service-top-tit-box .img-box .tit {color:#000;}
.construct-con .top-box {display:table; width:100%; margin:60px 0;}
.construct-con .top-box .txt-con {display:table-cell; vertical-align:middle; width:60%;  padding-left:5%; }
.construct-con .top-box .txt-con .tit {display:block; font-size: 24px; color:#5d5d5d; letter-spacing:-0.25px; margin-bottom:15px;}
.construct-con .top-box .img-con {display:table-cell; vertical-align:middle; width:40%; padding-right:5.25%}
.construct-con .top-box .img-con img {width:100%; }
.triangle-img .triangle-img-wrap{position:relative}
.triangle-img .triangle-img-wrap img{opacity:0; transform:translateY(-40px); transition:all 1.2s}
.triangle-img .triangle-img-wrap .ani-img{position:absolute; top:0; left:0; }
.construct-con.aos-animate .triangle-img .triangle-img-wrap img{opacity:1; transform:translateY(0)}
.construct-con.aos-animate .triangle-img .triangle-img-wrap .ani-01{transition-delay:0.4s}
.construct-con.aos-animate .triangle-img .triangle-img-wrap .ani-02{transition-delay:0.8s}

/* -------- 고객서비스 :: 솔루션메인터넌스  -------- */
.maintenance-page {padding-bottom:125px;}
.maintenance-con-item {margin-top:95px;}
.maintenance-con-item .left-con {float:left; width:30.76%; }
.maintenance-con-item .right-con {float:left; width:69.24%; }
.maintenance-con-item .tbl-box {margin-top: 30px;}
.maintenance-con-item .tbl-box .dot-txt span {display:block; margin-top:3px;}
.maintenance-con-item .tbl-box .dot-txt span:before {content:"-";}
.maintenance-con-item.item02 .tbl-box td.no-left p {margin-top:20px;}
.maintenance-con-item.item02 .tbl-box td.no-left p:first-child {margin-top:0;}
/* Service Delivery Process */
.delivery-process{position:relative}
.delivery-process .ani-img{position:absolute; top:0; left:0; opacity:0; transform:translateY(-40px); transition:opacity 1s, transform 1s}
.delivery-process .ani-01{transition-delay:0.3s}
.delivery-process .ani-02{transition-delay:0.6s}
.delivery-process .ani-03{transition-delay:0.9s}
.aos-animate .delivery-process .ani-img{opacity:1; transform:translateY(0)}


/* -------- 고객서비스 :: 솔루션 교육/트레이닝  -------- */
.edu-page {padding-bottom:125px;}
.edu-page .service-top-tit-box .cm-tit span {font-weight:300;}
.edu-con .left-con  {float:left; width:30.76%; }
.edu-con .left-con span {display:block; color:#b6b6b6; font-size:18px; letter-spacing:-0.75px; margin-top:20px;}
.edu-con .right-con {float:left; width:69.24%; }
.edu-con .service-list-box {margin-top:0;}
.edu-con .service-list li .item-box {width:100%; padding:40px 0;}
.edu-con .service-list li .item-box .tit-box {width:33.33%;}
.edu-con .service-list li .item-box .tit-box .tit {font-size: 24px; line-height:1.33em; color:#303030; }
.edu-con .service-list li .item-box .txt-box {width:66.67%;}
.edu-con .service-list li .item-box .txt-box .check-txt {display:block; color:#303030;}
.edu-con .service-list li .item-box .txt-box .inner-box {margin-top: 20px;}
.edu-con .service-list li .item-box .txt-box .inner-box:first-child {margin-top:0; }
.edu-con .service-list li .item-box .txt-box .inner-box .inner {margin-top:5px;}
.edu-con .service-list li .item-box .txt-box .inner {padding-left:20px; margin-top:10px;}
.edu-con.con02 {margin-top:170px;}
/* 하단 연락처 */
.edu-info {margin-top:35px; height:85px; }
.edu-info .txt-con {display:table-cell; vertical-align:middle; width:calc(100% - 365px); padding:0 5%; background-color: #be2222; border-top-left-radius: 20px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.edu-info .txt-con .cm-txt {/* position:relative; padding-left:20px;  */color:rgba(255,255,255,0.7);}
.edu-info .txt-con .cm-txt i {margin-right: 5px;}
/* .edu-info .txt-con .cm-txt i {position:absolute; left:0; line-height:1.81em;} */
.edu-info .info-con {display:table-cell; vertical-align:middle; width:365px; padding:0 5%; background-color: #a51e1e; border-top-right-radius: 20px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.edu-info .info-con .txt {font-size:14.5px; color:#fff; padding:5px 0;}
.edu-info .info-con .txt span {display:inline-block; vertical-align:middle; position:relative; width:83px; padding-left:20px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.edu-info .info-con .txt span i {position:absolute; left:0; }
.edu-info .info-con .txt a {position:relative; display:inline-block; vertical-align:middle; padding-left:20px; color:#fff; }
.edu-info .info-con .txt a:before {content:""; position:absolute; left:0; top:50%; margin-top:-6.5px; width:1px; height:13px; background-color: rgba(255,255,255,0.3); }

/* ******************  라이브러리 ********************** */
/* ----------------- 라이브러리 :: 고객사례 ------------------ */
.example-partner-list{margin-top:60px}
.example-partner-list .view-more-btn-con{text-align:center; display:block;}
.example-partner-list .view-more-btn-con .partners-view-btn{display:inline-block; font-weight:700; font-size:12px; letter-spacing:0; color:#a2a2a2; text-transform:uppercase; margin-top:60px; cursor:pointer}
.example-partner-list .view-more-btn-con .partners-view-btn img{margin-left:14px; vertical-align:middle; position:relative; top:-2px; transition:transform 0.3s}
.partners-list-style02 ul .more-partner{display:none}

/* ----------------- 라이브러리 :: 리소스센터 ------------------ */
/* 상단 :: 왼쪽 텍스트 */
.resource-view-top{position:relative; padding-bottom:70px}
.resource-view-top:after{position:absolute; content:""; width:100%; height:100%; background-color:#f7f7f7; bottom:0; left:0; z-index:-2}
.resource-view-top .view-top-lf{float:left; width:50%; box-sizing:border-box; padding-right:4%; position:relative;}
.resource-view-top .view-top-lf .cate{display:inline-block; font-weight:400; font-size:15.5px; letter-spacing:-0.65px; color:#fff; background-color:#000; min-width:55px; padding:0 5px; height:24px; line-height:24px; box-sizing:border-box; text-align:center}
.resource-view-top .view-top-lf .top-tit-wrap{position:relative; padding-bottom:70px}
.resource-view-top .view-top-lf .top-tit-wrap:after{position:absolute; content:""; width:10000%; height:100%; background-color:#fff; top:0; left:-5000%; z-index:-1}
.resource-view-top .view-top-lf .top-tit{margin-top:30px}
.resource-view-top .view-top-lf .top-tit .tit-01{font-weight:700; font-size:36px; letter-spacing:-0.65px; color:#343434; line-height:1.1;}
.resource-view-top .view-top-lf .top-tit .tit-02{margin-top:40px; font-weight:400; font-size:18px; letter-spacing:-0.5px; color:#5d5d5d; line-height:1.88}
.resource-view-top .view-top-lf .top-txt{position:relative; padding-top:65px}
.resource-view-top .view-top-lf .top-txt p{font-weight:400; font-size:16.5px; letter-spacing:-0.25px; color:#5d5d5d; line-height:1.81}
.resource-view-top .view-top-lf .top-txt .txt-02{margin-top:40px}
.resource-view-top .view-top-lf .top-txt .txt-02 span{position:relative; display:block; padding-left:12px;}
.resource-view-top .view-top-lf .top-txt .txt-02 span:before{position:absolute; content:""; width:5px; height:5px; border-radius:50%; background-color:#5d5d5d; left:0; top:11px}
.resource-view-top .view-top-lf .share-link{position:absolute; top:0; right:4.8%; width:45px; height:45px; text-align:center; border-radius:50%; z-index:1}
.resource-view-top .view-top-lf .share-link i{line-height:45px; color:#fff; font-size:21px; position:relative; top:1px; left:0;}

/* 공유버튼 */
.share-btn-wrapper2{position:relative; z-index:10; display:inline-block;}
.share-btn-wrapper2 .share-list-dim{position:fixed; top:0px; left:0px; width:100%; height:100%; display:none;}
.share-btn-wrapper2 i{font-size:24px; line-height:45px; }
.share-btn-wrapper2 a{display:block; color:#fff; width:45px; height:45px; line-height:45px; text-align:center; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%}
.share-btn-wrapper2 .share-open-btn{position:relative; z-index:1; background-color:#888}
.share-btn-wrapper2 .share-sns-list{position:absolute; -webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s; opacity:0;filter:Alpha(opacity=0); visibility:hidden;}
.share-btn-wrapper2 .share-sns-list li{position:absolute;  -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.share-btn-wrapper2.open .share-list-dim{display:block;}
.share-btn-wrapper2.open .share-sns-list{opacity:1.0;filter:Alpha(opacity=100); visibility:visible;}
/* 아랫쪽으로 뜨게 */
.share-btn-wrapper2[data-row="bottom"] .share-sns-list{left:0px; top:45px;}
.share-btn-wrapper2[data-row="bottom"] .share-sns-list li{top:0;}
.share-btn-wrapper2[data-row="bottom"].open .share-sns-list li:nth-child(1){top:5px;}
.share-btn-wrapper2[data-row="bottom"].open .share-sns-list li:nth-child(2){top:55px;}
.share-btn-wrapper2[data-row="bottom"].open .share-sns-list li:nth-child(3){top:105px;}
.share-btn-wrapper2[data-row="bottom"].open .share-sns-list li:nth-child(4){top:155px;}
.share-btn-wrapper2[data-row="bottom"].open .share-sns-list li:nth-child(5){top:205px;}
.share-btn-wrapper2[data-row="bottom"].open .share-sns-list li:nth-child(6){top:255px;}
.share-btn-wrapper2[data-row="bottom"].open .share-sns-list li:nth-child(7){top:305px;}
.share-btn-wrapper2[data-row="bottom"].open .share-sns-list li:nth-child(8){top:355px;}
.share-btn-wrapper2[data-row="bottom"].open .share-sns-list li:nth-child(9){top:405px;}
.share-btn-wrapper2[data-row="bottom"].open .share-sns-list li:nth-child(10){top:455px;}
 

/* 상단 :: 오른쪽 신청폼 */
.resource-view-top .view-top-rt{float:right; width:50%; box-sizing:border-box; padding-left:14px;}
.resource-view-top .view-top-rt .resource-form-wrap{background-color:#fff; border:1px solid #e4e4e4; padding:55px 7.8%; height:848px; box-sizing:border-box; position:relative}
.resource-view-top .view-top-rt .resource-form-tit{margin-bottom:35px}
.resource-view-top .view-top-rt .resource-form-tit h4{font-weight:600; font-size:28px; letter-spacing:-0.5px; color:#000; line-height:1.4}
.resource-view-top .view-top-rt .resource-form-tit p{font-weight:400; font-size:16.5px; color:#5d5d5d; line-height:1.5; margin-top:10px}
.resource-view-top .view-top-rt .resource-inquiry{}
.resource-view-top .view-top-rt .resource-inquiry .inquiry-item{margin-bottom:13px}
.resource-view-top .view-top-rt .resource-inquiry .inquiry-item input,
.resource-view-top .view-top-rt .resource-inquiry .inquiry-item select{border:1px solid #cecece; height:50px; line-height:50px; text-indent:30px; width:100%; font-weight:400; font-size:15px; letter-spacing:-0.65px; color:#949494}
.resource-view-top .view-top-rt .resource-inquiry .inquiry-item input:focus,
.resource-view-top .view-top-rt .resource-inquiry .inquiry-item select:focus{outline: none !important;border:1px solid #cf3f3f;}
.resource-view-top .view-top-rt .resource-inquiry .inquiry-item input::placeholder{color:#949494}
.resource-view-top .view-top-rt .resource-inquiry .inquiry-item select{-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("/images/icon/cm_search_icon02.png") no-repeat 93% 50%; }
.resource-view-top .view-top-rt .resource-inquiry .inquiry-item select::-ms-expand { display: none; }
.resource-view-top .view-top-rt .inquiry-agree-con{padding-top:15px}
.resource-view-top .view-top-rt .inquiry-agree-con .custom-agree .checkbox-item{display:inline-block; vertical-align:middle; }
.resource-view-top .view-top-rt .inquiry-agree-con .custom-agree .checkbox-item input[type="checkbox"]{display:none;}
.resource-view-top .view-top-rt .inquiry-agree-con .custom-agree .checkbox-item label{display:inline-block; position:relative; color:#5d5d5d; font-size:16.5px; font-weight:400; letter-spacing:-0.5px;}
.resource-view-top .view-top-rt .inquiry-agree-con .custom-agree .checkbox-item label em{position:relative; display:inline-block; width:17px; height:17px; box-sizing:border-box; border:1px solid #cecece; margin-right:8px; vertical-align:top; top:-2px}   
.resource-view-top .view-top-rt .inquiry-agree-con .custom-agree .checkbox-item label em:after{position:absolute; content: "\e928"; font-family: xeicon; top:0; left:0; opacity:0}
.resource-view-top .view-top-rt .inquiry-agree-con .custom-agree .checkbox-item label a{color:#cf3f3f; font-weight:500;}
.resource-view-top .view-top-rt .inquiry-agree-con .custom-agree .checkbox-item input[type="checkbox"]:checked + label em:after{opacity:1}
.resource-view-top .view-top-rt .inquiry-agree-con .agree-notice{font-weight:400; font-size:14.5px; letter-spacing:-0.5px; color:#adadad; line-height:1.5; margin-top:28px}
.resource-view-top .view-top-rt .resource-submit-btn{display:block; text-align:center; background-color:#404040; font-weight:500; font-size:22px; letter-spacing:0; color:#fff; height:68px; line-height:68px; margin-top:100px; position:absolute; bottom:55px; left:7.8%; width:84.4%}

/* 상단 :: 오른쪽 신청폼 :: 신청완료 */
.resource-form-wrap .resource-form-send{display:none}
.resource-form-wrap.email-send .resource-form-before{display:none}
.resource-form-wrap.email-send .resource-form-send{display:block; width:100%; height:100%; text-align:center}
.resource-form-wrap .resource-form-send .send-inner{margin-top:255px}
.resource-form-wrap .resource-form-send .send-inner img{}
.resource-form-wrap .resource-form-send .send-inner .send-txt{font-weight:600; font-size:28px; letter-spacing:-0.5px; color:#000; line-height:1.35; margin-top:25px}

/* 하단 :: 관련자료 슬라이드 */
.resource-related-info{margin:75px 0 105px;}
.resource-related-info > div{position:relative}
.resource-related-info .tit{font-weight:600; font-size:36px; letter-spacing:-0.65px; color:#343434; margin-bottom:30px}
.resource-related-info .bbs-list-style04{margin:0 -15px}
.resource-related-info .bbs-list-style04 .bbs-list-item{margin:0 15px; float:left}
/* 슬라이드 컨트롤러 */
.related-info-control{position:absolute; top:2px; left:150px}
.related-info-control .related-slide-arrow,
.related-info-control .related-slide-play{display:inline-block; vertical-align:middle}
.related-info-control .related-slide-arrow i{font-size:33px; color:#919191; opacity:0.6}
.related-info-control .related-slide-play{width:30px; text-align:center; display:none}
.slick-dotted + .related-info-control .related-slide-play{display:inline-block}
.related-info-control .related-slide-play .slick-dots{display:none !important}
.related-info-control .related-slide-play .slick-control-btns button{}
.related-info-control .related-slide-play .slick-control-btns button i{color:#919191; top:1px; position:relative; font-size:16px}
.related-info-control .related-slide-play .slick-control-btns .slick-play-btn{display:none;}



/* ******************  기업정보 ********************** */
/* ----------------- 기업정보 :: 기업소개 :: INNORLUES ------------------ */
.intro-page {padding-bottom:125px;}
/* 상단 이미지박스 */
.intro-top-box {display:table; width:100%; height: 420px; background:url("/images/content/intro_top_bg.jpg") no-repeat; padding:0 5.76%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.intro-top-box .txt-con {display:table-cell; vertical-align:middle; }
.intro-top-box .txt-con .tit {font-size: 48px; line-height:1.41em; letter-spacing:-1px; color:#fff; padding-right:2%; display:block}
.intro-top-box .txt-con .tit span {font-weight:300; }
.intro-top-box .btn-con {display:table-cell; vertical-align:middle;}
.intro-play-btn {position:relative; display:block; width:140px; height:140px; }
.intro-play-btn span {position:absolute; left:0; top:0; width:100%; height:100%; }
.intro-play-btn .icon {background:url("/images/content/intro_play_icon.png") center no-repeat; left:4px;}
.intro-play-btn .bg {background:url("/images/content/intro_play_btn.png") center no-repeat;  
	-webkit-animation: spin 15s infinite linear;
    -o-animation: spin 15s infinite linear;
    -moz-animation: spin 15s infinite linear;
    animation: spin 15s infinite linear;}
@-webkit-keyframes spin {
    0%  {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
   0%  {-moz-transform: rotate(0deg);}
    100% {-moz-transform: rotate(360deg);}
}
@keyframes spin {
    0%  {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

/* 재생 버튼 변경 */
.intro-play-btn-new {display:block;position:relative;width:90px;height:90px;border-radius:50%;content:"";box-sizing:border-box;overflow:hidden;outline:none;transition:all 0.4s;cursor:pointer;webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0); z-index:10}
.intro-play-btn-new i {position:absolute;left:0;top:0;width:100%;height:100%;border:2px solid #fff;border-radius:50%; box-sizing:border-box}
.intro-play-btn-new:after {position:absolute;left:50%;top:50%;width:0;height:0;border-width:13px 0 13px 21px;border-style:solid;border-color:transparent;border-left-color:#fff;content:"";transform:translate(-34%,-45%);transition:all 0.4s; box-sizing:border-box}
.intro-play-btn-new:before {position:absolute;left:0;top:0;width:100%;height:100%;background:#ed1c24;border-radius:50%;transform:translateX(-100%);content:"";transition:all 0.3s; box-sizing:border-box}
.solution-btn.intro-play-btn-new{margin:30px 0 0 35px}
.solution-btn.intro-play-btn-new i{border-color:#ed1c24}
.solution-btn.intro-play-btn-new:after{border-left-color:#ed1c24}

@media all and ( min-width: 801px ){
	.intro-play-btn-new:hover:before{transform:translateX(0);}
	.intro-play-btn-new:hover i{border-color:#ed1c24;}
	.intro-play-btn-new:hover:after{border-left-color:#fff;}
}


.intro-top-con .txt-box {margin-top:35px;}
/* 상단 특징 */
.intro-point-con {margin-top: 70px;}
.intro-point-list {border-top:2px solid #000;}
.intro-point-list .tit-box {position:relative; display:table-cell; vertical-align:middle; width:30.76%;}
.intro-point-list .tit-box .tit-inner {position:relative; padding-left:40%; }
.intro-point-list li {border-bottom:1px solid #e5e5e5; }
.intro-point-list .table-layout {min-height:190px;}
.intro-point-list .tit-box .icon {position:absolute; left:0; top:0; width:40%; height:100%; background:center no-repeat;}
.intro-point-list li.item01 .icon {background-image:url("/images/content/intro_icon_01.png")}
.intro-point-list li.item02 .icon {background-image:url("/images/content/intro_icon_02.png")}
.intro-point-list li.item03 .icon{background-image:url("/images/content/intro_icon_03.png")}
.intro-point-list .tit-box .tit {font-size: 20px; line-height:1.8; letter-spacing:-0.25px; color:#303030;  }
.intro-point-list .txt-box {display:table-cell; vertical-align:middle; width:69.24%; padding:40px 20px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; } 
/* 주요 비즈니스 영역 */
.intro-business-con {margin-top:182px; }
.intro-business-con .tit-box {text-align:center; }
.intro-business-con .tit-box .cm-txt {margin-top: 25px;}
.intro-business-list-box {margin-top:70px;}
.intro-business-list {display:flex; flex-wrap:wrap; margin:-3% -0.75%;}
.intro-business-list li {position:relative; width:31.81%; margin:3% 0.75%;}
.intro-business-list dd { padding:9.5% 0 16.66%; }
.intro-business-list img {width:100%;}
.intro-business-list .tit {display:block; font-size: 24px; letter-spacing:-0.25px; color:#303030; margin-bottom:24px}
.intro-business-list .view-more-btn {position:absolute; bottom:0px; }
.intro-business-list .view-more-btn span {position:relative; display:block; padding-right:58px; font-size: 12px; line-height:27px; color:#a2a2a2; }
.intro-business-list .view-more-btn span:before {content:""; position:absolute; right:0; top:0; width:48px; height:27px; background:url("/images/icon/cm_style_arrow.png") no-repeat; transition: right 0.3s;}
.intro-business-list .view-more-btn:hover span:before {right:-5px; }

/* ----------------- 기업정보 :: 기업소개 :: CEO ------------------ */
.ceo-page {padding-bottom:205px;}
.ceo-tit-box .cm-tit{font-weight:400}
.ceo-tit-box .cm-tit span {/*color: #ed1c24;*/ font-weight:600}
.ceo-con {position:relative; padding-top:80px;  margin-top: 35px; }
.ceo-con .cm-txt {margin-top: 35px;}
.ceo-con .cm-txt:first-child {margin-top:0;}
.ceo-con .txt-box {position:relative; width:63.53%; z-index:10;}
.ceo-con .img-box {position:absolute; left:50%; margin-left:13.46%; top:0; width:783px; height:696px; z-index:-1;background: url("/images/content/ceo_img.jpg") 100% bottom no-repeat; }
.ceo-con .img-box img {display:none; width:100%;}
.ceo-con .sign-box {margin-top: 70px;}
.ceo-con .sign-box span {font-size: 18px; color:#1e1e1e; font-weight:600;}
.ceo-con .sign-box span em {/*color: #ed1c24;*/ font-weight:600;}
.ceo-con .sign-box .sign {display:inline-block; margin-right: 30px;}

/* ----------------- 기업정보 :: 기업소개 :: VISION & CI ------------------ */
 .vision-page {padding-bottom:125px;}
/* VISION */
.vision-top-tit-box {text-align:center;}
.vision-top-tit-box .cm-tit span {font-weight:300;}
.vision-con {margin-top:88px;}
.vision-con .vision-list {display:flex; flex-wrap:wrap; margin:-2.5% -2.2%; }
.vision-con .vision-list li {width:45.58%; margin:2.5% 2.2%;}
.vision-con .vision-list img {width:100%;}
.vision-con .vision-list .tit {display:block; font-size:28px; letter-spacing:-0.75px; color:#303030; margin:40px 0 20px; }
.vision-con .vision-list .txt {font-size: 18px; line-height:1.77;  letter-spacing:-0.75px; color:#303030; font-weight:300; margin-bottom:20px;}
/* CI */
.ci-con {margin-top:210px;}
.ci-logo-box {border:1px solid #d5d5d5; border-top: 2px solid #303030; }
.ci-logo-box .img-wrap {position:relative; padding-top:27.69%; background:url("/images/content/ci_bg.jpg");}
.ci-logo-box .img-wrap span {position:absolute; top: 5%; left:5%; right:5%; bottom:5%; display:block; }
.ci-con-box {display: flex; margin-top:60px;}
.ci-con-box .left-con {width: 30.76%; }
.ci-con-box .left-con .cm-tit {display:block; }
.ci-con-box .download-btn {display:inline-block; margin-top:25px;}
.ci-con-box .download-btn span {position:relative; display:block; padding-right:58px; font-size: 15px; line-height:27px; color:#a2a2a2; }
.ci-con-box .download-btn span:before {content:""; position:absolute; right:0; top:0; width:48px; height:27px; background:url("/images/icon/cm_style_arrow.png") no-repeat; transition: right 0.3s;}
.ci-con-box .download-btn:hover span:before {right:-5px; }
.ci-con-box .right-con {width: 69.24%; }
.ci-con-box .right-con .top-txt {font-size: 24px; color:#5d5d5d; letter-spacing:-0.75px; line-height:1.5; }
.ci-con-box .right-con .ci-img {display:block; margin:35px 0;}
.ci-con-box .right-con .sub-tbl b {display:block; text-align:center;}

/* ----------------- 기업정보 :: 기업소개 :: 연혁 ------------------ */
.history-con{margin-top:120px; padding-bottom:20px}
.history-sec{margin-bottom:140px}
.history-sec > div{float:left; }
.history-sec .history-sec-img{width:480px}
.history-sec .history-sec-img img{max-width:100%}
.history-sec .history-sec-txt{width:calc(100% - 480px); margin-top:4.2%}
.history-sec .history-sec-txt .year{font-weight:700; font-size:60px; letter-spacing:-0.25px; color:#d0d0d0; position:relative; left:-48px;}
.history-sec .history-sec-txt .year span{}
.history-sec .history-sec-txt .year span.start{color:#303030}
.history-sec.top-year .history-sec-txt .year span.start{color:#ed1c24}
.history-sec .history-sec-txt .year span.end{}
.history-sec .history-sec-txt .year-detail{padding-left:9.8%; margin-top:55px;}
.history-sec .history-sec-txt .year-detail span{position:relative; display:block; font-weight:400; font-size:16.5px; letter-spacing:-0.25px; color:#5d5d5d; line-height:1.81; padding-left:10px;}
.history-sec .history-sec-txt .year-detail span:before{position:absolute; content:""; width:2px; height:2px; left:0; top:11px; background-color:#5d5d5d;}

/* ----------------- 기업정보 :: 기업소개 :: GLOBAL PRESENCE ------------------ */
.global-presence-page {padding:125px 0; background:#eff0f1 url("/images/content/global_bg.jpg") center no-repeat; background-size:cover;}
.global-top-box {text-align:center; }
.global-top-box .cm-tit span {font-weight:300;}
/* 지도 */
.global-map-box { margin-top:130px; }
.global-map { position:relative; height:735px; text-align:center; }
.global-map-m{display:none;}
.nation-mark{display: block; width: 30px; height: 30px; position: absolute; z-index: 1; top: 50%; left: 50%;}
.global-nation-box {
	background:url("/images/content/global_map_img.png?v=240429") center top no-repeat;
	position:relative;
	margin: 0 auto;
	width: 1211px;
	height: 100%;
	display: inline-flex;
}
@keyframes nation-circle {
  0% {
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0.5; 
   }
  50% {
	opacity: 1.0; 
   }
  100% {
	-webkit-transform: scale(1);
			transform: scale(1);
	opacity: 0; } 
}
.nation-circle{position:absolute; left:50%; top:0; display:inline-block; width:150px; height:150px;}
.nation-circle > span:nth-child(2) {
	-webkit-animation-delay: 1s;
	animation-delay: 1s; 
}
.nation-circle > span:nth-child(3) {
	-webkit-animation-delay: 1.5s;
		animation-delay: 1.5s;
}
.nation-circle > span:nth-child(4) {
	-webkit-animation-delay: 2s;
		animation-delay: 2s;
}
.nation-circle > span {
	border:1px solid rgba(237, 28, 36, 0.2) ;
	border-radius: 50%;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	position: absolute;
	left: 0;
	top: 0px;
	opacity: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: nation-circle 4s cubic-bezier(0.22, 0.61, 0.36, 0.5) infinite;
			animation: nation-circle 3s cubic-bezier(1, 2, 0.66, 3) infinite; 
	}
.nation-circle i{
	display:block; position:absolute; top:50%; left:50%; margin:-7px 0 0 -7px; width:14px; height:14px; background-color:rgba(237, 28, 36, 0.2) ;
	-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; 
}
.nation-circle i:before {content:""; display:block; width:1px; height: 82px; background-color: #303030; position:absolute; bottom:50%; margin-bottom:0px;  left:50%; }
.nation-circle i:after {content:""; width:4px; height:4px; border-radius: 50%; background-color: #ed1c24;  position:absolute; top:50%; left:50%; margin:-2px 0 0 -2px;}
.nation-circle p{position:absolute; top:50%; left:50%; width:300px; height:30px; margin:-20px 0 0 30px; color:#676767; text-align:left; font-size:16px; }
.nation-circle .nation-tit {display:inline-block; position:absolute; bottom:100%; left:50%;  padding:0 10px; color: #303030; background-color: #fff; text-align:center; font-weight:500; font-size:16.5px; line-height:50px; white-space:nowrap; border:1px solid #303030; z-index:9; transform:translateX(-50%); -webkit-border-radius:50px;-moz-border-radius:50px;-o-border-radius:50px;border-radius:50px; box-shadow:4px 4px 5px 0px rgb(0 0 0 / 14%);}
.nation-circle .nation-tit span {display:inline-block; vertical-align:top; }
.nation-circle .nation-tit .tit {margin-left: 10px;}

.nation-circle.usa .nation-tit .flag{position:relative; top:-1px}

.nation-circle.japan{width: 200px; height: 200px;}
.nation-circle.japan .nation-tit {bottom:auto; top:100%; margin-top: 30px;}
.nation-circle.japan i:before {bottom:auto; top:100%; margin-top:-5px; height: 133px;}
.nation-circle.japan > span {animation-delay:1s;}
.nation-circle.japan > span:nth-child(2) {
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s; 
}
.nation-circle.japan > span:nth-child(3) {
	-webkit-animation-delay: 2s;
		animation-delay: 2s;
}
.nation-circle.japan > span:nth-child(4) {
	-webkit-animation-delay: 2.5s;
		animation-delay: 2.5s;
}
.global-map-m {display:none; }
/* 리스트 */
.global-con-box {margin-top:40px;}
.global-list {border-top:2px solid #303030; background-color: #fff;}
.global-list li {position:relative; padding: 60px 215px 60px 0; border-bottom:1px solid #d5d5d5;}
.global-list li > div {float:left; }
.global-list .tit-con {width:23.96%; padding: 0 15px 0 4.61%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;  }
.global-list .tit-con .tit {font-size: 30px; line-height:1.3;  letter-spacing:-0.5px; color:#303030; }
.global-list .tit-con .tit span {font-weight:300;1300}
.global-list .txt-con {width:76.04%; }
.global-list .txt-con .txt {margin-bottom:10px;}
.global-list .txt-con .info {position:relative;  display:inline-block; vertical-align:top; margin-right:15px; padding-left:20px; }
.global-list .txt-con .info:before {content:""; width:1px; height:12px; background-color: #e5e5e5; position:absolute; left:0; top:50%; margin-top:-6px;}
.global-list .txt-con .info.tel {padding-left:0; }
.global-list .txt-con .info.tel:before {display:none; }
.global-list .txt-con .info span { display:inline-block; margin-right:15px; color:#999;}
.global-list .flag-con {position:absolute; right:0; top:50%; transform:translateY(-50%); width:215px; text-align:center; padding:0 10px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;   }
.global-list .flag-con span {display:inline-block; vertical-align:top; width:51px; height:51px; margin:0 8px;}
.global-list .flag-con .copy-hide{position:absolute; opacity:0; color:#fff; border:0; background-color:transparent; left:-999999px}
.global-list .flag-con button {display:inline-block; vertical-align:top;}
.global-list .flag-con img {width:100%;}
.global-list .flag-con .icon {border:1px solid #d5d5d5; border-radius:50%; }
.global-list .flag-con .icon i {font-size: 24px; color:#303030; line-height:51px;}

/* ----------- 기업정보 :: 뉴스 :: News ------------ */
.news-page{position:relative}
.news-page .board-search-box-style07{margin-bottom:15px;}
.bt-bug-report{position:absolute; bottom:0; right:0; font-weight:400; font-size:15.5px; letter-spacing:-0.25px; color:#686868; padding:0 0 8px 5px}
.bt-bug-report:after{position:absolute; content:""; width:100%; height:1px; background-color:#d2d2d2; bottom:0; right:0}
.bt-bug-report .arrow{display:inline-block; margin-left:3px}
/* Bug report 뷰페이지 */
.bug-report-table{}
.bug-report-table .bug-tbl{width:100%; border-top:2px solid #ed1c24}
.bug-report-table .bug-tbl tr th,
.bug-report-table .bug-tbl tr td{border-bottom:1px solid #ddd; padding:15px; text-align:left; font-size:15px; color:#333; line-height:1.5; font-family:'Noto Sans KR',sans-serif;}
.bug-report-table .bug-tbl tr th{background-color:#f7f7f7; font-weight:400}
.bug-report-table .bug-tbl tr td{font-weight:300}
.bug-list-btn-con{text-align:right; margin-top:25px}
.bug-list-btn-con .bug-list-btn{display:inline-block; width:150px; height:50px; line-height:50px; text-align:center; background-color:#ed1c24; text-align:center; color:#fff; font-size:16px;}

/* ----------- 기업정보 :: HR :: 인재상 ------------ */
.business-tit-box {text-align:center; margin-bottom:55px;}
.talent-con {display:flex; flex-wrap:wrap; margin:0 -0.98%;}
.talent-con .item {width:31.37%; margin:0 0.98%; text-align:center; opacity:0; transform:translateY(-30px); transition:opacity 1.2s, transform 1.2s}
.talent-con .item-02{transition-delay:0.3s}
.talent-con .item-03{transition-delay:0.6s}
.talent-con .item .img-wrap {display:block; position:relative; }
.talent-con .item .img-wrap img {width:100%; }
.talent-con .item .img-wrap .tit {position:absolute; bottom:9.11%; width:100%;  left:0; font-size: 24px; color:#fff; letter-spacing:-0.75px;  }
.talent-con .item .cm-txt {margin-top: 20px}
.talent-con-box.aos-animate .talent-con .item{opacity:1; transform:translateY(0)}

/* ----------- 기업정보 :: HR :: 복리후생 ------------ */
.welfare-list {display:flex; flex-wrap:wrap; margin:0 -1.02%;}
.welfare-list li {width:17.95%; margin:1.02%; border:1px solid #cfcfcf; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity:0; transform:translateY(-30px); transition:opacity 1s, transform 1s; transition-delay:0.2s; background-color:#f1f1f1}
.welfare-list .icon {display:block; padding-top:100px; background: center  no-repeat; }
.welfare-list .item01 .icon {background-image:url("/images/content/welfare_icon_01.png");}
.welfare-list .item02 .icon {background-image:url("/images/content/welfare_icon_02.png");}
.welfare-list .item03 .icon {background-image:url("/images/content/welfare_icon_03.png");}
.welfare-list .item04 .icon {background-image:url("/images/content/welfare_icon_04.png");}
.welfare-list .item05 .icon {background-image:url("/images/content/welfare_icon_05.png");}
.welfare-list .item06 .icon {background-image:url("/images/content/welfare_icon_06.png");}
.welfare-list .item07 .icon {background-image:url("/images/content/welfare_icon_07.png");}
.welfare-list .item08 .icon {background-image:url("/images/content/welfare_icon_08.png");}
.welfare-list .item09 .icon {background-image:url("/images/content/welfare_icon_09.png");}
.welfare-list .item10 .icon {background-image:url("/images/content/welfare_icon_10.png");}
.welfare-list dt {padding:0 11.36%; background-color:#fff}
.welfare-list dt .inner {/*border-bottom:1px solid #cfcfcf;*/ padding-bottom:14.85%;}
.welfare-list dt .inner strong{height:30px; display:block; line-height:1.4}
.welfare-list dd {padding: 11.36% 15px;}
.welfare-list li:nth-child(n+6):nth-child(-n+10) {transition-delay:0.4s}
.welfare-con-box.aos-animate .welfare-list li{opacity:1; transform:translateY(0)}


/* ----------- 기업정보 :: HR :: 채용절차 ------------ */
.process-con-box { }
.process-con {border-bottom:1px solid #e7e7e7; padding:80px 0;}
.process-con:first-child{border-top:1px solid #e7e7e7;}
.process-con .left-con {float:left; width: 300px; }
.process-con .right-con {float:left; width: calc(100% - 300px); }
/* 직급 및 호칭 체계 */
.process-step-con .step-list li {float:left; width:22.44%; text-align:center; margin-left:-3.11%; opacity:0; transition:opacity 1s}
.process-step-con .step-list li:first-child {margin-left:0;}
.process-step-con .step-list li:nth-child(2){transition-delay:0.25s}
.process-step-con .step-list li:nth-child(3){transition-delay:0.5s}
.process-step-con .step-list li:nth-child(4){transition-delay:0.75s}
.process-step-con .step-list li:nth-child(5){transition-delay:1s}
.process-step-con .step-list .item-wrap {position:relative; padding-top:100%; background-color: rgba(241,214,214,0.6); border-radius:50%;}
.process-step-con .step-list .item {position:absolute; top:0; left:0; width:100%; height:100%; }
.process-step-con .step-list .item .inner-box {display:table; width:100%; height:100%;}
.process-step-con .step-list .item .inner-box .inner {display:table-cell; vertical-align:middle;}
.process-step-con .step-list .num {color:#ed1c24; text-decoration: underline; font-weight:600;}
.process-step-con.aos-animate .step-list li{opacity:1}

/* 채용절차 */
.process-part-con .part-list-box  {margin-top:25px;}
.process-part-con .part-list-box .tit {display:block; font-size:18px; color:#000; letter-spacing:-0.5px; margin-bottom:10px;}
.process-part-con .part-list {display:flex; flex-wrap:wrap; margin:0 -16.5px;}
.process-part-con .part-list li {position:relative; float:left; width:calc(22.22% - 16.5px); margin:0 16.5px; text-align:center; opacity:0; transition:opacity 1s; box-sizing:border-box; padding:34px 0; /*border:1px solid #cfcfcf;*/ background-color:#f1f1f1}
.process-part-con .part-list li:before {content:""; position:absolute; left:100%; margin-left:6px; top:50%; margin-top:-11.5px;  display:block; width: 23px; height:23px; background:url("/images/content/processs_arrow.png") center no-repeat;}
.process-part-con .part-list li:last-child:before {display:none;}
.process-part-con .part-list li .inner{}
.process-part-con .part-list .icon {display:block; height:49px; background: center no-repeat;}
.process-part-con .part-list .item01 .icon {background-image:url("/images/content/process_icon_01.png");}
.process-part-con .part-list .item02 .icon {background-image:url("/images/content/process_icon_02.png");}
.process-part-con .part-list .item03 .icon {background-image:url("/images/content/process_icon_03.png");}
.process-part-con .part-list .item04 .icon {background-image:url("/images/content/process_icon_04.png");}
.process-part-con .part-list .item05 .icon {background-image:url("/images/content/process_icon_05.png");}
.process-part-con .part-list .num {display:block; text-decoration: underline; margin-top:20px;}
.process-part-con .part-note-txt {margin-top:15px; font-size:15px; color:#868686}
.process-part-con.aos-animate .part-list li{opacity:1}
.process-part-con .part-list li:nth-child(2){transition-delay:0.25s}
.process-part-con .part-list li:nth-child(3){transition-delay:0.5s}
.process-part-con .part-list li:nth-child(4){transition-delay:0.75s}
.process-part-con .part-list li p{ font-size:22px}

/* 채용시 우대 사항 */
.process-num-con .num-list li .cm-txt{position:relative; padding-left: 20px;}
.process-num-con .num-list li .num {position:absolute; left:0; }

/* ----------- 기업정보 :: HR :: 채용공고 ------------ */
.recruit-page .bbs-list-row .column{padding:12px 0}
.recruit-page .bbs-list-row .column .state-txt{display: table; margin: auto; text-align: center; box-sizing: border-box; width: 70px; height: 34px; line-height: 34px}
.recruit-page .bbs-list-row .column .state-txt em{font-size: 15.5px; font-weight: 400;}
.recruit-page .bbs-list-row.ing .column .state-txt{color: #d9d9d9; background-color: #515151}
.recruit-page .bbs-list-row.end .column .state-txt{color: #686868; background-color: #f2f2f2; border:1px solid #c1c1c1}



/* **************** 솔루션 :: Architecture *************** */
/* InnoRules */
@keyframes ani1 {
	0%{stroke-dashoffset: 0}
	100%{stroke-dasharray:5;stroke-dashoffset:20;}
}
@keyframes ani2 {
	0%{stroke-dasharray:5;stroke-dashoffset:20;}
	100%{stroke-dashoffset: 0}
}


.bg-effect{fill:none; -webkit-animation: Gradient 4s ease infinite;-moz-animation: Gradient 4s ease infinite;animation: Gradient 4s ease infinite;}
	@-webkit-keyframes Gradient {
		0% {fill: #fa9d9d}
		50%{fill: #ffd274}
	    100%{fill: #fa9d9d}
	}
	@-moz-keyframes Gradient {
		0% {fill: #fa9d9d}
		50%{fill: #ffd274}
	    100%{fill: #fa9d9d}
	}
	@keyframes Gradient {
		0% {fill: #fa9d9d}
		50%{fill: #ffd274}
	    100%{fill: #fa9d9d}
	}


.inquiry-tit{text-align:center; font-weight:600; font-size:40px; color:#000; margin-bottom:50px}



/* 공통 탭 */
.sub-cm-tab-wrapper.sub-3dep-tab-wrapper{height:55px; margin-bottom: 65px;}
.sub-3dep-cm-style ul{text-align: center;}
.sub-3dep-cm-style ul li{margin: 0 4px; display: inline-block; position:relative; width:20%; background-color:#fff;}
.sub-3dep-cm-style ul.col-3 li{width: 245px;}
.sub-3dep-cm-style ul li a{display:table; height:53px; width:100%; border:1px solid #c9c9c9; background-color: #f2f2f2;}
.sub-3dep-cm-style ul li a em{display:table-cell; vertical-align:middle; color:#000; font-size:17px; line-height: 1.3; letter-spacing:-0.25px; text-align:center;}
.sub-3dep-cm-style ul li.selected{z-index:1;}
.sub-3dep-cm-style ul li.selected a{background-color:#fff; border-color:#000;}
.sub-3dep-cm-style .cm-tab-m-btn{display:none;}


/* 솔루션 :: svg 디테일박스 */
.svg-active-box{position:relative; margin-top:30px}
.svg-active-box .svg-detail{width:100%; display:none; border:1px solid #f0b7b3; text-align:left; box-sizing:border-box}
.svg-active-box .svg-detail .close-btn{position:absolute; right:3%; top:10px;}
.svg-active-box .svg-detail .close-btn i{font-size:30px; color:#404040}
.svg-active-box .svg-detail .box-inner{}
.svg-active-box .svg-detail .box-inner dt{background-color:#fff5f4; padding:14px 4.5%; font-weight:700; font-size:16px; letter-spacing:-0.5px; color:#d55e56; line-height:1.5}
.svg-active-box .svg-detail .box-inner dd{padding:15px 4.5%; font-size:16px; letter-spacing:-0.5px; line-height:1.625}
.svg-active-box .svg-detail .box-inner dd strong{display:block; font-weight:400; color:#3e3e3e; position:relative; padding-left:12px}
.svg-active-box .svg-detail .box-inner dd strong:before{position:absolute; content:""; width:4px; height:4px; background-color:#3e3e3e; top:10px; left:0; border-radius:50%}
.svg-active-box .svg-detail .box-inner dd p{color:#8d8d8d}
.svg-active-box .svg-detail .box-inner dd p span{position:relative; display:block; padding-left:15px}
.svg-active-box .svg-detail .box-inner dd p span:before{position:absolute; content:"-";  top:0; left:4px;}
.svg-active-box .svg-detail .box-inner dd .progess-con{margin:13px 0 15px 13px}
.svg-active-box .svg-detail .box-inner dd .progess-con li{position:relative; float:left; display:table; text-align:center; width:calc(25% - 30px); height:50px; margin-right:40px; border:1px solid #797979; box-sizing:border-box; border-radius:100px}
.svg-active-box .svg-detail .box-inner dd .progess-con li:after{position:absolute; content:""; width:34px; height:12px; background:url("/images/content/svg_progress_arrow.png") no-repeat; background-size:contain !important; right:-38px; top:50%; transform:translateY(-50%)}
.svg-active-box .svg-detail .box-inner dd .progess-con li:last-child{margin-right:0}
.svg-active-box .svg-detail .box-inner dd .progess-con li:last-child:after{display:none}
.svg-active-box .svg-detail .box-inner dd .progess-con li p{display:table-cell; vertical-align:middle; font-size:16px; letter-spacing:-0.5px; color:#3e3e3e; line-height:1.2}

.svg-area .svg-hover{fill: url(#MyGradient); transition:fill 0.3s; display:none; /*rx:10px; ry:10px*/}
.svg-area .svg-hover:not([style*="display: none"]) + rect{display:none}
.svg-area .svg-hover:not([style*="display: inline"]) + rect{display:block;}
.default-rect{fill:#fff; stroke-width:1; stroke:#d24940; stroke-dasharray: 3; paint-order:stroke; /*rx:10px; ry:10px*/}
.svg-wh-box{fill:#fff;}
.solution-innoplm{overflow:hidden}


.box-round .default-rect,
.box-round .svg-area .svg-hover{rx:5px; ry:5px}