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

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@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: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:1380px){
	.sub-tab-list-style .area-sub {padding:0}
}
@media all and (max-width:1380px){
	.sub-tab-list-style.top-fixed {top: var(--header-height);}
}
@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}
	.sub-tab-list-style.top-fixed {width: calc(100% - 2*(var(--area-padding))); left: var(--area-padding);}
	/* 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:5rem; line-height:5rem; font-size:1.6rem; background-color:#007AC2; box-sizing:border-box; border-radius: 4rem;}
	.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; border-radius: 3rem; margin:0; height:auto; position:absolute; top:100%; left:0; right:0; background-color:#fff; border:1px solid #ddd; z-index:11; box-sizing:border-box; padding: 1rem 0; overflow: hidden;}
	.sub-drop-menu-style ul li{position:static; display:block; float:none; border:0; border-radius: 0;  width:auto; background-color:transparent}
	.sub-drop-menu-style ul li a{display:block; width:auto; height:auto !important; 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;}
	.sub-drop-menu-style ul li.selected a em{color:var(--sub-color) !important; font-weight:600; }

	.sub-tab-list-style ul li.selected {background: #fff !important;}

	.cm-sub-tit {font-size: 2.6rem; line-height: 1.5; margin-bottom: 4rem;}
	.cm-sub-txt {font-size: 1.4rem;}
	.sub-cm-btn.cm-fill-btn .cm-fill {display: none;}

	.move-line-wrap {display: none !important;}
}
@media all and (max-width:480px){
	/* Tab Fixed Move*/	
	/* .sub-tab-list-style.top-fixed{top:60px;} */
}

/* ****************** Wonpoong ********************** */
/* ***** Overview ***** */
@media all and (max-width:1600px){
	.overview-info-box {bottom: 8rem;}
	.overview-info-list {width: 40%;}
}
@media all and (max-width:1380px){
	.overview-about-box .txt-box:before {top: 13.5rem; left: calc(-1*(var(--area-padding))); height: calc(100% - 13.5rem);}
}
@media all and (max-width:1280px){
	.overview-about-box .txt-box {width: 64%; padding-right: 10rem; padding-top: 4rem;}
	.overview-about-box .img-box {width: 36%;}
	.overview-about-box .txt-box .txt02 {padding-top: 6rem;}
	.overview-global-con {margin-top: -26rem;}
	.overview-info-box {position: relative; left: 0;  transform: translateX(0); padding-top: 5rem;}
	.overview-info-list {width: 100%;}
	.overview-info-list li {width: 33.33%;}

}
@media all and (max-width:800px){
	.overview-about-box {flex-wrap: wrap-reverse;}
	.overview-about-box .img-box {width: 50%;}
	.overview-about-box .txt-box {width: 100%; padding-right: 0;}
	.overview-about-box .txt-box:before {top: 9.5rem; left: calc(-1*(var(--area-padding))); width: calc(100% + 2*(var(--area-padding))); height: calc(100% - 11.5rem);} 
	.overview-about-box .txt-box .txt01 {font-size: 2.6rem;}
	.overview-about-box .txt-box .txt02 {font-size: 1.7rem; padding-top: 5rem;}
	.overview-about-box .txt-box .txt03 {font-size: 1.4rem;}
	.overview-global-con {margin-top: -12rem;}
	.overview-map-bg-box {padding: 0;}
	.overview-info-list li {width: 100%; text-align: center; margin: 2rem 0;}
	.overview-info-list li strong {font-size: 1.4rem;}
	.overview-info-list li .number {font-size: 4.6rem;}
	.overview-info-list li .txt {font-size: 1.4rem; height: auto; padding-top: 2rem;}

	/* 인증서 */
	.overview-certi-con {padding: 7rem 0;}
	.overview-certi-tab-con {margin-top: 5rem;}
	.certicate-list li {width: calc(50% - 2rem); margin: 2rem 1rem;}
	.certicate-list .certificate-img-thumb {padding: 4.5rem 0;}
	.certicate-list .certificate-tit {font-size: 1.4rem; margin-top: 1rem;}
	/* CI */
	.overview-ci-con {padding: 7rem 0;}
	.ci-con {padding: 3rem 0; display: block;}
	.ci-con:last-of-type {padding-bottom: 0;}
	.ci-con .left-con {width: 100%; margin-bottom: 3rem;}
	.ci-con .left-con .tit {font-size: 2rem; margin-bottom: 2rem;}
	.ci-con .left-con .ci-btn-box {display: flex; margin: 0 -0.5rem;}
	.ci-con .left-con .ci-btn-box .sub-cm-btn {margin: 0 0.5rem;}
	.ci-con .right-con {width: 100%;}
	.ci-logo-box dt {height: auto; min-height: 23rem;}
	.ci-logo-box dd {padding: 2rem;}
	.ci-logo-box dd .txt {font-size: 1.4rem;}
	.color-con {height: auto;}
	.color-con .color-box {width: 100%; padding: 2.5rem 2rem;}
	.color-con .color-box strong {display: block; margin-bottom: 3rem; font-size: 1.7rem;}
	.color-con .color-box .color-txt {font-size: 1.4rem;}
}
@media all and (max-width:480px){
	.overview-about-box .img-box {width: 100%;}
	.overview-global-con {margin-top: -8rem;}
	.ci-con .left-con .ci-btn-box .sub-cm-btn {width: calc(50% - 1rem);}
}

