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


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@media all and (max-width:1220px){
	.custom-scrollbar-wrapper .scroll-object{max-width:100%;}
}
@media all and (max-width:800px){
	.custom-scrollbar-wrapper{position:relative;margin-right:-15px; cursor:move}
	.custom-scrollbar-wrapper .scroll-object{max-width:none; width:800px; }
	.custom-scrollbar-cover{display:block; position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.5)}
	.custom-scrollbar-cover .scroll-cover-txt{position:absolute; top:50%; left:0; width:100%; text-align:center; color:#fff; font-size:300; font-size:15px;}
	.custom-scrollbar-cover .scroll-cover-txt i{font-size:30px; display:block; margin-bottom:20px; }
}

/* -------- 공통 :: 탭 -------- */
@media all and (max-width:1220px){
	.sub-tab-list-style .area{padding:0}
}
@media all and (max-width:1024px){
	/* Tab Fixed Move*/
	.sub-tab-list-style.top-fixed{top:80px;}
}
@media all and ( max-width: 800px ){
	/* Tab 공통 스타일 */
	.sub-tab-wrapper-style{margin-bottom:30px}
	.sub-tab-wrapper-style,
	.sub-tab-list-style.top-fixed,
	.sub-tab-list-style ul li a{height:40px;}
	.sub-tab-list-style ul li a em{font-size:13px}
	/* Tab Fixed Move*/
	/* Mobile Tab Drop Menu */
	.sub-drop-menu-style{position:relative;}
	.sub-drop-open-btn-style{display:block; position:relative; padding:0 15px; height:40px; line-height:40px; font-size:15px; background-color:#333; box-sizing:border-box;}
	.sub-drop-open-btn-style span{color:#fff; }
	.sub-drop-open-btn-style .arrow{color:#fff; position:absolute; top:50%; right:15px; margin-top:-7px}
	.sub-drop-open-btn-style.open .arrow{transform:rotate(180deg)}
	.sub-drop-menu-style ul{display:none; margin:0; height:auto; position:absolute; top:100%; left:0px; right:0px; background-color:#fff; border:1px solid #ddd; border-top:0; z-index:999; box-sizing:border-box;}
	.sub-drop-menu-style ul li{position:static; display:block; float:none; border:0; border-top:1px solid #eee; width:auto; background-color:transparent}
	.sub-drop-menu-style ul li:first-child{border-top:0; border-left:0}
	.sub-tab-list-style ul li a:before,
	.sub-tab-list-style ul li a:after{display:none}
	.sub-drop-menu-style ul li a{display:block; width:auto; height:auto; padding:10px 15px; border:0;}
	.sub-drop-menu-style ul li a em{font-size:13px;}
	.sub-tab-list-style ul li.selected{border-color:#eee}
	.sub-drop-menu-style ul li.selected a{background-color:transparent;}
	.sub-drop-menu-style ul li.selected a em{color:#ed1c24; font-weight:600; }
}
@media all and (max-width:480px){
	/* Tab Fixed Move*/	
	.sub-tab-list-style.top-fixed{top:60px;}
}


/* --------- 공통 :: 서브상단 텍스트 --------- */
@media all and (max-width:800px){	
	.sub-cm-top .cm-top-txt{font-size:23px;}
	.sub-cm-top .cm-top-txt-sm{font-size:13px; margin-top:15px}
	.sub-cm-top .red-txt{font-size:14px; margin-bottom:10px}
}

/* --------- 공통 ::  텍스트 --------- */
@media all and (max-width:800px){
	.cm-tit {font-size:23px; }
	.cm-txt {font-size:13px;}
}
/* --------- 공통 :: 테이블 --------- */
@media all and (max-width:800px){
	.sub-tbl thead th {font-size:13px; padding:15px;}
	.sub-tbl tbody td {padding:15px;}
}


/* ************** 솔루션, 산업 공통스타일 ****************** */
@media all and (max-width:1810px){	
	.cm-style-page{padding:0 30px}
	.cm-style-page:before{left:30px}
	.cm-style-page .cm-style-quick{left:30px; margin-left:0; }
	.cm-style-page .cm-style-rt .sec-tit{padding-right:2%}
}
@media all and (max-width:1720px){	
	.cm-style-page .cm-style-quick .side-quick-bar li a.txt-nowrap{white-space:normal}
}
@media all and (max-width:1560px){	
	.cm-style-page .cm-style-rt{float:right; padding-left:0}
	/* 솔루션, 산업 공통스타일 :: 성공사례 배너 */
	.success-ex-banner .banner-inner{padding-left:10%}
}
@media all and (max-width:1220px){	
	.cm-style-page .cm-style-quick{width:140px}
	.cm-style-page .cm-style-rt{width:calc(100% - 160px)}
	.cm-style-page .cm-style-rt .sec-tit.big-tit{font-size:30px}
	.cm-style-page .cm-style-rt .sec-tit{font-size:27px}
	.cm-style-page .cm-style-rt .sec-tit .sm-txt{font-size:16.5px}
}
@media all and (max-width:1024px){	
	.cm-style-sec{margin-bottom:150px}
	.cm-style-page{padding:0 15px}
	.cm-style-page:before{display:none}
	.cm-style-page .cm-style-quick{left:15px; display:none}
	.cm-style-page .cm-style-rt{float:none; width:100%; padding:0; text-align:center}
	.cm-style-page .cm-style-rt .sec-tit{float:none; width:auto; display:inline-block; margin-bottom:20px; }
	.cm-style-page .cm-style-rt .sec-inner{float:none; width:100%;}

	/* 나타나는 효과 */
	.cm-style-sec [data-aos="fade-right"],
	.cm-style-sec [data-aos="fade-left"]{
		transform:translate3d(0,-30px,0) !important
	}
	.cm-style-sec [data-aos="fade-right"].aos-animate,
	.cm-style-sec [data-aos="fade-left"].aos-animate{
		transform:none !important
	}
}
@media all and (max-width:800px){		
	.cm-style-sec{margin-bottom:80px}
	.cm-style-page .cm-style-rt .sec-tit{font-size:19px; padding-left:7px; margin-bottom:10px}
	.cm-style-page .cm-style-rt .sec-tit.big-tit{font-size:24px}
	.cm-style-page .cm-style-rt .sec-tit .sm-txt{font-size:14px}
	.cm-style-page .cm-style-rt .sec-inner .cm-style-txt{font-size:13px}
	.cm-style-page .cm-style-rt .sec-inner .cm-style-txt span{margin-bottom:15px}
	.cm-style-page .cm-style-rt .sec-tit b:before{width:4px; height:4px; left:-9px}
	.cm-no-top{margin-top:10px !important}
	.bt-inquiry-wrap.sub{padding-top:60px}

	/* 솔루션, 산업 공통스타일 :: 성공사례 배너 */
	.solution-case{padding-bottom:60px}
	.success-ex-banner{height:210px}
	.success-ex-banner .banner-inner{padding-left:5%}
	.success-ex-banner .banner-inner .tit{font-size:26px; margin-bottom:10px}
	.success-ex-banner .banner-inner .view-more-btn a{font-size:12px}
	.success-ex-banner .banner-inner .view-more-btn a img{height:19px; }

	.cm-style-img.only-img{margin-top:25px}
}
@media all and (max-width:480px){		
	/* 솔루션, 산업 공통스타일 :: 성공사례 배너 */
	.success-ex-banner{background:url("/images/content/success_ex_banner.jpg") no-repeat 59% 0}
	.success-ex-banner .banner-inner .tit{font-size:23px}
}


/* ******************  솔루션 ********************** */
@media all and (max-width:800px){	
	/* 솔루션 :: Cases */
	.solution-case{margin-bottom:60px}
	/* 하단 :: 관련자료 슬라이드 */
	.cases-con .cases-slide-con{/*padding-top:60px;*/ margin-bottom:35px}
	.cases-con .cases-slide-con .cases-slide{margin:0 -3px}
	.cases-con .cases-slide-con .cases-slide li{margin:0 3px}
	.cases-con .cases-slide-con .cases-slide li .cases-tit{font-size:19px; top:15px; left:15px}
	/* 슬라이드 컨트롤러 */
	.sub-slide-control{left:50%; transform:translateX(-50%); top:15px; }
	.sub-slide-control .sub-slide-arrow i{font-size:25px}
	.sub-slide-control .sub-slide-play{width:24px}

	.cm-slide-control.sub-slide-control{transform:translate(0); padding:15px 0 20px}
}


/* ------------- 솔루션 :: Innorules ---------------- */
@media all and (max-width:1560px){	
	/* InnoRules */
	/* InnoRules :: 장점 */
	.innorules-advantage.cm-style-character li{height:140px}
	.cm-style-character li .inner p .pc-br{display:none}
}
@media all and (max-width:1220px){	
	/* InnoRules */
	/* InnoRules :: 그래프 */
	.innorules-graph .innorules-graph-img li .graph-img{transform:scale(0.85)}
}
@media all and (max-width:1024px){		
	/* Digital Decision Manager */
	.manager-gray-box li{padding:0 4%}
}
@media all and (max-width:800px){		
	/* Digital Decision Manager */
	.manager-gray-box li .box-inner{height:95px}
	.manager-gray-box li .box-inner .txt{width:calc(100% - 60px)}
	.manager-gray-box li .box-inner .icon{width:60px}
	
	/* InnoRules */
	/* InnoRules :: 그래프 */
	.innorules-graph{padding-top:0; margin-top:30px}
	.innorules-graph .graph-info{position:relative; width:100%; text-align:center; display:block; margin-bottom:60px}
	.innorules-graph .graph-info .pc-img{display:none;}
	.innorules-graph .graph-info .mb-img{display:inline-block; height:60px}
	.innorules-graph .innorules-graph-img li{display:block; width:100%; margin:0}
	.innorules-graph .innorules-graph-img li:first-child{margin-bottom:60px}
	.innorules-graph .innorules-graph-img li .graph-img .circle{top:5px; left:-14px; display:block; width:25%; height:0; padding-top:25%}
	.innorules-graph .innorules-graph-img li .graph-img .circle span{font-size:18px; position:absolute; display:inline-block; top:50%; left:50%; transform:translate(-50%,-50%)}
	.innorules-graph .innorules-graph-img li .graph-img .circle span em{font-size:12px}
	.innorules-graph .innorules-graph-img li .graph-tit{height:48px; margin-top:-20px}
	.innorules-graph .innorules-graph-img li .graph-tit span{font-size:13px}
	/* InnoRules :: 장점 */
	.cm-style-character li{float:none; width:100%; display:block; height:auto !important}
	.cm-style-character li .inner{display:block; padding:20px}
	.cm-style-character li .inner strong,
	.cm-style-character li .inner p{font-size:13px; }

	/* Benefits */
	.benefits-img .pc-img{display:none}
	.benefits-img .mb-img{display:inline-block; max-height:800px}

	/* Features */
	.cm-style-features .features-list li{padding:20px 0}
	.cm-style-features .features-list li .inner .icon{width:70px}
	.cm-style-features .features-list li .inner .txt{font-size:13px; padding-left:2%}
	.cm-style-features .features-list li .inner .txt p span em{padding-left:12px}
	.cm-style-features .features-list li .inner .txt p span em:before{left:4px}
} 
@media all and (max-width:380px){		
	.innorules-graph .innorules-graph-img li:first-child{margin-bottom:20px}
	.innorules-graph .innorules-graph-img li .graph-img{transform:scale(0.7); left:-9%}
	.innorules-graph .innorules-graph-img li .graph-tit{margin-top:-40px}
}


/* ------------- 솔루션 :: InnoProduct ---------------- */
@media all and (max-width:800px){	
	/* Digital Product Manager */
	.product-manager-img{margin-top:35px; padding-bottom:10px;}
	.cm-style-features.txt-list .features-list li .inner .tit{width:22%; padding:0 10px;}
	.cm-style-features.txt-list .features-list li .inner .tit strong{font-size:13px;}

	/* Benefits */
	.innoproduct-benefit .benefit-box .tit-circle{width:100px; height:100px; }
	.innoproduct-benefit .benefit-box .tit-circle:after{width:36px; height:8px; right:-22px;}
	.innoproduct-benefit .benefit-box .tit-circle b{font-size:16px;}
	.innoproduct-benefit .benefit-box .txt-list{padding:21px 8% 18px 100px}
	.innoproduct-benefit .benefit-box .txt-list p{font-size:13px;}

	/* Features */
	.innoproduct-features-img{margin-top:30px}
	.innoproduct-features-img .img-list{text-align:center}
	.innoproduct-features-img .img-list li{float:none; width:100%; margin-top:20px}
}
@media all and (max-width:480px){	
	/* Digital Product Manager */
	.cm-style-features.txt-list .features-list li .inner > div{display:block; }
	.cm-style-features.txt-list .features-list li .inner .tit{width:100%; margin-bottom:10px}

	/* Benefits */
	.innoproduct-benefit{margin-top:60px}
	.innoproduct-benefit .benefit-box{padding-top:28px}
	.innoproduct-benefit .benefit-box .tit-circle{top:-40px; left:50%; transform:translateX(-50%); z-index:9}
	.innoproduct-benefit .benefit-box .tit-circle:after{width:33px; height:7px; top:auto; bottom:0; left:50%; transform:translateX(-50%) rotate(90deg)}
	.innoproduct-benefit .benefit-box .txt-list{margin-left:0; border-radius:80px; padding:50px 35px 35px; width:100%}
	/* 나타나는 모션 */
	.innoproduct-benefit .benefit-box .tit-circle{top:-80px; transition:opacity 0.8s, top 1s; transition-delay:0.2s;}
	.innoproduct-benefit .benefit-box .txt-list{top:-40px; transition:opacity 0.8s, top 1s; transition-delay:0.4s;}
	.innoproduct-benefit.aos-animate .benefit-box .tit-circle{top:-40px}
	.innoproduct-benefit.aos-animate .benefit-box .txt-list{left:auto; top:0}
}



/* ------------- 솔루션 :: InnoPLM ---------------- */
@media all and (max-width:1024px){	
	/* Product Life Cycle Management System */
	.cm-style-page .cm-style-rt .sec-tit .br-01{display:none}
}
@media all and (max-width:800px){	
	/* Product Life Cycle Management System */
	.innoplm-system{margin-top:20px}
	.innoplm-system-list{margin-top:25px}
	.innoplm-system-list li .inner{padding:15px}
	.innoplm-system-list li .inner .num b{font-size:13px}
	.innoplm-system-list li .inner .txt{font-size:13px; margin-top:10px}

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

	/* Benefits */
	.innoplm-benefits{margin-top:25px}
	.innoplm-benefits-list{margin-top:30px}
	.innoplm-benefits-list li{float:none; width:100%; margin-bottom:20px}
	.innoplm-benefits-list li .list-inner .tit{font-size:14px; height:45px}
	.innoplm-benefits-list li .list-inner .txt{padding:15px 10px 0}
	.innoplm-benefits-list li .list-inner .txt p{font-size:13px}

	/* Architecture */
	.innoplm-architecture-img{margin-top:10px}
}
@media all and (max-width:480px){	
	/* Product Life Cycle Management System */	
	.innoplm-system-list{margin:25px 0 0}
	.innoplm-system-list li{float:none; width:100%; margin:0 0 5px}
}



/* ******************  산업 ********************** */
@media all and (max-width:1024px){		
	/* 산업 :: Solutions */
	.solution-con{margin-top:10px}
	.cm-solution-list li a{padding:40px 9% 80px}
}
@media all and (max-width:800px){		
	/* 산업 :: References */
	.refe-slide-con{/*padding-top:60px;*/ margin-bottom:35px}

	/* 산업 :: Solutions */
	.cm-solution-list li{min-height:280px}
	.cm-solution-list li a{font-size:13px; padding:20px 15px 60px}
	.cm-solution-list li a .tit{padding-bottom:10px}
	.cm-solution-list li a .txt{padding-top:10px}
	.cm-solution-list li a .view-txt{height:40px}
	.cm-solution-list li a .view-txt b{font-size:12px}
	.cm-solution-list li a .view-txt .arrow{width:27px; height:7px; margin-left:5px}

}
@media all and (max-width:640px){		
	/* 산업 :: Solutions */
	.cm-solution-list{margin:0; display:block; flex-wrap:inherit}
	.cm-solution-list li{float:none; width:100%; margin:0 0 8px; min-height:auto}
}

/* ******************  고객서비스  ********************** */
/* -------- 고객서비스 :: 공통  -------- */
@media all and (max-width:800px){
	/* 타이틀 */
	.service-top-tit-box .tit-box { margin-bottom:45px; }
	.service-top-tit-box .tit-box .cm-txt {margin-top:20px; }
	.service-top-tit-box .img-box {height: 364px; padding:0 20px 20px}
	.service-top-tit-box .txt-box .tit {font-size:30px; }
	.service-top-tit-box .txt-box .cm-txt {margin-top:3%;}
	/* 리스트 */
	.service-list-box { margin-top:70px;}
	.service-list li {display:block; }
	.service-list li .left-con  {width:100%; padding:20px 0 0; border-bottom:0;}
	.service-list li .left-con .tit {font-size:19px; }
	.service-list li .left-con .tit:before {width:5px; height:5px; top:3px; }
	.service-list li .right-con {width:100%; }
	.service-list li .item-box { padding:15px 0 20px 15px;}
	.service-list li .item-box .tit-box span {margin-top:0;}
}
@media all and (max-width:480px){
	/* 타이틀 */
	.service-top-tit-box .img-box {height: 260px; }
	/* 리스트 */
	.service-list li .item-box {display:block;}
	.service-list li .item-box .tit-box , .service-list li .item-box .txt-box {width: 100%; }
	.service-list li .item-box .txt-box {margin-top:10px;}
	
}

/* -------- 고객서비스 :: 솔루션컨설팅  -------- */
@media all and (max-width:800px){
	/* IAP */
	.consulting-con {margin-top: 45px;}
	.consulting-con .top-box .left-con {float:none; width:100%; }
	.consulting-con .top-box .right-con {float:none; width:100%; margin-top:20px; }
	.consulting-con .top-box .left-con .txt {font-size: 14px;}
	.consulting-con .top-box .right-con .big-txt {font-size: 17px; margin:20px 0 10px;}
	/* IAP :: 원 도식화 */
	.consulting-con .top-box .right-con .circle-list-con{margin-top:20px}
	.consulting-con .top-box .right-con .circle-list-con .circle-list li:last-child{padding-right:3%}
	.consulting-con .top-box .right-con .circle-list-con .circle-list li .circle span{font-size:20px}
}
@media all and (max-width:640px){	
	/* IAP :: 원 도식화 */
	.consulting-con .top-box .right-con .circle-list-con .circle-list li{width:23%; padding-right:13.5%}
	.consulting-con .top-box .right-con .circle-list-con .circle-list li:first-child{padding-left:2%}
	.consulting-con .top-box .right-con .circle-list-con .circle-list li:last-child{padding-right:2%}
	.consulting-con .top-box .right-con .circle-list-con .circle-list li:before{margin-left:26%; width:24px; height:11px}
	.consulting-con .top-box .right-con .circle-list-con .circle-list li:after{border:1px dashed #e5e5e5}
	.consulting-con .top-box .right-con .circle-list-con .circle-list li .circle span{font-size:17px}
}

/* -------- 고객서비스 :: 솔루션구축  -------- */
@media all and (max-width:800px){
	.construct-con .top-box .txt-con {padding-left:20px;}
	.construct-con .top-box .txt-con .tit { font-size: 17px; margin-bottom:10px;}
	.construct-con .top-box .img-con {padding-right:20px;}
	.triangle-img .triangle-img-wrap{display:inline-block}
}
@media all and (max-width:640px){
	.construct-con .top-box {display:block; text-align:center;}
	.construct-con .top-box .txt-con {display:block; width:100%; padding-left:0;}
	.construct-con .top-box .img-con {display:block; width:100%; margin-top:30px;}
}

/* -------- 고객서비스 :: 솔루션메인터넌스  -------- */
@media all and (max-width:800px){
	.maintenance-page {padding-bottom:50px;}
	.maintenance-con-item {margin-top:45px;}
	.maintenance-con-item .left-con {float:none; width:100%; }
	.maintenance-con-item .right-con {float:none; width:100%; margin-top:20px; }
	.maintenance-con-item .tbl-box {margin-top: 10px;}
	.maintenance-con-item.item02 .tbl-box td.no-left p {margin-top:10px;}
}

/* -------- 고객서비스 :: 솔루션 교육/트레이닝  -------- */
@media all and (max-width:1024px){
	/* 하단 연락처 */
	.edu-info {height:auto; }
	.edu-info .table-layout {display:block;}
	.edu-info .txt-con {display:block; width:100%; padding:10px 5%; border-top-right-radius: 20px; } 
	.edu-info .info-con {display:block; width:100%; border-top-right-radius: 0; padding:10px 5%;} 
}
@media all and (max-width:800px){
	.edu-page {padding-bottom:50px;}
	.edu-con .left-con  {float:none; width:100%; }
	.edu-con .left-con span {font-size:14px;margin-top:5px;}
	.edu-con .right-con {float:none; width:100%; margin-top:20px;}
	.edu-con .service-list li .item-box {display:block; padding:20px 0;}
	.edu-con .service-list li .item-box .tit-box {width:100%;}
	.edu-con .service-list li .item-box .tit-box .tit {font-size: 17px;}
	.edu-con .service-list li .item-box .txt-box {width:100%; margin-top:10px;}
	.edu-con .service-list li .item-box .txt-box .inner-box {margin-top: 10px;}
	.edu-con .service-list li .item-box .txt-box .inner {padding-left:15px; margin-top:5px;}
	.edu-con.con02 {margin-top:85px;}
	/* 하단 연락처 */
	.edu-info .info-con .txt {font-size:12px; }
}

/* ******************  라이브러리 ********************** */
/* ----------------- 라이브러리 :: 고객사례 ------------------ */
@media all and (max-width:800px){	
	.example-partner-list{margin-top:30px}
	.example-partner-list .view-more-btn-con .partners-view-btn{margin-top:30px; font-size:11px;}
	.example-partner-list .view-more-btn-con .partners-view-btn img{height:22px; margin-left:10px}
}

/* ----------------- 라이브러리 :: 리소스센터 ------------------ */
@media all and (max-width:1220px){	
	/* 하단 :: 관련자료 슬라이드 */
	.related-info-control{left:180px}
}
@media all and (max-width:1024px){	
	/* 하단 :: 관련자료 슬라이드 */
	.related-info-control{left:160px}
}
@media all and (max-width:800px){
	/* 상단 :: 왼쪽 텍스트 */
	.resource-view-top .view-top-lf{float:none; width:100%; padding:0}
	.resource-view-top .view-top-lf .cate{font-size:13px; height:20px; line-height:20px; min-width:50px}
	.resource-view-top .view-top-lf .top-tit-wrap{padding-bottom:35px}
	.resource-view-top .view-top-lf .top-tit{margin-top:20px}
	.resource-view-top .view-top-lf .top-tit .tit-01{font-size:23px}
	.resource-view-top .view-top-lf .top-tit .tit-02{font-size:14px; margin-top:20px}
	.resource-view-top .view-top-lf .top-txt{padding-top:40px}
	.resource-view-top .view-top-lf .top-txt p{font-size:13px}
	.resource-view-top .view-top-lf .top-txt .txt-02{margin-top:20px}
	.resource-view-top .view-top-lf .top-txt .txt-02 span{padding-left:10px}
	.resource-view-top .view-top-lf .top-txt .txt-02 span:before{width:3px; height:3px; top:10px}
	.resource-view-top .view-top-lf .share-link{right:0; width:35px; height:35px;}
	.resource-view-top .view-top-lf .share-link i{line-height:35px; top:0; font-size:14px}
	.share-btn-wrapper2 a{width:35px; height:35px; line-height:35px}
	.share-btn-wrapper2[data-row="bottom"].open .share-sns-list li:nth-child(1){top:0;}
	.share-btn-wrapper2[data-row="bottom"].open .share-sns-list li:nth-child(2){top:45px;}
	.share-btn-wrapper2[data-row="bottom"].open .share-sns-list li:nth-child(3){top:95px;}
	.share-btn-wrapper2[data-row="bottom"].open .share-sns-list li:nth-child(4){top:145px;}
	.share-btn-wrapper2[data-row="bottom"].open .share-sns-list li:nth-child(5){top:195px;}
	.share-btn-wrapper2[data-row="bottom"].open .share-sns-list li:nth-child(6){top:245px;}
	.share-btn-wrapper2[data-row="bottom"].open .share-sns-list li:nth-child(7){top:295px;}
	.share-btn-wrapper2[data-row="bottom"].open .share-sns-list li:nth-child(8){top:345px;}
	.share-btn-wrapper2[data-row="bottom"].open .share-sns-list li:nth-child(9){top:395px;}
	.share-btn-wrapper2[data-row="bottom"].open .share-sns-list li:nth-child(10){top:445px;}
	/* 상단 :: 오른쪽 신청폼 */
	.resource-view-top .view-top-rt{float:none; width:100%; padding:20px 0 0}
	.resource-view-top .view-top-rt .resource-form-wrap{padding:30px; height:650px}
	.resource-view-top .view-top-rt .resource-form-tit h4{font-size:19px}
	.resource-view-top .view-top-rt .resource-form-tit p{font-size:13px; margin-top:5px}
	.resource-view-top .view-top-rt .resource-inquiry .inquiry-item input, 
	.resource-view-top .view-top-rt .resource-inquiry .inquiry-item select{text-indent:15px; height:40px; line-height:40px; font-size:13px}
	.resource-view-top .view-top-rt .resource-inquiry .inquiry-item select{background:url("/images/icon/cm_search_icon02.png") no-repeat 96% 50%}
	.resource-view-top .view-top-rt .inquiry-agree-con .custom-agree .checkbox-item label{font-size:13px}
	.resource-view-top .view-top-rt .inquiry-agree-con .custom-agree .checkbox-item label em{width:14px; height:14px; margin-right:7px; top:-1px}
	.resource-view-top .view-top-rt .inquiry-agree-con .agree-notice{font-size:12px; margin-top:15px}
	.resource-view-top .view-top-rt .resource-submit-btn{font-size:16px; height:50px; line-height:50px; bottom:30px}
	/* 상단 :: 오른쪽 신청폼 :: 신청완료 */
	.resource-form-wrap .resource-form-send .send-inner{margin-top:150px}
	.resource-form-wrap .resource-form-send .send-inner img{height:75px}
	.resource-form-wrap .resource-form-send .send-inner .send-txt{font-size:19px}

	/* 하단 :: 관련자료 슬라이드 */
	.resource-related-info{margin:35px 0 50px}
	.resource-related-info .tit{font-size:23px; margin-bottom:20px}
	.resource-related-info .bbs-list-style04{margin:0 -5px}
	.resource-related-info .bbs-list-style04 .bbs-list-item{margin:0 5px}
	.related-info-control{left:120px; top:-1px}
	.related-info-control .related-slide-arrow i{font-size:25px}
	.related-info-control .related-slide-play{width:24px}
}
@media all and (max-width:480px){	
	/* 하단 :: 관련자료 슬라이드 */
	.resource-related-info .bbs-list-style04 .bbs-list-item a .bbs-list-style04-info{padding:25px 15px}
	.resource-related-info .bbs-list-style04 .bbs-list-item a .down-now{font-size:11px}
	.resource-related-info .bbs-list-style04 .bbs-list-item a .down-now .arrow{width:21px; margin-left:6px;}
}



/* ******************  기업정보 ********************** */
/* ----------------- 기업정보 :: 기업소개 :: INNORLUES ------------------ */
@media all and (max-width:1024px){
	/* 상단 이미지박스 */
	.intro-top-box .txt-con .tit {font-size: 40px;}
}
 @media all and (max-width:800px){
	.intro-page {padding-bottom:50px;}
	/* 상단 이미지박스 */
	.intro-top-box  {height:364px; background-size:cover;}
	.intro-top-box .txt-con {padding-right:15px;}
	.intro-top-box .txt-con .tit {font-size: 29px;}
	.intro-play-btn {width:98px; height:98px; }
	.intro-play-btn .icon {background-size: 20px auto; }
	.intro-play-btn .bg {background-size:cover;}
	.intro-top-con .txt-box {margin-top:25px;}
	/* 재생 버튼 변경 */
	.intro-play-btn-new{width:65px; height:65px}
	.intro-play-btn-new:after{border-width:8px 0 8px 15px}
	.solution-btn.intro-play-btn-new{margin:15px auto 0}
	/* 상단 특징 */
	.intro-point-con {margin-top: 40px;}
	.intro-point-list .table-layout {display:block;  min-height:auto;}
	.intro-point-list .tit-box {display:block; width:100%; }
	.intro-point-list .tit-box .tit-inner {padding:15px 0px; height:40px; } 
	.intro-point-list .tit-box .icon {position:static; display:inline-block; vertical-align:middle; width:80px; background-size:auto 40px;  }
	.intro-point-list .tit-box .tit {display:inline-block; vertical-align:middle; font-size:15px; width:calc(100% - 83px)}
	.intro-point-list .txt-box {display:block; width:100%; padding:0 15px 20px}
	/* 주요 비즈니스 영역 */
	.intro-business-con {margin-top:90px; }
	.intro-business-con .tit-box .cm-txt {margin-top: 10px;}
	.intro-business-list-box {margin-top:40px;}
	.intro-business-list { margin:-3% -1%;}
	.intro-business-list li { width:48%; margin:3% 1%;}
	.intro-business-list .tit { font-size: 17px; margin-bottom:12px;}
 }
 @media all and (max-width:480px){
	/* 상단 이미지박스 */
	.intro-top-box  {display:block; height:auto; padding:50px 20px;}
	.intro-top-box .txt-con {display:block; width:100%; text-align:center;}
	.intro-top-box .btn-con {display:block; width:100%; margin-top:30px;}
	.intro-play-btn {margin:auto;}
	/* 재생 버튼 변경 */	
	.intro-top-box .btn-con{text-align:center}
	.intro-play-btn-new{display:inline-block}
	/* 주요 비즈니스 영역 */
	.intro-business-list { margin:-3% 0;}
	.intro-business-list li { width:100%; margin:3% 0;}
	.intro-business-list dd {padding:5% 0 12%;}
 }

/* ----------------- 기업정보 :: 기업소개 :: CEO ------------------ */
@media all and (max-width:1320px){
	.ceo-con .img-box {margin-left: 70px; }
	.ceo-con .txt-box {width:calc(63.53% - 70px);}
}
@media all and (max-width:1024px){
	.ceo-con .img-box {margin-left: 0; }
}
@media all and (max-width:800px){
	.ceo-page {padding-bottom:50px;}
	.ceo-con {padding-top:0; display:flex; flex-direction: column-reverse;}
	.ceo-con .cm-txt {margin-top: 15px;} 
	.ceo-con .img-box {position:relative; margin-left: -30%; background:none; width:100%; height:100%;}
	.ceo-con .img-box img {display:block;}
	.ceo-con .txt-box {width:100%; margin-top:20px;}
	.ceo-con .sign-box {margin-top: 30px;} 
	.ceo-con .sign-box span {font-size: 14px }
	.ceo-con .sign-box img {height: 42px;}
}

/* ----------------- 기업정보 :: 기업소개 ::  VISION & CI  ------------------ */
@media all and (max-width:800px){
	 .vision-page {padding-bottom:50px;}
	/* VISION */
	 .vision-con {margin-top:50px;}
	 .vision-con .vision-list .tit {font-size:19px; margin:20px 0 10px;}
	 .vision-con .vision-list .txt {font-size: 14px; margin-bottom:10px;}
	/* CI */
	.ci-con {margin-top:100px;}
	.ci-con-box {display: block; margin-top:30px;}
	.ci-con-box .left-con {width: 100%; }
	.ci-con-box .download-btn {margin-top:15px;}
	.ci-con-box .right-con {width: 100%; margin-top:20px; }
	.ci-con-box .right-con .top-txt {font-size: 17px; }
	.ci-con-box .right-con .ci-img {margin:25px 0;}
}
@media all and (max-width:640px){
	/* VISION */
	.vision-con .vision-list {display:block;  margin:-20px 0; }
	.vision-con .vision-list li {width:100%; margin:20px 0;}
}

/* ----------------- 기업정보 :: 기업소개 ::  GLOBAL PRESENCE  ------------------ */
@media all and (max-width:1024px){
	.global-presence-page {padding:70px 0; }
	/* 지도 */
	.global-map-box {margin-top:50px}
	.global-map{margin: 0 15px;}
	/* .global-map-box .global-map {width:1211px; height:685px;  left:50%; margin-left:-605.5px; transform:scale(0.75);} */
}
@media all and (max-width:800px){
	.global-presence-page {padding:50px 0; background: #f1f2f3; }
	/* 지도 */
	.spidochescaler-container, .global-map{display: none !important;}
	.global-map-m {display:block; padding:0 15px; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box; }
	.global-map-m img {width:100%;}
	/* 리스트 */
	.global-list li { padding: 30px 120px 30px 20px; }
	.global-list .tit-con {float:none; width:100%; padding:0;}
	.global-list .tit-con .tit {font-size: 20px; }
	.global-list .txt-con {float:none; width:100%; margin-top:10px;}
	.global-list .txt-con .txt {margin-bottom:5px;}
	.global-list .flag-con {width:120px;}
	.global-list .flag-con span {width:35.7px; height:35.7px; margin:0 4px;}
	.global-list .flag-con button{width:35.7px; height:35.7px; }
	.global-list .flag-con .icon i {font-size:20px; line-height:35.7px;}
}
@media all and (max-width:480px){
	/* 리스트 */
	.global-list .txt-con .info {margin-right:0; padding-left:0; display:block; }
	.global-list .txt-con .info:before {display:none;}
}

/* ----------------- 기업정보 :: 기업소개 :: 연혁 ------------------ */
@media all and (max-width:960px){		
	.history-sec .history-sec-img{width:400px}
	.history-sec .history-sec-txt{width:calc(100% - 400px)}
}
@media all and (max-width:800px){		
	.history-con{margin-top:60px}
	.history-sec{margin-bottom:70px}
	.history-sec .history-sec-img{width:300px}
	.history-sec .history-sec-txt{width:calc(100% - 300px)}
	.history-sec .history-sec-txt .year{font-size:35px}
	.history-sec .history-sec-txt .year-detail{margin-top:20px;}
	.history-sec .history-sec-txt .year-detail span{font-size:13px; }
	.history-sec .history-sec-txt .year-detail span:before{top:9px}
}
@media all and (max-width:640px){		
	.history-sec > div{float:none; max-width:480px; margin:0 auto}
	.history-sec .history-sec-img{width:100%; text-align:center}
	.history-sec .history-sec-txt{width:100%}
	.history-sec .history-sec-txt .year{left:0;}
	.history-sec .history-sec-txt .year-detail{padding-left:0}
}

/* ----------- 기업정보 :: 뉴스 :: News ------------ */
@media (max-width: 800px){		
	.news-page{padding-bottom:50px}
	.bt-bug-report{font-size:13px;}
	/* Bug report 뷰페이지 */
	.bug-report-table .bug-tbl colgroup{display:none}
	.bug-report-table .bug-tbl tr{overflow:hidden; display:block; width:auto; }
	.bug-report-table .bug-tbl tr th,
	.bug-report-table .bug-tbl tr td{display:block; float:none; width:100%; border-bottom:0; box-sizing:border-box; font-size:13px; padding:10px}
	.bug-list-btn-con{text-align:center}
	.bug-list-btn-con .bug-list-btn{font-size:13px; width:120px; height:38px; line-height:38px}
}

/* ----------- 기업정보 :: HR :: 인재상 ------------ */
@media all and (max-width:800px){
	.business-tit-box {margin-bottom:35px;}
	.talent-con .item .img-wrap .tit {font-size:17px;}
	.talent-con .item .cm-txt {margin-top: 10px}
}
@media all and (max-width:640px){
	.talent-con {display:block; margin:0;}
	.talent-con .item {width:100%; margin:20px 0; }
}
/* ----------- 기업정보 :: HR :: 복리후생 ------------ */
@media all and (max-width:1024px){
	.welfare-list {margin:0 -1%;}
	.welfare-list li {width:23%; margin:1%;}
	.welfare-list li:nth-child(n+5):nth-child(-n+8) {transition-delay:0.3s}
	.welfare-list li:nth-child(n+9):nth-child(-n+10) {transition-delay:0.6s}
}
@media all and (max-width:800px){
	.welfare-list .icon {padding-top:70px; background-size: auto 40px;}
	.welfare-list dt .inner{padding-bottom:20px}
	.welfare-list dt .inner strong{height:17px}
}
@media all and (max-width:640px){
		.welfare-list li {width:48%; transition-delay:0s !important}
}
/* ----------- 기업정보 :: HR :: 채용절차 ------------ */
@media all and (max-width:1024px){
	.process-con .left-con { width: 25%; }
	.process-con .right-con { width: 75%}
}
@media all and (max-width:800px){
	.process-con {padding:30px 0;}
	.process-con .left-con { width: 100%; }
	.process-con .right-con { width: 100%; margin-top:20px;}
	/* 채용절차 */
	.process-part-con .right-con {margin-top:0;}
	.process-part-con .part-list-box .tit {font-size:14px;}
	.process-part-con .part-list li {padding:  20px 0;}
	.process-part-con .part-list .icon {height:40px; background-size: auto 100%;}
	.process-part-con .part-list .num {margin-top:10px;}
	.process-part-con .part-list li p{font-size:16px}
}
@media all and (max-width:640px){
	/* 채용절차 */
	.process-part-con .part-list {display:block; margin:-16px 0 0; }
	.process-part-con .part-list li { width:100%; margin: 25px 0;}
	.process-part-con .part-list li:before {top:auto; bottom:0; margin-top:0; left:50%; margin-left:-11.5px; margin-bottom:-38px;  transform:rotate(90deg);}
}
@media all and (max-width:480px){	
	.welfare-list dt{padding:0 5%}
	.welfare-list dt .inner strong{font-size:12px}
	/* 직급 및 호칭 체계 */
	.process-step-con .step-list {text-align:center;}
	.process-step-con .step-list li {display:inline-block; float:none; width:33.44%; margin-left:-5.11%;}
	.process-step-con .step-list li:nth-child(4) {margin-left:0;}
}

/* ----------- 기업정보 :: HR :: 채용공고 ------------ */
@media all and (max-width:800px){	
	.recruit-page .bbs-list-row .column{padding:6px 0}
	.recruit-page .bbs-list-row .column .state-txt{display: inline-block; width: 50px; height: auto; line-height:1; padding:7px 0}
	.recruit-page .bbs-list-row .column .state-txt em{font-size: 12px; height:10px}
}

@media all and (max-width:800px){	
	.inquiry-tit{font-size:27px;  margin-bottom:20px}
}


/* 솔루션 :: svg 디테일박스 */
@media all and (max-width:800px){		
	.svg-active-box{margin-top:15px}
	.svg-active-box .svg-detail .close-btn{top:7px; right:10px}
	.svg-active-box .svg-detail .close-btn i{font-size:25px}
	.svg-active-box .svg-detail .box-inner dt,
	.svg-active-box .svg-detail .box-inner dd{font-size:13px; padding:10px 15px}
	.svg-active-box .svg-detail .box-inner dd strong{padding-left:9px}
	.svg-active-box .svg-detail .box-inner dd strong:before{width:3px; height:3px; top:9px}
	.svg-active-box .svg-detail .box-inner dd .progess-con{margin:10px 0 11px 10px}
	.svg-active-box .svg-detail .box-inner dd .progess-con li{width:calc(25% - 22.5px); margin-right:30px; height:35px}
	.svg-active-box .svg-detail .box-inner dd .progess-con li p{font-size:13px}
	.svg-active-box .svg-detail .box-inner dd .progess-con li:after{width:24px; height:8px; right:-29px;}
}
@media all and (max-width:640px){		
	.svg-active-box .svg-detail .box-inner dd .progess-con li{width:calc(50% - 15px)}
	.svg-active-box .svg-detail .box-inner dd .progess-con li:nth-child(n+3){margin-top:8px}
	.svg-active-box .svg-detail .box-inner dd .progess-con li:nth-child(2){margin-right:0}
	.svg-active-box .svg-detail .box-inner dd .progess-con li:nth-child(2):after{display:none}
}