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


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@media all and (max-width:1280px){
	.custom-scrollbar-wrapper .scroll-object{max-width:100%;}
}
@media all and (max-width:800px){
	.custom-scrollbar-wrapper{position:relative;margin-right:calc(-1* var(--area-padding)); cursor:move}
	.custom-scrollbar-wrapper .scroll-object{max-width:none; width:800px; }
	.cm-scroll-drag-guide {display:flex; justify-content:flex-end; margin-right:var(--area-padding); }
	.cm-scroll-drag-guide .cm-scroll-drag-inner { position: relative; width:50px; height: 50px; }
	.cm-scroll-drag-guide .cm-scroll-drag-inner:before { position:absolute; top:4px; right:0; width:100%; height:3px; background-color:#ccc; content:""; border-radius:5px;}
	.cm-scroll-drag-guide .drag-tail { position: absolute; z-index: 1; left: 0px; top: 3px; animation:moveScrollAni 3s both infinite; }
	.cm-scroll-drag-guide .drag-tail .tail{display:block; width: 25px; height: 5px; background-color: rgba(0, 0, 0, 0.7); border-radius:5px; opacity:1; }
	.cm-scroll-drag-guide .drag-tail .hand-icon{ font-size:30px; color:#aaa }
	@keyframes moveScrollAni {
		0%, 10% {
			left: 0;
			margin-left: 0px;
		}
		50% {
			left: 100%;
			margin-left: -25px;
		}
		100% {
			left: 0;
			margin-left: 0px;
		}
	}
}

/* -------- 공통 :: 탭 -------- */
@media all and (max-width:1280px){
	.sub-tab-list-style .area{padding:0}
	/* Tab Fixed Move*/
	.sub-tab-list-style.top-fixed{top:80px;}
}
@media all and ( max-width: 800px ){
	/* Tab 공통 스타일 */
	.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:11; 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-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-drop-menu-style ul li.selected{background-color:transparent; border-color: #eee;}
	.sub-drop-menu-style ul li.selected a em{color: #004689; 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){
	.cm-flex-con {flex-direction: column;}
	.cm-flex-con .cm-flex-tit {width: 100%; padding-right: 0;}
	.cm-flex-con .cm-content-flex-wrap {width: 100%; margin-top: 3rem;}
	.cm-flex-con .cm-flex-tit br {display: none;}
	.esg-board-wrapper .cerfiti-top-txt-box {margin-bottom: 5rem;}
	.cerfiti-top-txt-box {margin-bottom: 5rem; padding: 3rem;}

	.cm-quick-menu.cm-quick-menu-pc {display: none;}
	.cm-quick-menu.cm-quick-menu-mo {display: block;}
	.cm-quick-menu-mo {position: fixed; top: auto; bottom: 78px; right: 0; width: 60px; height: 60px;}
	.cm-quick-menu-mo a {padding: 0; justify-content: center; }
	.cm-quick-menu-mo a em {width: 30px; height: 30px; border-radius: 30px;}
	.cm-quick-menu-mo a em i {font-size: 18px;}
}

/* ****************** 01 About Us :: 01 회사소개 ********************** */
@media all and (max-width:1280px){
	.overview-img-con.fixed{top: 160px;}
	.overview-info-con .overview-info-tit {padding-bottom: 2.5rem;}
	.overview-img-tit {font-size: 1.5rem;}
	.overview-img-txt02 {font-size: 1.3rem;}
}
@media all and (max-width:800px){
	.overview-img-con,
	.overview-img-con.fixed{position: static;}
	.overview-img-con .area,
	.overview-img-con.fixed .area{padding: 0;}
	.overview-img-con.fixed .overview-img-inner{width: 100%;}
	.overview-wrapper {flex-direction: column;}
	.overview-wrapper .img-con {padding-right: 0; width: 100%;}
	.overview-info-con .overview-info-tit {padding-bottom: 2.5rem;}
	.overview-info-con .info-list-box .info-list {padding: 3rem;}
	.overview-info-con .info-list-box .info-list > span {padding-bottom: 1rem;}
	.overview-info-con {width: 100%; margin-top: 10%; padding-left: 0;}
	.overview-info-con .info-list-box.ma90 {margin-top: 0;}
}

@media all and (max-width:480px){
	.overview-img-tit {font-size: 1.3rem; padding-bottom: 0.5rem;}
	.overview-img-txt02 {font-size: 1.2rem;}
}

/* ****************** 01 About Us :: 02 비전 ********************** */
@media all and (max-width:800px){
	.policy-slogan-content {border-radius: 3rem;}
	.vision-our-con .our-tit {line-height: 1.1em; font-size: 3rem;}
	.vision-our-con .our-img-list-box {margin-top: 6rem; gap: 3rem 0; flex-wrap: wrap;}
	.vision-our-con .white-txt-box {margin-top: 5rem;}
	.vision-our-con .our-img-list-box .our-img-list {border-radius: 2.5rem; width: 100%; margin-top: 0 !important; padding-top: 51.5%;}
	.vision-our-con .our-img-list-box .our-img-list .txt-box {padding-right: 0; top: 3rem; left: 3rem;}
	.vision-our-con .our-img-list-box .our-img-bold-txt {font-size: 2.8rem;}
	.vision-our-con .white-txt-box {border-radius: 3rem; width: 100%;}
	.vision-our-con .white-txt-box > p {padding: 2rem; font-size: 1.8rem;}

	


	.vision-policy-con {margin-top: 7rem;}
	.vision-policy-con .policy-round-box {border-radius: 3rem; /* height: 16rem */;}
	.vision-policy-con .policy-round-box .round-box-txt { font-size: 2rem; padding: 3rem 2rem; }

	.policy-slogan-content .slogan-list::before{top: 0.9rem;}
	.policy-slogan-content .slogan-list { line-height: 1.3em; margin-bottom: 1rem;}

	.policy-slogan-content .slogan-nice-box { padding: 3rem 2rem;}
	.policy-slogan-content .nice-tit {font-size: 4.8rem;}
	.policy-slogan-content .nice-txt { font-size: 1.6rem;}
	.policy-slogan-content .nice-blue-txt {font-size: 2rem; padding-top: 3rem;}


	.policy-slogan-content .list-box-inner {padding: 3rem; width: 100%;}
	.policy-slogan-content .slogan-list-box {flex-direction: column;}
}

@media all and (max-width:640px){
	.vision-our-con .our-img-list-box .our-img-list {padding-top: 80%;}
	.vision-our-con .our-img-list-box .our-img-list:nth-child(2) {background: 100% 41% / cover no-repeat url("/images/content/vision_our_img02.jpg");}
}

@media all and (max-width:480px){
	.vision-our-con .our-img-list-box .our-img-list {padding-top: 85%;}
}

/* ****************** 01 About Us :: 03 연혁 ********************** */
@media all and (min-width:801px){
	/* .company-history:before {content:""; width:2px; height:4rem; background-color:#000; position:absolute; top:0; left:50%; margin-left:-1px;} */

	.history-left .company-history-info-box{float:left;}
	.history-left .company-history-info-box::before,
	.history-left .company-history-info-box::after {left:100%; transform:translatex(-50%)}
	.history-left .company-history-info {text-align:right; padding-right: 7.5rem;}
	.history-left .company-history-info .history-item{padding-right: 8.7rem; }
	.history-left .company-history-info .history-month{right:0;}
	.history-left .company-history-info .history-txt{padding-right:1.5rem; }
	.history-left .company-history-info .history-txt::before{right:0;}
	.history-left .company-history-year {left:100%; padding-left:7.5rem;}
	.history-left .company-history-year:before{left:0}

	.history-right .company-history-info-box{float:right; }
	.history-right .company-history-info-box::before,
	.history-right .company-history-info-box::after {right:100%; transform:translatex(50%)}
	.history-right .company-history-info {padding-left: 7rem;}
	.history-right .company-history-info .history-item{padding-left: 8.7rem;}
	.history-right .company-history-info .history-month{left:0;}
	.history-right .company-history-info .history-txt{padding-left:2rem; }
	.history-right .company-history-info .history-txt::before{left:0;}
	.history-right .company-history-list-wrap .company-history-year {right:100%; padding-right:7.5rem;}
	.history-right .company-history-list-wrap .company-history-year:before{right:0}
}

@media all and (max-width:1280px){
	.history-top-con {height:50rem;}
	.history-top-con .con-box {top:16rem; padding:7.9rem 6rem 10rem; border-radius: 0 4rem 0 0; }
	.history-top-con .bg strong {font-size: 1.5rem;}
}
@media all and (max-width:800px){

	.history-top-con {height:auto; /* padding:0 15px; */}

	.history-top-con .con-box {position:relative; padding:3rem 25px; top:0; left:0; height:auto;}
	.history-top-con .con-box .year-box {padding-top:3rem; position:static; }
	.history-top-con .con-box .year-box .year {font-size: 2rem;}

	.history-top-con .con-box .tit {font-size: 5rem; margin-top: 1.8rem;}	

	.history-top-con .bg {height:auto; padding-top:40%;}
	.history-top-con .bg strong {font-size: 1.6rem; right: 2rem; bottom: 2rem;}
	.history-top-con .con-box .year-box .year em {padding-bottom: 0.7rem;}
	.history-top-con .con-box .inner img {max-width: 18%;}
}
@media all and (max-width:800px){
	.company-history {padding-top:6rem; padding-bottom: 0;}

	.company-history-wrapper {padding-bottom:6rem}
	.company-history-wrapper:before{left:10px; top:calc(2.5rem - 12px);}

	.company-history-info-box{width:auto; padding-left:4rem}
	.company-history-info-box::before{top:calc(2.5rem - 12px); left:-1px; border-width:6px;}

	.company-history-info {margin-top:20px;}
	.company-history-info .history-item{font-size:13px; padding-left:8rem;}
	.company-history-info .history-month{left:0;}
	.company-history-info .history-txt:before{display:none;}
	.company-history-year{position:static; }
	.company-history-year::before{width:20px; left:0; }
}

/* ****************** 01 About Us :: 04 주요 고객사 ********************** */
@media all and (max-width:800px){
	.partners-banner-con {margin-bottom: 0; padding-top: 25%;border-radius: 2rem;}
	.partners-banner-con .txt-box {padding: 0 2rem;}
	.partners-banner-con .banner-txt {font-size: 2.8rem;}
	.partners-list-box {gap: 3rem 0;}
	.partners-list-box li {width: 33.333%; height: auto; padding-top: 0;}
	.partners-list-box li img {position: static;}
	.partners-wrapper .cm-flex-con {padding: 4rem 0 !important;}
	.partners-wrapper .cm-flex-con .cm-flex-tit {margin-top: 0; font-size: 3rem;}
}

@media all and (max-width:480px){
	.partners-banner-con {padding-top: 30%;}
}


/* ****************** 01 About Us :: 05 CEO 인사말 ********************** */
@media all and (max-width:800px){
	.greeting-page{display: block;}
	.greeting-img{max-width: none; width: 100%; text-align: center;}
	.greeting-img img{display: inline-block;}
	.greeting-txt{margin-top: 5rem; width: 100%;}
	.greeting-txt .txt01{font-size: 3.6rem; line-height: 1.44;}
	.greeting-txt .txt01 b {font-size: 4.8rem;}
	.greeting-txt .txt02{margin-top: 3rem; font-size: 1.7rem; line-height: 1.52;}
	.greeting-txt .txt03{margin-top: 3.5rem; font-size: 1.8rem; line-height: 1.3;}
	.greeting-txt .txt03 b{margin-left: 1.5rem; font-size: 2.4rem;}
}

/* ****************** 01 About Us :: 06 글로벌 네트워크 ********************** */
@media all and (max-width:1280px){
	.global-txt-box h4 {font-size: 4rem;}

	.about-global .nation-circle.nation-01{margin-top: -5% !important;}
	.about-global .nation-circle.nation-07{margin-top: 19.5% !important;}
}
@media all and (max-width:800px){
	.global-txt-box{position: relative; top:auto; left:auto; transform:none; padding:0 var(--area-padding) 5rem;}
	.global-txt-box h4 {font-size: 2.4rem;}
	.global-txt-box p {font-size: 1.6rem;}
	
	.about-global .nation-circle.nation-01{margin-top: -10% !important;}
	.about-global .nation-circle .spread{left:-25px; top:-4px;}
	.about-global .nation-circle.logo p{padding:1rem;}
	.about-global .nation-circle.logo p img{width:80%;}
	.about-global .nation-circle.nation-02{margin-top: -14.2% !important;}
	.about-global .nation-circle.nation-03{margin-top: -12.5% !important;}
	.about-global .nation-circle.nation-04{margin-top: -4% !important;}
	.about-global .nation-circle.nation-06{margin-top: 10.5% !important; margin-left:47% !important}
	.about-global .nation-circle.nation-07{margin-top: 18.5% !important;}

	.global-wrapper .global-location-left-box {width: 100%; padding-right: 0;}
	.global-wrapper .global-location-left-box .location-info-box {margin-top: 2rem;}
}

@media all and (max-width: 800px) {
	.global-wrapper .cm-flex-con {padding-bottom: 7rem;}
	.global-wrapper .spidochescaler-container {height: 25rem !important;}
}

@media all and (max-width: 640px) {
	.global-wrapper .spidochescaler-container {height: 18rem !important;}
}

@media all and (max-width:480px){
	.global-wrapper .spidochescaler-container {height: 13rem !important;}
	.about-global .nation-circle.nation-01{margin-top: -10.5% !important;}
	.about-global .nation-circle .spread{left:-30px; top:-20px;}
	.about-global .nation-circle.logo p{padding:0.5rem;}
	.about-global .nation-circle.logo p img{width:60%;}

	.place-tit-box {display: block;}
	.place-tit-box .place-tit-icon-box {margin-top: 1rem;}
}

@media all and (max-width:312px){
	.global-wrapper .spidochescaler-container {height: 90px !important;}
}

/* ****************** 01 About Us :: 07 오시는 길 ********************** */
@media all and (max-width:800px){
	.location-map-box{padding-top:25rem; margin-bottom:3rem; }
	.location-info-box .tit-box .left-box{float:none; margin-bottom:2rem;}
	.location-info-box .tit-box .right-box{float:none; width:100%; justify-content:space-between;}
	.location-info-box .tit-box .right-box a{width:48%; margin:0;}
	.location-info-box .info-box{padding-top:2rem;}
}
@media all and (max-width:480px){
	.location-info-box .tit-box .left-box{margin-bottom:1rem;}
	.location-info-box .tit-box .left-box .tit{font-size:2.5rem;}
	.location-info-box .tit-box .left-box .sub-tit{font-size:1.6rem;}
	.location-info-box .tit-box .right-box a{height:4.5rem; line-height:4.5rem;}
}

/* ****************** 02 PRODUCTS & BUSINESS ********************** */
@media all and (max-width:1735px){
	/* 이미지 슬라이드 */
	.product-img-list {padding: 0 7rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.product-arrow-box .arrow-prev {left: 0;}
	.product-arrow-box .arrow-next {right: 0;}
}
@media all and (max-width:1280px){
	/* 자동차용 통합 display - 제품정보 */
	.product-info-con .product-info-box {padding-right: 2rem;}
	/* Optical bonding 기술 - 제조 핵심기술 */
	.product-tech-list li {width: calc(50% - 3.4rem);}
	
	.prd-modal-content .prd-pop-con {max-height: 30rem;}
}
@media all and (max-width:800px){
	/* 공통 상단 메뉴 */
	.product-top-con {padding-bottom: 8rem;}
	.product-top-con .product-bg-txt {font-size: 14rem; left: 0rem;    top: 4rem;}
	.product-tit-con .product-tit {font-size: 4.2rem;}

	.product-top-con .product-menu-con{margin-bottom: 5.5rem;}

	/* 공통 소개 */
	.product-intro-txt-con {flex-wrap: wrap;}
	.product-intro-txt-con .product-intro-tit  {width: 100% !important; margin-bottom: 1.5rem;}
	.product-intro-txt-con .product-intro-txt-box {width: 100% !important; padding-left: 0;}

	.product-top-con .product-menu-con .prd-menu { font-size: 1.8rem;}
	.product-top-con .product-menu-con .prd-menu .cur-location span{ font-size: 1.8rem;}

	/* 이미지 슬라이드 */
	.product-img-list {padding: 0;}
	.product-arrow-box {top: auto; bottom: -7rem; transform: translateY(0);}
	.product-arrow-box .arrow-prev {left: auto; right: 7rem;}
	
	/* 자동차용 통합 display - 제품정보 */
	.product-con-tit {display: block;}
	.product-info-con {flex-wrap: wrap;}
	.product-info-con .product-info-box  {width: 100%; padding-right: 0; margin-bottom: 3rem;}
	.product-info-con .product-list-wrap {width: 100%; height: 30rem;}
	.product-info-con .product-list  {padding-left: 0;}
	.product-info-con .product-list li a {padding: 0 2rem;}
	.product-info-con .product-list li a strong { margin-left: 3rem; font-size: 1.8rem;}
	.product-info-con .product-list li a em { margin-left: 2rem; font-size: 1.8rem;}
	.product-info-con .product-list li.selected {height: 6rem;}
	.product-info-con .product-list li.selected a strong {font-size: 2.1rem;}
	.product-info-con .product-list li.selected a em {font-size: 2.1rem;}
	
	/* Optical bonding 기술 - 제조 핵심기술 */
	.product-con-tit span {padding-top: 1rem;}
	.product-tech-list {margin: -1rem 0;}
	.product-tech-list li {width: 100%; margin: 1rem 0; min-height: 0;}
	.product-tech-list li a { padding: 3rem 3rem 3.3rem;}
	/* 팝업 */
	.prd-modal-content .prd-pop-tit .tit {}
	.prd-modal-content .prd-pop-tit .tit span {display: block; font-size: 2rem; padding-top: 0.5rem;}
	.prd-modal-content .prd-pop-inner-box {padding: 3.5rem 2.5rem;}
	.prd-modal-content .prd-pop-con {max-height: 35rem;}
	.prd-modal-content .prd-pop-con .mCSB_inside > .mCSB_container {margin-right: 15px !important;}
}
@media all and (max-width:480px){
	/* 자동차용 통합 display - 제품정보 */
	.product-info .prd-spec-box .prd-spec li:nth-child(even) {width: 100%;}
	.product-info .prd-spec-box .prd-spec li:nth-child(odd) {width: 100%;}
	/* Optical bonding 기술 - 제조 핵심기술 */
	.product-tech-list li a dl {display: block;margin-bottom: 0rem;}
	.product-tech-list li a dl dd {padding-left: 0; padding-top: 1rem;}
}

/* ****************** 03 RND :: 기술연구소 소개 ********************** */
@media all and (max-width:1280px){
	.about-certifi-view-con .certifi-view-box a{padding: var(--area-padding)}

	.about-certifi-view-con.col-3 .certifi-view-box {width: calc(50% - 3rem);}
}

@media all and (max-width:800px){
	.rnd-intro-wrapper .about-tech-con .tech-list-box .tech-list .tit-box .tech-list-num {font-size: 4rem; display: flex; align-items: center; justify-content: center; padding-left: 0; padding-right: 10%;}
	.rnd-intro-wrapper .about-tech-con .tech-list-tit {padding-bottom: 0.8rem;}
	.rnd-intro-wrapper .cm-flex-con {margin-top: 6rem;}
	.rnd-intro-wrapper .about-tech-con {margin-bottom: 4rem}
	.about-certifi-view-con {margin: -1.5rem 0; flex-direction: column;}
	.about-certifi-view-con .certifi-view-box {margin: 1.5rem 0; width: 100%;}
	.about-certifi-view-con .certifi-view-box .icon-box {width: 5.5rem; height: 5.5rem;}
	.about-certifi-view-con .certifi-view-box .icon-box i {font-size: 2.4rem;}
	.about-certifi-view-con .certifi-view-box .img-box {width: 22.657%;}
	.about-certifi-view-con .certifi-view-box .txt-box {width: 67.343%;}

	.about-certifi-view-con.col-3 {margin: -1rem; flex-direction: initial;}
	.about-certifi-view-con.col-3 .certifi-view-box {margin: 1rem; width: calc(100% - 2rem);}
	.about-certifi-view-con .certifi-view-box a{padding: var(--area-padding);}
}

@media all and (max-width:480px){
	/* .rnd-intro-wrapper .about-tech-con .tech-list-box .tech-list {flex-direction: column; align-items: flex-start;} */
	/* .rnd-intro-wrapper .about-tech-con .tech-list-box .tech-list .tit-box {width: 100%;} */
	.rnd-intro-wrapper .about-tech-con .tech-list-box .tech-list .tit-box .tech-list-num {display: block;}
	/* .rnd-intro-wrapper .about-tech-con .tech-list-box .tech-list .txt-box {width: 100%; margin-top: 2rem;} */
}

/* ****************** 03 RND :: 연구 개발 ********************** */
@media all and (max-width:800px){
	.research-develop-list-wrap {padding-left: 0;}
	.research-wrapper .about-tech-con {margin-bottom: 4rem;}
	.research-wrapper .cm-flex-con:last-child {margin-top: 4rem;}
	.research-develop-table {margin-bottom: 4rem;}
	.rnd-page .img-grid-list-box .img-box-tit {height: 4rem;}
	.research-develop-list-wrap .top-txt-box {padding-left: 0;}
	.rnd-page .img-grid-list-box {grid-gap: 0 1.5rem;}
}

@media all and (max-width:640px){
	.rnd-page .img-grid-list-box.four {grid-template-columns: repeat(2, 1fr); grid-gap: 1.5rem;}
	.rnd-page .img-grid-list-box.three {grid-template-columns: repeat(2, 1fr); grid-gap: 1.5rem;}
}

/* ****************** 04 방문신청 ********************** */
@media all and (max-width:1280px){
	.online-inquiry-wrap {flex-direction: column;}
	.online-inquiry-wrap .tit-box {width: 100%; padding-bottom: 2rem;}
	.online-inquiry-wrap .cm-content-flex-wrap {width: 100%;}
}

@media all and (max-width:800px){
	.inquiry-page {padding-bottom: 4rem;}
	.inquiry-page .sub-tab-list-style ul {width: 100%; margin: 0;}
	.inquiry-page .cm-flex-con .tit-box {width: 100%; padding-right: 0;}

	.online-inquiry-wrap .tit-box {padding-bottom: 0;}
	.online-inquiry-wrap .inquiry-list-con .inquiry-list {flex-direction: column; margin-bottom: 0;}
	.online-inquiry-wrap .inquiry-list-con .inquiry-list .list-box {width: 100% !important; margin-bottom: 1.5rem;}
	.online-inquiry-wrap .inquiry-list-con .inquiry-list .inquiry-tit {height: 5rem;}

	.inquiry-page .inquiry-list-con .inquiry-list .inquiry-tit {width: 11rem;}
	.inquiry-page .inquiry-list-con .inquiry-list .list-box .inquiry-input-box {width: calc(100% - 11rem);}
}

/* ****************** 05 Careers :: 채용절차 ********************** */
	@media all and (min-width:800px){
		.process-wrapper #topMenu01 .side-menu-inner.top-fixed{position:fixed; top: calc(var(--header-height) + 15px); left:0px; z-index:9999;)}
		/* #topMenu01.fixed-sub-menu.top-fixed .side-menu-inner:before{width: 100%; margin-left: -50%; opacity: 1;} */
		.process-wrapper #topMenu01 .side-menu-inner.top-fixed{height:var(--sub-menu-fixed-height);}
		.process-wrapper #topMenu01 .side-menu-inner.top-fixed ul{height:var(--sub-menu-fixed-height); border-radius: var(--sub-menu-fixed-height);}
		.process-wrapper #topMenu01 .side-menu-inner.top-fixed ul li > a{height:var(--sub-menu-fixed-height); border-radius: var(--sub-menu-fixed-height);}
	}

	@media all and (max-width:1580px){
		.benefit-list-box .benefit-list .benefit-txt .none1580 {display: none !important;}
	}

	@media all and (min-width:1281px){
		.process-wrapper #topMenu01 .side-menu-inner.top-fixed{top: 15px;}
	}

	@media all and (max-width:1280px){
		.process-step-content .top-step-list::before {width: 5.4rem;}
		.process-step-content .top-step-list:last-child {padding-right: 2.5rem;}
		.process-step-content .bottom-step-list .bottom-step-num {padding-right: 18.5%;}
		.process-step-content .bottom-step-list .bottom-step-num::before {right: 14%;}

		.process-wrapper .sub-tab-wrapper-style {top: -10.87%;}
		.process-wrapper .side-menu-inner.top-fixed {top: 75px;}
		.benefit-banner-box {background: right / cover no-repeat url("../images/content/process_benefit_banner.jpg");     background-attachment: fixed;}
	}

	@media all and (max-width:800px){
		.process-step-content .top-step-list {padding:3.5rem;}
		.process-step-content .top-step-list-box {flex-wrap: wrap; /* gap: 8rem 0 */;}
		.process-step-content .top-step-list, .process-step-content .top-step-list:last-child {width: 100%;}
		.process-step-content .top-step-list::before {left: 50%; top: 60%; transform: translateX(calc(-50% - 0.2px)) rotateZ(90deg); width: 4.4rem; height: 90%;}
		.process-step-content .bottom-step-list .tit-box {padding-right: 5%;}
		.process-step-content .bottom-step-list .bottom-step-num::before {right: 12%;}

		.process-wrapper {padding-bottom: 8rem;}
		.process-wrapper #contentInfoCon {margin-bottom: 2rem;}

		.process-wrapper .talent-gray-box .talent-gray-txt {font-size: 2rem;}

		.benefit-list-box {gap: 6rem 0;}
		.benefit-list-box .benefit-list {width: 100%;}
		.benefit-list-box .benefit-list .benefit-tit br {display: none;}

		.process-wrapper .talent-gray-box::before, .process-wrapper .talent-gray-box::after {display: none;}
		.careers-page .talent-con {margin-top: 7rem; padding: 6rem 0;}
		.process-wrapper .talent-gray-box {margin-top: 4rem; padding: 3rem 2rem;}
		.careers-page .process-wrapper #fixedContentM3 .flex-con-wrap {margin-top: 7rem;}
		.benefit-banner-box {background-attachment: initial; padding-top: 40%;}

		.benefit-list-box .benefit-list .icon-box { padding : 0 0 2rem 1rem;}
		.benefit-list-box .benefit-list .benefit-tit {padding-left: 3rem;}
		.benefit-list-box .benefit-list .benefit-txt { padding-top: 2rem;}

		/*** 탭 ***/
		.process-wrapper .sub-tab-wrapper-style {display: block !important; margin-top: calc(-1 * var(--sub-menu-height)); display: block; position: relative; top: -20.6rem !important; left: 0; width: 100%; height: var(--sub-menu-height); box-shadow: 1.5rem 1.5rem 3rem -0.75rem rgba(0,0,0,0.1); z-index: 99;}

		.process-wrapper .side-menu-inner {position: absolute; top: 0; left: 0; right: 0; height: var(--sub-menu-height);}
		.process-wrapper .side-menu-inner > .area {padding: 0; position: relative; box-sizing: border-box; width: 100%; background-color: rgba(0,0,0,0.25); backdrop-filter: blur(10px);} 
		.process-wrapper .sub-drop-open-btn-style {position: relative; display: block; width: 100%; text-align: left; height: var(--sub-menu-height); padding: 0 var(--area-padding); padding-right: calc(var(--area-padding) + 3rem); box-sizing: border-box; background-color: transparent;}
		.process-wrapper .sub-drop-open-btn-style > span {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: var(--sub-menu-height); color: #fff; font-weight: 400; font-size: 1.7rem; letter-spacing: -0.05em;} 
		.process-wrapper .sub-drop-open-btn-style .arrow {position: absolute; top: 50%; right: var(--area-padding); width: 3rem; height: 3rem; margin-top: -1.5rem; font-size: 2rem; color: #fff; background-color: var(--main-color); border-radius: 100%; display: flex; align-items: center; justify-content: center; box-shadow: 1.5rem 1.5rem 3rem -0.75rem rgba(0,0,0,0.1)}
		.process-wrapper #topMenu01 .side-menu-inner ul {display: none; position: absolute; top: 100%; left: -1px; right: -1px; border-bottom: 1px solid #ddd; background-color: #fff; z-index: 11; height: auto; border-radius: 0;}
		.process-wrapper #topMenu01 .side-menu-inner ul li {border-top: 1px solid #eee; width: 100%; display: block;}
		.process-wrapper #topMenu01 .side-menu-inner ul li.selected {position: relative; background-color: transparent;}
		.process-wrapper #topMenu01 .side-menu-inner ul li a {display: flex; align-items: center; width: 100%; height: 35px; padding: 0 var(--area-padding); font-size: 14px; line-height: 1.5; word-break: keep-all; box-sizing: border-box;} 
		.process-wrapper #topMenu01 .side-menu-inner ul li a em {color: #666;}
		.process-wrapper #topMenu01 .side-menu-inner ul li.selected a {background-color: transparent; }
		.process-wrapper #topMenu01 .side-menu-inner ul li.selected a em {color: var(--main-color); font-weight: 500;}
		.process-wrapper #topMenu01 .side-menu-inner.open .arrow {transform: rotate(-180deg);}
		.process-wrapper #topMenu01 .side-menu-inner.top-fixed:before {display: none;}
	}

	@media all and (max-width:640px){
		.process-step-content .bottom-step-list .tit-box {padding-right: 15%;}
		.process-step-content .bottom-step-list .bottom-step-num::before {right: 8%;}
	}

	@media all and (max-width:480px){
		.process-step-content .bottom-step-list {flex-direction: column; align-items: flex-start;}
		.process-step-content .bottom-step-list .tit-box {width: 100%;}
		.process-step-content .bottom-step-list .txt-box {width: 100%; margin-top: 2rem;}
		.process-step-content .bottom-step-list .bottom-step-num::before {right: 17%;}

		/*** 탭 ***/
		.process-wrapper .sub-tab-wrapper-style {top: -24.7rem !important;}
	}

	@media all and (max-width: 390px) {
		/*** 탭 ***/
		.process-wrapper .sub-tab-wrapper-style {top: -20.6rem !important;}
	}



/* ****************** 05 Careers :: 채용공고 ********************** */
	@media all and (max-width:1280px){
		.recruit-wrapper .recruit-nav-wrap .nav-wrap-inner.top-fixed {top: 22rem;}
	}

	@media all and (max-width:800px){
		.recruit-wrapper .recruit-nav-wrap {min-height: auto;}
		.recruit-wrapper .recruit-nav-wrap .nav-wrap-inner.top-fixed {position: static !important;}
		.recruit-wrapper .recruit-nav-wrap {width: 100%; padding-right: 0; margin-bottom: 2rem;}
		.recruit-wrapper .recruit-nav-wrap .nav-wrap-inner {position: static !important; width: 100%; padding: 2rem;}
		.recruit-wrapper .recruit-nav-wrap .nav-wrap-inner .nav-search-btn {width: 24rem; margin: 2rem auto 0 auto;}
		/* .gallery-con20-list-con .info-list-box {flex-direction: column;} */
		/* .gallery-con20-list-con .info-list-box .info-inner {margin-top: 1.5rem;} */
		.gallery-con20-list-con .info-list-box .date-box {margin-right: 2rem;}
		.gallery-con20-list-con .info-list-box .info-txt:first-child {margin-left: 0;}

		.recruit-wrapper .recruit-nav-wrap .nav-wrap-inner .nav-list-box {display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1.5rem;}
		.recruit-wrapper .recruit-nav-wrap .nav-wrap-inner .nav-select-list {width: calc(50% - 0.5rem); margin-bottom: 0;}
		.recruit-wrapper .recruit-nav-wrap .nav-wrap-inner .nav-select-list select {height: 4.5rem;}
	}

	@media all and (max-width:480px){
		.recruit-wrapper .recruit-nav-wrap .nav-wrap-inner .nav-search-btn {width: 100%;}
	}

/* ****************** 05 Careers :: 채용공고 뷰페이지 ********************** */
@media all and (max-width:1280px){
	.recruit-view-page .view-btn-box .btn-inner {padding-left: 0;}
	.recruit-view-page .view-btn-box {width: 85%;}
	.recruit-view-wrapper .view-info-list-box .view-info-list > p {min-width: 9rem;}
	.recruit-view-wrapper .view-info-list-box .view-info-list > span {width: calc(100% - 9rem);}
	.recruit-view-page .view-btn-box .btn-inner > a > span {padding-left: 1rem;}
}

@media all and (max-width:800px){
	.recruit-view-wrapper .cm-flex-con {padding: 2.5rem 0;}
	.recruit-view-wrapper .cm-flex-con:first-child {padding-top: 4rem;}
	.recruit-view-wrapper .cm-flex-con:last-child {padding-bottom: 4rem;}
	.recruit-view-page .view-btn-box {margin-top: 3rem;}
	.recruit-view-page .view-btn-box .btn-inner {gap: 1rem 0; width: 100%; flex-direction: column; align-items: center;}
	.recruit-view-page .view-btn-box .btn-inner > a {padding: 0 3rem; height: 6rem;}
	.recruit-view-page .view-btn-box {width: 100%; margin-left: 0; flex-direction: column; align-items: center;}
	.recruit-view-page .view-btn-box .return-btn {margin-top: 4rem; height: 6rem;}
	.recruit-view-page .view-btn-box .btn-inner > a > span {text-align: right;}
	.recruit-view-page .view-btn-box .btn-inner > a img {max-width: 80%;}
	.recruit-view-page .view-btn-box .return-btn {padding: 0 3rem;}
	
	.recruit-view-wrapper .view-info-list-box {padding: 3rem;}
	.recruit-view-wrapper .view-info-list-box .view-info-list {width: 100%; padding: 0;}
	.recruit-view-wrapper .cm-flex-con .cm-content-flex-wrap {margin-top: 1.5rem;}
}

/* ****************** 05 Careers :: 채용공고 뷰페이지 팝업 ********************** */
@media all and (max-width:800px){
	.recruit-pop-content {padding-top: 3rem;}
	.recruit-pop-content .view-pop-form-wrap .input-block-inner {flex-direction: column; align-items: flex-start;}
	.recruit-pop-content .view-pop-form-wrap .input-flex-box li {flex-direction: column; width: 100%; align-items: flex-start; margin-bottom: 1.5rem;}
	.recruit-pop-content .view-pop-form-wrap .input-flex-box li:nth-child(3) .input-tit em {position: absolute; right: -1rem;}
	.recruit-pop-content .view-pop-form-wrap .input-tit {min-width: auto; display: inline-block; padding-bottom: 1rem;}
	.recruit-pop-content .view-pop-form-wrap .input-tit br {display: none;}
	.recruit-pop-content .view-pop-form-wrap .input-block-inner .input {width: 100%;}
	.recruit-pop-content .view-pop-form-wrap .input {width: 100%;}
	.recruit-pop-content .view-pop-form-wrap .input-block-inner {margin-bottom: 1.5rem;}

	.recruit-pop-content .tit-box {margin: 0 3rem;}
	.recruit-pop-content .view-pop-form-wrap {padding: 3rem;}
	.recruit-pop-content .bbs-inquiry-agree-con {padding: 3rem !important; flex-direction: column; align-items: center; margin-top: 2.5rem !important;}
	.recruit-pop-content .inquiry-style09 .bbs-inquiry-agree-con .agree-txt {padding-bottom: 2rem;}
}

/* ****************** 07 ESG :: 공통 ********************** */
@media all and (max-width:800px){
	.esg-cm-circle-tit {padding-bottom: 1.5rem;}
}

/* ****************** 07 ESG :: ESG란 ********************** */
@media all and (max-width:800px){
	.esg-about-img-con {flex-direction: column;}
	.esg-about-img-con .esg-about-img-box {width: 100%;}
	.esg-about-img-con .esg-about-img-box:first-child {margin-right: 0;}
	.esg-about-img-con .esg-about-img-box:last-child {margin-top: 5rem;}
	.esg-about-img-con .txt-box {margin-top: 1.8rem;}
	.esg-about-img-con .esg-about-img-txt > span {padding-left: 0;}
}

/* ****************** 07 ESG :: 안전환경경영, 사회공헌, 윤리경영 공통 ********************** */
@media all and (max-width:1280px){
	.esg-border-img-con .gray-border-box {/* height: 35rem; */ width: 85%; min-height: auto;}
	.esg-border-img-con .gray-border-box .box-inner {width: 90%;}
	.esg-border-img-con .gray-border-box .gray-border-txt:last-child {width: 60%;}
	.esg-border-img-con .inner-img-box {bottom: -12.2rem;}

	.esg-gray-bg-list-con {margin-top: 20rem !important;}
	.esg-page .cm-flex-con.ma140 {margin-top: 20rem;}
	.governance-num-list-box .governance-num-list img {max-width: 23%;}
}

@media all and (max-width:800px){
	.esg-border-img-con {flex-direction: column;}
	.esg-page .cm-flex-con:last-child {margin-top: 8rem;}
	.esg-page .cm-flex-con.ma140 {margin-top: 8rem;}
	.esg-border-img-con .gray-border-box {width: 100%; min-height: auto; padding:3rem;}
	/* .esg-border-img-con .gray-border-box.height-450, .esg-border-img-con .gray-border-box.height-550 {height: auto;} */
	.esg-border-img-con .gray-border-box .gray-border-txt:last-child {width: 100%;}
	.esg-border-img-con .inner-img-box {position: static; margin: 0; width: 100%;/* margin: 4rem 0 0 auto; width: 83.335%; */    border-radius: 0 0 0 4rem;}
	.esg-border-img-con .inner-img-box img {max-width: none; width: 100%; height: 100%;}
	.esg-gray-bg-list-con {margin-top: 8rem !important;}
	.esg-enviro-wrapper .cm-flex-con:last-child {margin-top: 8rem;}
	.esg-border-img-con .gray-border-box .gray-border-bold-txt {padding-bottom: 1.8rem;}
	.cm-flex-link-box {width: 100%; padding-right: 0;}
}

@media all and (max-width:480px){
	.esg-gray-bg-list-con .gray-bg-list-box.flex {flex-direction: column;}
	.esg-gray-bg-list-con .gray-bg-list-box.flex .gray-bg-list {width: 100%;}
	.esg-gray-bg-list-con .gray-bg-list-box.flex .gray-bg-list:first-child {margin: 0 0 0.5rem 0;}
}
/* ****************** 07 ESG :: 분쟁광물 ********************** */
@media all and (max-width:1280px){
	.esg-conflict-wrapper .esg-border-img-con .inner-img-box { bottom: -14.5rem;}
	.esg-conflict-process-img .display-pc {display: block;}
	.esg-conflict-process-img .display-m {display: none;}
}
@media all and (max-width:800px){
	.esg-conflict-wrapper .esg-gray-bg-list-con {margin-top: 8rem;}
	.esg-conflict-process-img .display-pc {display: none;}
	.esg-conflict-process-img .display-m {display: block;}
	.esg-conflict-plan-box .inner {padding: 10.5% 4rem; background-color: rgb(0, 0, 0, 0.5);}
	.esg-conflict-plan-box .inner .esg-conflict-plan-txt01 {font-size: 1.8rem; line-height: 1.3;}
	.esg-conflict-plan-box .inner .esg-conflict-plan-txt02 {padding-top: 2rem;}
}

/* ****************** 07 ESG :: 윤리경영 ********************** */
@media all and (max-width:1280px){
	.governance-info-list-box .governance-info-list {padding: var(--area-padding);}
	.governance-info-list-box .governance-info-list.gray {width: 58.25%;}
	.governance-info-list-box .governance-info-list.green {width: calc(41.75% - 1.5rem);}
}

@media all and (max-width:800px){
	.governance-info-list-box {flex-direction: column;}
	.governance-num-list-box .governance-num-list {padding: var(--area-padding)}
	.governance-info-list-box .governance-info-list.gray {width: 100%; margin-right: 0; margin-bottom: 2rem;}
	.governance-info-list-box .governance-info-list.green {width: 100%;}
	.governance-info-list-box .governance-email-box {width: 30rem;}
	.governance-num-list-box {flex-wrap: wrap;}
	.governance-num-list-box .governance-num-list {width: calc(50% - 0.75rem);}
	.governance-link-btn {margin-top: 1.5rem;}
	.governance-info-list-box .governance-info-list.gray .info-inner-list-box {margin-left: 2rem; width: calc(100% - 13rem);}
	.governance-info-list-box .governance-info-list.gray .icon-box {width: 10rem;}
	.governance-info-list-box .governance-info-list.gray .info-inner-list-box {width: calc(100% - 12rem);}
}

@media all and (max-width:480px){
	.governance-num-list-box {flex-wrap: wrap; gap: 1.5rem 0;}
	.governance-num-list-box .governance-num-list {width: 100%;}
	.governance-num-list-box .governance-num-list img {max-width: 15%;}
}