/* ***** Brand portfolio ***** */
@media all and (max-width:1380px){
	.brand-con02 .sub-tab-wrapper-style {padding:0 var(--area-padding); -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
}
@media all and (max-width:1280px){
	.brand-banner-inner .inner-list li .icon img {max-height: 100%;}
}
@media all and (max-width:800px){
	.brand-top-logo {height: 4rem;}
	.brand-con01 {padding-bottom: 5rem;}
	.brand-con01-top {margin-bottom: 7rem;}
	.brand-con01-top .txt01 {font-size: 2rem;} 
	.brand-con01-top .txt02 {font-size: 1.4rem;}
	.brand-con01-top dl {width: 100%; display: block;}
	.brand-con01-top dl dt {font-size: 1.4rem;}
	.brand-con01-top dl dd {flex-wrap: wrap; height: auto;}
	.brand-con01-top dl dd span {margin: 1rem 1.5rem;}
	.brand-logo-item .inner span {padding: 6rem 3rem;}
	.brand-con02 {    padding: 3rem 0 7rem;}
	.brand-banner {padding: 7rem 0;}
	.brand-banner-inner .tit-box {margin-bottom: 8rem;}
	.brand-banner-inner .tit-box dt {padding: 0 7rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.brand-banner-inner .tit-box dt svg {max-width: 100%;}
	.brand-banner-inner .tit-box dd {padding-top: 2rem; font-size: 1.4rem;}
	.brand-banner-inner .inner-list {flex-wrap: wrap;}
	.brand-banner-inner .inner-list li {display: flex; align-items: center; width: 100%; border-left: 0; border-bottom: 1px solid rgba(255,255,255,0.1); padding: 3rem 0;}
	.brand-banner-inner .inner-list li:first-child {padding-top: 0;}
	.brand-banner-inner .inner-list li:last-child {padding-bottom: 0; border-bottom: 0;}
	.brand-banner-inner .inner-list li .icon {text-align: center; width: 10rem; height: 8rem; line-height: 8rem; margin-bottom: 0;}
	.brand-banner-inner .inner-list li .icon img {max-width: 100%;}
	.brand-banner-inner .inner-list li .txt-box {width: calc(100% - 10rem); padding-left: 3rem; text-align: left; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
	.brand-banner-inner .inner-list li strong {font-size: 2rem;}
	.brand-banner-inner .inner-list li .txt {font-size: 1.4rem; padding-top: 1.5rem;}

	.brand-ci-con {display: block; padding-top: 7rem;}
	.brand-ci-con .tit {width: 100%; margin-bottom: 3rem; font-size: 2rem;}
	.brand-ci-con .right-con {width: 100%;}
	.brand-ci-style .ci-logo-box {height: 23rem; margin-bottom: 5rem; padding: 2rem 7rem;}
	.brand-ci-style dl {flex-wrap: wrap;}
	.brand-ci-style dl dt {width: 100%; font-size: 1.7rem; margin-bottom: 1.5rem;}
	.brand-ci-style dl dd {width: 100%;}
	.brand-ci-style dl dd .txt {font-size: 1.4rem;}
	.brand-ci-style dl dd .color-list {flex-wrap: wrap;}
	.brand-ci-style dl dd .color-list li {width: 50%; margin-bottom: 1rem;}
	.brand-ci-style dl dd .txt.hypen:before {top: 0.9rem;}
}


/* ***** History ***** */
@media all and (max-width:800px){
	.history-page {padding-bottom:10rem;}
	.history-con-wrapper {margin-top: 7rem;}
}

/* ***** Corporate Values ***** */
@media all and (max-width:800px){
	.value-top-con {padding-bottom: 6rem;}
	.value-top-con .cm-sub-tit {margin-bottom: 3rem;}
	.value-con {padding:8rem 0;}
	.value-banner-con {height: 40rem; background-position:right 35% top 50% ; background-attachment: unset;}
	.value-list {display: none;}
	.value-list li {flex-wrap: wrap;}
	.value-list li .txt-box {width: 100%; padding-left: 0; padding-top: 3rem; display: block;}
	.value-list li .txt-box .tit {width: 100%; font-size: 1.7rem; margin-bottom: 1rem;}
	.value-list li .txt-box .txt {width: 100%; font-size: 1.4rem; padding-left: 0;}
	.value-arrow {padding: 4rem 0;}
	.value-bottom-box .txt01 {font-size: 1.7rem; line-height: 1.7;}
	.value-bottom-box .txt02 {font-size: 1.4rem;}
	.value-list-m-con {display: block;  padding-bottom: 3.5rem !important;}
}

/* ***** Presence ***** */
@media all and (max-width:800px){
	.presence-page {padding-bottom: 8rem;}
	.presence-tab-con {margin-top: 4.5rem;}
	.presence-location-top {display: block;}
	.presence-location-top .img-box {width: 100%; max-width: 48rem;}
	.presence-location-top .info-box {width: 100%; padding-left: 0; padding-top: 3rem;}
	.presence-location-top .info-box .tit {font-size: 2rem; margin-bottom: 2rem;}
	.presence-location-top .info-box dl {font-size: 1.4rem;}
}
/* ***** Code of Ethics ***** */
@media all and (max-width:800px){
	.ethics-con01 {padding: 7rem 0;}
	.ethics-list li {display: block;}
	.ethics-list li .icon {position: relative; width: 100%; height: 8.4rem; padding: 2rem;}
	.ethics-list li .txt {padding: 2rem; font-size: 1.4rem;}
	.ethics-con02 {padding: 6rem 0 0;}
	.ethics-item-con .ethics-item-tit {font-size: 2rem;}
	.ethics-item-con .ethics-box {padding: 2.5rem 2.5rem 3rem;}
	.ethics-item-con .ethics-box dl dt {font-size: 1.7rem; margin-bottom: 1rem;}
	.ethics-item-con .ethics-box dl dd .txt {font-size: 1.4rem;}
	.ethics-item-con .ethics-box dl dd .txt:before {top: 0.9rem;}
	.ethics-item-con + .ethics-item-con {padding-top: 5rem;}

	.ethics-item-con .ethics-mail-box {padding: 1rem 2.5rem;}
	.ethics-item-con .ethics-mail-box dl {display: block; padding: 2rem 0;}
	.ethics-item-con .ethics-mail-box dl dt {width: 100%; margin-bottom: 1rem; font-size: 1.7rem;}
	.ethics-item-con .ethics-mail-box dl dd {width: 100%; padding-right: 0; font-size: 1.4rem;}
	.ethics-item-con .ethics-mail-box dl dd a {position: relative; margin-top: 2rem; font-size: 1.3rem;}


}
/* ***** R&D Center ***** */
@media all and (max-width:800px){
	.rnd-top-banner {height: 38rem; background-attachment: unset;}
	.rnd-top-banner .txt {font-size: 2rem;}
	.rnd-top-banner .txt2 {font-size: 1.4rem;}
	.rnd-con01 {padding: 7rem 0;}
	.rnd-list {display: none;}
	.rnd-list li {display: block; padding: 3rem 0;}
	.rnd-list li .txt-box {width: 100%; padding-left: 0; padding-top: 3rem;}
	.rnd-list li .txt-box .tit {font-size: 1.7rem;}
	.rnd-list li .txt-box .txt {font-size: 1.4rem;}
	.rnd-list-m-con  {display: block; padding-bottom: 3.5rem !important;}
	.rnd-con02 {padding: 7rem 0;}
	.rnd-con02 .tit-box {flex-wrap: wrap; padding-bottom: 0;}
	.rnd-con02 .tit-box .txt-box {width: 100%;}
	.rnd-con02 .tit-box .txt-box .txt01 {font-size: 1.7rem;}
	.rnd-con02 .tit-box .txt-box .txt02 {font-size: 1.4rem;}
	.rnd-con02 .tit-box .txt-box .txt02:before {top: 0.9rem;}
	.rnd-con02 .tit-box .txt-box dl {margin: 2rem 0 0;}
	.rnd-con02 .tit-box .tit {font-size: 2.6rem;}

	.rnd-research-list-con.swiper-container {overflow: hidden;}
	.rnd-research-list-con:before,
	.rnd-research-list-con:after {display: none;}
	.rnd-research-list {padding: 4rem 0 9.6rem;}
	.rnd-research-swiper-pagination {display: block;}
	.rnd-research-arrows {position: absolute; left: 0; right: auto; top: auto; margin-top: 0; width: 100%; bottom: 4rem; height: 2.6rem; display: flex; align-items: center;}
	.rnd-research-arrows button.rnd-research-prev-btn {margin-right: 0;}
	.rnd-research-swiper-pagination.swiper-pagination-progressbar {position: relative !important; width: calc(100% - 6.8rem); height: 5px; margin: 0 1rem;}
	.rnd-research-swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #000;}
}

/* ****************** Products  ********************** */
/* ***** 제품 목록 페이지 ***** */
@media all and (max-width:800px){
	.product-list-top-con .tit-con {padding: 8rem 0;}
	.product-list-top-con .tit-con .tit {font-size: 2.6rem;}
	.product-list-top-con .tit-con .txt {font-size: 1.4rem; padding-top: 2rem;}
	.product-list-top-con .tit-con .icon {width: 10rem;height: 10rem; bottom: -5rem; margin-left: -5rem;}
	.product-list-con {padding: 11rem 0 8rem;}
	.product-list li a {display: block; padding: 2.5rem 1.5rem 2rem;}
	.product-list li a .img-box {width: 100%;}
	.product-list li a .txt-box {width: 100%; padding-left: 0; padding-top: 3rem;}
	.product-list li a .txt-box .tit {font-size: 2.6rem;}
	.product-list li a .txt-box .txt {font-size: 1.4rem; margin-top: 1.5rem;}
}

/* ***** 제품 상세 페이지 ***** */
@media all and (max-width:1760px){
	.prd-tab-wrapper-style {left: var(--area-padding);}
	.prd-tab-inner {width: calc(100% - 4rem); margin: 0 auto;}
}
@media all and (max-width:1600px){
	.prd-tab-list-style li a,
	.prd-tab-list-style li button,
	.prd-tab-list-style.top-fixed li a,
	.prd-tab-list-style.top-fixed li button {width: 4rem; height: 4rem; line-height: 1.3;}
	.prd-tab-list-style.top-fixed li a em,
	.prd-tab-list-style.top-fixed li button,
	.prd-tab-list-style li a em,
	.prd-tab-list-style li button {font-size: 0;}
	.prd-tab-list-style.top-fixed li a em span,
	.prd-tab-list-style.top-fixed li button span,
	.prd-tab-list-style li a em span,
	.prd-tab-list-style li button span{font-size:1.2rem;}

	.prd-tab-inner {width: 100%; }
}
@media all and (max-width:1480px){
	.prd-tab-wrapper-style {left: 2rem;}
	.prd-tab-inner {width: calc(100% - 10rem); margin: 0 auto;}
}
@media all and (max-width:1360px){
	.prd-applications-con:before {right:calc(-1*(var(--area-padding) + 15rem)); width: calc(var(--area-padding) + 15rem);}
	.prd-applications-con:after {left:calc(-1*(var(--area-padding) + 15rem)); width: calc(var(--area-padding) + 15rem);}
}
@media all and (max-width:1280px){
	.prd-view-options-list  {flex-wrap: wrap; margin: -3rem -2rem;}
	.prd-view-options-list li {width: calc(20% - 4rem); margin: 3rem 2rem; padding: 0 1rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
	.prd-tab-list-style.top-fixed {top: calc(var(--header-height) + 2rem);}
}
@media all and (max-width:800px){
	.prd-tab-con {padding: 8rem 0 7rem;}
	.prd-tab-wrapper-style {display: none; top: 8.5rem; width: 3.6rem; left: 1.5rem;}
	.prd-tab-list-style ul {width: 3.6rem;}

	.prd-tab-list-style li a,
	.prd-tab-list-style li button,
	.prd-tab-list-style.top-fixed li a,
	.prd-tab-list-style.top-fixed li button {width: 3.6rem; height: 3.6rem; line-height: 1.3;}
	
	/* .prd-tab-inner {width: calc(100% - 5.8rem); margin: 0 auto;} */
	.prd-tab-inner {width:100%;}
	.prd-view-tit-box {padding-bottom: 2rem;}
	.prd-view-tit-box .tit {font-size: 2.6rem;}
	.prd-view-features-con {padding-top: 2rem;}
	.prd-view-features-con .option-txt {padding-left: 2.5rem; font-size: 1.4rem;}
	.prd-view-features-con .option-txt:before {font-size: 1.6rem; top: -0.1rem;}
	.prd-tab-con .custom-scrollbar-wrapper {margin-right: 0;}
	.prd-view-options-con {padding-top:2rem ; }
	.prd-view-options-list {flex-wrap: nowrap;padding-top: 2rem; margin: 0; gap: 3rem}
	.prd-view-options-list li {width: 12.5%; margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
	.prd-view-options-list li:first-child {margin-left: 0;}
	.prd-view-options-list li .icon {width: 7rem; height: 7rem;}
	.prd-view-options-list li .tit {font-size: 1.4rem;}
	
	.prd-spec-list-row .column {font-size: 1.4rem;}
	.prd-spec-list-row .spec-title a {font-size: 1.4rem;}
	
	.prd-applications-con.swiper-container {overflow: hidden;}
	.prd-applications-con:before,
	.prd-applications-con:after {display: none;}
	.prd-applications-list {padding: 4rem 0 9.6rem;}
	.prd-applications-swiper-pagination {display: block;}
	.prd-applications-arrows {position: absolute; left: 0; right: auto; top: auto; margin-top: 0; width: 100%; bottom: 4rem; height: 2.6rem; display: flex; align-items: center;}
	.prd-applications-arrows button.prd-applications-prev-btn {margin-right: 0;}
	.prd-applications-swiper-pagination.swiper-pagination-progressbar {position: relative !important; width: calc(100% - 6.8rem); height: 5px; margin: 0 1rem;}
	.prd-applications-swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #000;}
	
	.prd-keyword-con {margin-top: 4rem; display: block;}
	.prd-keyword-con dt {width: 100%; margin-bottom:2rem; font-size: 2rem;}
	.prd-keyword-con dd {width: 100%; text-align: left; margin: -0.5rem;}
	.prd-keyword-con dd span {margin: 0.5rem; font-size: 1.4rem;}
	.prd-keyword-con dd span + span {margin-left: 0.5rem;}

	/* .prd-spec-list-row .spec-title a {font-size: 1.5rem;}
	.prd-spec-list-row .column  {font-size: 1.3rem;}
	.prd-spec-list-row .spec-title a i {font-size: 1.8rem;} */

	.prd-keyword-con dd span {height: 4.2rem; line-height: 4rem;}

}
@media all and (max-width:480px){
	.prd-keyword-con dd span {display: block; margin: 0; text-align: center;}
	.prd-keyword-con dd span + span {margin-left: 0; margin-top: 1rem;}
	
}

/* ****************** Investor Relations ********************** */
@media all and (max-width:800px){
	.ir-page {padding-bottom: 7rem;}
}

/* ****************** PR Center  ********************** */
/* ***** Wonpoong News ***** */
@media all and (max-width:1280px){
	.news-headline-item a .news-info-con {padding: 2.5rem 3rem;}
	.news-headline-list {min-height: 48rem;}
}
@media all and (max-width:800px){
	.news-page {padding-bottom: 8rem;}
	.news-top-con .tit {font-size: 2.6rem; text-align: center; margin-bottom: 4rem;}
	.news-headline-list {flex-wrap: wrap; flex-direction: row; align-items: start; margin: -1rem; min-height: none;}
	.news-headline-item {width: calc(100% - 2rem); margin: 1rem;}
	.news-headline-item a .news-info-con {padding: 2.5rem 2rem;}
	.news-headline-item a .news-tit {font-size: 2rem; }
	.news-headline-item a .list-more-plus-icon {display: none;}
	.large-headline-item {position: relative; width: calc(100% - 2rem);}
	.large-headline-item a .news-tit {font-size: 2rem;}
	
	.news-headline-list {display: none;}
	.news-headline-m-con {display: block; padding-bottom: 4.5rem !important;}
	.news-headline-list-m .news-headline-item {margin: 0; height: 100% !important;}
	.news-headline-list-m .news-headline-item a .news-info-con {position: relative; padding: 4rem 0 0 ;}
	.news-headline-list-m .news-headline-item a .news-info-top {display: block;}
	.news-headline-list-m .news-headline-item a .news-info-top .news-date {display: block; color: #666; margin-top: 2rem;}
	.news-headline-list-m .news-headline-item a .news-tit {color: #000; margin-top: 1rem;}
	.news-headline-list-m .news-headline-item a .news-thumb-con:after {display: none;}
	
	.news-swiper-pagination {bottom: 0 !important; top: auto !important;}
	.news-swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #000;}
}


/* ***** Catalog ***** */
@media all and (max-width:1480px){
	.catalog-modal-content  .modal-close-btn {right: 0; top: -4.2rem;}
}
@media all and (max-width:1280px){
	.catalog-list {margin: -3rem -4rem;}
	.catalog-list li {width: calc(25% - 8rem); margin: 3rem 4rem;}
}
@media all and (max-width:800px){
	.catalog-top-con {flex-wrap: wrap-reverse; padding-bottom: 7rem;}
	.catalog-top-con .info-box {width: 100%; padding-right: 0;}
	.catalog-top-con .info-box .tit {font-size: 2.6rem; padding: 3rem 0;}
	.catalog-top-con .info-box .info-bottom {padding-top: 3rem;}
	.catalog-top-con .info-box .info-bottom dl dt {font-size: 2rem;}
	.catalog-top-con .info-box .info-bottom dl dd {font-size: 1.4rem;}
	.catalog-top-con .info-box .btn-box {margin-top: 2rem;}
	.catalog-con {padding: 7rem 0 ;}
	
	.catalog-list {margin: -1.5rem -2.5rem; padding:4rem 0;}
	.catalog-list li {width: calc(33.33% - 5rem); margin: 1.5rem 2.5rem;}
	.catalog-list li .tit {font-size: 1.4rem; margin-top: 1rem;}
	.catalog-inner-box {padding: 1rem;}
}
@media all and (max-width:480px){
	.catalog-list {margin: -1.5rem -2rem;}
	.catalog-list li {width: calc(50% - 4rem); margin: 1.5rem 2rem;}
}

/* ***** Recruitment ***** */
@media all and (max-width:1280px){
	.recruitment-step li .inner span {    margin: 0 auto 2.5rem}
	.recruitment-step li .inner dd {font-size:2.6rem;}
	.recruitment-welcome-txt {padding: 4rem ;}
}
@media all and (max-width:800px){
	/* 채용공고 */
	.recruitment-top-con {margin-top: 7rem;}
	.recruitment-top-con .tit {font-size: 2.6rem;}
	.recruitment-top-con .txt {font-size: 1.4rem;}
	.recruitment-step-con {padding-top: 5rem;}
	.recruitment-step {flex-wrap: nowrap; padding: 1rem 0;}
	.recruitment-step li .inner {padding: 0 4rem;}
	.recruitment-step li .inner span {width: 4.5rem; height: 4.5rem;   margin: 0 auto 2.rem;;}
	.recruitment-step li .inner dt {font-size: 10px;}
	.recruitment-step li .inner dd {font-size: 1.4rem;}
	.recruitment-step li .step-txt {font-size: 1.4rem;}
	/* .recruitment-step {flex-wrap: wrap; margin: -2rem;}
	.recruitment-step li {width: calc(50% - 4rem); margin: 2rem;}
	.recruitment-step li:nth-child(3) .inner-wrap:before ,
	.recruitment-step li:nth-child(3) .inner-wrap:after {display: none;}
	.recruitment-step li .inner {padding: 0 3rem;}
	.recruitment-step li .inner span {margin: 0 auto 2rem;}
	.recruitment-step li .inner dd {font-size: 2rem;} */
	
	.recruitment-notice-con {padding-top: 7rem;}
	.recruitment-welcome-txt {margin-top: 5.5rem;}
	.recruitment-welcome-txt span {display: none;}
	.recruitment-welcome-txt .inner-txt {font-size: 1.7rem;}
	.recruitment-welcome-txt .inner-txt br {display: none;}
	.recruitment-select-con {width: 100%;}
	.recruitment-list {padding: 2rem 0; margin: 0;}
	.recruitment-list li {width: 100%; margin: 0; margin-bottom: 1rem;}
	.recruitment-list li:last-of-type {margin-bottom: 0;}
	.recruitment-list li a {    padding: 2.5rem 6rem 2.5rem 2.5rem;}
	.recruitment-list li a .list-tit {font-size: 1.7rem;}
	.recruitment-list li a i {right: 3rem; font-size: 3rem; margin-top: -1.5rem;}
	.recruitment-list li a .list-date {font-size: 1.4rem;}
	
	/* 채용문의 */
	.recruitment-inquiry-con {margin-top: 5rem;}
	.inquiry-wrapper {padding: 2.5rem 0; border-top: 0;}
	.inquiry-wrapper .inquiry-form + .inquiry-form {padding-top: 7rem;}
	.inquiry-form .inquiry-item .inquiry-item-tit {font-size: 1.7rem; }
	.inquiry-input-box .write-input, 
	.inquiry-input-box .write-select {height: 5rem;}
	.inquiry-input-box .write-input, .inquiry-input-box .write-select, .inquiry-input-box .write-textarea {font-size: 1.4rem;}
	.inquiry-form-col2 {display: block; margin: 0;}
	.inquiry-form-col2 .inquiry-item {width: 100%; margin: 0; margin-bottom: 3rem;}
	.inquiry-form-col2 .inquiry-item:last-child {margin-bottom: 0;}
	.inquiry-form-col2 .inquiry-item .inquiry-input-box {height: 5rem;}
	.agree-check-con {display: block;}
	.agree-check-con .agree-txt {margin-bottom: 2rem; font-size: 1.7rem;}
	.agree-check-con .agree-txt br {display: none;}
	.inquiry-btn-con .inquiry-submit-btn { width: 100%; max-width: 30rem;  height: 6rem; line-height: 6rem; font-size: 1.6rem;}
}


/* ***** ESG ***** */
@media all and (max-width:1440px){
	.esg-con01 .esg-con01-txt {padding-top: 10rem;}
}
@media all and (max-width:1280px){
	.esg-banner-inner {padding: 25rem 0;}
	.esg-con01 .esg-con01-txt {position: relative; padding-top: 4rem;}
}
@media all and (max-width:800px){
	.esg-page .news-top-con {padding-bottom: 10rem;}
	.esg-page .news-headline-list-m .news-headline-item a .news-info-top .news-date {margin-top: 0;}
	.esg-certicate-con {padding: 8rem 0;}
	.esg-certicate-con .tit-box {padding-bottom: 0;}
	.esg-certicate-con .tit-box .tit {font-size: 2.6rem;}
	.esg-certicate-list .certificate-img-thumb {padding: 5rem 0;}
	.esg-certicate-list .certificate-tit {font-size: 1.4rem;}
	.esg-banner-con {    background-attachment: unset;}
	.esg-banner-inner {padding: 8rem 0;}
	.esg-banner-inner .esg-banner-txt {font-size: 2rem;}
	.esg-banner-inner .esg-banner-txt2 {font-size: 1.4rem;}
	.esg-con01 .esg-con01-txt .txt01 {font-size: 1.7rem;}
	.esg-con01 .esg-con01-txt .txt02 {font-size: 1.4rem;}
	
	.esg-con02 {padding-top: 8rem;}

	.esg-list-con .tit-esg {width: 50%; height:8rem; line-height: 7rem; font-size: 2.6rem; margin: 0 auto 4rem;}
	.esg-list {flex-wrap: wrap; margin: 0; padding-top: 0;}
	.esg-list:before {display: none;}
	.esg-list li {width: 100%; margin: 0 0 3rem; height: auto; padding-top: 8rem;}
	.esg-list li:first-child:before {display: none;}
	.esg-list li:before {height: 3rem; top: -3rem;}
	.esg-list li .tit-box {height: 8rem; padding: 0  2.5rem;}
	.esg-list li .tit-box strong {font-size: 2rem;}
	.esg-list li .txt-box dl dt {font-size: 1.7rem;}
	.esg-list li .txt-box dl dd .txt {font-size: 1.4rem;}
	.esg-list li .txt-box dl dd .txt:before {top: 0.7rem;}
	.esg-list li .txt-box {height: auto; padding: 2.5rem  2.5rem 12rem;}
	.esg-list li .txt-box .txt {font-size: 1.4rem;}
	.esg-list li .txt-box .icon {right: 3rem; bottom: 3rem;}
	.esg-list li .txt-box .icon img {height: 5.6rem;}
}
@media all and (max-width:640px){
	.certicate-modal-content  { width: calc(100vw - 40px);margin: 50px 20px; max-width: none;}
	.certicate-modal-content .modal-close-btn {top: -3.5rem; right: 0;}
	.certicate-modal-content .modal-close-btn i {font-size: 2.8rem;}
}

/* ****************** Investor Relations ********************** */
@media all and (max-width:1280px){
	.ir-con .sub-tab-list-style.top-fixed  {top: var(--header-height);}
}
@media all and (max-width:800px){
	.ir-con .sub-tab-list-style {width: 100%;}
	.ir-con .sub-tab-list-style.top-fixed  {width: calc(100% - 2*(var(--area-padding))); left: var(--area-padding);  top: var(--header-height); transform: translateX(0);}
}

/* ****************** Customer Center ********************** */
@media all and (max-width:800px){
	.customer-page .inquiry-wrapper .inquiry-form-col2 {padding-top: 2rem;}
}

/* ****************** 서브페이지 공통 하단  ********************** */
@media all and (max-width:1360px){
	.sub-bottom-online-con {padding: 0;}
}
@media all and (max-width:800px){
	.sub-bottom-online {padding: 8rem 0; background-attachment: unset;}
	.sub-bottom-online .main-tit-box .main-tit02 {font-size: 4rem;}
	.sub-bottom-online .main-tit-box .main-btn-style01 {margin-top: 4rem;}
}