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

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

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{height:8rem; max-width: var(--area-width); margin: 0 auto 6rem; position:relative;}
.sub-tab-list-style ul{margin: 0 -0.3rem; height:100%; display: flex; flex-wrap:wrap; align-items: center; justify-content: center;}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{margin: 0 0.3rem; width: calc(20% - 0.6rem); /* max-width: 16rem; */ max-width:18rem;}
.sub-tab-list-style ul li a{display:table; height:5.5rem; width:100%; border-radius: 5.5rem; background-color:#dfdfdf;}
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#999; font-size:1.7rem; line-height: 1.3; letter-spacing:-0.025em; text-align:center;}
.sub-tab-list-style ul li.selected a{background-color:var(--main-color2);ont-weight: 500}
.sub-tab-list-style ul li.selected a em{color:#fff;}

.sub-tab-list-style ul li a:hover{background-color:#cfcfcf;} /*메뉴효과 */
.sub-tab-list-style ul li a{transition:0.3s;}

.ethical-content .sub-tab-wrapper-style{height:7rem; margin-bottom: 7rem; max-width: var(--area-box-width);}
.ethical-content .sub-tab-list-style ul li{width: calc(25% - 0.6rem); max-width: none;}
.ethical-content .sub-tab-list-style ul li a{height:7rem; border-radius: 7rem;}

/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:70px; left:0; width:100%; height:60px;}
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}

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

/* -------- 공통 :: 레이아웃 -------- */
.sub-flex-con {display: flex;}
.sub-flex-con .left-con {width: 23.33%; padding-right: 4rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.sub-flex-con .right-con {width: 76.67%;}
.sub-flex-con .con-tit {font-size: 3.2rem; font-weight: 700; letter-spacing: -0.05em; color: #222222; line-height: 1.25em;}
.sub-flex-con .con-tit span {position: relative; display: inline-block;}
.sub-flex-con .con-tit span:before {position: absolute; content: ''; right: -2rem; bottom: 0.8rem; width: 1rem; height: 1rem; border-radius: 1rem; background: #dd0031;}


/* ****************** 01. 회사소개 ********************** */
/* -------- 공통 -------- */
.cm-container {display: flex;}
.cm-tit-box {width: 18.334%; padding-right: 5%;}
.cm-con-tit {position: relative; display: inline-block; font-size: 3.2rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.25em; color: #222;}
.cm-con-tit::before {position: absolute; content: ""; right: -1.8rem; bottom: 1rem; width: 1rem; height: 1rem; border-radius: 50%; background-color: #dd0031;}
.cm-content-wrap {width: 76.667%;}

/* -------- CEO 인사말 -------- */
.greeting-page {padding-bottom: 15rem; margin-top: -3rem;}
.ceo-top-con {position: relative;}
.ceo-top-con::before {position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: center / cover no-repeat url("/images/content/ceo_bg.jpg");}
.ceo-top-con .inner {display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 1;}
.ceo-top-con .top-tit {font-size: 2rem; font-style: italic; font-weight: 700; letter-spacing: 0.05em; line-height: 1.5em; color: var(--main-color); padding-bottom: 2rem;}
.ceo-top-con .top-txt {font-size: 4.2rem; font-weight: 600; letter-spacing: -0.075em; line-height: 1.3em; color: #222;}
.ceo-top-con .img-box {margin-right: 16.5rem; width: 24.2%;}
.ceo-top-con .img-box img {max-width: 100%;}

.ceo-top-con .img-box img{transition:0.4s;} /* 이미지 hover */
.ceo-top-con .img-box:hover img{transform:scale(1.05);}

.ceo-top-con .txt-box {padding-top: 11.5rem; width: calc(75.8% - 16.5rem);}

.ceo-bt-con {margin-top: 6.3rem}
.ceo-bt-con .inner {display: flex; gap: 0 12.5rem;}
.ceo-bt-con .inner .left-box, .ceo-bt-con .inner .right-box {width: 50%;}
.ceo-bt-con .inner .ceo-txt {font-size: 1.7rem; font-weight: 500; letter-spacing: -0.075em; line-height: 1.76em; color: #555; padding-bottom: 3rem;}
.ceo-bt-con .inner .ceo-txt > span {color: #dd0031; font-weight: 600;}
.ceo-bt-con .inner .ceo-txt:last-child {padding-bottom: 0;}
.ceo-bt-con .inner .ceo-big-txt {font-size: 2rem; font-weight: 400; letter-spacing: -0.075em; line-height: 1.6em; color: #555;}
.ceo-bt-con .inner .ceo-big-txt > span {font-weight: 600; color: #dd0031; padding-left: 0.6rem;border-bottom:2px solid #dd0031; padding-bottom:4px;}
.ceo-bt-con .sign-box {display: flex;}
.ceo-bt-con .sign-box figure {margin-left: 5.5rem;}
.ceo-bt-con .sign-box figure img {max-width: 100%;}

/* -------- 기업개요 -------- */
/* 경영정신 */
.overview-page {padding-bottom: 15rem;}
.spirit-content-con {padding-top: 2rem;}
.spirit-content-con .spirit-schema-box img {display: block; max-width: 100%; margin: 0 auto;}
.spirit-content-con .spirit-schema-box {margin-bottom: 13.5rem;}

.spirit-txt-list-box .spirit-txt-list {display: flex; align-items: flex-start; border-bottom: 1px solid #ddd; padding: 5.2rem 0;}
.spirit-txt-list-box .spirit-txt-list:first-child {padding-top: 0;}
.spirit-txt-list-box .spirit-txt-list .icon-box {display: flex; min-width: 9.8rem;}
.spirit-txt-list-box .spirit-txt-list .icon-box .icon {display: flex; align-items: center; padding-right: 1.5rem;}
.spirit-txt-list-box .spirit-txt-list .icon-box .icon img {max-width: 100%;}
.spirit-txt-list-box .spirit-txt-list .icon-box h5 {font-size: 3.2rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.5em; color: #e4552d;}
.spirit-txt-list-box .spirit-txt-list .icon-box h5.blue {color: #e4552d;}
.spirit-txt-list-box .spirit-txt-list .icon-box h5.green {color: #10b896;}
.spirit-txt-list-box .spirit-txt-list .icon-box h5.pupple {color: #383c91;}
.spirit-txt-list-box .spirit-txt-list > p {width: calc(100% - 15.8rem); padding-left: 6rem; font-size: 1.6rem; font-weight: 400; letter-spacing: -0.025em; line-height: 1.75em; color: #555;}

/* 비전 */
.vision-content-con {padding-top: 2rem;}
.vision-content-con .cm-container:first-child {margin-bottom: 12rem;}
.vision-content-con .vision-main-txt-box {background-color: #edeef0; border-radius: 3rem; padding: 6.6rem 3rem; box-sizing: border-box;}
.vision-content-con .vision-main-txt {font-size: 3.8rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.42em; color: #333; text-align: center;}
.vision-content-con .vision-main-txt > span {color: #dd0031;}

.vision-content-con .dot-txt-list-box {margin-top: 2.7rem;}
.vision-content-con .dot-txt-list-box .dot-txt-list {position: relative; font-size: 1.8rem; font-weight: 400; letter-spacing: -0.05em; line-height: 1.94em; color: #555; padding-left: 1.5rem;}
.vision-content-con .dot-txt-list-box .dot-txt-list::before {position: absolute; content: ""; left: 0; top: 1.5rem; width: 0.5rem; height: 0.5rem; background-color: #dd0031; border-radius: 50%;}

/* 핵심가치 */
.value-content-con .value-list-box .value-list {display: flex; align-items: flex-start; border-bottom: 1px solid #ddd; padding: 5rem 0 5.5rem 0;}
.value-content-con .value-list-box .value-list:first-child {padding-top: 1rem;}
.value-content-con .value-list-box .value-list .icon {display: flex; align-items: center; justify-content: center; width: 12rem; height: 12rem; border-radius: 50%; padding: 2rem; box-sizing: border-box; margin-right: 5.5rem;}
.value-content-con .value-list-box .value-list .txt-box {width: calc(100% - 17.5rem);}
.value-content-con .value-list-box .value-list .icon img {max-width: 100%;}
.value-content-con .value-list-box .value-list .icon.brown {background-color: #c9002d;}
.value-content-con .value-list-box .value-list .icon.navy {background-color: #dd0031;}
.value-content-con .value-list-box .value-list .icon.red {background-color: #dd000c;}
.value-content-con .value-list-box .value-list .icon.green {background-color: #ff547a;}
.value-content-con .value-list-box .value-list .icon.black {background-color: #ff7b98;}
.value-content-con .value-list-box .value-list .tit-box {padding-bottom:3rem;}
.value-content-con .value-list-box .value-list .tit strong.brown {color: #c9002d;}
.value-content-con .value-list-box .value-list .tit strong.navy {color: #dd0031;}
.value-content-con .value-list-box .value-list .tit strong.red {color: #dd000c;}
.value-content-con .value-list-box .value-list .tit strong.green {color: #ff547a;}
.value-content-con .value-list-box .value-list .tit strong.black {color: #ff7b98;}
.value-content-con .value-list-box .value-list .tit {display: flex; align-items: center; font-size: 4.2rem; font-weight: 700; letter-spacing: -0.025em; line-height: 1.2em; color: #333; /* padding-bottom: 1.7rem; */}
.value-content-con .value-list-box .value-list .tit > span {font-size: 2.6rem; font-weight: 600; letter-spacing: -0.05em; color: #888; padding-left: 2rem;}
.value-content-con .value-list-box .value-list .txt {position: relative; font-size: 1.8rem; font-weight: 400; letter-spacing: -0.025em; line-height: 1.5em; color: #555; padding-left: 0.6rem;}
/* .value-content-con .value-list-box .value-list .txt::before {position: absolute; left: 0; top: 1.2rem; content: ""; width: 0.3rem; height: 0.3rem; border-radius: 50%; background-color: #555;} */
.value-content-con .value-list-box .value-list .tit-box .sub-tit {font-size:2.4rem;  letter-spacing: -0.05em; line-height:1.4em; color: #333; font-weight: 500; margin-top: 15px;}
.value-content-con .value-list-box .value-list .inner-list-box {display: flex; flex-direction: column; gap: 1.2rem 0;}

/* -------- 연혁 -------- */
.history-con .con-tit {text-transform: uppercase; text-align: center; font-size: 4.2rem; font-weight: 700; letter-spacing: -0.03em; line-height: 1.2em; color: #dd0031; margin-bottom: 5.5rem;}

/* -------- 사업장 소개 -------- */
/* 국내 */
.location-page {padding-bottom: 17.5rem;}
.location-list-box .location-list {border-bottom: 1px solid #ddd; padding: 4rem 3rem;}
.location-list-box .location-list:first-child {border-top: 3px solid #ddd;}
.location-list-box .location-list .top-box {display: flex; align-items: center;}
.location-list-box .location-list .info-box > h5 {font-size: 3.4rem; font-weight: 600; letter-spacing: -0.05em; color: #222; padding-bottom: 3.2rem;}
.location-list-box .location-list .info-box > h5 span {font-size: 3rem; font-weight: 400; color: #888;}
.location-list-box .location-list .info-box {width: 63.696%; padding-right: 5%;}
.location-list-box .location-list .img-box {width: 31.305%;}
.location-list-box .location-list .img-box img {max-width: 100%;}

.location-list-box .contact-list-box {display: flex; flex-direction: column; gap: 1.1rem 0;}
.location-list-box .contact-list-box .contact-list {display: flex;}
.location-list-box .contact-list-box .contact-list .block-inner {width: calc(100% - 11.5rem);}
.location-list-box .contact-list-box .contact-list .block-inner p {width: 100%;}
.location-list-box .contact-list-box .contact-list span {font-size: 1.6rem; font-weight: 500; line-height: 1.62em; letter-spacing: -0.05em; color: #222; min-width: 11.5rem; padding-right: 8.5rem;}
.location-list-box .contact-list-box .contact-list span i {padding-right: 0.5rem;}
.location-list-box .contact-list-box .contact-list p {width: calc(100% - 11.5rem); font-size: 1.6rem; font-weight: 400; line-height: 1.62em; letter-spacing: -0.05em; color: #555;}
.location-list-box .map-box {margin-top: 5.3rem; border: 1px solid #ddd; box-sizing: border-box;}
.location-list-box .map-box .root_daum_roughmap {width: 100%;}
.location-list-box .root_daum_roughmap .wrap_map {height: 30rem;}

/* 글로벌 */
.global-map-con{position:relative; width: 100%; height: 750px; z-index: 1; background: center / cover no-repeat url("/images/content/global_location_bg.jpg");}
.global-map-con > img{position: absolute; top: 50%; left: 50%; margin-top: -46rem; margin-left: -96rem; max-width: 192rem; display: block; z-index: 1; transition: opacity 1.2s ease-in-out;}
.global-map-con .marker {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; width: 15rem; height: 5rem; border-radius: 2.5rem; background-color: #152c51;}
.global-map-con .marker img {max-width: 100%;}
.global-map-con .marker-circle {position: absolute; content: ""; left: 50%; top: 100%; transform: translate(-50%, -50%);}
.global-nation-box{position:absolute; top:0px; left:0px; width:100%; height:100%; z-index: 2;}
.nation-circle{position:absolute; left:50%; top:50%; display:inline-block; width:80px; height:80px; transform: translate(-50%, -50%)}
.global-map-con .nation-circle.nation-circle2 .marker-circle {top: 43%; left: -39%;}
.nation-circle .wave-group{transition: opacity 1.2s ease-in-out;}
.nation-circle .wave-group > span:nth-child(2) {-webkit-animation-delay: 1s; animation-delay: 1s; }
.nation-circle .wave-group > span:nth-child(3) {-webkit-animation-delay: 2s; animation-delay: 2s;}
.nation-circle .wave-group > span:nth-child(4) {-webkit-animation-delay: 3s; animation-delay:3s;}
.nation-circle .wave-group > span:nth-child(5) {-webkit-animation-delay: 2.5s; animation-delay:2.5s;}
.nation-circle .wave-group > span:nth-child(6) {-webkit-animation-delay: 4s; animation-delay:4s;}
.nation-circle .wave-group > span {border:1rem solid rgba(118,183, 41, 0.05) ; border-radius: 50%; animation-fill-mode: both; position: absolute; left: 10%; top: 60%; transform: translate(-50%, -50%); opacity: 0; margin: 0; width: 100%; height: 100%; box-sizing: border-box; box-shadow: 0.5rem 0.5rem 2rem -0.25rem rgba(0,0,0,0.2); animation: nation-circle 4s cubic-bezier(1, 2, 0.66, 3) infinite;}
.nation-circle i{display:block; position:absolute; top:50%; left:50%; margin:-0.35rem 0 0 -0.35rem; width:0.7rem; height:0.7rem; background-color:#fff; transform: rotate(45deg);}
.nation-circle p{position:absolute; top:50%; left:50%; padding: 0 1rem; width:10rem; height:3.2rem; font-size: 1.6rem; line-height: 1.3; font-weight: 700; color: #555; background-color: #fff; border-radius: 4.5rem; display: flex; align-items: center; justify-content: center; box-sizing: border-box; box-shadow: 0.5rem 0.5rem 2rem -0.25rem rgba(0,0,0,0.2);}
.nation-circle .wave-group > span {width: 80%; height: 80%; border: 1rem solid #dd0031(0,146, 229) ;}
/* 01 */
.nation-circle.nation-circle1{margin-left: -10.6%; margin-top: -6.5%;}
.nation-circle.nation-circle1 i{background-color: var(--main-color);}
.nation-circle.nation-circle1 p{margin-top: -7rem; margin-left: -8rem; transition:var(--transition-custom2); transition-property: background-color, color;}
/* 02 */
.nation-circle.nation-circle2{margin-left: -11.4%; margin-top: -0.5%;}
.nation-circle.nation-circle2 p{font-size: 1.5rem; font-weight: 500; color: #fff; background-color: var(--main-color); margin-top: -2.25rem; margin-left: -19rem;}

@keyframes nation-circle {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0.5; 
	}
	50% {
		opacity: 1.0; 
	}
	100% {
		-webkit-transform: scale(10);
		transform: scale(10);
		opacity: 0; 
	}
}

.main-global-txt-con{position: absolute; top: 50%; left: 0; width: 100%; z-index: 3;}
.main-global-txt-con .area{width: 100%; display: flex; justify-content: flex-end; box-sizing: border-box;}
.main-global-txt-con .main-tit-box{padding: 0 7.792%; width: 50%; box-sizing: border-box;/* width: 65rem; */}

/* animated */
.global-map-con > img,
.nation-circle.nation-circle1,
.nation-circle.nation-circle2,
.nation-circle.nation-circle3,
.nation-circle.nation-circle4,
.main-global-txt-con,
.nation-circle.nation-circle1 .wave-group{opacity: 0;}
.animated.global-map-con > .img{opacity: 1; transition-delay:0.1s;}
.animated .nation-circle.nation-circle1{animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay:0.4s;}
.animated .nation-circle.nation-circle2,
.animated.main-global-txt-con{animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay:0.8s;}
.animated .nation-circle.nation-circle1 p{background-color: var(--main-color); color: #fff; transition-delay:1.2s;}
.animated .nation-circle.nation-circle1 .wave-group{opacity: 1; transition-delay:1.2s;}

/* -------- CI -------- */
.ci-con01 {padding-bottom: 12rem;}
/* STANDARD FORM */
.ci-logo-detail-wrapper{}
.ci-logo-detail-box {margin-top:7rem}
.ci-logo-detail-box:first-child{margin-top:0}
.ci-logo-detail-box .ci-logo-box{padding:10rem 5rem; margin-bottom:2rem; border:1px solid #ddd; text-align:center; background:#fff url(../images/content/ci_bg.jpg) repeat; box-sizing: border-box;}
.ci-logo-detail-box .ci-logo-box img {max-width: 100%;}
.ci-detail-tit {display: block; font-size: 2rem; font-weight: 700; letter-spacing: -0.05em; color: #555555; line-height: 1.3em; padding-bottom: 0.5rem;}
.ci-detail-txt {font-size:1.8rem; color:#444444;  line-height:1.33em; letter-spacing: -0.05em;}
.ci-detail-txt span {color: #dd0031;}
.ci-logo-detail-box .ci-2row-detail-list{margin:0 -1.55%;}
.ci-logo-detail-box .ci-2row-detail-list li{float:left; width:46.9%; margin:0 1.55%;}
.ci-logo-detail-box .ci-2row-detail-list .ci-logo-box{padding:6.5rem 4rem;}
/* COLOR SYSTEM */
.ci-con02 {background: #fff; padding: 12rem 0 15rem;}
.ci-color-list {display: flex; margin-bottom: 12rem;}
.ci-color-list .color-box { display: flex; align-items: end;  width: 50%; height: 18rem; padding: 2rem 2.8rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.ci-color-list .color-box:first-child {background: #443f3f;}
.ci-color-list .color-box:last-child {background: #dd0031;}
.ci-color-list .color-box dt strong {display: inline-block; font-size: 2.2rem; font-weight: 600; letter-spacing: -0.025em; color: #fff; line-height: 1.5em;}
.ci-color-list .color-box dt strong:last-child {padding-left: 1.4rem;}
.ci-color-list .color-box dd {font-size: 1.6rem; letter-spacing: -0.025em; color: #fff; opacity: 0.6; line-height: 1.25em; margin-top: 1rem;}
.ci-color-list .color-box dd span {position: relative; display: inline-block; padding: 0 1.8rem;}
.ci-color-list .color-box dd span:first-child {padding-left: 0;}
.ci-slogan-box {padding: 5.5rem 3rem; border: 1px solid #dddddd; border-bottom: ; background: #f9f9f9; text-align: center; box-sizing: border-box; }
.ci-slogan-box strong {display: block; font-size: 3.2rem; letter-spacing: -0.025em; color: #000000; line-height: 1.375em;}

/* ****************** 02. 제품소개 ********************** */
.product-page .custom-scrollbar-wrapper {margin-top: 6rem;}
.product-page .sub-tab-list-style ul li {margin: 0.3rem;}
/* 제품 공통 intro-tit */
.pro-intro-tit {font-size:2.4rem; letter-spacing:-0.05em; color: #494444; font-weight: 600; line-height:1.65em; margin-bottom: 9.4rem; text-align: center;}

@media all and (max-width:800px){
	.product-page .sub-tab-wrapper-style {height: auto;}
	.pro-intro-tit {margin-bottom: 4.5rem; font-size:2rem; text-align: left;}
}

/* 제품 공통 sub-tit */
.pro-sub-con {margin-top: 9rem; border-bottom:1px solid #ccc;}
.pro-sub-con.area-box {padding-bottom:10rem;}
.pro-sub-con:last-of-type, .pro-sub-con.area-box:last-of-type {padding-bottom:0; border-bottom:0;}
.pro-sub-con .tit-box {display:flex; margin-bottom: 7.5rem;}
.pro-sub-tit {width: 23.333%;}
.pro-sub-tit em {position: relative; font-size:3.2rem; letter-spacing:-0.05em; color: #222; line-height:1.25em; font-weight: 700;}
.pro-sub-tit em:after {display: block; content:""; width: 1rem; height: 1rem; border-radius:100%; background: #dd0031; position:absolute; right: -19px; bottom: 7px;}
.pro-sub-txt {width: calc(100% - 23.333%); font-size:2rem; letter-spacing:-0.05em; color: #555; line-height:1.5em; }

@media all and (max-width:1560px){
	.pro-sub-con.area-box {}
}
/* 제품 공통 인트로 이미지 */
.pro-intro-img {width: 100%;}
.pro-intro-img span {display: block; position: relative; width: 100%; height: 0; padding-top: 33.996%;}

.img-box img {max-width:100%;}

/* 제품 공통 테이블 */
.table-box {margin-top: 6rem;}
.table-box .pro-tb {margin-top: 1rem;}
.table-box .tb-tit {position: relative; font-size:2rem; letter-spacing:-0.025em; font-weight: 700; color: #222; line-height:1.1; padding-left: 1rem;}
.table-box .tb-tit:before {display: block; content:""; position:absolute; left: 0; top:50%; transform:translateY(-50%); width: 3px; height: 18px; background: #000;}
.pro-tb {width: 100%; border-bottom:1px solid #ddd; border-top:1px solid #dd0031; /* margin-top: 6rem; */} 
.pro-tb .tit {background:#dd0031(20,43,81,0.05); color: #222; padding-left: 3rem; box-sizing:border-box;}
.pro-tb tr {border-top:1px solid #ddd;}
.pro-tb tr:first-child {border-top:0;}
.pro-tb td {height: 6rem; font-size:1.6rem; letter-spacing:-0.035em; color: #555; padding:0 3rem; box-sizing:border-box; line-height: 1.3;}
.pro-tb td:not(.tit) {background: #fff;}
.pro-tb td.center {text-align:center;}
.pro-tb td.bd-r {border-right:1px solid #ddd;}

@media all and (max-width:800px){
	.pro-tb td {font-size:1.4rem; padding: 0 1rem; line-height:1.35;}
	.pro-tb .tit {padding-left: 1rem;}
}

/* 품질관리 */
.pro-list {display:flex;}
.pro-list li {width: calc((100% - 6rem) / 3); margin-right: 3rem; border-radius:30px;}
.pro-list li:last-of-type {margin-right: 0;}
.pro-list.mobile li .bg {width: 100%; display: block; height: 0; padding-top: 125.005%; border-radius: 30px;}
.pro-list.mobile li:first-child .bg {background: url(../images/content/qm_qc_img_01.png) no-repeat; background-size: cover;}
.pro-list.mobile li:nth-child(2) .bg {background: url(../images/content/qm_qc_img_02.png) no-repeat; background-size: cover;}
.pro-list.mobile li:nth-child(3) .bg {background: url(../images/content/qm_qc_img_03.png) no-repeat; background-size: cover;}
.pro-list.mobile .pro-item {position: relative;background-color: #000; border-radius: 30px;}
.pro-list.mobile .pro-item .item-tit {font-size:4.2rem; letter-spacing:-0.05em; color: #fff; font-weight: 700; line-height:1.1;}
.pro-list.mobile .pro-item .item-full-tit {display:inline-block; font-size:2.2rem; letter-spacing:-0.05em; color: #fff; font-weight: 500; line-height:1.3636em; margin-top: 8px;}
.item-txt-box {position:absolute; bottom: 0; width: 100%; padding: 0 4.3rem 3.6rem 4.3rem; box-sizing:border-box;}
.pro-list.mobile .pro-item .item-txt {font-size:1.6rem; letter-spacing:-0.05em; color: rgba(255,255,255,0.8); line-height:1.5em; margin-top: 2rem;}
.pro-img-list {display:flex; margin-top: 8rem;}
.pro-img-list li {width: calc((100% - 3rem) / 2); margin-right: 3rem;}
.pro-img-list li:last-child {margin-right: 0;}
.pro-img-list li img {border-radius: 30px; border: 1px solid #ddd; max-width: 100%;}

/* 품질경영 - 인증현황 */

.pro-list.type02 {display:flex; flex-wrap:wrap; margin-top: -3rem;}
.pro-list.type02 li {width: calc((100% - 6rem) / 3); margin-right: 3rem; /* background: #eee; */ margin-top: 3rem;}
.pro-list.type02 li:nth-of-type(3n) {margin-right: 0;} 

.pro-list.type02 li .img-box {width: 100%; margin: 0 auto;}
.pro-list.type02 li .img-box span {display: block; position: relative; width: 100%; height: 100%; padding-top: 61.252%;}
.pro-list.type02 li .img-box span img {border-radius:0px 0px 0 0;}

.pro-list.type02 .pro-item {position: relative; background: #eee; border-radius:30px;}
/* .pro-list.type02 .item-tit-box {position: absolute; bottom: 3.5rem; left: 4.3rem;} */
.pro-list.type02 .item-tit-box {padding: 0 4.5rem 4.8rem;}
.pro-list.type02 .item-tit-box p {font-size:2.2rem; letter-spacing:-0.05em; font-weight: 500; line-height:1.3636em; color: #222;}
.pro-list.type02 .item-tit-box p > span {font-size:1.4rem; letter-spacing:-0.05em; color: #222; font-weight: 500; border:2px solid rgba(0,0,0,0.1); padding: 0.5rem 1.263rem; border-radius:15px; margin-left: 1rem;}
.pro-list.type02 .item-tit-box em {display:inline-block; font-size:1.6rem; letter-spacing:-0.05em; color: #222; line-height:1.5em; margin-top: 1.5rem;}
.pro-list.type02 .item-tit-box > span {display:inline-block; font-size:1.6rem; letter-spacing:-0.05em; color: rgba(34,34,34,0.8); line-height:1.5em; margin-top: 1.5rem;}

.wearable.pro-list.type02 .pro-item {    /* height: 50rem; */
	height: 80rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between; box-sizing:border-box;} 
.wearable.pro-list.type02 li:nth-child(1) .pro-item,.wearable.pro-list.type02 li:nth-child(2) .pro-item, .wearable.pro-list.type02 li:nth-child(3) .pro-item{
	padding-top: 7.3rem;
}
.wearable.pro-list.type02 li:nth-child(4) .pro-item,.wearable.pro-list.type02 li:nth-child(5) .pro-item, .wearable.pro-list.type02 li:nth-child(6) .pro-item{
	padding-top: 6.4rem;
}

@media all and (max-width:1280px){
	.wearable.pro-list.type02 .pro-item {height: 60rem;}
	.pro-list.type02 li .img-box span {padding-top: 50%;}
	.pro-list.type02 li .img-box span:last-of-type {margin-top: 2rem;}
	.pro-list.type02 .item-tit-box p > span {display: inline-block; margin-left: 0; border-radius:25px; margin-top: 1rem; padding: 0.25rem 1.5rem;}
}

@media all and (max-width:800px){

	.pro-list {flex-wrap: wrap;}
	.pro-list li {width: 100%; margin-right: 0; /* margin-top: 2rem; */}
	/* .pro-list li:first-of-type {margin-top: 0;} */

	.pro-list.mobile .pro-item {background-color: #000; border-radius: 30px;}


	.pro-list.mobile li {margin-top: 2rem;}
	.pro-list.mobile li:first-of-type {margin-top: 0;}
	.pro-list.mobile li .bg {padding: 13rem 0; height: auto; opacity: 50%;}

	.pro-img-list {flex-wrap: wrap; margin-top: 4rem;}
	.pro-img-list li {width: 100%; margin-right: 0; margin-top: 2rem;}
	.pro-img-list li:first-of-type {margin-top: 0;}

	.pro-sub-con {margin-top: 4.5rem;}
	.pro-sub-con.area-box {padding-bottom:5rem;}
	.pro-sub-con .tit-box {flex-wrap:wrap; margin-bottom: 3.5rem;}
	.pro-sub-tit {width: 100%;}
	.pro-sub-txt {width: 100%; margin-top: 2rem;}
	.receipt-rx-page .pro-sub-con.area-box:last-of-type {padding-bottom:0;}

	.wearable.pro-list.type02 li {background: #eee; width: calc((100% - 2rem) / 2); margin-right: 2rem;}
	.wearable.pro-list.type02 li:first-of-type {margin-top: 3rem;}
	.wearable.pro-list.type02 li:nth-of-type(3n) {margin-right: 2rem;}
	.wearable.pro-list.type02 li:nth-of-type(even) {margin-right:0;}
	.wearable.pro-list.type02 .pro-item {height: 100%;}
	.pro-list.type02 .item-tit-box {margin-top: 2rem; padding: 0 2.5rem 3rem;}
}

@media all and (max-width:480px){
	.wearable.pro-list.type02 li {width: 100%; margin-right: 0;}
	.wearable.pro-list.type02 li:nth-of-type(3n)  {margin-right: 0;}
	.wearable.pro-list.type02 li:nth-child(1) .pro-item,.wearable.pro-list.type02 li:nth-child(2) .pro-item, .wearable.pro-list.type02 li:nth-child(3) .pro-item{
	padding-top: 3.5rem;
}
	.wearable.pro-list.type02 li:nth-child(4) .pro-item, .wearable.pro-list.type02 li:nth-child(5) .pro-item, .wearable.pro-list.type02 li:nth-child(6) .pro-item {padding-top: 3.5rem;}
}

/* 무선충전 솔루션 */
.pro-list.type02.charger li .img-box {width: 100%;}
.pro-list.type02.charger li .img-box span {padding-top: 83.337%;}
.pro-list.type02.charger li .img-box span:last-of-type {padding-top: 66%;}

@media all and (max-width:800px){
	.pro-list.type02.charger li {width: calc((100% - 2rem) / 2); margin-right: 2rem;}
	.pro-list.type02.charger li:nth-of-type(even) {margin-right: 0;}
	.pro-list.type02.charger li:nth-of-type(3n) {margin-right: 2rem;}
	.pro-list.type02.charger li .img-box span img {border-radius:20px;}
	.pro-list.type02.charger li .img-box span:last-of-type {padding-top: 50%;}
}

@media all and (max-width:480px){
	.pro-list.type02.charger li {width: 100%; margin-right: 0;}
	.pro-list.type02.charger li:nth-of-type(3n) {margin-right: 0;}
}

/* 무선충전 솔루션 :: 카지노 */
.img-list-box {background: #eee; border-radius:30px; display:flex; justify-content:space-evenly; padding: 7rem 0;}
.casino_con .pro-sub-con:nth-of-type(2) {border-bottom:0;}
.casino_con .pro-sub-con .tit-box {margin-bottom: 4.9rem;}
.casino_con .pro-sub-con .inner-box {padding-top: 10rem;}
.casino_con .pro-sub-con .inner-box:nth-of-type(2) {padding-top: 0;}
.casino_con .pro-sub-con .inner-box:last-of-type {margin-top: 11rem; border-top:1px solid #ddd;}
.casino_con .pro-sub-con:last-of-type .inner-box:nth-of-type(3) {padding-top: 16.8rem;}

/* 전장 :: 전기차 */
.electronic-page .pro-list li {width: calc((100% - 3rem) / 2); margin-right: 3rem;}
.electronic-page .pro-list li:last-child {margin-right: 0;}
.electronic-page .pro-list li img {border-radius:30px; max-width:100%;}

@media all and (max-width:800px){
	/* .electronic-page .pro-list li {width: 100%; margin-right: 0;} */
	.electronic-page .pro-list li:last-child {margin-top: 0;}
	.electronic-page .pro-list li img {border-radius:2rem;}
	.casino_con .pro-sub-con .inner-box {padding-top: 5rem;}
	.casino_con .pro-sub-con .inner-box:last-of-type {margin-top: 5.5rem;}
	.casino_con .pro-sub-con:last-of-type .inner-box:nth-of-type(3) {padding-top: 8.4rem;}
}

/* EV충전 */
.electronic-page .pro-intro-img span {display: block; position: relative; width: 100%; height: 0; padding-top: 33.996%;} 
/* .electronic-page .pro-tb {margin-top: 5rem;} */
.electronic-page .table-box {margin-top: 4rem;}
.electronic-page .table-box .pro-tb {margin-top: 1.6rem;}
.electronic-page .pro-sub-con.area-box {padding-bottom:0; border-bottom:0;}

/* SVM */
.svm-page .tit-box {display:flex;}
.svm-page .tit-box .type-list {display:flex; flex-wrap:wrap; width: calc(100% - 23.333%);}
.svm-page .tit-box .type-list li {position: relative; width: 50%; font-size:2rem; letter-spacing:-0.05em; color: #555; line-height:1.5em; padding-left: 1rem; box-sizing: border-box;} 
.svm-page .tit-box .type-list li:before {display: block; content:""; position:absolute; left: 0; top: 12px; background: #555; width: 4px; height: 4px; border-radius:100%;}
/* .svm-page .pro-intro-img {background: url(/images/content/svm_intro_img.jpg) no-repeat;
background-size: cover;
height: 0;
padding-top: 65rem;
background-position: 50% 50%;} */
.svm-page .pro-intro-img span {display: block; position: relative; width: 100%; height: 0; padding-top: 33.996%;}
.svm-page .pro-sub-con:nth-of-type(2) {padding-bottom:0;}
.ssv-box {margin-bottom: 5rem;}
.svm-page .spec-box .img-box span {display: block; position: relative; height: 0; width: 64.627%; padding-top: 43.81%;}

.features-box {display:flex; margin-top: 8rem;}
.features-box.no-flex {display: block;}
.features-list {margin-right: 3rem; width: 49%;}
.feature-tit {position: relative; display:block; font-size:2.6rem; letter-spacing:-0.05em; color: #2b2828; font-weight: 600; line-height:1.153em; margin-bottom:2.5rem; padding-left: 2.3rem;}
.feature-tit:before {display: block; content:""; position:absolute; left: 0; top: 50%; transform:translateY(-50%); border:4px solid #312e2e; border-radius:100%; background: #fff; width: 13px; height: 13px; box-sizing:border-box;}
.features-list li {font-size:1.8rem; letter-spacing:-0.025em; color: #333; font-weight: 600; line-height:1.666em; padding: 2.5rem 1.8rem; border-bottom:1px solid #ddd;}
.features-list li:first-of-type {border-top:1px solid #000;}
.features-list .inner-box p {font-size:1.6rem; letter-spacing:-0.025em; color: #555; line-height:1.875em; padding-left: 2rem; font-weight: 400;}
.features-img {width: calc(100% - (49% + 3rem));}
.features-img img {max-width:100%;}

.ssv-box {display:flex; justify-content:space-between; align-items:center;}
.ssv-box > div {background: #eeeeee; border-radius:30px; width: calc((100% - 3rem) / 2); padding: 5rem 4.5rem 3rem;}
.ssv-box .left-box {margin-right: 1.5rem;}
.ssv-box .right-box {margin-left: 1.5rem;}
.ssv-box .list-tit {font-size:1.8rem; letter-spacing:-0.025em; color: #333; font-weight: 600; line-height:1.666em;}
.ssv-box .txt-list {margin-top: 1.8rem;}
.ssv-box .txt-list li {position: relative; font-size:1.6rem; letter-spacing:-0.025em; color: #555; line-height:1.875em;}
.ssv-box .txt-list li:not(.list-tit){padding-left: 1rem;}
.ssv-box .txt-list li:not(.list-tit):before {display: block; content:"-"; position:absolute; left: 0; top: 0; color: #555; font-size:1.6rem;}
.ssv-box .img-box {width: 32.3rem; margin: 0 auto;}
.ssv-box .img-box span {display: block; position: relative; height: 0; width: 100%; padding-top: 88.24%;}
.ssv-box .img-box span img {position: absolute; top: 0px; left: 0px; right: 0px; max-width: 100%; max-height: 100%; margin: auto;}
.ssv-box .plus-icon {font-size: 8.1rem; position: absolute; left: 50%; transform: translateX(-50%); background: #fff; border-radius: 100%; color: #fff; width: 15rem; height: 15rem; display: flex; align-items: center; justify-content: center;}
.ssv-box .plus-icon:before {display: block; content:""; position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); background: #142b51; width: 10.9rem; height: 10.9rem;  border-radius: 100%;}
.ssv-box .plus-icon i {position: relative;}
.svm-page .custom-scrollbar-wrapper, .ki-standard-page .custom-scrollbar-wrapper {width: calc((100% - 3rem) / 2); margin-left: 1.5rem;}
.spec-box {display:flex;}
.spec-box .img-box {width: calc((100% - 3rem) / 2); height: 48rem; background: #eee; border-radius:30px; margin-right: 1.5rem; display: flex;
align-items: center;
justify-content: center;}
.spec-box .spec-tb {width: 100%; /* width: calc((100% - 3rem) / 2); */ align-self: flex-start; /* margin-left: 1.5rem; */ border-top:1px solid #000; border-bottom:1px solid #ddd;}
.spec-box .spec-tb tr {border-top:1px solid #ddd;}
.spec-box .spec-tb td {font-size:1.6rem; letter-spacing:-0.025em; color: #555; padding: 1.75rem 2.7rem; box-sizing:border-box; line-height:1.5em;}
.spec-box .spec-tb tr:first-child {border-top:0;}
.spec-box .spec-tb .tb-tit {background: rgba(20,43,81,0.05); font-size:1.6rem; letter-spacing:-0.025em; font-weight: 500; color: #222; text-align:center; padding: 1.75rem 1.4rem;}
.spec-box .spec-tb .bd-r {border-right:1px solid #ddd;}

@media all and (max-width:800px){
	.features-box {flex-wrap:wrap; margin-top: 4rem;}
	.features-list {width: 100%; margin-right: 0;}
	.features-img {width: 100%; margin-top: 3rem;}
	.svm-page .tit-box .type-list {width: 100%; margin-top: 2rem;}
	.svm-page .tit-box .type-list li {width: 100%;}
	.ssv-box {position: relative; flex-direction:column;}
	.ssv-box > div {width: 100%;}
	.ssv-box .left-box {margin-right: 0; margin-bottom: 5rem;}
	.ssv-box .right-box {margin-left: 0;}
	.ssv-box .plus-icon {width: 9rem; height: 9rem; top: 50%; transform:translate(-50%,-50%); font-size:4rem;}
	.ssv-box .plus-icon:before {width: 5.9rem; height: 5.9rem;}
	.spec-box .spec-tb td, .spec-box .spec-tb .tb-tit {font-size:1.4rem;}
	.spec-box .spec-tb td {padding: 1.7rem 1rem;}
	.svm-page .custom-scrollbar-wrapper, .ki-standard-page .custom-scrollbar-wrapper {width: 100%; margin-top: 3rem; margin-left: 0;}
}

/* Home Appliance :: 터치키 모듈 */
/* .touch-key-page .pro-intro-img {background: url(/images/content/touchkey_intro_img.jpg) no-repeat; background-size: cover; height: 0; padding-top: 65rem; background-position: 50% 50%;} */
/* .touch-key-page .pro-intro-tit {text-align:center;} */
.tv-list, .standard-features-list {width: calc(100% - 23.333%); float:right; border-bottom:1px solid #ddd;}
.tv-list li, .standard-features-list li {padding: 2.3rem 2.8rem 2.9rem; border-top:1px solid #ddd;}
.tv-list .list-tit, .standard-features-list .list-tit {font-size:2rem; letter-spacing:-0.05em; font-weight: 600; line-height:1.5em; color: #333;}
.tv-list .list-txt, .standard-features-list .list-txt {display:inline-block; font-size:1.6rem; letter-spacing:-0.05em; line-height:1.5em; color:rgba(34,34,34,0.8); margin-top: 1.4rem;}
.pro-img-box {text-align:center;}
.pro-img-box img {max-width:100%;}
.pba-con:first-of-type .pro-img-box {margin-bottom: 14.2rem;}
.pba-con:first-of-type .touch-list-box:last-child {margin-top: 3rem;}
.pba-con:last-of-type {margin-top: 11rem;}
.pba-con:last-of-type .pro-img-box {margin-bottom: 6rem;}
.touch-list-box {display:flex;}
.touch-list-box .img-box {width: 51.06%; height: 35rem; display:flex; align-items:center; justify-content:center; margin-right: 3rem; box-sizing:border-box; background: #eee; border-radius:30px; text-align:center;}
.touch-list-box .img-box span {width: 58.089%; position: relative; height: 0; padding-top: 34.374%;}
.touch-key-page .custom-scrollbar-wrapper {width: calc(100% - 51.06%);}
.touch-list-box table {/* width: calc(100% - 51.06%); */ width: 100%; border-top:1px solid #000; align-self: flex-start;}
.touch-list-box table td {border-bottom:1px solid #ddd; font-size:1.6rem; letter-spacing:-0.025em; color: #555; padding: 1.45rem 2.8rem; line-height:1.875em;}
.touch-list-box table .tit {background: rgba(20,43,81,0.05); text-align:center; font-size:1.6rem; letter-spacing:-0.025em; font-weight: 500; color: #222;}
.oven-img-list {display:flex; margin-top: 5rem;}
.oven-img-list li {width: calc((100% - 6rem) / 3); height: 40rem; margin-right: 3rem;}
.oven-img-list li:last-of-type {margin-right: 0;}
.oven-img-list li .img-box {width: 100%; height: 100%; background: #eee; border-radius:30px; display:flex; align-items:center; justify-content:center;}
.oven-img-list li .img-box span {position: relative; height: 0; width: 66.67%; padding-top: 20%;}
.touch-key-page .spec-box {margin-top: 4rem;}
.touch-key-page .spec-box .img-box {height: 35rem;}
.touch-key-page .spec-box .img-box span {position: relative; width: 45.307%; height: 0; padding-top: 32.79%;}
.touch-key-page .spec-tb td {line-height:1.875em;}
.blm-con {padding-bottom:4rem;}

@media all and (max-width:800px){
	.pba-con:first-of-type .pro-img-box {margin-bottom: 7rem;}
	.touch-list-box {flex-wrap:wrap;}
	.touch-list-box .img-box {width: 100%; margin-right: 0; height: auto; padding: 3rem 0;}
	/* .touch-list-box table {width: 100%; margin-top: 3rem;} */
	.touch-key-page .custom-scrollbar-wrapper {margin-top: 3rem; width: 100%;}
	.touch-list-box table .tit {font-size:1.4rem;}
	.touch-list-box table td {font-size:1.4rem; padding: 1.45rem 1rem;}
	.blm-con {padding-bottom:2rem;}
	.oven-img-list {margin-top: 2.5rem;}
	.oven-img-list li {height: auto;} 
	.oven-img-list li .img-box {padding: 4rem 0; height: auto; border-radius:20px;}
	.svm-page .spec-box .img-box {height: auto; padding: 5rem 0;}
	.touch-key-page .spec-box .img-box {height: auto; padding: 4rem 0;}
}


/* Home Appliance :: Ki 규격(2.2kW) */
.ki-standard-page .pro-sub-con:last-of-type .tit-box {float:left;}
.ki-standard-page .spec-box {margin-top: 11.5rem;}
.ki-standard-page .spec-box .img-box {height: 36.1rem;}
.ki-standard-page .spec-box .img-box span {width: 55.24%; position: relative; height: 0; padding-top:41.905%;}
/* .standard-features-list {width: calc(100% - 23.333%); float:right; border-bottom:1px solid #ddd;}
.standard-features-list li {padding: 2.3rem 2.8rem 2.9rem; border-top:1px solid #ddd;}
.standard-features-list li:first-child {border-top:0;}
.standard-features-list .list-tit {font-size:2rem; letter-spacing:-0.05em; font-weight: 600; line-height:1.5em; color: #333;}
.standard-features-list .list-txt {display:inline-block; font-size:1.6rem; letter-spacing:-0.05em; line-height:1.5em; color:rgba(34,34,34,0.8); margin-top: 1.4rem;} */

@media all and (max-width:800px){
	.ki-standard-page .sub-tab-list-style ul li {width: 100%;}
	.spec-box {flex-wrap:wrap;}
	.spec-box .img-box {width: 100%; margin-right: 0;}
	.spec-box .spec-tb {width: 100%; margin-left: 0;}

	.ki-standard-page .spec-box {margin-top: 3rem;}
	/* .spec-box .spec-tb {margin-top: 3rem;} */

	.pro-sub-con.float > div, .pro-sub-con.float > ul {float:none;}
	.ki-standard-page .pro-sub-con:last-of-type .tit-box {float:none;}
	.tv-list, .standard-features-list {width: 100%;}
	.ki-standard-page .spec-box .img-box {height: 30rem;}
}

/* ****************** 03. IR ********************** */
.ir-page {max-width: 130rem; margin: 0 auto; padding: 0 var(--area-padding) 15rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.ir-page section.tbl > article:last-of-type {margin-bottom: 0;}

@media all and (max-width:1280px){
	.ir-page {padding: 0 var(--area-padding) 12rem;}
}

@media all and (max-width:800px){
	.ir-page {padding: 0 var(--area-padding) 7.5rem;}
}

/* 주가정보 */
.price-page {max-width:130rem; margin: 0 auto; padding: 0 var(--area-padding) 15rem;}
.price-page section.tbl > article:last-of-type {margin-bottom: 0;}

@media all and (max-width:800px){
	.price-page {padding-bottom:7.5rem;} 
}

/* 공시정보 */
.public-info-page {padding-bottom:15rem;}
.public-info-page section.tbl > article:last-of-type {margin-bottom: 0;}

@media all and (max-width:800px){
	.public-info-page {padding-bottom:7.5rem;} 
}

/* IR 자료실 */
.ir-data-page {max-width:130rem; margin: 0 auto; padding: 0 var(--area-padding) 15rem;}

@media all and (max-width:800px){
	.ir-data-page {padding: 0 var(--area-padding) 7.5rem;}
}


/* ****************** 04. 채용정보 ********************** */
/* -------- 인사제도 -------- */
.recruit-guide-con {padding: 9.5rem 0 10rem; background: #f3f3f3;}
.recruit-guide-con.bg-w {background: #fff;}
.recruit-guide-con .recruit-guide-tit {display: block; font-size: 2.4rem; letter-spacing: -0.05em; color: #333333; line-height: 1.2em; margin-bottom:1.5rem ;}
/* 승진제도 & 직급체계 */
.promotion-system-con:first-of-type {margin-bottom: 6rem;}
.promotion-system-con .recruit-guide-tit {color: var(--main-color2);}
.promotion-system-list {display: flex; flex-wrap: wrap; }
.promotion-system-list li {position: relative; background: #fff; border-radius: 1rem; text-align: center; min-height: 12rem; padding: 3.6rem 1rem 0.5rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.promotion-system-list li:before {position: absolute; content: '\e93f'; left: -2.7rem; top: 50%; margin-top: -2rem; width: 4rem; height: 4rem; line-height: 4rem; border-radius: 50%; background: #f4f5f8; text-align: center; font-size: 1.8rem; color: #444444; font-family: xeicon;}
.promotion-system-list li:first-child:before {display: none;}
.promotion-system-list li dt {font-size: 2rem; font-weight: 700; letter-spacing: -0.025em; color: #222222; line-height: 1.2em;}
.promotion-system-list li dd {font-size: 1.4rem; font-weight: 400; letter-spacing: -0.025em; color: #888888; line-height: 1.28em; opacity: 0.7; padding-top: 0.7rem;}
.promotion-system-list.executive {margin: -0.7rem;}
.promotion-system-list.executive li {width: calc(16.66% - 1.4rem); margin: 0.7rem;}
.promotion-system-list.research {margin: -0.6rem;}
.promotion-system-list.research li {width: calc(20% - 1.2rem); margin: 0.6rem;}
.promotion-system-list.research li:before {left: -2.6rem;}
/* 인사평가 / 인재육성 */
.personnel-con:first-of-type {margin-bottom: 3.8rem;}
.personnel-con .personnel-item {display: flex; align-items: center; padding: 3rem 0; border-bottom: 1px solid #dddddd;}
.personnel-con .personnel-item:first-of-type {border-top: 1px solid #222222;}
.personnel-con .personnel-item:last-of-type {border-bottom: 0;}
.personnel-con .personnel-item .icon {width: 15rem; height: 15rem; border-radius: 50%; background: #f6f6f6; position: relative;}
.personnel-con .personnel-item .icon img {position: absolute; width: 100%; height: 100% ; top: 0; left: 0; width: 100%; height: 100%;}
.personnel-con .personnel-item .txt-box {width: calc(100% - 15rem); padding-left: 4rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.personnel-con .personnel-item .txt-box .tit {display: block; font-size: 1.8rem; letter-spacing: -0.05em; color: #444444; line-height: 1.2em;}
.personnel-con .personnel-item .txt-box .txt {font-size: 1.6rem; font-weight: 400; letter-spacing: -0.025em; color: #555555; line-height: 1.625em; padding-top: 2rem;}
/* 복리후생 */
.welfare-con {padding-bottom: 7rem;}
.welfare-con:last-of-type {padding-bottom: 0;}
.welfare-list {display: flex; flex-wrap: wrap; margin: -2rem; padding-top: 1rem;}
.welfare-list li {width: calc(20% - 4rem); max-width: 14.5rem; margin: 2rem; text-align: center;}
.welfare-list li .icon {position: relative; width: 14.5rem; height: 0; padding-top: 100%; background: #fff; border-radius: 50%;}
.welfare-list li .icon img {position: absolute; width: 100%; height: 100%; top: 0; left: 0 ; width: 100%; height: 100%;}
.welfare-list li .txt {font-size: 1.6rem; font-weight: 500; letter-spacing: -0.025em; color: #555555; line-height: 1.3em; padding-top: 2rem;} 

/* -------- 채용절차 -------- */
.recruit-process-con {padding: 12.5rem 0; background: #fff; text-align: center;}
.recruit-process-tit {font-size: 4.2rem; font-weight: 700; letter-spacing: -0.05em; color: var(--main-color2); line-height: 1.2em; margin-bottom: 5.5rem;}
.recruit-process-list {display: flex; margin: 0 -2.2rem;}
.recruit-process-list li {position: relative; width: calc(20% - 4.4rem); margin: 0 2.2rem;}
.recruit-process-list li:before {position: absolute; content: '\e93f'; left: -4.2rem; top: 50%; margin-top: -2rem; width: 4rem; height: 4rem; line-height: 4rem; border-radius: 50%; background: #f4f5f8; text-align: center; font-size: 1.8rem; color: #444444; font-family: xeicon;}
.recruit-process-list li:first-child:before {display: none;}
.recruit-process-list li .tit-box {margin-bottom: 3.5rem;}
.recruit-process-list li .tit-box dt {font-size: 1.6rem; font-weight: 400; letter-spacing: -0.025em; color: #888888; line-height: 1.5em;}
.recruit-process-list li .tit-box dd {font-size: 2.4rem; font-weight: 700; letter-spacing: -0.025em; color: #444444; line-height: 1.1em; padding-top: 0.8rem;}
.recruit-process-list li .txt-box {margin-top: 3.5rem;}
.recruit-process-list li .txt-box .txt01 {font-size: 1.8rem; font-weight: 700; letter-spacing: -0.05em; color: #555555; line-height: 1.1em;}
.recruit-process-list li .txt-box .txt02 {font-size: 1.6rem; font-weight: 400; letter-spacing: -0.025em; color: #888888; line-height: 1.5em; padding-top: 1rem;}
.recruit-inquiry-con {padding: 9.5rem 0 12rem; text-align: center; background: url(/images/content/recruit_inquiry_bg.jpg)no-repeat center/cover;}
.recruit-inquiry-con .recruit-inquiry-box {display: flex; align-items: center; justify-content: center; text-align: center; width: 100%; max-width: 60rem; height: 8rem; margin: 0 auto 3rem; background: #fff; border-radius: 4rem; font-size: 2.2rem; letter-spacing: -0.025em; color: #222222;}
.recruit-inquiry-con .recruit-inquiry-box strong {display: block; margin-left: 1rem;}
.recruit-inquiry-btn {display: inline-flex; align-items: center; justify-content: center; padding: 0.5rem 1rem; border-bottom: 2px solid #6b6b6b; font-size: 1.6rem; font-weight: 400; letter-spacing: -0.05em; color: #555555; line-height: 1.3em;} 
.recruit-inquiry-btn i {margin-left: 1.5rem;}

/* -------- 채용공고 -------- */
.recruit-page {padding-bottom:15rem;} 
.recruit-notice-con {max-width: 130rem; margin: 0 auto; 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){
	.recruit-page {padding-bottom:12rem;}
}

@media all and (max-width:800px){
	.recruit-page {padding-bottom:7rem;}
}

/* ****************** 05. 윤리경영 ********************** */
.ethical-page {padding-bottom: 14rem;}
/* -------- 임직원 행동지침 -------- */
.ethical-top-banner {display: flex; align-items: center; justify-content: center; text-align: center; margin-bottom: 9rem; border-radius: 17rem; height: 34rem;}
.ethical-top-banner.employee {background: url(/images/content/ethical_employee_img.jpg)no-repeat center/cover;}
.ethical-top-banner .inner .tit {font-size: 4rem; font-weight: 700; letter-spacing: -0.05em; color: #fff; line-height: 1.3em;}
.ethical-txt-box {padding: 5.5rem 0; border-bottom: 1px solid #dddddd;}
.ethical-txt-box:first-of-type {padding-top: 0;}
.ethical-txt-box .txt01 {font-size: 2.4rem; font-weight: 700; letter-spacing: -0.05em; color: #222222; line-height: 1.5em; margin-bottom: 3rem;}
.ethical-txt-box .txt01:last-of-type {margin-bottom: 0;}
.ethical-txt-box .txt02 {position: relative; padding-left: 1.1rem; font-size: 1.6rem; font-weight: 400; letter-spacing: -0.025em; color: #555555; line-height: 1.625em; margin-bottom: 0.8rem;}
.ethical-txt-box .txt02:last-of-type {margin-bottom: 0;}
.ethical-txt-box .txt02:before {position: absolute; content: ''; left: 0; top: 1rem; width: 0.5rem; height: 0.5rem; border-radius: 0.5rem; background: #666666; }

/* -------- 신고서 작성 -------- */
.declaration-con01 {padding: 1rem 0 10rem;}
.declaration-list {display: flex; flex-wrap: wrap; margin: 0 -1.5rem;}
.declaration-list li {width: calc(33.33% - 3rem); margin: 0 1.5rem; padding: 4rem; border-radius: 2rem; box-sizing: border-box;}
.declaration-list li:first-child {background: #dd0031;}
.declaration-list li:nth-child(2) {background: #dd0031;}
.declaration-list li:last-child {background: var(--main-color2);}
.declaration-list li .num {display: block; font-size: 4rem; letter-spacing: -0.05em; color: #fff;}
.declaration-list li .txt {font-size: 1.8rem; font-weight: 400; letter-spacing: -0.05em; color: #fff; line-height: 1.66em; padding-top: 2rem;}
.declaration-list li dl {display: flex; flex-wrap: wrap; padding-top:2rem ;}
.declaration-list li dl dd {width: 50%; position: relative; padding: 0 1rem; font-size: 1.6rem; font-weight: 700; letter-spacing: -0.025em; color: #fff; line-height: 2em; box-sizing: border-box;}
.declaration-list li dl dd:before {position: absolute; content: ''; width: 0.3rem; height: 0.3rem; border-radius: 0.3rem; background: #fff; left: 0; top: 1.3rem;}
.declaration-con02 {padding: 9.5rem 0 8rem; background: #fff;}
.declaration-con03 {padding-top: 10rem;}
.declaration-con03 .sub-flex-con .con-tit {padding-top: 1.5rem;}
.declaration-btn-controls {display: flex; align-items: center; justify-content: space-between; padding-top: 3rem;}
.declaration-btn-controls .txt {font-size: 1.8rem; font-weight: 500; letter-spacing: -0.025em; color: #555555; line-height: 1.66em;}
.declaration-btn-controls .txt span {color: #dd0031;}
.declaration-btn-controls .cm-btn-controls {margin-top: 0;}
.declaration-btn-controls .cm-btn-controls a,
.declaration-btn-controls .cm-btn-controls button {margin: 0; width: 20rem; height: 5.5rem; border-radius: 2.75rem; font-size: 2rem; font-weight: 600; letter-spacing: -0.025em; color: #ffffff;}
.declaration-btn-controls .cm-btn-controls button {margin-left: 1rem;}

/* -------- 신고서 확인 -------- */
.decalaration-write-box .decalaration-write-box-tit {    color: #222; font-weight: 600; font-size: 3.6rem; letter-spacing: -0.3px; ; text-align: center;}


/* -------- 분쟁광물관리정책 확인 -------- */
.ethical-top-banner.mineral {background: url(/images/content/ethical_conflict_minerals_img.jpg)no-repeat center/cover; margin-bottom: 0;}
.ethical-top-banner .inner .txt {font-size: 1.8rem; font-weight: 400; letter-spacing: -0.025em; color: #fff; line-height: 1.66em; padding-top: 2rem;}
.mineral-con01 {padding: 30rem 0 11rem; margin-top: -17rem; background: #f6f6f6;}
.mineral-con01 .mineral-map-box {position: relative; max-width: 155rem; margin: 0 auto;}
.mineral-con01 .mineral-map-box img {max-width: 100%;}
.mineral-con01 .mineral-map-box .nation-circle { position: absolute; left: 50%; top: 50%; margin-top: -8.7rem; margin-left: 3.2rem;display: inline-block; width: 3.8rem; height: 3.8rem;}
.mineral-con01 .mineral-map-box .nation-circle:before {position: absolute; content: ''; top: 50%; left: 50%; margin-top: -3.7px; margin-left: -3.7px; width: 7.4px; height: 7.4px; border: 2px solid #fff; background:#152c51; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;  transform: rotate(45deg); }
@keyframes nation-circle {
 0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0.3; 
	}
	50% {
		opacity: 0.3; 
	}
	100% {
		-webkit-transform: scale(4);
		transform: scale(4);
		opacity: 0; 
	}
}
.mineral-con01 .mineral-map-box .nation-circle > .circle:nth-child(2) {-webkit-animation-delay: 1s;animation-delay: 1s; }
.mineral-con01 .mineral-map-box .nation-circle > .circle:nth-child(3) {-webkit-animation-delay: 2s;animation-delay: 2s;}
.mineral-con01 .mineral-map-box .nation-circle > .circle {background:transparent ; border: 1rem solid rgba(0, 146, 229, 0.4); border-radius: 50%;-webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute;left: 0;top: 0px;opacity: 0;margin: 0;width: 100%; height: 100%;animation: nation-circle 5s cubic-bezier(1, 2, 0.66, 3) infinite; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.mineral-con01 .mineral-map-box .nation-circle .name {position: absolute; width: 12rem; height: 4.5rem; left: 50%; margin-left: -6rem; top: -4.5rem; background:#dd0031; font-size: 2rem; font-weight: 500; letter-spacing: -0.025em; color: #fff; line-height: 4.5rem; text-align: center; border-radius: 2.25rem; box-shadow: 0.5rem 0.5rem 2rem rgba(0,0,0,0.2);}
.mineral-con01 .txt-box {text-align: center; margin-top: -9rem;}
.mineral-con01 .txt-box .txt01 {font-size: 2.4rem; font-weight: 700; letter-spacing: -0.05em; color: var(--main-color2); line-height: 1.41em;}
.mineral-con01 .txt-box .txt02 {font-size: 1.8rem; font-weight: 400; letter-spacing: -0.05em; color: #555555; line-height: 1.66em; padding-top: 3.2rem;}
.mineral-con02 {padding-top: 11rem;}

/* -------- 4대실천사항 -------- */
.sub-tab-con .sub-flex-con .con-tit {padding-bottom: 2rem;}
.practice-con {padding: 3rem 0 5rem; border-bottom: 1px solid #dddddd;}
.practice-con .practice-tit {font-size: 2.4rem; font-weight: 700; letter-spacing: -0.05em; color: #222222; line-height: 1.5em; margin-bottom: 3rem;}
.practice-con .practice-txt {font-size: 1.6rem; font-weight: 400; letter-spacing: -0.025em; color: #888888; line-height: 1.625em;}
.practice-con .practice-txt.point {position: relative; padding-left: 1.2rem; color: #555555; margin-bottom: 0.5rem;}
.practice-con .practice-txt.point:before {position: absolute; content: ''; top: 1rem; left: 0; width: 0.5rem; height: 0.5rem; border-radius: 0.5rem; background: #555555;}
.practice-con .practice-txt.dot {position: relative; padding-left: 0.7rem;}
.practice-con .practice-txt.dot:before {position: absolute; content: '· '; top: -0.2rem; left: 0;}
.practice-txt-box {padding: 0 1.2rem; margin-bottom: 2rem;}
.practice-con .practice-txt.num {padding-left: 0.5rem;}
.practice-con .practice-txt.tbl-tit {color: #555555; margin-bottom: 1rem;}
.practice-tbl-box {margin-bottom: 2rem;}
.practice-tbl-box .practice-txt {margin-top: 0.7rem;}
.practice-tbl {width: 100%; border-top: 1px solid #221f1f;}
.practice-tbl th, .practice-tbl td {font-size: 1.6rem; padding: 1.8rem 1rem 1.8rem 2.9rem; letter-spacing: -0.025em; line-height: 1.875em; border-bottom: 1px solid #dddddd;}
.practice-tbl th {font-weight: 500; color: #222222; text-align: center; background: rgba(20,43,81,0.05); padding: 1.8rem 1rem;}
.practice-tbl td {color: #555555;}
.practice-tbl.center-mode th {padding: 1.8rem 1rem;}
.practice-tbl.center-mode td {text-align: center; padding: 1.8rem 1rem;}
.practice-tbl td .point-txt {position: relative; padding-left: 0.7rem;}
.practice-tbl td .point-txt:before {position: absolute; content: '·'; left: 0; top: -0.1rem;}
.practice-tbl td .dash-txt {position: relative; padding-left: 1.6rem;}
.practice-tbl td .dash-txt:before {position: absolute; content: '-'; left: 0.7rem; top:  -0.1rem;}

/* 연혁 */
.history-page {padding-bottom: 15rem;}
.history-top-txt {font-size: 2.5rem; font-weight: 500; letter-spacing: -0.02em; color: #333333; line-height: 1.68em; margin-bottom: 11.5rem; text-align: center;}
.history-banner {position: relative; height: 52.9rem; background: url('./images/history_banner_img.jpg')no-repeat center / cover;}
.history-banner .inner {position: relative; display: flex; align-items: center; justify-content: end; max-width: 122rem; margin: 0 auto;}
.history-banner .inner span {display: inline-block; width: 34.9rem; height: 34.9rem; position: absolute; top: 7rem; right: 2.3rem; animation: circle_rotate 16s linear infinite;  transition: var(--transition-custom);}
.history-banner .inner span img {max-width: 100%;}
@keyframes circle_rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.history-page {padding-bottom: 18rem;}
.history-drop-open-btn-style {display: none;}
.history-tab-list-style {position: relative; margin-top: -3rem;}
.history-tab-list-style ul {display: flex; max-width: 112rem; margin: 0 auto; height: 6rem; border-radius: 3rem; background:#f5f5f5;}
.history-tab-list-style ul li {position: relative; width: 25%; text-align: center; height: 6rem;}
.history-tab-list-style ul li:before {position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: 3rem; border: 0.2rem solid #eb4d4d; background:#fff; opacity: 0; transition: all 0.3s; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.history-tab-list-style ul li a {display: block; line-height: 6rem; position: relative; z-index: 1;}
.history-tab-list-style ul li a em {font-size: 1.8rem; font-weight: 700; letter-spacing: -0.02em; color: #111111;}
.history-tab-list-style ul li.selected:before {opacity: 1;}
.history-tab-list-style ul li.selected a em {color: var(--main-color);}

.history-con {position: relative; margin-top: 12rem;}
.history-percent-bar {position: absolute; left: 50%; border-radius: 2.5px; margin-left: -0.2rem; width:0.5rem;height: calc(100% - 11.5rem); background: #eee;}
.history-percent-bar .percent-bar-child {position: absolute;content: ""; width: 100%;  height: 0; background-color: #dd0031; z-index: 1; border-radius:2px 2px 0 0; /* transition: all 0.3s; */}
.percent-bar-child .point { display: flex; align-items: center; justify-content: center;  position: absolute; bottom: -3rem; left: 50%; content: ""; z-index: 10; width: 6rem; height: 6rem; border-radius: 50%; background-color: #dd0031; box-shadow: 0.5rem 0.5rem 2.5rem rgba(172,0,33,0.1); transform: translate(-50%, 0); box-shadow: 0 11px 50px 0 rgba(255, 0, 0, 0.25);}
.percent-bar-child .point i {font-size: 2.6rem; color: #fff;}
.history-year-group-box {position: relative; display: flex; padding-bottom: 13rem;}
.history-year-group-box.pt-60 {padding-top: 6rem;}
.history-year-group-box:last-of-type { padding-bottom: 0;}
.history-year-group-box .history-year-group-tit-box {width: 50%; padding-right: 11rem; box-sizing: border-box; text-align: right;}
.history-year-group-box .history-year-group-tit {font-size: 7rem; font-weight: 700; letter-spacing: -0.03em; color: #222; line-height: 1.1; transition: all 0.3s;} 
.history-year-group-box.active .history-year-group-tit {color: #dd0031(--main-color);}
.history-year-group-box .history-year-list-box {width: 50%; padding: 0 0 0 11rem; box-sizing: border-box;}
.history-year-group-box .history-year-item {display: flex; margin-bottom: 5rem;}
.history-year-group-box .history-year-item:last-of-type {margin-bottom: 0;}
.history-year-group-box .history-year-item .history-year {display: block; width: 11.5rem;}
.history-year-group-box .history-year-item .history-year  strong {font-size: 2.4rem; font-weight: 700; letter-spacing: -0.02em; color: #222222; line-height: 1.2;}
.history-year-group-box .history-year-item .history-month-box {width: calc(100% - 11.5rem);}
.history-year-group-box .history-year-item .history-month-item {display: flex; margin-bottom: 0.6rem;}
.history-year-group-box .history-year-item .history-month-item:last-child {margin-bottom: 0;}
.history-year-group-box .history-year-item .history-month-item .history-month {width: 4rem; font-size: 1.8rem; line-height: 1.9em; font-weight: 600; letter-spacing: -0.05em; color: #222; padding-right: 0.7rem; box-sizing: border-box;}
.history-year-group-box .history-year-item .history-month-item .history-detail-txt-con {width: calc(100% - 4rem);}
.history-year-group-box .history-year-item .history-month-item .history-detail-txt {font-size: 1.8rem; font-weight: 400; letter-spacing: -0.05em; line-height: 1.93em; color: #555;}

@media all and (min-width:801px){
	.history-year-group-box.reverse {flex-direction: row-reverse;}
	.history-year-group-box.reverse .history-year-group-tit-box {padding-right: 0; padding-left: 11rem; text-align: left;}
	.history-year-group-box.reverse .history-year-list-box {padding: 0 11rem 0 0;}
	.history-year-group-box.reverse .history-year-item {flex-direction: row-reverse;}
	.history-year-group-box.reverse .history-year-item .history-year {text-align: right;}
	.history-year-group-box.reverse .history-year-item .history-month-box {text-align: right;}
	.history-year-group-box.reverse .history-year-item .history-month-item {flex-direction: row-reverse;}
	.history-year-group-box.reverse .history-year-item .history-month-item .history-month {text-align: right; padding-right: 0; padding-left: 1rem;}
}
@media all and (max-width:1280px){
	.history-banner {height: 41rem;}
	.history-banner .inner span {width: 28.9rem; height: 28.9rem; top: 5rem; right: 11.3rem;}
}
@media all and (max-width:800px){
	.history-page {padding-bottom: 9rem;}
	.history-top-txt {margin-bottom: 7.5rem;}
	.history-banner {height: 30rem;}
	.percent-bar-child .point {width: 4rem; height: 4rem; bottom: -2rem;}
	.percent-bar-child .point i {font-size: 2rem;}
	.history-banner .inner span {width: 20.9rem;  height: 20.9rem;top: 4rem; right: 2.3rem;}
	.history-drop-open-btn-style {display:block; position:relative; padding:0 15px; width: 100%; height:40px; line-height:40px; font-size:15px; background-color:var(--main-color); box-sizing:border-box; border-radius: 2rem;}
	.history-drop-open-btn-style span{color:#fff; }
	.history-drop-open-btn-style .arrow{color:#fff; position:absolute; top:50%; right:15px; margin-top:-7px}
	.history-drop-open-btn-style.open .arrow{transform:rotate(180deg)}
	.history-tab-list-style ul {max-width: none; border-radius: 2rem;}
	.history-tab-list-style ul li:before {display: none;}
	.history-tab-list-style ul li {height: auto; text-align: left;}
	.history-tab-list-style ul li a {line-height: 1.3;}
	.history-con {margin-top: 8rem;}
	.history-percent-bar {left: 3.5rem; }
	.history-year-group-box { flex-wrap: wrap; padding: 1rem 0 4rem 5rem;}
	.history-year-group-box.pt-60 {padding-top: 1rem;}
	.history-year-group-box .history-year-group-tit-box {text-align: left; width: 100%; padding-right: 0;}
	.history-year-group-box .history-year-group-tit {font-size: 5rem;}
	.history-year-group-box .history-year-list-box {width: 100%; padding: 2rem 0 0 0;}
	.history-year-group-box .history-year-item .history-year {width: 9rem;}
	.history-year-group-box .history-year-item .history-month-box {width: calc(100% - 9rem);}
}
@media all and (max-width:640px){
	.history-banner {height: 26rem;}
	.history-banner .inner span {  width: 16.9rem; height: 16.9rem; top: 4rem; right: 0.3rem;}
	.history-year-group-box .history-year-item {flex-wrap: wrap; margin-bottom: 4rem;}
	.history-year-group-box .history-year-item .history-year {width: 100%; margin-bottom: 1rem;}
	.history-year-group-box .history-year-item .history-month-box {width: 100%;}
}
@media all and (max-width:480px){
	.history-banner {height: 20rem;}
	.history-banner .inner span {width: 13.9rem; height: 13.9rem; top: 2.5rem;}
}

/***** 문의하기 수정 :: 250102 *****/
.inquiry-page {padding-bottom: 14rem;}
.inquiry-page .inquiry-style09 {display: block;}
.inquiry-page .inquiry-style09 .inquiry-txt-con {width: 100%; padding-right: 0; text-align: center;}
.inquiry-page .inquiry-style09 .inquiry-tit {font-size: 2.4rem; font-weight: 600; line-height: 1.5em;}
.inquiry-page .inquiry-style09 .inquiry-txt {color: #555;}
	
.inquiry-page .pro-list {margin-top: 8.5rem;}
.inquiry-page .pro-list li {width: calc((100% - 6rem) / 2.99999); margin-right: 2.99999rem; overflow: hidden;}
.inquiry-page .pro-list.mobile li .bg {padding-top: 116.667%; transition: var(--transition-custom);}
.inquiry-page .pro-list.mobile li:first-child .bg {background: center / cover no-repeat url("/images/content/inquiry_img01.png");}
.inquiry-page .pro-list.mobile li:nth-child(2) .bg {background: center / cover no-repeat url("/images/content/inquiry_img02.png");}
.inquiry-page .pro-list.mobile li:nth-child(3) .bg {background: center / cover no-repeat url("/images/content/inquiry_img03.png");}

.inquiry-page .pro-list.mobile .pro-item .item-tit {font-size: 3.6rem; font-weight: 600; letter-spacing: -0.05em; line-height: 1.1em; color: #fff;}

.inquiry-page .inquiry-info-list-box {display: flex; flex-direction: column; gap: 1rem 0; margin-top: 2.5rem;}
.inquiry-page .inquiry-info-list-box li {width: 100%; margin-right: 0; font-size: 1.6rem; font-weight: 400; letter-spacing: -0.025em; line-height: 1.5em; color: #fff;}
.inquiry-page .inquiry-info-list-box li a {color: #fff;}
.inquiry-page .inquiry-info-list-box li i {padding-right: 1rem; color: rgba(255, 255, 255, 0.3);}


/********** 250627 제품소개 액세서리 컨텐츠 추가 **********/
.mounting-guide-con {margin-bottom: 7rem;}
.mounting-guide-con:last-child {margin-bottom: 0;}
.mounting-guide-con img {max-width: 100%;}
.mounting-guide-con .mounting-guide-con-tit {position: relative; margin-bottom: 3rem; padding-left: 2rem; font-size: 2.6rem; font-weight: 600; letter-spacing: -0.05em; line-height: 1.2em; color: #152c51;}
.mounting-guide-con .mounting-guide-con-tit::before {position: absolute; top: 0.91rem; left: 0; content: ""; width: 1.3rem; height: 1.3rem; border-radius: 50%; border: 0.4rem solid #152c51; box-sizing: border-box;}
.mounting-guide-con .inner-img-wrap {display: flex;}
.mounting-guide-con .inner-img-wrap .left-img-box {display: flex; align-items: center; justify-content: center; width: 32%; margin-right: 3rem; background-color: #eee; border-radius: 3rem; padding: 4rem; box-sizing: border-box;}
.mounting-guide-con .inner-img-wrap .left-img-box.column {flex-direction: column; gap: 8rem 0;}
.mounting-guide-con .inner-img-wrap .left-img-box .width-160 {width: 16rem;}
.mounting-guide-con .inner-img-wrap .right-video-box {position: relative; width: calc(68% - 3rem); height: 0; padding-top: 37.134%; border-radius: 3rem; overflow: hidden;}
.mounting-guide-con .inner-img-wrap .right-video-box iframe {position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%;}

@media all and (max-width: 800px) {
	.mounting-guide-con {margin-bottom: 5rem;}
	.mounting-guide-con .mounting-guide-con-tit {font-size: 2.2rem; margin-bottom: 1.5rem;}
	.mounting-guide-con .mounting-guide-con-tit::before {top: 0.75rem;}
	.mounting-guide-con .inner-img-wrap {display: block;}
	.mounting-guide-con .inner-img-wrap .left-img-box {width: 100%; margin-right: 0; margin-bottom: 3rem;}
	.mounting-guide-con .inner-img-wrap .left-img-box.column {gap: 4rem 0;}
	.mounting-guide-con .inner-img-wrap .left-img-box .width-160 {width: 12rem;}
	.mounting-guide-con .inner-img-wrap .right-video-box {width: 100%; padding-top: 56.25%;}
}

/********** 250930 유지보수 **********/
/***** gaming display 추가 *****/
.pro-sub-con .table-toggle-btn {display: flex; align-items: center; justify-content: space-between; background-color: #511717; width: 100%; height: 8rem; padding: 0 4rem; box-sizing: border-box;}
.pro-sub-con .table-toggle-btn span {font-size: 2rem; font-weight: 800; letter-spacing: -0.025em; line-height: 1.4; color: #fff;}
.pro-sub-con .table-toggle-btn i {font-size: 2.4rem; color: #fff;}
.pro-sub-con .table-toggle-btn i.rotate {transform: rotateZ(180deg);}
.gaming-display-page .pro-sub-con .tit-box {margin-bottom: 4.5rem;}
.spec-table-wrap {margin-top: 6rem;}
.spec-table-wrap .table-box {margin-top: 3rem; padding-bottom: 4rem; border-bottom: 1px solid #221f1f;}
.spec-table-wrap .custom-scrollbar-wrapper {margin-top: 0; padding: 0 4rem;}
.gaming-display-page .pro-sub-con:not(:nth-child(2)) {margin-top: 17rem;}
.gaming-display-page .pro-sub-con.area-box {padding-bottom: 0; border-bottom: none;}
.gaming-display-page .pro-sub-con.area-box:last-child {border-bottom: none;}
.gaming-display-page .pro-tb {border-collapse: separate; border-bottom: none;}
.gaming-display-page .pro-tb tr {border-top: none;}
.gaming-display-page .pro-tb td {letter-spacing: -0.025em; padding: 0 2rem; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
.gaming-display-page .pro-tb td:last-child {border-right: none;}
.gaming-display-page .pro-tb td a {font-size: 1.6rem; font-weight: 400; letter-spacing: -0.025em; color: #dd0031; text-decoration-line: underline; text-decoration-color: #0092e5; text-decoration-thickness: 1px; text-underline-offset: 3px;}
.gaming-display-page .pro-sub-con.area-box:last-child .tit-box {margin-bottom: 5rem;}
.core-advan-list {display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 3rem;}
.core-advan-list .list-item {position: relative; width: 100%; height: 0; padding-top: 145.834%; overflow: hidden; border-radius: 3rem;}
.core-advan-list .list-item:first-child {background: center / cover no-repeat url("/images/content/gaming_display_core_img01.jpg");}
.core-advan-list .list-item:nth-child(2) {background: center / cover no-repeat url("/images/content/gaming_display_core_img02.jpg");}
.core-advan-list .list-item:last-child {background: center / cover no-repeat url("/images/content/gaming_display_core_img03.jpg");}
.core-advan-list .list-item .txt-inner {position: absolute; width: 100%; bottom: -16rem; left: 0; padding: 0 4.5rem; box-sizing: border-box; transition: var(--transition-custom);}
.core-advan-list .list-item .txt-inner .inner-txt-list {min-height: 16rem;}
.core-advan-list .list-item .txt-inner .core-advan-list-tit {margin-bottom: 4.5rem; font-size: 4rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.4; color: #fff; transition: var(--transition-custom);}
.core-advan-list .list-item:first-child .txt-inner .core-advan-list-tit {transform: translateX(18%);}
.core-advan-list .list-item:nth-child(2) .txt-inner .core-advan-list-tit {transform: translateX(2%);}
.core-advan-list .list-item:last-child .txt-inner .core-advan-list-tit {transform: translateX(18%);}
.core-advan-list .list-item .txt-inner .inner-txt-list .txt-list {position: relative; margin-bottom: 0.8rem; padding-left: 0.5rem; font-size: 1.6rem; font-weight: 400; letter-spacing: -0.05em; line-height: 1.5; color: rgba(255, 255, 255, 0.8); opacity: 0; transition: var(--transition-custom);}
.core-advan-list .list-item .txt-inner .inner-txt-list .txt-list:last-child {margin-bottom: 0;}
.core-advan-list .list-item .txt-inner .inner-txt-list .txt-list::before {position: absolute; content: ""; top: 1.1rem; left: 0; width: 2px; height: 2px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.8);}
.gaming-display-page .pro-con-img img {max-width: 100%;}

@media all and (min-width: 801px) {
	.core-advan-list .list-item:hover .txt-inner .core-advan-list-tit {transform: translateX(0) !important; margin-bottom: 1.5rem;}
	.core-advan-list .list-item:hover .txt-inner {bottom: 4.5rem;}
	.core-advan-list .list-item:hover .txt-inner .inner-txt-list .txt-list {opacity: 1;}
}

/* ===== Custom UI Effect ===== */

.card{background:#fff;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,0.05);transition:0.3s;}

.card:hover{transform:translateY(-6px);box-shadow:0 10px 20px rgba(0,0,0,0.15);}

/* =================================
CUSTOM UI EFFECT
================================= */

html{scroll-behavior:smooth;}

.sub-tab-list-style ul li a:hover{
background:#cfcfcf;
}.sub-tab-list-style ul li a{
transition:0.3s;
}.card{
background:#fff;
border-radius:12px;
box-shadow:0 4px 10px rgba(0,0,0,0.05);
transition:0.3s;
}

.card:hover{
transform:translateY(-6px);
box-shadow:0 10px 20px rgba(0,0,0,0.15);
}.btn{
background:var(--main-color2);
color:#fff;
padding:12px 26px;
border-radius:30px;
transition:0.3s;
}

.btn:hover{
transform:translateY(-3px);
}html{
scroll-behavior:smooth;
}.menu a::after{
content:"";
position:absolute;
bottom:-5px;
left:0;
width:0;
height:2px;
background:#e60023;
transition:0.3s;
}

.menu a:hover::after{
width:100%;
}