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

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

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; height:60px; margin-bottom:15px; }
.sub-tab-list-style ul{display:table; width:100%; height:100%; table-layout:fixed;}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{/* float:left; */ display:table-cell; vertical-align:middle; position:relative; width:20%; background-color:#fff; border:1px solid #e5e5e5; border-left:0 }
.sub-tab-list-style ul li:first-child{border-left:1px solid #e5e5e5;}
.sub-tab-list-style ul li a{display:table; height:58px; width:100%; }
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#494949; font-size:18px; letter-spacing:-0.30px; text-align:center;}
.sub-tab-list-style ul li.selected{z-index:1; background-color:#333; border-color:#333;}
.sub-tab-list-style ul li.selected a em{color:#fff; }
/* 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%}
}


/* ****************** 01 Company :: 01 CEO인사말 ********************** */
.greeting-con01{margin-top: 14rem; padding-bottom: var(--sub-con-paddingBottom) !important;}
.greeting-con01 .tit{font-size: 5.5rem; line-height: 1.3; letter-spacing: -0.055em; font-weight: 800; color: #000; text-align: center;}
.greeting-con01 .txt{margin-top: 10rem; font-size: 1.7rem; line-height: 1.88; letter-spacing: -0.05em; font-weight: 500; color: #454545;}
.greeting-con01 .sign-txt{margin-top: 1rem; font-size: 1.7rem; line-height: 1.88; font-weight: 700; color: #454545; display: flex; align-items: center; justify-content: flex-end;}
.greeting-con01 .sign-txt b{margin-left: 1.5rem; font-size: 2.6rem; font-weight: 800; letter-spacing: -0.05em;}

@media all and (max-width:800px){
	.greeting-con01{margin-top: 10rem;}
	.greeting-con01 .tit{font-size: 3.8rem; line-height: 1.3;}
	.greeting-con01 .txt{margin-top: 7rem; font-size: 1.7rem; line-height: 1.88;}
	.greeting-con01 .sign-txt{margin-top: 5rem; font-size: 1.7rem; line-height: 1.88;}
	.greeting-con01 .sign-txt b{margin-left: 1.5rem; font-size: 2.6rem;}
}


/* ****************** 01 Company :: 02 기업개요 ********************** */
.cm-company-txt-box{text-align:center;}
.cm-company-tit{font-size:2rem; line-height:1.5; letter-spacing:-0.02em; color:#000; font-weight:700; margin-bottom:2.5rem;}
.cm-company-txt{font-size:4rem; line-height:1.4; letter-spacing:-0.055em; color:#000; font-weight:800;}

/* 큰따옴표 박스 */
.cm-company-txt-box.quot-box{position: relative; display: inline-block; margin:auto;}
.cm-company-txt-box.quot-box:before{position: absolute; content:'“'; font-size:8rem; color:rgba(0,0,0,0.2); font-weight:700; top:50%; left:-10rem; transform:translateY(-50%); margin-top:4rem; font-family: "Noto Sans KR", "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}
.cm-company-txt-box.quot-box:after{position: absolute; content:'”'; font-size:8rem; color:rgba(0,0,0,0.2); font-weight:700; top:50%; right:-10rem; transform:translateY(-50%); margin-top:4rem; font-family: "Noto Sans KR", "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}

/* top-box */
.overview-top-txt-box{position: relative; text-align:center; margin-bottom:6rem; padding-top:1rem;}
.overview-top-txt-box:before{position: absolute; content:''; width:2.5rem; height:2px; background:#000; top:-4rem; left:50%; transform:translateX(-50%);}

/* banner */
.overview-banner-wrap{display: flex; align-items: center; justify-content: center; background:url('/images/content/overview_banner.jpg') no-repeat center / cover; padding:10rem 0; min-height:86rem; box-sizing:border-box; margin-bottom:11rem;}
.overview-banner-wrap > div{width:100%;}
.overview-banner-list{display: flex; align-items:center; justify-content:center; position: relative;}
.overview-banner-list .list-item{position: relative; margin:0 -2rem; width:33.33%; aspect-ratio: 1; border:2px solid transparent; box-sizing:border-box; border-radius:50%; backdrop-filter:blur(1rem); overflow: hidden;}
/* .overview-banner-list .list-item:before{content: ""; position: absolute; inset: 0; padding: 2px; border-radius: 50%; 
	background: linear-gradient( -10deg, rgba(255,255,255,0.5), rgba(255,255,255,0.05) );
	-webkit-mask:
	linear-gradient(#000 0 0) content-box,
	linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
}
.overview-banner-list .list-item:after{position: absolute; top: 0; left: calc(-1 * (100% - 4rem + 4px)); width: calc(100% - 4px); height: calc(100% - 4px); border-radius: 50%; border: 2px solid rgba(255,255,255,0.25); content: '';} */
.overview-banner-list .list-item:first-child:after{display: none;}
.overview-banner-list .list-item .inner-box{position: absolute; width:100%; height:100%; inset:0; display: flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:0 5rem; box-sizing:border-box;}
.overview-banner-list .list-item .inner-box .tit-box{margin-block:5rem 3rem;}
.overview-banner-list .list-item .inner-box .tit-box .icon{margin-bottom:3rem;}
.overview-banner-list .list-item .inner-box .tit-box .tit{font-size:3rem; line-height:1.5; letter-spacing:-0.055em; color:#fff; font-weight:700; margin-bottom:0.5rem;}
.overview-banner-list .list-item .inner-box .tit-box .tit-en{font-size:1.4rem; line-height:1.5; letter-spacing:-0.02em; color:rgba(255,255,255,0.4); font-weight:500;}
.overview-banner-list .list-item .inner-box .txt{font-size:1.6rem; line-height:1.75; letter-spacing:-0.05em; color:rgba(255,255,255,0.5); font-weight:600; height:8.5rem;}

.overview-banner-line{position: absolute; top: 0; left: 0; width: 33.33%; height: 100%; transform: rotate(90deg) !important;}
.overview-banner-line.line1{left: 4rem;}
.overview-banner-line.line2{left: 33.33%;}
.overview-banner-line.line3{left: calc(66.66% - 4rem);}

/* mission */
.overview-mission-wrap{text-align:center; padding-bottom:11rem; margin-bottom:12rem; border-bottom:1px solid rgba(0,0,0,0.1);}

/* vision */
.overview-vision-wrap{margin-bottom:14rem;}
.overview-vision-list{display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 38rem 38rem; gap: 2.5rem; margin-top:7rem;}
.overview-vision-list .list-item{display: flex; flex-direction:column; justify-content: flex-end; padding:5.5rem 6rem; box-sizing:border-box; border-radius:1rem; overflow:hidden;}

.overview-vision-list .list-item.left-item{grid-row: span 2; background:url('/images/content/overview_vision_left_bg.jpg') no-repeat center / cover; text-align:center;}
.overview-vision-list .list-item.left-item .tit{margin-bottom:2.5rem;}
.overview-vision-list .list-item.left-item .tit img{max-width:100%;}
.overview-vision-list .list-item.left-item .txt{font-size:2rem; line-height:1.6; letter-spacing:-0.05em; color:#fff; font-weight:600;}

.overview-vision-list .list-item.right-item .tit{font-size:3rem; line-height:1; letter-spacing:-0.05em; color:#fff; font-weight:700; margin-bottom:2rem;}
.overview-vision-list .list-item.right-item .txt{font-size:1.7rem; line-height:1.7; letter-spacing:-0.05em; color:rgba(255,255,255,0.6); font-weight:600;}
.overview-vision-list .list-item.right-item.top {background:url('/images/content/overview_vision_right_top_bg.jpg') no-repeat center / cover;}
.overview-vision-list .list-item.right-item.bottom {background:url('/images/content/overview_vision_right_bottom_bg.jpg') no-repeat center / cover;}

/* vision */
.overview-value-wrap{margin-bottom:14rem;}
.overview-value-list{margin-top:5.5rem;}
.overview-value-list .list-item{display: flex; border:1px solid #ddd; border-radius:1rem; overflow:hidden; margin-bottom:1rem;}
.overview-value-list .list-item:last-child{margin-bottom:0;}
.overview-value-list .list-item .icon-box{display: flex; flex-direction:column; align-items:center; justify-content:center; width:20.28%; background:#f1f1f1; text-align:center;}
.overview-value-list .list-item .icon-box .tit{font-size:3rem; line-height:1.5; letter-spacing:-0.05em; color:#222; font-weight:700; margin-top:1.5rem;}
.overview-value-list .list-item .icon-box .tit-en{font-size:1.6rem; line-height:1.5; letter-spacing:-0.05em; color:#aaa; font-weight:500;}
.overview-value-list .list-item .txt-box{width:79.72%; padding:4.5rem; box-sizing:border-box;}
.overview-value-list .list-item .txt-box .inner-box{}
.overview-value-list .list-item .txt-box .inner-box dt{font-size:2.2rem; line-height:1.5; letter-spacing:-0.05em; color:#222; font-weight:700; margin-bottom:1.5rem;}
.overview-value-list .list-item .txt-box .inner-box dd{font-size:1.7rem; line-height:1.76; letter-spacing:-0.05em; color:#666; font-weight:500;}

@media all and (max-width:1280px){
	/* banner */
	.overview-banner-list .list-item{width:calc(33.33% + 2rem);}
	.overview-banner-list .list-item .inner-box .tit-box{margin-block:0rem 1rem;}
}
@media all and (max-width:800px){
	.cm-company-tit{font-size:1.6rem; margin-bottom:1.5rem;}
	.cm-company-txt{font-size:3rem;}

	/* 큰따옴표 박스 */
	.cm-company-txt-box.quot-box:before{font-size:4rem; left:calc(-1 * var(--area-padding)); margin-top:2rem;}
	.cm-company-txt-box.quot-box:after{font-size:4rem; right:calc(-1 * var(--area-padding)); margin-top:2rem;}

	/* top-box */
	.overview-top-txt-box{margin-bottom:4rem;}
	.overview-top-txt-box:before{top:-3rem;}
	
	/* banner */
	.overview-banner-wrap{min-height:auto; margin-bottom:6rem;}
	.overview-banner-list{display: block; margin: 0 auto; max-width: 400px;}
	.overview-banner-list .list-item{margin:-3rem auto; width:100%; max-width:400px;}
	.overview-banner-list .list-item:after{top: calc(-1 * (100% - 3rem + 4px)); left: 0; border-color: rgba(255,255,255,0.4);}
	.overview-banner-list .list-item .inner-box{padding:3rem;}
	.overview-banner-list .list-item .inner-box .tit-box .icon{margin-bottom:2rem;}
	.overview-banner-list .list-item .inner-box .tit-box .tit{font-size:2rem;}
	.overview-banner-list .list-item .inner-box .txt{height:auto;}
	
	.overview-banner-line{width: 100%; height: calc(33.33% + 3rem);}
	.overview-banner-line.line1{left: 0; top: 0;}
	.overview-banner-line.line2{left: 0; top: calc(33.33% - 1rem);}
	.overview-banner-line.line3{left: 0; top: calc(66.66% - 2rem);}
	
	/* mission */
	.overview-mission-wrap{padding-bottom:6rem; margin-bottom:6rem;}
	
	/* vision */
	.overview-vision-wrap{margin-bottom:6rem;}
	.overview-vision-list{display: block; margin-top:4rem;}
	.overview-vision-list .list-item{padding:3rem var(--area-padding); margin-bottom:2rem;}

	.overview-vision-list .list-item.left-item{text-align:left; height:40rem;}
	.overview-vision-list .list-item.left-item .tit{margin-bottom:1.5rem; max-width:30rem; width:70%;}
	.overview-vision-list .list-item.left-item .tit img{max-width:100%;}
	.overview-vision-list .list-item.left-item .txt{font-size:1.6rem;}

	.overview-vision-list .list-item.right-item{height:25rem;}
	.overview-vision-list .list-item.right-item .tit{font-size:2rem; margin-bottom:1.5rem;}
	.overview-vision-list .list-item.right-item .txt{font-size:1.5rem;}
	
	/* vision */
	.overview-value-wrap{margin-bottom:10rem;}
	.overview-value-list{margin-top:3rem;}
	.overview-value-list .list-item .icon-box{width:14rem;}
	.overview-value-list .list-item .icon-box .tit{font-size:2rem; margin-top:1rem;}
	.overview-value-list .list-item .icon-box .tit-en{font-size:1.4rem;}
	.overview-value-list .list-item .txt-box{width:calc(100% - 14rem); padding:3rem var(--area-padding);}
	.overview-value-list .list-item .txt-box .inner-box dt{font-size:1.9rem;}
	.overview-value-list .list-item .txt-box .inner-box dd{font-size:1.5rem;}
}
@media all and (max-width:480px){
	/* 큰따옴표 박스 */
	.cm-company-txt-box.quot-box{padding:0 2rem;}
	.cm-company-txt-box.quot-box:before{left:0;}
	.cm-company-txt-box.quot-box:after{right:0;}
	/* vision */
	.overview-value-list .list-item{display: block;}
	.overview-value-list .list-item .icon-box{width:100%; padding:1.5rem 0;}
	.overview-value-list .list-item .txt-box{width:100%;}
}


/* ****************** 01 Company :: 03 연혁 ********************** */
.history-page{padding-bottom: var(--sub-con-paddingBottom);}
/* 상단 배너 */
.history-top {margin-bottom: 15rem; height: 55rem; background: #000 url('../images/content/history_top_bg.jpg') no-repeat; background-size:cover; background-position:50% 50%; text-align:center; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.history-top-tit {font-size:2rem; letter-spacing:-0.055em; font-weight: 700; color: #ffff;}
.history-top-txt {margin-top: 3rem; font-size:4rem; line-height: 1.55; letter-spacing: -0.05em; font-weight: 700; color: #fff;}
.history-con-wrap {position: relative;}
.history-con-wrap .area-sub{position: relative;}
/* 중앙 라인 + 포인트 원 */
.history-percent-sub {position: absolute; top: 2rem; left: 50%; width: 2px; height: calc(100% - 2rem); background-color: rgba(0,0,0,0.1); border-radius: 2.5px; z-index: -1;}
.history-percent-bar {position: absolute; top: 2rem; left: 50%; width: 2px; height: calc(100% - 14rem); /* background-color: #ddd; */ border-radius: 2.5px; z-index: 10; }
.history-percent-bar:after{position: absolute; top: -0.35rem; left: 50%; margin-left: calc(-1 * (0.35rem - 1px)); width: 0.7rem; height: 0.7rem; border-radius: 100%; background-color: var(--main-color); content: '';}
.history-percent-bar .percent-bar-child {position: absolute; content: ""; height: 0; background-color: var(--main-color); z-index: 1; border-radius: 2.5px; 
width: 2px; left: 50%; transform: translateX(calc(-50% + 0.5px)); }
.history-percent-bar .percent-bar-child .point {position: absolute; left: 50%; transform: translateX(-50%); width: 0.7rem; height: 0.7rem; border-radius: 100%; background-color: var(--main-color); bottom: -0.5rem;}
.history-percent-bar .percent-bar-child .point:before {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 2.6rem; height: 2.6rem; border-radius:100%; background: rgba(22,74,150,0.2); content: '';}
/* 연혁 리스트 */
.history-con {margin-bottom: 9rem;}
.history-con:last-of-type {margin-bottom: 0;}
.history-con .history-year-group-box {display:flex; position: relative;}
.history-con .history-year-group-box .history-year-group-tit-box {padding-top: 3rem; width: 50%; box-sizing:border-box;}
.history-con .history-year-list-box {width: 50%; padding-top: 1rem; position: relative; box-sizing:border-box;}
.history-inner-item {position: relative; display:flex; margin-bottom:5.5rem; line-height: 1.4;}
.history-inner-item:last-of-type {margin-bottom: 0;}
.history-year-item {margin-top: 8.4rem;}
.history-year-item:first-of-type {margin-top: 0;}
.history-year-item .history-year.active strong {color:var(--main-color);}
.history-inner-item .history-year {width: 11rem; position: relative; top: -1rem; transition: var(--transition-custom) !important; font-size:3rem; color: #000; font-weight: 700; align-self: flex-start;}
.history-inner-item .history-detail-txt {margin-bottom: 1.5rem; position: relative; padding-left: 1rem; font-size: 1.7rem; line-height: 1.3; letter-spacing: -0.05em; color: #666; word-break: keep-all;}
.history-inner-item .history-detail-txt:before{position: absolute; top: 0; left: 0; content: '·';}
.history-inner-item .history-detail-txt:last-of-type {margin-bottom: 0;}
/* 대표 연도 */
.history-year-group-tit {position: relative; font-size: 8rem; line-height: 1.1; letter-spacing: -0.055em; font-weight: 800; color: #000; transition:var(--transition-custom);}
.history-year-group-txt{margin-top: 1rem; font-size: 3rem; line-height: 1.3; letter-spacing: -0.055em; font-weight: 800; color: var(--main-color);}
/* 안보임 처리함 */
.history-year-group-tit .dots {position: absolute; right: -1.14rem; margin-right: -12.8rem; left: initial; display: inline-block; width: 1.9rem; height: 1.9rem; border-radius: 100%; background: #ddd; top: 2rem; visibility: hidden;}
.history-year-group-tit .dots:after {display: none;}   
.history-year-group-box.reverse .history-year-group-tit .dots {right: initial; left: -0.8rem; margin-left: -12.8rem;}
.history-con:first-of-type .dots {display:none;}
.history-detail-txt-con {width: calc(100% - 11rem);}
/* 이미지 */
.history-con .history-img-box {width: 100%; margin: 4.5rem 0 0 auto;}
.history-con .history-img-box span {display: block; position: relative; width: 100%; height: 0; padding-top: 64.28%;}
.history-con .history-img-box span img {border-radius:10px; /* width: 100%; */ left: initial;}
.history-con .history-year-group-box.reverse .history-img-box {margin: 0 auto 0 0;}
.history-con .history-year-group-box.reverse .history-year-list-box .history-year-item {padding-left: 10rem; box-sizing: border-box;}
.history-con .history-year-group-box.reverse .history-img-box span img {right:initial;}
.history-con .history-year-group-box:not(.reverse) .history-year-list-box .history-year-item {padding-right: 10rem; box-sizing: border-box;}

@media all and (min-width:801px){
	.history-con .history-year-group-box:not(.reverse) .history-year-group-tit-box {padding-right: 13rem;}
	.history-con .history-year-group-box:not(.reverse) .history-year-list-box {padding-left: 13rem;}
	.history-con .history-year-group-box.reverse {flex-direction: row-reverse;}
	.history-con .history-year-group-box.reverse .history-year-group-tit-box {padding-left: 13rem; text-align:left;}
	.history-con .history-year-group-box.reverse .history-year-list-box {padding-right: 13rem;}
	.history-con .history-year-group-box.reverse .history-year-list-box .history-year-item .history-year {text-align:right;}
	.history-con .history-year-group-box.reverse .history-year-list-box .history-year-item .history-inner-item {flex-direction: row-reverse; text-align:right;}
}

@media all and (max-width:800px){
	.history-page {padding-bottom:12rem;}
	/* 상단 배너 */
	.history-top {margin-bottom: 10rem; height: 44rem;}
	.history-top-tit {font-size:2rem;}
	.history-top-txt {margin-top: 3rem; font-size:3.2rem; line-height: 1.55;}
	/* 중앙 라인 + 포인트 원 */
	.history-percent-bar {left: var(--area-padding); top: 2rem;}
	.history-percent-bar .percent-bar-child {min-height: initial;}
	/* 연혁 리스트 */
	.history-con {margin-bottom: 5rem;}
	.history-con .history-year-group-box {display: block; padding-left: 8rem;}
	.history-con .history-year-group-box .history-year-group-tit-box {padding-top: 3rem; padding-right: var(--area-padding); width: 100%; text-align:left;}
	.history-con .history-year-list-box {width: 100%; margin-top: 3rem;} 
	/* 대표 연도 */
	.history-year-group-tit {font-size:5.6rem;}
	.history-year-group-txt{margin-top: 1rem; font-size: 3rem; line-height: 1.3;}
	/* 이미지 */
	.history-con .history-img-box {margin: 3rem 0 0;}
	.history-con .history-img-box span img {border-radius:10px; left: 0;}
	.history-year-item {margin-top: 5rem;}		
	.history-inner-item .history-year {top: 0; width: 6rem; font-size:1.8rem; line-height:1.3em;}
	.history-detail-txt-con {width: calc(100% - 6rem);}

	.history-inner-item {margin-bottom: 2.5rem;}
	.history-inner-item .history-detail-txt {margin-bottom: 2rem; font-size:1.8rem; line-height:1.3em;}	
	.history-con .history-year-group-box:not(.reverse) .history-year-list-box .history-year-item {padding-right: 5rem;}
	.history-con .history-year-group-box.reverse .history-year-list-box .history-year-item {padding-left: 0; padding-right: 5rem;}
	
	.history-con:first-of-type .history-year-group-tit:before,
	.history-con:first-of-type .history-year-group-tit:after,
	.history-year-group-tit:before,
	.history-year-group-tit:after {display:none;}
	
	.history-percent-sub {left: var(--area-padding); top: 2rem;}
	.history-con:last-of-type .history-year-group-box:before {left: var(--area-padding); transform:none;}
}

@media all and (max-width:480px){
	.history-year-group-tit {font-size:4.5rem;}
}


/* ****************** 01 Company :: 04 사업장소개 ********************** */
.location-container-style{display: flex; align-items: flex-start; padding-top:5rem; border-top:2px solid #222;}

.location-content-style{width:79.71%; max-width:1100px;}
.intro-location-item{border-radius:1.2rem; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; margin-bottom:6rem;}
.intro-location-item .location-map-box{position: relative; width:100%; height:0; padding-top:45.45%;}
.intro-location-item .location-map-box iframe{position: absolute; inset:0; width:100%; height:100%;}
.intro-location-item .location-info-box{display: flex; padding:6rem; box-sizing:border-box;}
.intro-location-item .location-info-box .tit-box{width:25.5%; }
.intro-location-item .location-info-box .tit-box .tit{font-size:4rem; line-height:1.3; letter-spacing:-0.055em; color:#000; font-weight:800; margin-bottom:2rem;}
.intro-location-item .location-info-box .tit-box .map-link{display: flex; align-items:center; justify-content:space-between; width:12.5rem; height:4rem; border-radius:4rem; background:#000; color:#fff; padding:0 2rem; box-sizing:border-box;}
.intro-location-item .location-info-box .tit-box .map-link span{font-size:1.7rem; font-weight:500;}
.intro-location-item .location-info-box .tit-box .map-link i{font-size:2rem;}
.intro-location-item .location-info-box .info-list{width:74.5%;}
.intro-location-item .location-info-box .info-list .list-item{display: flex; font-size:1.7rem; line-height:1.88; letter-spacing:-0.055em; color:#666}
.intro-location-item .location-info-box .info-list .list-item dt{width:9rem; font-weight:700;}
.intro-location-item .location-info-box .info-list .list-item dd{width:calc(100% - 9rem);}

@media all and (min-width:801px){
	/* 탭 스타일 */
	.location-tab-style{position: sticky; width:20.29%; top:calc(var(--header-height) + 10px);}
	.location-tab-style .location-tab-inner{background:#f5f5f5; width:20rem; border-radius:3.5rem; padding:1rem; box-sizing:border-box;}
	.location-tab-style .location-tab-inner ul li a{display: flex; align-items:center; justify-content:center; width:100%; height:5rem; border-radius:5rem; color:#aaa; transition:all 0.3s;}
	.location-tab-style .location-tab-inner ul li a em{font-size:1.7rem; letter-spacing:-0.045em; font-weight:700;}
	
	.location-tab-style .location-tab-inner ul li.selected a{background:#000; color:#fff;}
}
@media all and (max-width:800px){
	.location-container-style{display: block; padding-top:3rem;}
	
	.location-content-style{width:100%; max-width:none; margin-top:3rem;}
	.intro-location-item .location-map-box{padding-top:30rem;}
	.intro-location-item .location-info-box{display: block; padding:3rem var(--area-padding);}
	.intro-location-item .location-info-box .tit-box{display: flex; align-items:center; justify-content:space-between; width:100%; margin-bottom:1rem;}
	.intro-location-item .location-info-box .tit-box .tit{font-size:3rem; margin-bottom:1rem;}
	.intro-location-item .location-info-box .tit-box .map-link span{font-size:1.5rem;}
	.intro-location-item .location-info-box .tit-box .map-link i{font-size:1.8rem;}
	.intro-location-item .location-info-box .info-list{width:100%;}
	.intro-location-item .location-info-box .info-list .list-item{font-size:1.5rem;}
}


/* ****************** 01 Company :: 05 CI소개 ********************** */
.ci-con01{padding: 8rem 0; background-color: #f1f1f1;}
.ci-con01 .area-sub{display: flex; flex-wrap:wrap; justify-content: space-between;}
.ci-con01-left{width: 65.21%; min-height: 60rem; display: flex; align-items: center; justify-content: center; background-color: #fff; border-radius: 1rem;}
.ci-con01-left svg{height: 10.9rem;}
.ci-con01-left svg .cls-1{fill:var(--main-color);}
.ci-con01-right{width: 32.6%; padding: 6rem 3.6% 5rem; border: 0.3rem solid #ddd; border-radius: 1rem; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between;}
.ci-con01-right-top{}
.ci-con01-right-top h5{font-size: 3.8rem; line-height: 1.31; letter-spacing: -0.02em; font-weight: 800; color: #000;}
.ci-con01-right-top p{margin-top: 1.5rem; font-size: 1.7rem; line-height: 1.3; letter-spacing: -0.05em; font-weight: 700; color: #000;}
.ci-con01-right-bottom{margin-top: 3rem;}
.ci-con01-right-bottom dl{}
.ci-con01-right-bottom dl + dl{margin-top: 4.5rem;}
.ci-con01-right-bottom dt,
.ci-con01-right-bottom dd{font-size: 1.5rem; line-height: 1.3; letter-spacing: -0.02em; font-weight: 500; color: #666;}
.ci-con01-right-bottom dt{margin-bottom: 1.5rem; font-size: 1.7rem; letter-spacing: -0.02em; font-weight: 600; color: #222;}
.ci-con01-right-bottom .download-btn-dd{display: flex; justify-content: space-between;}
.ci-con01-right-bottom .download-btn-dd a{width: calc(33.33% - 0.75rem); height: 11rem; font-size: 1.7rem; letter-spacing: -0.01em; color: #000; background-color: #fff; border-radius: 1rem; display: flex; flex-direction: column; align-items: center; justify-content: center; transition:var(--transition-custom); transition-property: background-color, color;}
.ci-con01-right-bottom .download-btn-dd a i{margin-bottom: 0.5rem; font-size: 2rem;}
.ci-con01-right-bottom .download-btn-dd a:hover{background-color: #000; color: #fff;}

.ci-con02{}

/* 컬러시스템 */
.ci-color-box{display: flex; flex-wrap:wrap; align-items: center;}
.ci-color-box + .ci-color-box{margin-top: 4rem; padding-top: 4rem; border-top: 1px solid #e5e5e5;}
.ci-color-img{width: 41.81%; border-radius: 1rem; overflow: hidden;}
.ci-color-img .txt{margin: 0 0.8rem; font-size: 1.5rem; letter-spacing: -0.02em; font-weight: 500; color: rgba(255,255,255,0.5);}
.ci-color-img .color01{height: 16rem; display: flex; align-items: center; justify-content: center; background-color: #164a96;}
.ci-color-img .color02,
.ci-color-img .color03{height: 8rem; display: flex; align-items: center; justify-content: center;}
.ci-color-img .color02{background-color: #f6b636;}
.ci-color-img .color03{background-color: #f04d37;}
.ci-color-img .color04{position: relative; display: flex; border: 1px solid #ddd; border-radius: 1rem; overflow: hidden;}
.ci-color-img .color04 .chart{position: relative; width: 9.09%; height: 16rem; display: block;}
.ci-color-img .color04 .chart:nth-child(1){background-color: #231f20;}
.ci-color-img .color04 .chart:nth-child(2){background-color: #3e3e3f;}
.ci-color-img .color04 .chart:nth-child(3){background-color: #57585a;}
.ci-color-img .color04 .chart:nth-child(4){background-color: #6c6d70;}
.ci-color-img .color04 .chart:nth-child(5){background-color: #808285;}
.ci-color-img .color04 .chart:nth-child(6){background-color: #939598;}
.ci-color-img .color04 .chart:nth-child(7){background-color: #a8a9ad;}
.ci-color-img .color04 .chart:nth-child(7):before{position: absolute; top: 0; right: 0; width: 2px; height: 100%; background-color: #f04d37; content: '';}
.ci-color-img .color04 .chart:nth-child(7):after{position: absolute; top: 50%; margin-top: -0.7rem; right: -2rem; font-size: 1.4rem; letter-spacing: -0.045em; font-weight: 700; color: #fff; content: '30%'; z-index: 1;}
.ci-color-img .color04 .chart:nth-child(8){background-color: #bcbdc0;}
.ci-color-img .color04 .chart:nth-child(9){background-color: #d1d2d4;}
.ci-color-img .color04 .chart:nth-child(10){background-color: #e6e7e9;}
.ci-color-img .color04 .chart:nth-child(11){background-color: #fff;}
.ci-color-img .color04 .white-logo,
.ci-color-img .color04 .color-logo{position: absolute; top: 50%; margin-top: -1rem; height: 2rem;}
.ci-color-img .color04 .white-logo{left: 4.34%;}
.ci-color-img .color04 .color-logo{right: 4.34%;}
.ci-color-img .color04 .white-logo svg,
.ci-color-img .color04 .color-logo svg{height: 100%; overflow: visible;}
.ci-color-img .color04 .color-logo svg .cls-1{fill:var(--main-color);}
.ci-color-txt{padding-left: 4.54%; width: 58.19%; box-sizing: border-box;}
.ci-color-txt .tit{font-size: 2.6rem; line-height: 1.3; letter-spacing: -0.045em; font-weight: 700; color: #000;}
.ci-color-txt .txt{margin-top: 1.5rem; font-size: 1.5rem; line-height: 1.3; letter-spacing: -0.02em; font-weight: 500; color: rgba(0,0,0,0.5);}
.ci-color-txt .txt02{margin-top: 3rem; font-size: 1.7rem; line-height: 1.76; letter-spacing: -0.045em; font-weight: 500; color: #000;}
.ci-color-txt .txt03{margin-top: 2rem; font-size: 1.7rem; line-height: 1.76; letter-spacing: -0.02em; font-weight: 500; color: #666;}

/* 디테일 구성 */
.ci-detail-item{}
.ci-detail-item + .ci-detail-item{margin-top: 4rem; padding-top: 4rem; border-top: 1px solid #e5e5e5;}
.ci-detail-item .tit{margin-bottom: 2rem; font-size: 2.6rem; line-height: 1.3; letter-spacing: -0.045em; font-weight: 700; color: #000;}
.ci-detail-item .keyword{display: flex; flex-wrap:wrap;}
.ci-detail-item .keyword li{margin-right: 1rem; margin-bottom: 1rem; padding: 0 1rem; min-width: 12rem; height: 5rem; font-size: 1.7rem; line-height: 1.3; letter-spacing: -0.02em; font-weight: 500; color: #666; border-radius: 5rem; display: flex; align-items: center; justify-content: space-evenly; border: 2px solid #e5e5e5; border-radius: 5rem; box-sizing: border-box;}
.ci-detail-item .txt{font-size: 1.7rem; line-height: 1.76; letter-spacing: -0.02em; font-weight: 500; color: #666;}

/* 국문영문 */
.ci-lang-box{padding: 5rem; background-color: #f1f1f1; border-radius: 1rem; box-sizing: border-box;}
.ci-lang-box + .ci-lang-box{margin-top: 4rem;}
.ci-lang-box .tit{margin-bottom: 2.5rem; font-size: 2.6rem; line-height: 1.3; letter-spacing: -0.045em; font-weight: 700; color: #000;}
.ci-lang-box .img{}
.ci-lang-box .img .col2{margin: -1.5rem; display: flex; flex-wrap:wrap;}
.ci-lang-box .img .col2 li{margin: 1.5rem; padding: 0 2rem; width: calc(50% - 3rem); height: 30rem; background-color: #fff; border-radius: 1rem; display: flex; align-items: center; justify-content: center; box-sizing: border-box;}
.ci-lang-box .img .col2 li img{max-width: 100%;}
.ci-lang-box .img .col1 li{padding: 0 2rem; width: 100%; height: 20rem; background-color: #fff; border-radius: 1rem; display: flex; align-items: center; justify-content: space-evenly; box-sizing: border-box;}
.ci-lang-box .img .col1 li img{max-width: 46%;}
.ci-lang-box .img .col1 li img + img{max-width: 48%;}

/* Application System */
.application-system-box{padding: 5rem; background-color: #f1f1f1; border-radius: 1rem; box-sizing: border-box;}
.application-system-list{margin: -2.5rem; display: flex; flex-wrap:wrap;}
.application-system-list li{margin: 2.5rem; width: calc(50% - 5rem);}
.application-system-list li span{position: relative; width: 100%; height: 0; padding-top: 61.85%; border-radius: 1rem; overflow: hidden; display: block;}
.application-system-list li span img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

@media all and ( max-width: 800px ){
	.ci-con01{padding: 8rem 0;}
	.ci-con01-left{width: 100%; min-height: 20rem;}
	.ci-con01-left svg{height: 5rem;}
	.ci-con01-right{margin-top: 2rem; width: 100%; padding: 6rem 3.6% 5rem;}
	.ci-con01-right-top h5{font-size: 3.8rem; line-height: 1.31;}
	.ci-con01-right-top p{margin-top: 1.5rem; font-size: 1.7rem; line-height: 1.3;}
	.ci-con01-right-bottom{margin-top: 3rem;}
	.ci-con01-right-bottom dl + dl{margin-top: 4.5rem;}
	.ci-con01-right-bottom dt,
	.ci-con01-right-bottom dd{font-size: 1.5rem; line-height: 1.3;}
	.ci-con01-right-bottom dt{margin-bottom: 1.5rem; font-size: 1.7rem;}
	.ci-con01-right-bottom .download-btn-dd a{width: calc(33.33% - 0.75rem); height: 11rem; font-size: 1.7rem;}
	.ci-con01-right-bottom .download-btn-dd a i{margin-bottom: 0.5rem; font-size: 2rem;}

	/* 컬러시스템 */
	.ci-color-box + .ci-color-box{margin-top: 4rem; padding-top: 4rem;;}
	.ci-color-img{width: 100%;}
	.ci-color-img .txt{margin: 0 0.8rem; font-size: 1.5rem;}
	.ci-color-img .color01{height: 16rem;}
	.ci-color-img .color02,
	.ci-color-img .color03{height: 8rem;}
	.ci-color-img .color04 .chart{width: 9.09%; height: 16rem;}
	.ci-color-img .color04 .chart:nth-child(7):before{width: 2px;}
	.ci-color-img .color04 .chart:nth-child(7):after{margin-top: -0.7rem; right: -2rem; font-size: 1.4rem;}
	.ci-color-img .color04 .white-logo,
	.ci-color-img .color04 .color-logo{margin-top: -1rem; height: 2rem;}
	.ci-color-img .color04 .white-logo{left: 4.34%;}
	.ci-color-img .color04 .color-logo{right: 4.34%;}
	.ci-color-txt{margin-top: 3rem; padding-left: 0; width: 100%;}
	.ci-color-txt .tit{font-size: 2.6rem; line-height: 1.3;}
	.ci-color-txt .txt{margin-top: 1.5rem; font-size: 1.5rem; line-height: 1.3;}
	.ci-color-txt .txt02{margin-top: 3rem; font-size: 1.7rem; line-height: 1.76;}
	.ci-color-txt .txt03{margin-top: 2rem; font-size: 1.7rem; line-height: 1.76;}

	/* 디테일 구성 */
	.ci-detail-item + .ci-detail-item{margin-top: 4rem; padding-top: 4rem;}
	.ci-detail-item .tit{margin-bottom: 2rem; font-size: 2.6rem; line-height: 1.3;}
	.ci-detail-item .keyword li{margin-right: 1rem; margin-bottom: 1rem; padding: 0 1rem; min-width: 8rem; height: 4.5rem; font-size: 1.7rem; line-height: 1.3;}
	.ci-detail-item .txt{font-size: 1.7rem; line-height: 1.76;}

	/* 국문영문 */
	.ci-lang-box{padding: 3rem;}
	.ci-lang-box + .ci-lang-box{margin-top: 4rem;}
	.ci-lang-box .tit{margin-bottom: 2.5rem; font-size: 2.6rem; line-height: 1.3;}
	.ci-lang-box .img .col2{margin: -1rem;}
	.ci-lang-box .img .col2 li{margin: 1rem; padding: 0 1rem; width: calc(100% - 2rem); height: 20rem;}
	.ci-lang-box .img .col2 li img{width: 80%;}
	.ci-lang-box .img .col2 li + li img{width: 100%;}
	.ci-lang-box .img .col1 li{padding: 5rem 1rem; width: 100%; height: auto; flex-direction: column; justify-content: center;}
	.ci-lang-box .img .col1 li img{max-width: 86%;}
	.ci-lang-box .img .col1 li img + img{margin-top: 3rem; max-width: 88%;}

	/* Application System */
	.application-system-box{padding: 3rem;}
	.application-system-list{margin: -1rem;}
	.application-system-list li{margin: 1rem; width: calc(100% - 2rem);}
}


/* ****************** 02 Products :: 01 Home Appliance Display ********************** */
.prd-tab-wrapper-style{position:relative; text-align: center; margin-bottom:7rem;}
.prd-tab-list-style ul{padding: 1rem 1rem 0; background-color: #f5f5f5; display: inline-flex; flex-wrap: wrap; align-items: center; box-sizing: border-box; border-radius: 3.5rem;}
.prd-tab-list-style ul li{margin-bottom: 1rem; position:relative; width:24rem;}
.prd-tab-list-style ul li a{width:100%; height:5rem; border-radius: 2.5rem; display: flex; align-items: center; justify-content: center; box-sizing: border-box; transition:var(--transition-custom); transition-property: background-color;}
.prd-tab-list-style ul li a em{font-size:1.7rem; letter-spacing:-0.025em; font-weight: 600; color: #666; text-align:center; transition:var(--transition-custom); transition-property: color;}
.prd-tab-list-style ul li.selected a{background-color:#000;}
.prd-tab-list-style ul li.selected a em{font-weight: 500; color:#fff;}
.prd-drop-open-btn-style{display: none;}
.fixed-sub-menu-placeholder {display: none; width: 100%;}
	
@media all and ( max-width: 800px ){
	.prd-tab-wrapper-style{margin-bottom: 5rem;}
	.prd-drop-menu-style{position:relative;}
	.prd-drop-open-btn-style{display:block; position:relative; padding:0 2.5rem; height:5rem; line-height:5rem; font-size:1.7rem; background-color:var(--main-color); box-sizing:border-box; border-radius: 3rem;}
	.prd-drop-open-btn-style span{font-weight: 600; color:#fff;}
	.prd-drop-open-btn-style .arrow{color:#fff; position:absolute; top:50%; right:2rem; margin-top:-0.8rem;}
	.prd-drop-menu-style.open .arrow,
	.prd-drop-open-btn-style.open .arrow{margin-top: -0.9rem; transform:rotate(180deg)}
	.prd-drop-menu-style ul{display:none; margin:0; padding: 0; height:auto; position:absolute; top:100%; left:0px; right:0px; background-color:#fff; border:1px solid #ddd; z-index:11; box-sizing:border-box; border-radius: 2rem; overflow: hidden;}
	.prd-drop-menu-style ul li{margin: 0; position:static; display:block; float:none; border:0; border-top:1px solid #eee; width:auto; background-color:transparent}
	.prd-drop-menu-style ul li:first-child{border-top:0; border-left:0}
	.prd-drop-menu-style ul li a{display:block; width:auto; height:auto; padding:1.5rem 2rem; border:0; border-radius: 0; background-color:transparent;}
	.prd-drop-menu-style ul li a em{font-size:1.6rem;}
	.prd-drop-menu-style ul li.selected{background-color:transparent; border-color: #eee;}
	.sub-tab-list-style ul li.selected a{background-color:transparent;}
	.prd-tab-list-style ul li.selected a{background-color:#fff;}
	.prd-drop-menu-style ul li.selected a em{color: var(--main-color); font-weight:700;}
}

:root{
	--cm-tab-pd: 15rem;
}
.product-tab-inner-container{position: relative;}
.product-tab-inner-con{/* display: none; */ display: flex; flex-wrap:wrap;}
.product-tab-style + .product-tab-inner-con{margin-top: calc(-1 * (var(--cm-tab-pd) + 8.5rem));}
.row3 .product-tab-style + .product-tab-inner-con{margin-top: calc(-1 * (var(--cm-tab-pd) + 13rem));}
.product-tab-img-box{width: 62.5%;}
.product-tab-img-box span{display: block; width: 100%; height: 80rem;}
.product-tab-img-box span img{width: 100%; height: 100%; object-fit: cover;}
.product-tab-txt-box{padding: var(--cm-tab-pd) 5.2% 6rem; width: 37.5%; background: url("../images/content/product01_tab_txtbg.jpg") center/cover no-repeat; display: flex; flex-direction: column; justify-content: space-between; box-sizing: border-box;}
.product-tab-txt-top{}
.product-tab-txt-top h5{font-size: 6.5rem; line-height: 1.1; letter-spacing: -0.05em; font-weight: 700; color: #000;}
.product-tab-txt-top p{margin-top: 1.5rem; font-size: 1.7rem; line-height: 1.3; letter-spacing: -0.02em; font-weight: 600; color: rgba(34,34,34,0.5);}
.product-tab-txt-bottom{margin-top: 3rem;}
.product-tab-txt-bottom dl{padding: 4rem 0; border-top: 1px solid #e5e5e5;}
.product-tab-txt-bottom dt{font-size: 2.2rem; letter-spacing: -0.02em; font-weight: 700; color: #000;}
.product-tab-txt-bottom dt span{margin-left: 1rem; padding: 0 0.8rem; font-size: 1.2rem; line-height: 2rem; letter-spacing: -0.02em; font-weight: 700; background-color: #e8e8e7; border-radius: 2rem; display: inline-flex;}
.product-tab-txt-bottom dd{margin-top: 2rem; font-size: 1.7rem; line-height: 1.3; letter-spacing: -0.02em; font-weight: 500; color: #666;}
.product-tab-txt-bottom dd + dd{margin-top: 1rem;}
.product-tab-txt-bottom .dot{position: relative; padding-left: 1.3rem;}
.product-tab-txt-bottom .dot:before{position: absolute; top: 0; left: 0; content: '-';}
.product-tab-txt-bottom .btn{margin-top: -1rem; width: 100%; padding: 1.4rem 7rem 1.4rem 2.5rem; font-size: 1.7rem; line-height: 1.3; letter-spacing: -0.02em; font-weight: 600; color: #fff; border: 2px solid #000; background-color: #000; box-sizing: border-box; border-radius: 2.5rem; position: relative; display: block; transition:var(--transition-custom); transition-property: background-color, color;}
.product-tab-txt-bottom .btn i{position: absolute; top: 50%; right: 2rem; margin-top: -1rem; font-size: 2rem; transition:var(--transition-custom); transition-property: transform;}
.product-tab-txt-bottom .btn:hover{background-color: #fff; color: #000;}
.product-tab-txt-bottom .btn:hover i{transform: translateX(5px);}

.product-tab-style{position: sticky; top: 0; left: 0; padding-top: var(--cm-tab-pd); z-index: 1;}
.product-tab-style a{width: 14rem; height: 4rem; font-size: 1.2rem; letter-spacing: -0.02em; font-weight: 700; background-color: rgba(255,255,255,0.2); color: rgba(0,0,0,0.2); display: flex; align-items: center; justify-content: center; border: 1px solid rgba(0,0,0,0.1); border-radius: 4rem; box-sizing: border-box; transition:var(--transition-custom); transition-property: opacity, background-color;}
.product-tab-style a + a{margin-top: 0.5rem;}
.product-tab-style.out-of-img a{background-color: #fff;}
/* active */
.product-tab-inner-con.active {display: flex;}
.product-tab-style a.active {color: #000; background-color: #fff;}

.product-tab-tbl-box{padding: 9.5rem 0 16.5rem; width: 100%;}
.product-tab-tbl-tit{margin-bottom: 3.5rem; font-size: 4rem; line-height: 1.2; letter-spacing: -0.05em; font-weight: 800; color: #000;}
.product-tab-tbl-wrapper{border: 2px solid #ddd; border-radius: 1rem; box-sizing: border-box; overflow: hidden;}
.product-tab-tbl{width: 100%; table-layout: fixed; border-radius: 1rem; box-sizing: border-box;}
.product-tab-tbl tr{}
.product-tab-tbl th,
.product-tab-tbl td{padding: 1.7rem 2rem; font-size: 1.7rem; line-height: 1.3; letter-spacing: -0.05em; font-weight: 500; color: #666; border-bottom: 1px solid #e5e5e5;}
.product-tab-tbl th{font-weight: 700; color: #000; text-align: center; background-color: #f5f5f5;}
.product-tab-tbl tr:last-child th,
.product-tab-tbl tr:last-child td{border-bottom: 0;}
.product-tab-tbl td.col2{border-left: 1px solid #e5e5e5; box-sizing: border-box;}
.product-tab-tbl tr.last-tr th,
.product-tab-tbl tr.last-tr td{border-bottom: 0 !important;}

.product-tab-info-box{padding: 9.5rem 0 12rem; width: 100%;}
.product-tab-info-tit{margin-bottom: 2.5rem; font-size: 4rem; line-height: 1.2; letter-spacing: -0.05em; font-weight: 800; color: #000;}
.product-tab-info-txt{position: relative; padding-left: 1rem; font-size: 1.7rem; line-height: 1.3; letter-spacing: -0.05em; font-weight: 700; color: #000;}
.product-tab-info-txt:before{position: absolute; top: 0; left: 0; content: '·';}
.product-tab-info-txt + .product-tab-info-txt{margin-top: 1rem;}
.product-tab-info-img-col1{margin-top: 6rem; padding: 3.5rem 6rem; border: 1px solid #ddd; border-radius: 1rem; text-align: center;}
.product-tab-info-img-col1 img{max-width: 100%; display: inline-block;}
.product-tab-info-img-col3{margin-top: 3rem;}
.product-tab-info-img-col3 ul{margin: -1.5rem; display: flex; flex-wrap:wrap;}
.product-tab-info-img-col3 ul li{margin: 1.5rem; width: calc(33.33% - 3rem);}
.product-tab-info-img-col3 ul li span{position: relative; width: 100%; height: 0; padding-top: 58.33%; display: block;}
.product-tab-info-img-col3 ul li span img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.product-tab-info-img-col2{margin-top: 5rem; padding: 7rem 6.6rem 0; border-top: 1px solid #ddd;}
.product-tab-info-img-col2 ul{margin: -2.3rem; display: flex; flex-wrap:wrap;}
.product-tab-info-img-col2 ul li{margin: 2.3rem; width: calc(50% - 4.6rem);}
.product-tab-info-img-col2 ul li span{position: relative; width: 100%; height: 0; padding-top: 72.83%; display: block;}
.product-tab-info-img-col2 ul li span img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

@media all and (max-width:1754px){
	.product-tab-style{left: var(--area-padding); margin-left: 0;}
}
@media all and (max-width:1280px){
	:root{
		--cm-tab-pd: 130px;
	}
	.product-tab-img-box{width: 100%;}
	.product-tab-img-box span{height: 0; padding-top: 66.66%; position: relative;}
	.product-tab-img-box span img{position: absolute; top: 0; left: 0;}
	.product-tab-txt-box{padding: var(--cm-tab-pd) var(--area-padding) 6rem; width:100%;}
}
@media all and (max-width:800px){
	:root{
		--cm-tab-pd: 20px;
	}
	.product-tab-style + .product-tab-inner-con{margin-top: calc(-1 * (var(--cm-tab-pd) + 8.5rem));}
	.row3 .product-tab-style + .product-tab-inner-con{margin-top: calc(-1 * (var(--cm-tab-pd) + 13rem));}
	.product-tab-img-box{width: 100%;}
	.product-tab-txt-box{padding: 6rem 5.2% 6rem; width: 100%;}
	.product-tab-txt-top h5{font-size: 4.5rem; line-height: 1.1;}
	.product-tab-txt-top p{margin-top: 1.5rem; font-size: 1.7rem; line-height: 1.3;}
	.product-tab-txt-bottom{margin-top: 3rem;}
	.product-tab-txt-bottom dl{padding: 4rem 0;}
	.product-tab-txt-bottom dt{font-size: 2.2rem;}
	.product-tab-txt-bottom dt span{margin-left: 1rem; padding: 0 0.8rem; font-size: 1.2rem; line-height: 2rem; border-radius: 2rem;}
	.product-tab-txt-bottom dd{margin-top: 2rem; font-size: 1.7rem; line-height: 1.3;}
	.product-tab-txt-bottom dd + dd{margin-top: 1rem;}
	.product-tab-txt-bottom .dot{padding-left: 1.3rem;}
	.product-tab-style{position: sticky; top: 0; left: 0; padding-top: var(--cm-tab-pd); z-index: 1;}
	.product-tab-style a{width: 14rem; height: 4rem; font-size: 1.2rem;}
	.product-tab-style a + a{margin-top: 0.5rem;}

	.product-tab-tbl-box{padding: 8rem 0 10rem; width: 100%;}
	.product-tab-tbl-tit{margin-bottom: 2.5rem; font-size: 3.6rem; line-height: 1.2;}
	.product-tab-tbl, .product-tab-tbl tbody, .product-tab-tbl th, .product-tab-tbl td{display: block;}
	.product-tab-tbl colgroup{display: none;}
	.product-tab-tbl{width: 100%; border-radius: 1rem; box-sizing: border-box;}
	.product-tab-tbl tr{display: flex; flex-wrap:wrap;}
	.product-tab-tbl th,
	.product-tab-tbl td{padding: 1.7rem 2rem; width: calc(100% - 12rem); font-size: 1.7rem; line-height: 1.3; text-align: left; box-sizing: border-box;}
	.product-tab-tbl th{width: 12rem;}
	.product-tab-tbl tr:last-child th,
	.product-tab-tbl tr:last-child td{border-bottom: 1px solid #e5e5e5;}
	.product-tab-tbl tr:last-child td ~ *{border-bottom: 0;}
	.product-tab-tbl td.col2{width: calc(50% - 6rem);}
	
	.product-tab-info-box{padding: 8rem 0 10rem; width: 100%;}
	.product-tab-info-tit{margin-bottom: 2.5rem; font-size: 3.6rem; line-height: 1.2;}
	.product-tab-info-txt{padding-left: 1rem; font-size: 1.7rem; line-height: 1.3;}
	.product-tab-info-txt + .product-tab-info-txt{margin-top: 1rem;}
	.product-tab-info-img-col1{margin-top: 6rem; padding: 3.5rem 6rem;}
	.product-tab-info-img-col3{margin-top: 3rem;}
	.product-tab-info-img-col3 ul{margin: -0.75rem;}
	.product-tab-info-img-col3 ul li{margin: 0.75rem; width: calc(33.33% - 1.5rem);}
	.product-tab-info-img-col2{margin-top: 5rem; padding: 5rem 0 0;}
	.product-tab-info-img-col2 ul{margin: -1rem;}
	.product-tab-info-img-col2 ul li{margin: 1rem; width: calc(50% - 2rem);}
}


/* ****************** 03 PR :: 01 뉴스 ********************** */
.pr-page{max-width: 1200px; margin: 0 auto;}
.bbs-basic-gallery-con19-list-con {margin: 0 -0.75%;}
.bbs-basic-gallery-con19-list-con li {float:left; position:relative; width: 31.455%; margin: 0 0.7725% 3%;}
.bbs-basic-gallery-con19-list-con li > a {position:relative; display:block; border-radius: 20px; overflow: hidden; background-color: #f2f2f2; transition: all 0.5s;}
.bbs-basic-gallery-con19-list-con li .gallery-info-box {padding: 4rem 3rem 0 3rem; text-align: left; box-sizing: border-box; height: 19rem;}
.bbs-basic-gallery-con19-list-con li .gallery-content-box {position: relative; padding: 0 5rem; height: 24rem;}
.bbs-basic-gallery-con19-list-con li .gallery-content-box .inner {transition: all 0.5s;}

.bbs-basic-gallery-con19-list-con li .gallery-content-box .content-txt {font-size: 1.6rem; line-height: 1.8em; letter-spacing: -0.32px; color: rgba(70, 70, 70, 0.8); white-space: normal; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; word-break: break-all; overflow: hidden;}
.bbs-basic-gallery-con19-list-con li .gallery-info-box .news-category {display: flex; align-items: center; justify-content: flex-start; width: 7rem; height: 2rem; color:var(--main-color); font-size: 1.6rem; line-height: 2em; letter-spacing: -0.28px; margin-bottom: 1rem; transition: all 0.5s; font-weight: 600; margin-bottom: 1.5rem;}
.bbs-basic-gallery-con19-list-con li .gallery-thumb-box {position:relative; display:block; padding-top: 0; overflow: visible; z-index: 5;}
.bbs-basic-gallery-con19-list-con li .gallery-thumb-box .gallery-thumb {transition: all 0.5s; position: relative; display: block; width: 100%; padding-top: 60%;}
.bbs-basic-gallery-con19-list-con li .gallery-thumb-box img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.bbs-basic-gallery-con19-list-con li .gallery-info-box .gal-tit {font-size: 2rem; line-height: 1.6em; letter-spacing: -0.02em; color: #222; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; margin-bottom: 3.4rem; height: 6.4rem; overflow:hidden;}
.bbs-basic-gallery-con19-list-con li .gallery-info-box .gal-day {font-size: 1.5rem; line-height: 1.5em; color: rgba(34, 34, 34, 0.5);}
.bbs-basic-gallery-con19-list-con li > a .gallery-more-btn {position:absolute; left:50%; top:50%; color:#222; opacity:0; text-align:center; border-radius:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translate(-50%, -50%); -webkit-transition:all 0.3s; transition:all 0.3s; z-index:10; width: 60px; height: 60px; background: var(--main-color);}
.bbs-basic-gallery-con19-list-con .custom-option-drop-list {border-radius: 15px;}
.bbs-basic-gallery-con19-list-con li > a .gallery-more-btn i {font-size:24px; line-height: 60px; color: #fff; transition:all 0.3s;}

/* hover */
@media all and (min-width:801px){
	.bbs-basic-gallery-con19-list-con li a:hover .gallery-thumb-box img {
		-webkit-transform: scale(1.1) rotate(0.002deg); 
		-moz-transform: scale(1.1) rotate(0.002deg);
		-ms-transform: scale(1.1) rotate(0.002deg);
		-o-transform: scale(1.1) rotate(0.002deg); 
		transform: scale(1.1) rotate(0.002deg);
	}
	.bbs-basic-gallery-con19-list-con li a:hover .gallery-more-btn{opacity:1.0;}
	.bbs-basic-gallery-con19-list-con li a:hover .gallery-more-btn i{transform:rotate(180deg)}
	.bbs-basic-gallery-con19-list-con li > a:hover {/* box-shadow: 10px 10px 40px #1C00000D; */ box-shadow: 10px 10px 40px #1c000024; }
	/* .bbs-basic-gallery-con19-list-con li > a:hover .gallery-info-box .news-category {background-color: var(--main-color);} */
	.bbs-basic-gallery-con19-list-con li > a:hover {background-color: #fff;}
	.bbs-basic-gallery-con19-list-con li > a:hover .gallery-content-box .inner {filter: blur(5px);}
	.bbs-basic-gallery-con19-list-con li > a:hover .gallery-info-box .gal-day {color: rgba(34, 34, 34, 0.5);}
	.bbs-basic-gallery-con19-list-con li > a:hover .gallery-info-box .gal-tit {color: var(--main-color);}
	.bbs-basic-gallery-con19-list-con li > a:hover .gallery-thumb-box .gallery-thumb {filter: blur(20px);}
}

@media all and (max-width: 800px) {
    .bbs-basic-gallery-con19-list-con {margin: 2rem -1% 0 -1%;}
    .bbs-basic-gallery-con19-list-con li {width: 48%; margin: 0 1% 3rem;}
    .bbs-basic-gallery-con19-list-con li .gallery-info-box {padding: 2.5rem 1.5rem 0; height: 15rem;}
    .bbs-basic-gallery-con19-list-con li .gallery-info-box .gal-tit {font-size: 1.8rem; margin-bottom: 1rem; height: 5.4rem;}
}


/* ****************** 03 PR :: 02 공지사항 ********************** */
.bbs-list-style08 {border-top:1px solid #333333;/*  margin-bottom: 8rem; */}
.bbs-list-style08 .bbs-item > a{
	display:flex; align-items: center; position:relative; padding: 0 3rem; height:10rem; line-height: 10rem; box-sizing:border-box; border-bottom:1px solid #f1f1f1; background-color:#fff; 
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s
}
.bbs-list-style08 .bbs-item .bbs-list-date{width:10.5rem; text-align:center; font-size: 1.5rem; color:#888888; letter-spacing:-0.025em; }
.bbs-list-style08 .bbs-item .bbs-list-date strong{display:block; font-size:50px; margin-bottom:5px;}
.bbs-list-style08 .bbs-item .bbs-list-date span{font-size:15px;}
.bbs-list-style08 .bbs-item .bbs-list-info-con{width:70%; padding-left: 7rem;}
.bbs-list-style08 .bbs-item .bbs-subject-box{display:block; position:relative; padding:0 30px 0 0; margin:5px 0 15px; } 
.bbs-list-style08 .bbs-item .bbs-subject-txt-box{display:inline-block; position:relative; max-width:100%; }
.bbs-list-style08 .bbs-item .bbs-subject-txt {display: inline-block; padding-right: 5px; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; font-size:2rem; font-weight:700; vertical-align:middle; color:#333333; letter-spacing:-0.25px; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.bbs-list-style08 .bbs-item .bbs-list-info-con .notice-tit{display:inline-block; vertical-align:middle; height:25px; line-height:25px; border:1px solid #000; padding:0 15px; font-size:14px; letter-spacing:-0.5px; color:#000; margin-right:10px;}
.bbs-list-style08 .bbs-item .bbs-subject-txt .category{font-weight:500; color:#000; margin-right:5px; }
.bbs-list-style08 .bbs-item .bbs-subject-icons{ position: absolute; left:100%; top: 50%; width: 60px; height:18px; margin-top:-9px; text-align:left; display: inline-block; }
.bbs-list-style08 .bbs-item .bbs-subject-icons img{vertical-align:middle; margin:-2px 2px 0 2px;}
.bbs-list-style08 .bbs-item .bbs-subject-icons i{font-size:18px; }
.bbs-list-style08 .bbs-item .bbs-list-info-con .bbs-list-sub-txt{color:#777; font-size:15px; letter-spacing:-0.5px; line-height:1.5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bbs-list-style08 .bbs-item .bbs-list-info-con .bbs-list-date-m{display:none;}
.bbs-list-style08 .bbs-item .bbs-right-info-con{position:absolute; right:40px; text-align:right;}
.bbs-list-style08 .bbs-item .bbs-right-info-con dl{margin-bottom:15px;}
.bbs-list-style08 .bbs-item .bbs-right-info-con dl dt,
.bbs-list-style08 .bbs-item .bbs-right-info-con dl dd{display:inline-block; color:#a1a1a1; font-size:13px; letter-spacing:-0.4px;}
.bbs-list-style08 .bbs-item .bbs-right-info-con dl dt i{position:relative; top:-1px; font-size:16px; vertical-align:middle;}
.bbs-list-style08 .bbs-item .bbs-right-info-con .bbs-more-btn{display:block; color:#cacaca; font-size: 3rem; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
/* hover */
@media all and (min-width:801px){
	.bbs-list-style08 .bbs-item > a:hover .bbs-subject-txt{color: var(--main-color);}
	.bbs-list-style08 .bbs-item > a:hover .bbs-right-info-con .bbs-more-btn{transform: translateX(5px);}
}

@media all and (max-width:800px){
	/* 리스트형 게시판 :: 리스트 08 */
	.bbs-list-style08 {margin-bottom: 0;}
	.bbs-list-style08 .bbs-item > a{height:auto; min-height:54px; padding:15px; flex-wrap: wrap; line-height: 4rem;}
	.bbs-list-style08 .bbs-item .bbs-list-date{width: 100%; text-align: left;}
	.bbs-list-style08 .bbs-item .bbs-list-date strong{font-size:30px;}
	.bbs-list-style08 .bbs-item .bbs-list-info-con{margin:0 ; padding-left: 0; width: 80%;}
	.bbs-list-style08 .bbs-item .bbs-subject-box{margin-bottom:5px}
	.bbs-list-style08 .bbs-item .bbs-subject-txt{font-size:15px;}
	.bbs-list-style08 .bbs-item .bbs-list-info-con .notice-tit{height:20px; font-size:13px; line-height:20px; padding:0 10px;}
	.bbs-list-style08 .bbs-item .bbs-list-info-con .bbs-list-sub-txt{font-size:13px; }
	.bbs-list-style08 .bbs-item .bbs-right-info-con{top:50%; right:15px; margin-top:-16px}
	.bbs-list-style08 .bbs-item .bbs-right-info-con dl{display:none;}
}
@media all and (max-width:480px){
	/* 리스트형 게시판 :: 리스트 08 */
	.bbs-list-style08 .bbs-item .bbs-list-date{overflow:hidden; display:none; }
	.bbs-list-style08 .bbs-item .bbs-list-info-con{margin:0; margin-right:40px;}
	.bbs-list-style08 .bbs-item .bbs-list-info-con .bbs-list-tit .category{display:block; font-size:13px; margin-bottom:10px;}
	.bbs-list-style08 .bbs-item .bbs-list-info-con .bbs-list-date-m{display:block; color:#888; font-size:12px; margin-top:10px;}
	.bbs-list-style08 .bbs-item .bbs-right-info-con .bbs-more-btn{width:30px; height:30px; line-height:30px; font-size: 2rem; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
	.bbs-list-style08 .bbs-item .bbs-right-info-con .bbs-more-btn em{display:none;}
	.bbs-list-style08 .bbs-item .bbs-right-info-con .bbs-more-btn i{display:block; line-height:30px; }
}


/* ****************** 04 HR :: 01 인사재도 ********************** */
.hr-guide-con01{position: relative; width: 100%; height: 0; padding-top: 31.25%;}
.hr-guide-con01 img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.hr-guide-con02{}
.cm-flex-box{padding: 10rem 0; display: flex; flex-wrap:wrap;}
.cm-flex-box + .cm-flex-box{border-top: 1px solid #e8e8e8;}
.cm-flex-box-left{padding-right: 2rem; width: 20.28%; font-size: 4rem; line-height: 1.2; letter-spacing: -0.02em; font-weight: 800; color: #000; box-sizing: border-box;}
.cm-flex-box-right{width: 79.72%;}

/* 승진제도 */
.hr-guide-pr-box{display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between;}
.hr-guide-pr-box + .hr-guide-pr-box{margin-top: 4rem;}
.hr-guide-pr-left{width: 19rem; width: 17.27%;}
.hr-guide-pr-left div{position: relative; width: 100%; height: 0; padding-top: 100%; border-radius: 100%; border: 1px dashed rgba(0,0,0,0.2); box-sizing: border-box;}
.hr-guide-pr-left div span{position: absolute; top: 5%; left: 5%; width: 90%; height: 90%; font-size: 2.6rem; letter-spacing: -0.02em; font-weight: 700; color: #fff; text-align: center; border-radius: 100%; display: flex; align-items: center; justify-content: center; box-shadow: 1rem 1rem 4rem 0 rgba(22,74,150,0.3);
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#164a96+0,78a3e1+100 */
background: linear-gradient(to top,  rgba(22,74,150,1) 0%,rgba(120,163,225,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.hr-guide-pr-box + .hr-guide-pr-box .hr-guide-pr-left div{border-color: rgba(0,0,0,0.2);}
.hr-guide-pr-box + .hr-guide-pr-box .hr-guide-pr-left div span{box-shadow: 1rem 1rem 4rem 0 rgba(0,0,0,0.3);
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#111111+1,a6a6a6+100 */
background: linear-gradient(to top,  rgba(17,17,17,1) 1%,rgba(166,166,166,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}

.hr-guide-pr-line{position: relative; width: 4.55%; border-top: 1px dashed rgba(0,0,0,0.2);}
.hr-guide-pr-line:before,
.hr-guide-pr-line:after{position: absolute; top: 50%; margin-top: -0.3rem; right: -0.3rem; width: 0.6rem; height: 0.6rem; background-color: var(--main-color); border: 1px solid var(--main-color); border-radius: 100%; content: ''; box-sizing: border-box; z-index: 1;}
.hr-guide-pr-line:before{right: auto; left: -0.3rem; background-color: #fff;}
.hr-guide-pr-box + .hr-guide-pr-box .hr-guide-pr-line:before{border-color: #000;}
.hr-guide-pr-box + .hr-guide-pr-box .hr-guide-pr-line:after{border-color: #000; background-color: #000;}

.hr-guide-pr-right{width: 78.18%;}
.hr-guide-pr-list{display: flex;}
.hr-guide-pr-item{width: 19.76%;}
.hr-guide-pr-item + .hr-guide-pr-item{margin-left: -3rem; margin-left: -3.48%;}
.hr-guide-pr-item div{position: relative; width: 100%; height: 0; padding-top: 100%; border-radius: 100%; background-color: #fff; border: 1px solid #e0e0e0; box-sizing: border-box;}
.hr-guide-pr-item div span{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 2rem; letter-spacing: -0.02em; font-weight: 700; color: #222;}
.hr-guide-pr-item div span b{margin-bottom: 1rem; font-size: 1.4rem; font-weight: 500; color: var(--main-color); display: block;}
.hr-guide-pr-box + .hr-guide-pr-box .hr-guide-pr-item div span b{color: #666;}

/* 인사평가 */
.hr-guide-ev-tit{margin-bottom: 1.5rem; font-size: 2.6rem; line-height: 1.3; letter-spacing: -0.02em; font-weight: 700; color: #000;}
.hr-guide-ev-txt{font-size: 1.7rem; line-height: 1.88; letter-spacing: -0.05em; font-weight: 500; color: #666;}
.hr-guide-ev-box{margin-top: 5.5rem; padding: 4rem; display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between; border-radius: 1rem; background-color: #f1f1f1; box-sizing: border-box;}
.hr-guide-ev-item{width: calc(33.33% - 4rem); height: 8rem; border-radius: 1rem; font-size: 2rem; line-height: 1.3; letter-spacing: -0.02em; font-weight: 700; color: #000; background-color: #fff; border: 1px solid #ddd; display: flex; flex-wrap:wrap; align-items: center; justify-content: center; box-sizing: border-box;}
.hr-guide-ev-item + .hr-guide-ev-item{position: relative;}
.hr-guide-ev-item + .hr-guide-ev-item:before{position: absolute; top: 50%; margin-top: -1.2rem; left: -4.4rem; font-size: 2.4rem; font-weight: 400; color: rgba(0,0,0,0.4); content: '\e914'; font-family: xeicon;}
.hr-guide-ev-item i{margin-right: 0.5rem; font-weight: 400;}

/* 인재육성 */
.hr-guide-dv-list{padding: 0 4rem; background-color: #f1f1f1; border-radius: 1rem;}
.hr-guide-dv-item{padding: 4rem 0; display: flex; flex-wrap:wrap; align-items: center;}
.hr-guide-dv-item + .hr-guide-dv-item{border-top: 1px solid #dedede;}
.hr-guide-dv-img{width: 12rem;}
.hr-guide-dv-img span{position: relative; width: 100%; padding-top: 100%; border-radius: 100%; background-color: #fff; display: block;}
.hr-guide-dv-img span img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; height: 5.5rem;}
.hr-guide-dv-item:nth-child(2) .hr-guide-dv-img span img{height: 5.8rem;}
.hr-guide-dv-item:nth-child(3) .hr-guide-dv-img span img{height: 4rem;}
.hr-guide-dv-txt{width: calc(100% - 12rem); padding-left: 3rem; box-sizing: border-box;}
.hr-guide-dv-txt h5{font-size: 2.6rem; line-height: 1.3; letter-spacing: -0.0.2em; font-weight: 700; color: #000;}
.hr-guide-dv-txt p{margin-top: 1rem; font-size: 1.7rem; line-height: 1.88; letter-spacing: -0.05em; font-weight: 500; color: #666;}

/* 복리후생 */
.hr-guide-benefit-box{}
.hr-guide-benefit-box + .hr-guide-benefit-box{margin-top: 6rem;}
.hr-guide-benefit-tit{margin-bottom: 2.5rem; font-size: 2.6rem; line-height: 1.3; letter-spacing: -0.02em; font-weight: 700; color: #000;}
.hr-guide-benefit-wrapper{}
.hr-guide-benefit-list{margin: -0.7rem; display: flex; flex-wrap:wrap;}
.hr-guide-benefit-item{margin: 0.7rem; padding: 3.5rem 3rem; width: calc(20% - 1.4rem); height: 21rem; background-color: #f1f1f1; border-radius: 1rem; display: flex; flex-direction: column; justify-content: space-between; box-sizing: border-box;}
.hr-guide-benefit-top{}
.hr-guide-benefit-top h5{font-size: 2rem; line-height: 1.3; letter-spacing: -0.02em; font-weight: 700; color: #222;}
.hr-guide-benefit-top h5 b{margin-bottom: 1rem; font-size: 1.5rem; color: #aaa; display: block;}
.hr-guide-benefit-bottom{display: flex; justify-content: flex-end;}
.hr-guide-benefit-bottom img{}

@media all and (max-width:1280px){
	/* 승진제도 */
	.hr-guide-pr-left div span{font-size: 2rem;}
	.hr-guide-pr-item div span{font-size: 1.6rem;}

}
@media all and (max-width:800px){
	.cm-flex-box{padding: 8rem 0;}
	.cm-flex-box-left{padding-right: 0; width: 100%; font-size: 4rem; line-height: 1.2;}
	.cm-flex-box-right{margin-top: 3rem; width: 100%;}

	/* 승진제도 */
	.hr-guide-pr-box{width: 49%; display: inline-flex; flex-direction: column; align-items: center; justify-content: center;}
	.hr-guide-pr-box + .hr-guide-pr-box{margin-top: 4rem;}
	.hr-guide-pr-left{width: 80%;}
	.hr-guide-pr-left div span{top: 5%; left: 5%; width: 90%; height: 90%; font-size: 2.4rem;}

	.hr-guide-pr-line{position: relative; width: 1px; height: 4rem; border-top: 0; border-left: 1px dashed rgba(0,0,0,0.2);}
	.hr-guide-pr-line:before,
	.hr-guide-pr-line:after{position: absolute; top: -0.3rem; margin-top: 0; right: auto; left: -0.3rem; width: 0.6rem; height: 0.6rem;}
	.hr-guide-pr-line:before{top: auto; bottom: -0.3rem; left: -0.3rem;}

	.hr-guide-pr-right{width: 100%;}
	.hr-guide-pr-list{display: flex; flex-direction: column; align-items: center; justify-content: center;}
	.hr-guide-pr-item{width: 70%;}
	.hr-guide-pr-item + .hr-guide-pr-item{margin-left: 0; margin-top: -2rem;}
	.hr-guide-pr-item div{position: relative; width: 100%; height: 0; padding-top: 100%; border-radius: 100%; background-color: #fff; border: 1px solid #e0e0e0; box-sizing: border-box;}
	.hr-guide-pr-item div span{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 2rem; letter-spacing: -0.02em; font-weight: 700; color: #222;}
	.hr-guide-pr-item div span b{margin-bottom: 1rem; font-size: 1.4rem; font-weight: 500; color: var(--main-color); display: block;}
	.hr-guide-pr-box + .hr-guide-pr-box .hr-guide-pr-item div span b{color: #666;}

	/* 인사평가 */
	.hr-guide-ev-tit{margin-bottom: 1.5rem; font-size: 2.6rem; line-height: 1.3;}
	.hr-guide-ev-txt{font-size: 1.7rem; line-height: 1.88;}
	.hr-guide-ev-box{margin-top: 5.5rem; padding: 2rem 4rem;}
	.hr-guide-ev-item{margin: 2rem 0; width: 100%; height: 8rem; font-size: 2rem; line-height: 1.3;}
	.hr-guide-ev-item + .hr-guide-ev-item:before{top: -3.6rem; margin-top: 0; left: 50%; margin-left: -1.2rem; font-size: 2.4rem;}
	.hr-guide-ev-item i{margin-right: 0.5rem;}

	/* 인재육성 */
	.hr-guide-dv-list{padding: 0 4rem;}
	.hr-guide-dv-item{padding: 4rem 0;}
	.hr-guide-dv-img{width: 12rem;}
	.hr-guide-dv-img span img{height: 5.5rem;}
	.hr-guide-dv-item:nth-child(2) .hr-guide-dv-img span img{height: 5.8rem;}
	.hr-guide-dv-item:nth-child(3) .hr-guide-dv-img span img{height: 4rem;}
	.hr-guide-dv-txt{width: calc(100% - 12rem); padding-left: 3rem;}
	.hr-guide-dv-txt h5{font-size: 2.6rem; line-height: 1.3;}
	.hr-guide-dv-txt p{margin-top: 1rem; font-size: 1.7rem; line-height: 1.88;}

	/* 복리후생 */
	.hr-guide-benefit-box + .hr-guide-benefit-box{margin-top: 6rem;}
	.hr-guide-benefit-tit{margin-bottom: 2.5rem; font-size: 2.6rem; line-height: 1.3;}
	.hr-guide-benefit-list{margin: -0.7rem;}
	.hr-guide-benefit-item{margin: 0.7rem; padding: 3.5rem 3rem; width: calc(50% - 1.4rem); height: 21rem;}
	.hr-guide-benefit-top h5{font-size: 2rem; line-height: 1.3;}
	.hr-guide-benefit-top h5 b{margin-bottom: 1rem; font-size: 1.5rem;}
}


/* ****************** 04 HR :: 02 채용절차 ********************** */
.hr-process-con01{max-width: 1140px; margin: 0 auto;}
.hr-process-con01-list{margin: 0 -3rem; display: flex; flex-wrap:wrap;}
.hr-process-con01-item{margin: 0 3rem; width: calc(20% - 6rem);}
.hr-process-con01-icon{position: relative; width: 100%; height: 0; padding-top: 100%; border: 1px solid #dedede; border-radius: 100%; box-sizing: border-box;}
.hr-process-con01-item + .hr-process-con01-item .hr-process-con01-icon:before{position: absolute; top: 50%; margin-top: -1.2rem; left: -4.2rem; font-size: 2.4rem; color: #ccc; content: "\e93f"; font-family: xeicon;}
.hr-process-con01-icon img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; height: 5.7rem;}
.hr-process-con01-item:nth-child(2) .hr-process-con01-icon img{height: 5.2rem;}
.hr-process-con01-item:nth-child(3) .hr-process-con01-icon img{height: 5.6rem;}
.hr-process-con01-item:nth-child(4) .hr-process-con01-icon img{height: 6rem;}
.hr-process-con01-item:nth-child(5) .hr-process-con01-icon{box-shadow: 1rem 1rem 4rem 0 rgba(22,74,150,0.3);
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#164a96+0,78a3e1+100 */
background: linear-gradient(to top,  rgba(22,74,150,1) 0%,rgba(120,163,225,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.hr-process-con01-item:nth-child(5) .hr-process-con01-icon img{height: 5.6rem;}
.hr-process-con01-txt{margin-top: 2.5rem; text-align: center;}
.hr-process-con01-txt b{font-size: 1.5rem; line-height: 1.3; letter-spacing: -0.025em; font-weight: 500; color: var(--main-color); display: block;}
.hr-process-con01-txt h5{margin-top: 1rem; font-size: 2.6rem; line-height: 1.3; letter-spacing: -0.05em; font-weight: 700; color: #000;}

.hr-process-con02{margin-top: 8rem;}
.hr-process-con02-item{padding: 2.5rem 6rem; background-color: #f1f1f1; border-radius: 1rem; display: flex; flex-wrap:wrap; align-items: center;}
.hr-process-con02-item + .hr-process-con02-item{margin-top: 1rem;}
.hr-process-con02-item .step{width: 13rem; font-size: 2rem; line-height: 1.3; font-weight: 600; letter-spacing: -0.025em; color: var(--main-color); box-sizing: border-box; position: relative;}
.hr-process-con02-item .step::after{position: absolute; top: 50%; margin-top: -0.75rem; right: 0; width: 2px; height: 1.5rem; background-color: #ddd; content: '';}
.hr-process-con02-item .txt{padding-left: 4rem; width: calc(100% - 13rem); display: flex; flex-wrap:wrap; align-items: center; box-sizing: border-box;}
.hr-process-con02-item .txt h5, .hr-process-con02-item .txt p{font-size: 1.7rem; line-height: 1.5;}
.hr-process-con02-item .txt h5{padding-right: 2rem; width: 15rem; letter-spacing: -0.05em; font-weight: 700; color: #000; box-sizing: border-box;}
.hr-process-con02-item .txt p{width: calc(100% - 15rem); font-weight: 500; letter-spacing: -0.025em; color: #666;}

.hr-process-con03{margin-top: 8rem;}
.hr-process-con03-mail{padding: 2.7rem 2rem; border-top: 2px solid #f1f1f1; border-bottom: 2px solid #f1f1f1; display: flex; align-items: center; justify-content: center;}
.hr-process-con03-mail span{font-size: 2.2rem; line-height: 1.3; letter-spacing: -0.025em; font-weight: 500; color: #666; display: inline-block;}
.hr-process-con03-mail span + span{margin-left: 4rem; position: relative;}
.hr-process-con03-mail span + span::before{position: absolute; top: 50%; margin-top: -0.75rem; left: -2rem; width: 2px; height: 1.5rem; background-color: #ddd; content: '';}
.hr-process-con03-mail span b{letter-spacing: -0.05em; font-weight: 700; color: #000;}
.hr-process-con03-btn{margin-top: 4rem;}
.hr-process-con03-btn ul{margin: -0.5rem; display: flex; align-items: center; justify-content: center;}
.hr-process-con03-btn ul li{margin: 0.5rem; width: calc(50% - 1rem); max-width: 20rem;}
.hr-process-con03-btn ul li a{padding: 0 2rem 0 2.5rem; width: 100%; height: 5rem; font-size: 1.35rem; line-height: 1.3; letter-spacing: -0.01em; font-weight: 700; color: #000; border: 2px solid #ddd; border-radius: 5rem; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; box-shadow: 0.5rem 0.5rem 0.8rem 0 rgba(103,103,103,0.08); transition:var(--transition-custom); transition-property: color, background-color, border-color;}
.hr-process-con03-btn ul li a i{font-size: 2rem; font-weight: 400;}
.hr-process-con03-btn ul li a:hover{color: #fff; background-color: #000; border-color: #000;}

@media all and (max-width:800px){
	.hr-process-con01-list{margin: -3rem 0; flex-direction: column; align-items: center; justify-content: center;}
	.hr-process-con01-item{margin: 3rem auto; width: 80%; max-width: 160px;}
	.hr-process-con01-item + .hr-process-con01-item .hr-process-con01-icon:before{top: -4.2rem; margin-top: 0; left: 50%; margin-left: -1.2rem; font-size: 2.4rem; content: '\e942';}
	.hr-process-con01-icon img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; height: 5.7rem;}
	.hr-process-con01-item:nth-child(2) .hr-process-con01-icon img{height: 5.2rem;}
	.hr-process-con01-item:nth-child(3) .hr-process-con01-icon img{height: 5.6rem;}
	.hr-process-con01-item:nth-child(4) .hr-process-con01-icon img{height: 6rem;}
	.hr-process-con01-item:nth-child(5) .hr-process-con01-icon img{height: 5.6rem;}
	.hr-process-con01-txt{margin-top: 2.5rem;}
	.hr-process-con01-txt b{font-size: 1.5rem; line-height: 1.3;}
	.hr-process-con01-txt h5{margin-top: 1rem; font-size: 2.6rem; line-height: 1.3;}

	.hr-process-con02{margin-top: 6rem;}
	.hr-process-con02-item{padding: 2.5rem 4rem;}
	.hr-process-con02-item + .hr-process-con02-item{margin-top: 1rem;}
	.hr-process-con02-item .step{width: 100%; font-size: 2rem; line-height: 1.3; font-weight: 600; letter-spacing: -0.025em; color: var(--main-color); box-sizing: border-box; position: relative;}
	.hr-process-con02-item .step::after{display: none;}
	.hr-process-con02-item .txt{margin-top: 2rem; padding-left: 0; width: 100%;}
	.hr-process-con02-item .txt h5, .hr-process-con02-item .txt p{font-size: 1.7rem; line-height: 1.5;}
	.hr-process-con02-item .txt h5{padding-right: 0; width: 100%;}
	.hr-process-con02-item .txt p{margin-top: 0.5rem; width: 100%;}

	.hr-process-con03{margin-top: 6rem;}
	.hr-process-con03-mail{padding: 2.7rem 2rem; flex-direction: column;}
	.hr-process-con03-mail span{font-size: 2.2rem; line-height: 1.3;}
	.hr-process-con03-mail span + span{margin-left: 0; margin-top: 4rem;}
	.hr-process-con03-mail span + span::before{top: -2rem; margin-top: 0; left: 50%; margin-left: -0.75rem; width: 1.5rem; height: 2px;}
	.hr-process-con03-btn{margin-top: 4rem;}
	.hr-process-con03-btn ul{margin: -0.5rem;}
	.hr-process-con03-btn ul li{margin: 0.5rem; width: calc(50% - 1rem); max-width: 20rem;}
	.hr-process-con03-btn ul li a{padding: 0 2rem 0 2.5rem; width: 100%; height: 5rem; font-size: 1.35rem; line-height: 1.3;}
	.hr-process-con03-btn ul li a i{font-size: 2rem;}
}
@media all and (max-width:480px){
	.hr-process-con03-btn ul{flex-wrap:wrap;}
	.hr-process-con03-btn ul li{width: calc(100% - 1rem); max-width: none;}
}


/* ****************** 04 HR :: 03 채용공고 ********************** */
.recruit-page{max-width: 1200px; margin: 0 auto;}


/* ****************** 05 Support :: 01 문의하기 ********************** */
.inquiry-con01{padding-bottom: var(--sub-con-paddingBottom); display: flex; flex-wrap:wrap; justify-content: space-between;}
.inquiry-con01-box{width: calc(50% - 1rem);}
.inquiry-con01-box-inner{position: relative; width: 100%; height: 0; padding-top: 76.47%; border-radius: 1rem; background: url('../images/content/inquiry_con01_bg01.jpg') center/cover no-repeat;}
.inquiry-con01-box + .inquiry-con01-box .inquiry-con01-box-inner{background: url('../images/content/inquiry_con01_bg02.jpg') center/cover no-repeat;}
.inquiry-con01-txt{position: absolute; top: 0; left: 0; padding: 10.57% 8.8%; width: 100%; height: 100%; box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-end;}
.inquiry-con01-txt h5{font-size: 4rem; line-height: 1.2; letter-spacing: -0.055em; font-weight: 600; color: #fff;}
.inquiry-con01-txt dl{margin-top: 3rem; display: flex; flex-wrap:wrap;}
.inquiry-con01-txt dl + dl{margin-top: 1.5rem;}
.inquiry-con01-txt dt, .inquiry-con01-txt dd{font-size: 2rem; line-height: 1.3; letter-spacing: -0.05em; font-weight: 500; color:rgba(255,255,255,0.6);}
.inquiry-con01-txt dt{width: 8rem; color: #fff;}
.inquiry-con01-txt dd{width: calc(100% - 8rem);}

@media all and (max-width:800px){
	.inquiry-con01-box{width: 100%;}
	.inquiry-con01-box + .inquiry-con01-box{margin-top: 3rem;}
	.inquiry-con01-txt{padding: 10.57% 8.8%;}
	.inquiry-con01-txt h5{font-size: 4rem; line-height: 1.2;}
	.inquiry-con01-txt dl{margin-top: 3rem;}
	.inquiry-con01-txt dl + dl{margin-top: 1.5rem;}
	.inquiry-con01-txt dt, .inquiry-con01-txt dd{font-size: 2rem; line-height: 1.3;}
	.inquiry-con01-txt dt{width: 8rem;}
	.inquiry-con01-txt dd{width: calc(100% - 8rem);}
}