@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:#f57f20; 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-tab-list-style ul {display: none;}
	.sub-tab-list-style ul li {border-radius: 0; margin: 0; padding: 0; width: 100%; border-left: none;}
	.sub-tab-list-style ul li:last-child {border-bottom: none;}
	.sub-tab-list-style ul li.selected {background-color: transparent; border-color: #ddd; box-shadow: none;}
	.sub-tab-list-style ul li a {height: auto; padding: 10px 15px; box-sizing: initial;}
	.sub-tab-list-style ul li.selected a em {color: #7dc246;}
	.sub-drop-menu-style.open .arrow {transform: rotate(180deg);}
	.sub-tab-list-style ul li a em {font-size: 1.3rem;}
}

/* ******************  타이틀 공통 ********************** */
@media all and (max-width: 800px) {
	.cm-content-tit {font-size: 2.4rem; margin-bottom: 1rem;}
}



/* ******************  business :: 타겟사업부 & 부품사업부 ********************** */
@media all and (max-width: 800px) {
	/***** 공통 *****/
	.business-page .product-category {font-size: 1.6rem;}

	.business-product-con {grid-template-columns: 1fr 1fr; grid-gap: 2rem; margin-top: 3.4rem;}
	.business-product-con .product-list {padding: 3rem 2rem;}
	.business-product-con .product-list .txt-box {margin-top: 4rem;}
	.business-product-con .product-list .product-tit {font-size: 2.8rem;}
}

@media all and (max-width: 480px) {
	.business-product-con {grid-template-columns: 1fr;}
}

/* ******************  business :: 뷰페이지 ********************** */

@media all and (max-width: 800px) {
	.business-view-wrap {padding-top: 0;}
	.business-view-wrap::before {display: none;}
	.business-view-wrap .view-content-con {padding: 0;}
	.business-view-wrap .view-content-con {display: flex; flex-direction: column;}
	.business-view-wrap .view-content-con .slide-inner {order: 2;}
	/* .business-view-wrap .view-content-con .slide-btn-box {position: static; order: 1; margin: 0 0 2rem 0; padding-bottom: 3rem;} */
	.business-view-wrap .view-content-con .slide-list {flex-direction: column; align-items: flex-start; padding-bottom: 0;}
	.business-view-wrap .view-content-con .slide-list .top-info-wrap .info-inner {flex-direction: column; padding-bottom: 5rem;}
	.business-view-wrap .view-content-con .slide-list .txt-box {width: 100%; margin-left: 0; margin-top: 6rem;}
	.business-view-wrap .view-content-con .slide-list .img-box {width: 100%;}
	.business-view-wrap .view-content-con .slide-list .img-box .img-box-inner {width: 80%; margin: 0 auto;}
	.business-view-wrap .view-content-con .slide-btn-box {padding-bottom: 0;}
	.business-view-wrap .view-content-con .slide-list .txt-box {margin-top: 2rem;}
	.business-view-wrap .view-content-con .link-btn-box {margin-top: 3.5rem;}
	/* .business-view-wrap .view-content-con .slide-btn-box {top: 22%;} */
	.business-view-wrap .view-detail-con {padding: 3rem 0 5rem 0;}
}

/* @media all and (max-width: 640px) {
	.business-view-wrap .view-content-con .slide-btn-box {top: 20%;}
}

@media all and (max-width: 480px) {
	.business-view-wrap .view-content-con .slide-btn-box {top: 32rem;}
} */

@media all and (max-width: 360px) {
	/* .business-view-wrap .view-content-con .slide-btn-box {top: 17.5%;} */
	.business-view-wrap .view-content-con .slide-list .img-box .img-inner img {max-width: 90%;}
}


/* ******************  business :: 뷰페이지 modal ********************** */
@media all and (max-width: 800px) {
	.view-modal-content .modal-inner-box {padding: 3rem;}
	.view-modal-content .report-contents-item .phone-fieldset .write-input, .view-modal-content .report-contents-item .phone-fieldset .write-select {width: calc(33.333% - 13px) !important;}
}

@media all and (max-width: 480px) {
	.view-modal-content .report-contents-item .tit {width: 8rem;}
	.view-modal-content .report-contents-item .form {width: calc(100% - 8rem);}
	.view-modal-content .report-contents-item .phone-fieldset .write-select {background-position: calc(100% - 1rem) 50%;}
}

/* ******************  ir&pr :: pr 보도자료 & 리서치리포트 ********************** */
@media all and (max-width: 800px) {
	.pr-page .bbs-basic-gallery-con10 {padding-top: 3rem;}
	/***** 검색 창 *****/
	.pr-page .bbs-top-list-box {align-items: flex-start;}
	.pr-page .bbs-top-list-box .board-search-box {width: 100%;}
	.pr-page .bbs-top-list-box:not(.bbs-top-category-box) {flex-direction: column;}
	/***** 리스트 *****/
	.pr-page .bbs-list-con {padding-top: 3rem;}
	.pr-page .bbs-list-row .column {height: auto;}
	.pr-page .bbs-list-row .column:not(.bbs-title):not(.bbs-m-display-none):before {display: none;}
	.pr-page .bbs-list-row .bbs-notice-category {display: block; margin-bottom: 2rem;}
	.pr-page .bbs-list-row .bbs-title {padding-top: 2rem; margin: 1rem 0;}
	.pr-page .bbs-list-row .bbs-title a {padding: 0;}
	.pr-page .bbs-list-row .right-icon {display: none;}
}


/* ******************  ir&pr :: 뷰페이지 ********************** */
@media all and (max-width: 800px) {
	.pr-page .bbs-view-con {margin-top: 3rem;}
	.video-page .sub-tab-wrapper-style {margin-bottom: 4.5rem;}
}

/* ****************** esg :: 01. ESG경영 - 환경안전보건경영 ********************** */
@media all and (max-width: 1280px) {
	/***** 안전교육 및 건강검진 *****/
	.envir-safe-con .safe-list-box .safe-list {padding: 3rem;}
	.envir-safe-con .safe-list-box .safe-list .safe-list-tit {font-size: 2.1rem;}
	.envir-safe-con .safe-list-box .safe-list .safe-list-txt {font-size: 1.7rem;}
}

@media all and (max-width: 800px) {
	/***** 환경안전보건 경영방침 *****/
	.esg-page .esg01-con-txt {font-size: 1.6rem;}
	.envir-policy-con .policy-list-box {margin-top: 3rem;}
	.envir-policy-con .policy-list-box {padding: 3rem;}
	.envir-policy-con .policy-list-box .list-tit {font-size: 2rem; padding-bottom: 1.5rem;}
	.envir-policy-con .policy-list-box .list-txt {font-size: 1.5rem; padding-bottom: 1rem;}
	.envir-policy-con .policy-list-box .list-txt.paddingBt {padding-bottom: 1.5rem;}
	.envir-policy-con .pdf-down-btn {width: 24rem; height: 5rem; margin: 2rem auto 0 auto; padding: 0 2rem;}

	/***** 환경경영시스템 인증 *****/
	.envir-certific-con {margin-top: 9rem;}
	.envir-certific-con .certific-list-box {margin-top: 3rem; grid-gap: 0 2rem;}
	.envir-certific-con .certific-list-box .certific-list {padding: 3rem;}
	.envir-certific-con .certific-list-box .certific-list .certific-txt {font-size: 1.4rem;}
	.envir-certific-con .certific-list-box .certific-list .certific-tit {font-size: 1.8rem;}

	/***** 안전교육 및 건강검진 *****/
	.envir-safe-con {margin-top: 9rem;}
	.envir-safe-con .safe-list-box {margin-top: 3rem; grid-template-columns: 1fr 1fr; grid-gap: 2rem;}
}

@media all and (max-width: 640px) {
	/***** 환경경영시스템 인증 *****/
	.envir-certific-con .certific-list-box {grid-template-columns: 1fr; grid-gap: 2rem 0;}
	.envir-certific-con .certific-list-box .certific-list img {max-width: 80%;}

	/***** 안전교육 및 건강검진 *****/
	.envir-safe-con .safe-list-box {margin-top: 3rem; grid-template-columns: 1fr; grid-gap: 2rem 0;}
	.envir-safe-con .safe-list-box .safe-list .txt-box {min-height: auto;}
}

@media all and (max-width: 360px) {
	/***** 환경경영시스템 인증 *****/
	.envir-certific-con .certific-list-box .certific-list img {max-width: 60%;}
}

/* ****************** esg :: 01. ESG경영 - 사회공헌 ********************** */
@media all and (max-width: 1280px) {
	.contribution-wrap .bbs-top-list-box {flex-wrap: wrap-reverse; justify-content: flex-end;}
	.contribution-wrap .bbs-top-list-box .board-search-box {margin-top: 3rem;}
}

@media all and (max-width: 800px) {
	.contribution-wrap .bbs-list-con {padding-top: 9rem;}
	.contribution-wrap .bbs-top-list-box .board-search-box {margin-top: 3rem;}
	.contribution-wrap .contribution-list-box {flex-direction: column;}
	.contribution-wrap .contribution-list-box .contribution-list .img-box img {max-width: 100%;}
	.contribution-wrap .contribution-list-box .contribution-list {width: 100%;padding-right: 0;}
	.contribution-wrap .contribution-list-box .contribution-list:first-child {margin-right: 0; padding-right: 0; margin-bottom: 3rem;}
	.contribution-wrap .contribution-list-box .contribution-list .list-txt {font-size: 1.6rem;}

	/*** 뷰페이지 ***/
	.contribution-wrap .bbs-view-con {margin-top: 3rem;}
}

/* ****************** esg :: 01. ESG경영 - 지배구조********************** */
@media all and (max-width: 1280px) {
	.structure-wrap .info-list-box .info-txt {font-size: 1.8rem;}
}

@media all and (max-width: 800px) {
	.structure-wrap {padding-bottom: 10rem;}
	.structure-wrap .info-list-box {grid-template-columns: 1fr; grid-gap: 4rem;}
	.structure-wrap .info-list-box .info-list .list-inner {height: auto; padding: 3.5rem;}
	.structure-wrap .info-list-box .info-list:nth-child(3) .list-inner, .structure-wrap .info-list-box .info-list:last-child .list-inner {height: auto;}
	.structure-wrap .people-list-bg {margin-top: 7rem; padding: 6rem 0 12rem 0;}
	.structure-wrap .people-list-box {grid-template-columns: 1fr; grid-gap: 4rem 0;}
	.structure-wrap .people-list-box .people-list:first-child {grid-column-start: initial; grid-column-end: initial;}
	.structure-wrap .people-list-box .people-list .record-list-wrap {grid-template-columns: 1fr; grid-gap: 2rem;}
	.structure-wrap .people-list-box .people-list, .structure-wrap .people-list-box .people-list:first-child {padding: 3.5rem;}
	.structure-wrap .people-list-box .people-list .record-list {font-size: 1.6rem;}
	.structure-wrap .people-list-box .people-list .position {font-size: 2rem;}
	.structure-wrap .people-list-box .people-list .name {font-size: 2.8rem;}

	.structure-wrap .schematic-img-box {margin-top: 6rem;}
	.structure-wrap .schematic-img-box .cm-content-tit {margin-bottom: 3rem;}
}

@media all and (max-width: 480px) {
	.structure-wrap .people-list-box .people-list {flex-direction: column; align-items: flex-start;}
	.structure-wrap .people-list-box .people-list .record-list-box {margin-left: 0;}
	.structure-wrap .people-list-box .people-list .name-box {margin-bottom: 2rem;}
}


/* ****************** esg :: 품질경영 ********************** */
@media all and (max-width: 1280px) {
	.quality-wrap .quality-info-con .quality-info-list .quality-txt-box {margin-top: 4rem;}
	.quality-wrap .quality-info-con .quality-info-list .info-inner {padding: 6rem; height: auto;}
	.quality-wrap .quality-info-con .quality-info-list .quality-tit {font-size: 2.6rem;}
	.quality-wrap .quality-info-con .quality-info-list .quality-st {font-size: 2.2rem;}
	.quality-wrap .quality-info-con .quality-info-list .quality-txt {font-size: 1.6rem;}
}

@media all and (max-width: 800px) {
	.quality-wrap {padding: 4rem 0;}
	.quality-wrap .quality-info-con {grid-template-columns: 1fr; grid-gap: 5rem 0;}
	.quality-wrap .quality-info-con .quality-info-list .info-inner {height: 65rem;}
	.quality-wrap .quality-info-con .quality-info-list .quality-tit {font-size: 2.4rem;}
	.quality-wrap .quality-info-con .quality-info-list .quality-st {font-size: 2rem;}
	.quality-wrap .quality-info-con .quality-info-list .quality-txt {font-size: 1.4rem;}
}

@media all and (max-width: 480px) {
	.quality-wrap .quality-info-con .quality-info-list .info-inner {height: 57rem; padding: 6rem 3rem;}
	.quality-wrap .quality-info-con .quality-info-list .quality-txt-box .txt-list {margin-bottom: 2rem;}
	.quality-wrap .quality-info-con .quality-info-list .quality-tit {padding-bottom: 1.5rem;}
}

/* ****************** ESG :: 02 윤리경영 :: 01 윤리경영 ********************** */
@media all and (max-width: 800px) {
	.ethics-wrap .ethics-top-txt {font-size: 1.6rem;}
	.ethics-schematic-con .ethics-list-box {grid-template-columns: 1fr; grid-gap: 2rem 0;}
	.ethics-schematic-con .ethics-list-box .ethics-list {padding: 4rem;}
	.ethics-schematic-con .ethics-list-box .ethics-list-tit {font-size: 2rem;}
	.ethics-schematic-con .ethics-list-box .ethics-list-txt {font-size: 1.6rem;}

	.ethics-guideline-con {margin-top: 8rem;}
	.ethics-wrap .esg-report-info-box .info-tit {font-size: 2rem;}
	.ethics-wrap .esg-report-info-box .info-txt-bold {font-size: 1.6rem;}
	.ethics-wrap .esg-report-info-box .info-txt, .ethics-wrap .esg-report-info-box .num-txt, .ethics-wrap .esg-report-info-box .cir-txt {font-size: 1.4rem;}
	.ethics-wrap .esg-report-inner-btn a {min-width: auto; width: calc(50% - 2rem);}
}

@media all and (max-width: 480px) {
	.esg-report-inner-btn {display: flex; flex-direction: column; align-items: center;}
	.ethics-wrap .esg-report-inner-btn a {min-width: 30rem;}
	.ethics-wrap .esg-report-inner-btn a:first-child {margin-right: 0; margin-bottom: 2rem;}
}

/* ****************** ESG :: 02 윤리경영 :: 02 제보 ********************** */
@media all and (max-width: 1280px) {
	.reporting-method-box ul li .info, .reporting-method-box ul li .tit {font-size: 1.8rem;}
}

@media all and (max-width: 800px) {
	.esg-report-item {margin-top: 5rem; padding-bottom: 5rem;}
	.reporting-method-box {padding: 4rem;}
	.reporting-method-box ul li {padding-right: 0;}
	.reporting-method-box ul li, .reporting-method-box ul li:nth-child(odd) {width: 100%;}
	.reporting-method-box ul li:nth-child(odd) .tit, .reporting-method-box ul li .tit {width: 12rem;}
	.reporting-method-box ul li:nth-child(odd) .info, .reporting-method-box ul li .info {width: calc(100% - 12rem);}
	.reporting-method-box ul li .info, .reporting-method-box ul li .tit {font-size: 1.6rem;}

	.esg-report-item03 .area {flex-direction: column;}
	.esg-report-item + .esg-report-item {padding: 5rem 0;}
	.esg-report-inner-item {margin-right: 0; width: 100%;}
	.esg-report-info-box {height: 57rem;}
	.esg-report-info-box .num-txt {font-size: 1.5rem;}
	.esg-report-info-box .cir-txt {font-size: 1.5rem;}
	.esg-report-inner-item + .esg-report-inner-item {margin-left: 0; margin-top: 4rem;}
	.esg-report-inner-btn {margin-top: 3rem;}
	.esg-report-inner-btn a {min-width: 31rem;}

	.report-contents-box {flex-direction: column;}
	.report-contents-left {margin-right: 0; width: 100%;}
	.report-contents-right {margin-left: 0; width: 100%; margin-top: 4rem;}
	.report-contents-item .form input, .report-contents-item .tit {font-size: 1.4rem;}
	.report-contents-item .phone-fieldset .write-select, .report-contents-item .email-fieldset .write-select {font-size: 1.2rem;}
	.report-contents-item .password-form span {font-size: 1.2rem;}

	.report-contents-right .report-btn-box {margin-top: 2rem;}
	.report-contents-right .agree-txt {font-size: 1.4rem;}
	.report-contents-right .agree-txt label i, .report-contents-right .report-btn-box .submit-ps, .esg-report-txt, .esg-report-num-txt li {font-size: 1.6rem;}
	.report-contents-right .report-btn-box button {height: 5rem;}
}

@media all and (max-width: 480px) {
	.report-contents-item {height: auto; padding: 1rem 0;}
	.report-contents-item .email-fieldset .write-select {display: block; width: 100% !important;}
	.report-contents-item .email-fieldset .write-input {width: calc(50% - 12px) !important;}
	.report-contents-item.email-item {height: auto; padding: 1rem 0;}
	.report-contents-item .password-form {flex-direction: column; align-items: initial;}
	.report-contents-item .password-form input, .report-contents-item .password-form span {width: 100%;}
}

/* ****************** ESG :: 02 윤리경영 :: 02 제보 확인 ********************** */
@media all and (max-width: 800px) {
	.report-ok-wrap {padding: 3rem 0 5rem 0;}
}

/* ****************** esg :: 02 윤리경영 :: 03 신고서 확인 ********************** */
@media all and (max-width: 800px) {
	.report-page .report-check-wrap {margin-top: 5rem;}
	.report-check-wrap .check-input-box {max-width: none; width: 100%;}
	.report-check-wrap form {margin-top: 3rem;}
	.report-check-wrap .report-btn {margin-top: 2rem;}
}

/* ****************** esg :: 02 윤리경영 :: 03 신고서 확인 뷰 ********************** */
@media all and (max-width: 800px) {
	.report-ok-page {padding: 3rem 0 0 0;}
}

/* ******************  goelement :: 회사소개 ********************** */
@media all and (max-width: 1680px) {
	.problem-con .problem-bar {margin: 4% auto;}
}

@media all and (max-width: 1280px) {
	.intro-detail-con, .intro-detail-con:nth-child(3) {margin-bottom: 10rem;}
	.intro-detail-con .detail-left-box, .intro-detail-con .detail-right-box {width: 100%;}
	.intro-page .detail-big-tit {font-size: 6.2rem; padding-right: 2rem;}
	.intro-detail-con .detail-inner.flexStart .detail-right-box {padding-left: 8rem;}
	.problem-con .problem-bar {margin: 5rem auto 5rem auto;}
	.intro-page .detail-bold-txt {font-size: 2.6rem;}
	.intro-page .detail-small-tit {font-size: 1.6rem;}
	.intro-page .detail-txt {font-size: 1.8rem;}
	.problem-con .problem-txt {font-size: 3.2rem;}
	.problem-con .problem-bar {height: 12rem;}
	.problem-con .bottom-txt-box {padding-top: 0;}
}

@media all and (max-width: 800px) {
	.intro-page {padding-top: 5rem;}
	.intro-detail-con, .intro-detail-con, .intro-detail-con, .intro-detail-con:nth-child(3) {margin-bottom: 7rem;}
	.intro-detail-con .detail-inner, .intro-detail-con .detail-inner.reverse {flex-direction: column; align-items: flex-start;}
	.intro-detail-con .detail-inner .detail-left-box, .intro-detail-con .detail-inner .detail-right-box, .intro-detail-con .detail-inner.imgCon .detail-left-box, .intro-detail-con .detail-inner.imgCon .detail-right-box {width: 100%;}
	.intro-detail-con .detail-inner.flexStart .detail-right-box {padding-left: 0;}
	.intro-detail-con .detail-inner.reverse .detail-right-box {margin-right: 0;}
	.intro-detail-con .detail-right-box {margin-left: 0; margin-top: 3rem;}
	.intro-detail-con .detail-inner.imgCon .detail-right-box {margin-top: 7rem;}
	.problem-con {padding-top: 72%;}
	.intro-page .detail-bold-txt {padding-bottom: 2.5rem;}
	.intro-detail-con.grayBg {padding: 7rem 0;}
	.intro-page .detail-big-tit {padding-right: 0;}
	.intro-page .detail-big-tit {font-size: 4.2rem;}
	.intro-page .detail-bold-txt {font-size: 2rem;}
	.intro-page .detail-txt {font-size: 1.5rem;}
	.problem-con .problem-txt {font-size: 2.6rem;}
}

@media all and (max-width: 640px) {
	.problem-con {padding-top: 78%;}
	.problem-con .problem-bar {height: 8rem; margin: 3rem auto;}
}

@media all and (max-width: 480px) {
	.problem-con .problem-inner .txt-wrap {margin-top: 0;}
	.problem-con .detail-small-tit {font-size: 1.2rem;}
	.problem-con .detail-bold-txt {font-size: 1.6rem;}
	.problem-con .problem-txt {font-size: 1.8rem;}
	.problem-con .problem-bar {height: 5rem; margin: 2rem auto;}
	.intro-detail-con .detail-inner.imgCon .detail-right-box {margin-top: 5rem;}
}

@media all and (max-width: 360px) {
	.problem-con {padding-top: 80%;}
}


/* ******************  goelement :: 인사말 ********************** */

@media all and (max-width: 1280px) {
	.ceo-wrap .ceo-bg-box .ceo-bg-tit {font-size: 6rem; top: 5.5rem; padding-bottom: 4.2rem;}
	.ceo-wrap .ceo-bg-box .ceo-bg-txtBold {font-size: 3.8rem;}
	.ceo-wrap .ceo-bg-box .ceo-bg-txt {font-size: 2.6rem;}
	.ceo-wrap .ceo-bg-box .bg-inner {top: 0;}
}

@media all and (max-width: 800px) {
	.ceo-page {padding: 5rem 0;}
	.ceo-greeting-con {margin-top: 3rem;}
	/* .ceo-wrap .ceo-bg-box {padding-top: 42%;} */
	.ceo-page .cm-content-tit {margin-bottom: 4rem;}
	.ceo-wrap .ceo-bg-box .ceo-bg-tit {font-size: 4rem; top: 3rem; padding-bottom: 1.5rem;}
	.ceo-wrap .ceo-bg-box .ceo-bg-txtBold {font-size: 2.4rem; padding-bottom: 1rem;}
	.ceo-wrap .ceo-bg-box .ceo-bg-txt {font-size: 1.8rem;}
	.ceo-greeting-con .greeting-txt-box {width: calc(68.75% - 5.5rem); margin-right: 5.5rem;}
	.ceo-greeting-con .greeting-txt-box .sign-box .sign-txt {font-size: 1.8rem;}
	.ceo-greeting-con .greeting-txt-box .sign-box img {max-width: 35%;}
	.ceo-greeting-con .greeting-txt {font-size: 1.4rem; padding-bottom: 2.5rem;}
}

@media all and (max-width: 640px) {
	/* .ceo-wrap .ceo-bg-box {padding-top: 42%;} */
	.ceo-page {padding-top: 2rem;}
	.ceo-greeting-con {flex-direction: column;}
	.ceo-greeting-con .greeting-txt-box {width: 100%; margin-right: 0;}
	.ceo-greeting-con .greeting-img-box {width: 100%; text-align: center; margin-top: 2rem;}
	.ceo-greeting-con .greeting-img-box img {max-width: 55%;}
	.ceo-wrap .ceo-bg-box .ceo-bg-tit {font-size: 2.8rem; top: 2rem; padding-bottom: 1rem;}
	.ceo-wrap .ceo-bg-box .ceo-bg-txtBold {font-size: 2rem;}
	.ceo-wrap .ceo-bg-box .ceo-bg-txt {font-size: 1.6rem;}
}


@media all and (max-width: 480px) {
	/* .ceo-wrap .ceo-bg-box {padding-top: 46%;} */
	.ceo-wrap .ceo-bg-box {padding-top: 45%;}
}


/* ******************  goelement :: 연혁 ********************** */
@media all and (max-width: 1680px) {
	.history-page .history-style02 .history-percent-bar {left: 34%;}
}

@media all and (max-width: 1280px) {
	.history-page .history-style02 .history-percent-bar {left: 42%;}
}

@media all and (max-width: 800px) {
	.history-page {padding-top: 7rem !important;}
	.history-page .history-style02 .history-percent-bar {left: var(--area-padding);}
	.history-page .history-style02 .history-year-group-box {padding-left: 5rem;}
}


/* ******************  careers :: 인재상 ********************** */
@media all and (max-width: 1620px) {
	.talent-wrap .circle-list-con .circle-list .circle .circle-inner .circle-txt {font-size: 1.8rem;}
	.talent-wrap .circle-list-con .circle-list:first-child {top: 4%;}
	.talent-wrap .circle-list-con .circle-list:last-child {bottom: 4%;}
}

@media all and (max-width: 1280px) {
	.talent-wrap .circle-list-con .circle-list .circle-txt-box {margin-left: 6rem; width: calc(76.356% - 6rem);}
	.talent-wrap .circle-list-con .circle-list .circle .circle-inner img {max-width: 70%;}
	.talent-wrap .talent-bg-box img {max-width: 40%;}
	.talent-wrap .circle-list-con .circle-list .circle .circle-inner .circle-txt {font-size: 1.5rem;}
	.talent-wrap .circle-list-con .circle-list .circle .circle-inner .circle-num {font-size: 1.2rem;}
	.talent-wrap .circle-list-con .circle-list .circle .circle-inner .img-box {margin-bottom: 0.5rem;}
	.talent-wrap .circle-list-con .circle-list .circle-txt-box > span {font-size: 2rem;}
	.talent-wrap .circle-list-con .circle-list .circle-txt-box .txt-inner {padding-left: 1.4rem;}
	.talent-wrap .circle-list-con .circle-list .circle-txt-box .txt-inner > h5 {font-size: 2.4rem;}
	.talent-wrap .circle-list-con .circle-list .circle-txt-box .txt-inner > p {font-size: 1.6rem;}
}

@media all and (max-width: 800px) {
	.talent-page {padding: 0 0 7rem 0;}
	.talent-wrap {flex-direction: column;}
	/* .talent-wrap .talent-bg-box {width: 60%; padding-top: 60%; margin: 0 auto;} */
	.talent-wrap .talent-bg-box {display: none;}
	.talent-wrap .circle-list-con {width: 100%; left: 0;}
	.talent-wrap .circle-list-con .circle-list {position: static; margin-bottom: 3rem;}
	.talent-wrap .circle-list-con .circle-list .circle-txt-box {margin-left: 3rem; width: calc(76.356% - 3rem);}
	.talent-wrap .circle-list-con .circle-list:nth-child(2) {transform: translateY(0);}
	.talent-wrap .circle-list-con .circle-list:last-child {margin-bottom: 0;}
	.talent-wrap .circle-list-con .circle-list .circle-txt-box .txt-inner > h5 {font-size: 2rem;}
	.talent-wrap .circle-list-con .circle-list .circle-txt-box > span {font-size: 1.6rem;}
	.talent-wrap .circle-list-con .circle-list .circle-txt-box .txt-inner > p {font-size: 1.5rem;}
}

@media all and (max-width: 480px) {
	.talent-wrap .pc-min-br {display: none;}
	.talent-wrap .circle-list-con .circle-list .circle {width: 30%; padding-top: 30%;}
	.talent-wrap .circle-list-con .circle-list .circle-txt-box {margin-left: 1.5rem; width: calc(70% - 1.5rem);}
	.talent-wrap .circle-list-con .circle-list .circle .circle-inner img {max-width: 60%;}
}


/* ******************  careers :: 채용절차 ********************** */

@media all and (max-width: 1280px) {
	.recruit-process-wrap .process-list-con {grid-gap: 0 6.4rem;}
	.recruit-process-wrap .process-list-con .process-list::before {right: -4.4rem;}
	.recruit-process-wrap .process-list-con .process-img-box {margin-top: 8rem;}
}

@media all and (max-width: 800px) {
	.recruit-process-page {padding: 0 0 3rem 0;}
	.recruit-process-wrap .process-list-con {grid-template-columns: 1fr 1fr; grid-gap: 3rem 6.4rem;}
	.recruit-process-wrap .process-list-con .process-img-box {margin-top: 3rem;}
	.recruit-process-wrap .process-list-con .process-list:nth-child(2)::before {display: none;}
	.recruit-process-wrap .process-ps-con {padding: 3rem;}
}

@media all and (max-width: 480px) {
	.recruit-process-wrap .process-list-con {grid-template-columns: 1fr; grid-gap: 6rem 0;}
	.recruit-process-wrap .process-list-con .process-list::before {left: 50%; right: auto; top: auto; bottom: -4.2rem; transform: translateX(-50%) rotateZ(90deg);}
	.recruit-process-wrap .process-list-con .process-list:nth-child(2)::before {display: block;}
	.recruit-process-wrap .process-list-con .process-img-box {min-height: 76px;}
}


/* ******************  careers :: 채용공고 ********************** */
@media all and (max-width: 1280px) {
	.recruit-condition-con .condition-table tr:last-child td > span:first-child {padding-right: 5rem;}
	.recruit-condition-con .condition-table tr:last-child td > span:last-child {padding-left: 5rem;}
	.recruit-welfare-con .welfare-list-box .welfare-list.width50 {padding: 3rem;}
	.recruit-welfare-con .welfare-list-box .welfare-list .welfare-list-inner .list-child .child-img {min-height: 67px;}
	.recruit-welfare-con .welfare-list-box .welfare-list .welfare-list-inner.gridThree, .recruit-welfare-con .welfare-list-box .welfare-list .welfare-list-inner.gridFour {grid-gap: 0 2rem;}
	.recruit-contact-con .contact-info-wrap {flex-direction: column;}
	.recruit-contact-con .contact-info-wrap .info-box:first-child {padding-right: 0;}
	.recruit-contact-con .contact-info-wrap .info-box:first-child::before {display: none;}
	.recruit-contact-con .contact-info-wrap .info-box:last-child {padding-left: 0; margin-top: 4rem;}
	.recruit-contact-con .contact-info-wrap .info-box-tit {margin-bottom: 1.5rem;}
}

@media all and (max-width: 800px) {
	.recruit-page {padding:  0 0 3rem 0;}
	.recruit-welfare-con, .recruit-contact-con {margin-top: 8rem;}
	.recruit-condition-con .condition-table tr td {padding-left: 2rem;}
	.recruit-condition-con .condition-table tr:last-child {height: auto;}
	.recruit-condition-con .condition-table tr:last-child td {display: flex; flex-direction: column; justify-content: center; padding: 2rem;}
	.recruit-condition-con .condition-table tr:last-child td > span:first-child {padding-right: 0;}
	.recruit-condition-con .condition-table tr:last-child td > span:last-child {padding-left: 0;}
	.recruit-condition-con .condition-table tr:last-child td > span:first-child::before {display: none;}
	.recruit-condition-con .condition-table col:first-child {width: 30% !important;}
	.recruit-condition-con .condition-table col:last-child {width: 70% !important;}
	.recruit-condition-con .condition-table tr:last-child td > span {display: flex; flex-direction: column;}
	.recruit-condition-con .condition-table tr:last-child td > span strong {display: inline-block; min-width: 10.9rem;}
	.recruit-welfare-con .welfare-list-box .welfare-list.width20 {width: calc(33.333% - 3rem) !important;}
	.recruit-welfare-con .welfare-list-box .welfare-list.width50 {width: 100% !important;}
	.recruit-welfare-con .welfare-list-box .welfare-list .welfare-list-inner .list-child .child-img img {max-width: 100%;}
	.recruit-welfare-con .welfare-list .list-img-box {margin-top: 3rem;}
	.recruit-contact-con .contact-info-wrap {padding: 4rem;}
	.recruit-contact-con .contact-info-wrap .info-inner {flex-direction: column;}
	.recruit-contact-con .contact-info-wrap .info-item:first-child {margin-right: 0;}
	.recruit-contact-con .contact-info-wrap .info-item:last-child {margin-top: 2rem;}
	.recruit-contact-con .contact-info-wrap .info-item-txt02 {font-size: 2rem;}
	.recruit-contact-con .contact-info-wrap .info-item-txt02 span, .recruit-contact-con .contact-info-wrap .info-item-txt {font-size: 1.5rem;}
	.recruit-contact-con .contact-info-wrap .info-item-txt i {font-size: 1.8rem;}
}

@media all and (max-width: 640px) {
	.recruit-welfare-con .welfare-list-box .welfare-list.width20 {width: calc(50% - 3rem) !important;}
}