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


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

/* -------- 공통 :: 탭 -------- */
@media all and (max-width:1220px){
	.sub-tab-list-style .area{padding:0}
}
@media all and (max-width:1024px){
	/* Tab Fixed Move*/
	.sub-tab-list-style.top-fixed{top:80px;}
}
@media all and ( max-width: 800px ){
	/* Tab 공통 스타일 */
	.sub-tab-wrapper-style,
	.sub-tab-list-style.top-fixed,
	.sub-tab-list-style ul li a{height:40px; margin-bottom: 3rem;}
	.sub-tab-list-style ul li a em{font-size:13px}
	/* Tab Fixed Move*/
	/* Mobile Tab Drop Menu */
	.sub-drop-menu-style{position:relative;}
	.sub-drop-open-btn-style{display:block; position:relative; padding:0 15px; height:40px; line-height:40px; font-size:15px; background-color:var(--main-color); border-radius: 1rem; box-sizing:border-box;}
	.sub-drop-open-btn-style span{color:#fff; }
	.sub-drop-open-btn-style .arrow{color:#fff; position:absolute; top:50%; right:15px; margin-top:-7px}
	.sub-drop-open-btn-style.open .arrow{transform:rotate(180deg)}
	.sub-drop-menu-style ul{display:none; margin:0; height:auto; position:absolute; top:100%; left:0px; right:0px; background-color:#fff; border:1px solid #ddd; border-top:0; z-index:11; box-sizing:border-box;}
	.sub-drop-menu-style ul li{position:static; display:block; float:none; border:0; border-top:1px solid #eee; width:auto; background-color:transparent}
	.sub-drop-menu-style ul li:first-child{border-top:0; border-left:0}
	.sub-drop-menu-style ul li a{display:block; width:auto; height:auto; padding:10px 15px; border:0; margin-bottom: 0;}
	.sub-drop-menu-style ul li a em{font-size:13px;}
	.sub-drop-menu-style ul li.selected{background-color:transparent; border-color: #eee;}
	.sub-drop-menu-style ul li.selected a em{color:var(--main-color); font-weight:600; }
}
@media all and (max-width:480px){
	/* Tab Fixed Move*/	
	.sub-tab-list-style.top-fixed{top:60px;}
}

/* -------- 공통 -------- */
@media all and (max-width:1586px){
	.sub-contact-wrap {background: url("/images/main/main_bg.jpg") no-repeat bottom 6% left 50% / cover;}
}

@media all and (max-width:1280px){
	.sub-contact-wrap {background: url("/images/main/main_bg.jpg") no-repeat bottom 9.38% left 50% / cover;}
}

@media all and (max-width:800px){
	.sub-contact-wrap {padding: 6rem 0; background: url("/images/main/main_bg.jpg") no-repeat bottom -40rem left 50% / cover;}

	.cm-tit-box .cm-tit {font-size: 3.5rem;}
}

@media all and (max-width:480px){
	.sub-contact-wrap {background: url("/images/main/main_bg.jpg") no-repeat top left 50% / 100% 150%;}
}

/* -------- 공통 :: 타이틀 -------- */
@media all and (max-width:800px){
	.cm-tit-box {padding-bottom: 3rem !important;}
}

/* ******************  01. Product ********************** */
@media all and (max-width:1280px){
	
}
@media all and (max-width:800px){
	.prd-con-tit {font-size: 3.5rem;}
	.product-con01 {padding: 6rem 0 10rem 0;}
	.prd-features-list {grid-template-columns: repeat(1, 100%);}
	.prd-features-list .prd-features-item {min-height: 0; padding: 2rem 2rem 4rem}
	/* .prd-features-list {margin: 0;}
	.prd-features-list .prd-features-item {width: 100%; min-height: 0;  padding: 2rem 2rem 4rem} */
	.product-con02 {padding: 12rem 0;}
	.prd-advantage-con {padding: 0;}
	.prd-advantage-list li {width: 50%; padding: 5.5rem 1.5rem;}
	.prd-advantage-list li .icon-box {display: flex; justify-content: center;}
	.prd-advantage-list li .txt-box .tit {text-align: center;}
	.prd-advantage-list li .txt-box .txt {text-align: center;}
	.prd-advantage-list li .txt-box .txt br {display: none;}
	.product-con03 {padding: 12rem 0;}
	.product-con05 {padding: 12rem 0 7rem;}
	.prd-list-tbl, .prd-list-row, .prd-list-row .column, .prd-list-tbody {display: block; }
    .prd-list-col-group, 
	.prd-list-head { display: none; position: absolute; top: -1000em; left: -1000em;}
	.prd-list-row {position: relative; width: 100%; padding: 2rem 1rem; border-bottom: 1px solid rgba(0,0,0,0.1); box-sizing: border-box;}
	.prd-list-row .column { border-bottom: 0; text-align: left;height: auto; vertical-align: top;}
	.prd-list-row .column.prd-img dl {display: flex; align-items: center;}
	.prd-list-row .column.prd-img dl dt {}
	.prd-list-row .column.prd-img dl dd {margin-top: 0; padding-left: 2rem;}
	.prd-list-row .column.prd-block {width: 100%;margin-top: 2rem;}
	.prd-list-row .column.prd-inline {display: inline-flex; width: auto; margin: 1.5rem 4% 0px 0; }
	.prd-list-row .column:not(.prd-img):not(.prd-block):before { padding-right: 1rem; color: #aaa;  content: attr(data-label);}
	.prd-list-row .column[data-label=""]:before {padding-right: 0;display: none;}
	.prd-list-row .column .prd-detali-btn {width: 100%;}

	.product-con04 {height: 70rem;}
	.product-con04 .prd-con04-bg .bg {display: none;}
	.product-con04 .prd-con04-bg .bg.m-bg {width: 100%; display: block;}
/* 	.product-con04 .prd-con04-bg .bg {background: center / cover no-repeat url("/images/content/prd_con04_bg_m.jpg");} */
}
@media all and (max-width:480px){ 
	.prd-con03-list li {width: calc(100% - 1rem);}
}

/* 제품팝업 */
@media all and (max-width:1440px){
	.product-modal-content .modal-close-btn {top: -5rem; right: 0;}
	.product-modal-content .modal-close-btn i {font-size: 4rem; color: #fff;}
}
@media all and (max-width:1280px){
	.prd-pop-info-con {width: calc(100% - 50rem); padding: 4rem;}
	.prd-pop-img-con {width: 50rem;}
	.prd-pop-arrow button.prd-pop-prev {left: 2rem;}
	.prd-pop-arrow button.prd-pop-next {right: 2rem;}
}
@media all and (max-width:800px){
	.product-modal-content{ border-radius: 3rem;/*  overflow: hidden; */}
	.product-modal-content .modal-close-btn i{font-size: 3rem;}
	.prd-pop-con {display: flex; flex-direction: column-reverse;}
	.prd-pop-img-con {width: 100%; border-radius: 0;}
	.prd-pop-img-con	.prd-pop-img-slide {max-width: 46rem;}
	.prd-swiper-pagination {bottom: 2rem;}
	.prd-pop-arrow button.prd-pop-prev {left: 1rem;}
	.prd-pop-arrow button.prd-pop-next {right: 1rem;}
	.prd-pop-info-con {width: 100%; border-radius: 0; padding: 3rem;}
	.prd-pop-info-con .txt-box .tit {font-size: 3.5rem;}
	.prd-pop-info-con .info-box {height: 30rem;}
}
@media all and (max-width:480px){
	.prd-pop-img-con .prd-pop-img-slide {max-width: 33rem;}
}

/* ******************  02. Solution :: 공통 ********************** */
@media all and (max-width:1320px) {
	.solution-detail-con > .area {padding-top: 0; width: 100%; box-sizing: border-box;}
}

@media all and (max-width:1280px) {
	/* details */
	.details-list-wrap .details-list .details-list-tit {font-size: 2.2rem;}
}

@media all and (max-width:800px) {
	/* top 타이틀 박스 */
	.solution-cm-top-box {min-height: 35rem; margin-bottom: 7rem;}
	.solution-cm-top-box .solution-top-tit {font-size: 3rem;}
	.solution-cm-top-box .solution-top-txt {margin-top: 1.5rem;}
	.solution-cm-top-box .inner {padding-bottom: 0;}
	.solution-cm-top-box .inner::before, .solution-cm-top-box .inner::after {display: none;}

	/* 컨텐츠 타이틀
	.solution-con-tit-box {margin-bottom: 3rem;}
	.solution-con-tit-box .solution-con-tit {font-size: 3rem;} */

	/* details */
	.solution-detail-con {min-height: auto; padding: 6rem 0; margin-top: 10rem !important;}
	.details-list-wrap.three-item {grid-template-columns: repeat(2, 1fr);}
	.details-list-wrap.four-item {grid-template-columns: repeat(2, 1fr);}
	.details-list-wrap .details-list {max-width: none;}
	.details-list-wrap .details-list a {padding: 3rem 2rem 5rem 2rem;}
	.details-list-wrap .details-list .img-box {height: 17rem;}
	/* .details-list-wrap .details-list .txt-box {padding: 0 1.5rem;} */

	/* benefits */
	.solution-benefits-con {padding: 7rem 0;}
	.benefits-list-wrap {grid-template-columns: repeat(2, 1fr) !important; padding-bottom: 0 !important;}
	.benefits-list-wrap .benefits-list {min-height: 35.5rem !important; padding: 3rem;}
	.benefits-list-wrap .benefits-list .icon-box {width: 7rem;}

	/* stories */
	.reference-con.solution-stories-con {padding: 6rem 0;}
}

@media all and (max-width:480px) {
	/* details */
	.details-list-wrap {grid-gap: 2rem 0;}
	.details-list-wrap.three-item {grid-template-columns: repeat(1, 1fr);}
	.details-list-wrap.four-item {grid-template-columns: repeat(1, 1fr);}
	.details-list-wrap .details-list {max-width: none;}

	/* benefits */
	.benefits-list-wrap {grid-template-columns: repeat(1, 1fr) !important;}
	.benefits-list-wrap .benefits-list {min-height: auto !important;}
}

/* ******************  02. Solution :: 자산추적 ********************** */
@media all and (max-width:800px) {
	.solution-tech-con {padding: 7rem 0;}
	.solution-tech-con .schema-wrap {display: block;}
	.solution-tech-con .schema-wrap .schema-box {width: 100%; min-height: 42rem; transform: translate(0, -30px) !important;}
	.solution-tech-con .schema-wrap.animated .schema-box {transform: translate(0, 0) !important}
	.solution-tech-con .schema-wrap .txt-box {width: 100%; margin-left: 0; margin-top: 1rem; padding: 2.5rem; transform: translate(0, -30px) !important;}
	.solution-tech-con .schema-wrap.animated .txt-box {transform: translate(0, 0) !important}
	.solution-tech-con .schema-wrap .txt-box .solution-tech-tit {font-size: 2.4rem;}
	.solution-tech-con .schema-wrap .txt-box .solution-tech-st {margin-bottom: 1rem;}
	.solution-tech-con .schema-wrap .txt-box .solution-tech-txt {margin-bottom: 0.7rem;}
	.solution-tech-con .schema-wrap .arrow-box {width: 5rem; height: 5rem; left: 50%; top: -3.2rem; transform: translate(-50%, 0) rotateZ(90deg);}
	.solution-tech-con .schema-wrap .arrow-box span:first-child, .solution-tech-con .schema-wrap .arrow-box span:last-child {margin-bottom: -0.3rem;}
}

@media all and (max-width:480px) {
	.solution-tech-con .schema-wrap .schema-box {min-height: 36rem;}
}

/* ******************  02. Solution :: Dynamic Pricing ********************** */
@media all and (max-width:800px) {
	.solution-process-con {padding-top: 0;}
	.solution-process-con .process-list-wrap {grid-template-columns: repeat(3, 1fr);}
	.solution-process-con .process-list-wrap .process-list .txt-box {margin-top: 1.5rem;}
	.solution-process-con .process-list-wrap .process-list .txt-box .process-list-txt {margin-top: 0.7rem;}
	.solution-process-con .process-list-wrap .process-list .txt-box .process-list-tit {font-size: 1.8rem;}
	/* .solution-process-con .process-list-wrap .process-list:nth-child(even) .icon-box .inner::before, .solution-process-con .process-list-wrap .process-list:nth-child(even) .icon-box .inner::after {display: none;} */

	.solution-channel-con {margin: 7rem 0 0 0; padding-bottom: 10rem;}
	.solution-channel-con .channel-list-wrap {grid-template-columns: repeat(2, 1fr);}
	.solution-channel-con .channel-list-wrap .channel-list {padding: 2.5rem 2.5rem 3rem 2.5rem;}
	.solution-channel-con .channel-list-wrap .channel-list .txt-box {margin-top: 1.5rem;}
	.solution-channel-con .channel-list-wrap .channel-list .txt-box .channel-list-tit {font-size: 2rem;}
}

@media all and (max-width:640px) {
	.solution-process-con .process-list-wrap {grid-template-columns: repeat(2, 1fr);}
	.solution-process-con .process-list-wrap .process-list:nth-child(even) .icon-box .inner::before, .solution-process-con .process-list-wrap .process-list:nth-child(even) .icon-box .inner::after {display: none;}
}

@media all and (max-width:480px) {
	.solution-process-con .process-list-wrap {grid-gap: 4rem 3rem;}
	.solution-process-con .process-list-wrap .process-list {transform: translate(0, 30px) !important;}
	.solution-process-con .process-list-wrap.animated .process-list {transform: translate(0, 0) !important;}
	
	.solution-process-con .process-list-wrap .process-list .icon-box .inner::before {right: -2.9rem;}
	.solution-process-con .process-list-wrap .process-list .icon-box .inner::after {right: -2.3rem;}
	/* .solution-process-con .process-list-wrap .process-list .icon-box .inner::before, .solution-process-con .process-list-wrap .process-list .icon-box .inner::after {display: none;} */

	.solution-channel-con .channel-list-wrap {grid-template-columns: repeat(1, 1fr);}
	.solution-channel-con .channel-list-wrap .channel-list img {max-width: auto; width: 100%; height: 100%;}
}

/* ******************  02. Solution :: SaaS ********************** */
@media all and (max-width:1560px) {
	.solution-necessity-con .schema-box{max-width: none; padding: 0 var(--area-padding); width: calc(100% - var(--area-padding) * 2);}
}

@media all and (max-width:800px) {
	.solution-necessity-con {margin-bottom: 9rem;}
	.solution-necessity-con .schema-box {height: 33rem;}
	.solution-necessity-con .check-list-container {display: block; margin-top: 5rem;}
	.solution-necessity-con .check-list-container::before, .solution-necessity-con .check-list-container::after {display: none;}
	.solution-necessity-con .check-list-container .check-list-wrap {width: 100%;}
	.solution-necessity-con .check-list-container .check-list-wrap:first-child {margin-left: 0; margin-bottom: 3rem;}
	.solution-necessity-con .check-list-container .check-list-wrap:last-child {min-height: 28rem; position: static;}
	.solution-necessity-con .check-list-container .check-list-wrap:last-child .check-list-box .check-list {font-size: 1.5rem; line-height: 1.73;}
	.solution-necessity-con .check-list-container .check-list-wrap .check-list-box {padding: 0 1.5rem;}
}

@media all and (max-width:480px) {
	.solution-necessity-con .schema-box {height: 28rem;}
}

/* ******************  03. Use cases ********************** */
/* ***** Use cases ***** */
@media all and (max-width:800px){
	.reference-tab-wrap {height: 7rem; width: calc(100% - 10rem); padding-right: 10rem;}
	.reference-tab-wrap:before {right: 10rem;}
	.reference-tab-list {height: 7rem;}
	.reference-tab-list ul {padding-left: 0;}
	.reference-tab-list ul li a {padding: 0 2rem; height: 6.9rem; line-height: 6.9rem;}
	.uc-view-img-list li a {padding-top: 45%;}
	.reference-tab-wrap .reference-tab-btn {width: 10rem; height: 7rem;}
	.reference-tab-con {display: block; padding: 3rem 4rem 4rem;}
	.reference-tab-con .img-con {width: 100%;}	
	.reference-tab-con .info-con {width: 100%; padding: 3rem 0 0;}
	.reference-tab-con .info-con dl dt .tit {font-size: 3rem;}

	.use-case-con02 {padding: 12rem 0 7rem;}
	.customer-list li {width: calc(33.33% - 1.5rem);}
	.use-case-con03 {padding: 12rem 0;}
	.representative-case-list {flex-wrap: wrap;}
	.representative-case-list li {width: calc(50% - 2rem);}
	.representative-case-list li a {height: auto; padding:2rem 2rem 4rem 2rem ;}
	.representative-case-list li a dl {min-height: 7.5rem;}
	.representative-case-list li a dl dt {font-size: 2.2rem;}

	.cases-list-btn {width: 15rem; height: 4rem; margin-top: 4rem;}
}

@media all and (max-width:480px){
	.uc-view-img-list li a {padding-top: 55%;}

	.customer-list li {width: calc(50% - 1.5rem);}
}

/* ***** Use cases 상세페이지 ***** */
/***** installation cases *****/
@media all and (max-width:1420px){
	.other-cases-con {max-width: none; padding: 0 var(--area-padding)}
	.other-cases-con .cases-btn-box button.cases-prev-btn {left: calc(var(--area-padding) - 1rem);}
	.other-cases-con .cases-btn-box button.cases-next-btn {right: calc(var(--area-padding) - 1rem);}
}

@media all and (max-width:1280px){
	.uc-view-img-list .slick-arrow { margin-top: -3rem; width: 6rem; height: 6rem; border: 3px solid #fff;}
	.uc-view-img-list .slick-arrow.slick-prev {left: -3rem;}
	.uc-view-img-list .slick-arrow.slick-next { right: -3rem;}
}
@media all and (max-width:800px){
	.uc-view-con01 {padding-bottom: 12rem;}
	.uc-view-img-list .slick-arrow { margin-top: -2.5rem; width: 5rem; height:5rem;}
	.uc-view-img-list .slick-arrow.slick-prev {left: -2.5rem;}
	.uc-view-img-list .slick-arrow.slick-next { right: -2.5rem;}
	.uc-view-info-con {display: block; padding: 4.5rem 0;}
	.uc-view-info-con .left-con {width: 100%; padding-right: 0; margin-bottom: 3rem;}
	.uc-view-info-con .right-con {width: 100%;}
	.uc-view-info-con .info-intro-list {margin: -0.5rem;}
	.uc-view-info-con .info-intro-list li {width: calc(50% - 1rem); margin: 0.5rem; padding: 2.5rem 2rem;}
	.uc-view-info-con .info-intro-list li dl dd {font-size: 2.2rem;}
	.uc-view-con02 {padding: 12rem 0;}
	.uc-view-con03 {padding: 12rem 0;}
	.uc-view-blog-list {margin: -1rem 0;}
	.uc-view-blog-list li {width: 100%; margin: 1rem 0;}

	/***** installation cases *****/
	.other-cases-list {width: 88%;}
}
@media all and (max-width:480px){ 
	.uc-view-info-con .info-intro-list li {width: calc(100% - 1rem);}

	/***** installation cases *****/
	.other-cases-list {width: 82%;}
}

/* ******************  04. Company :: 회사소개 ********************** */
@media all and (max-width:1440px){
	.company-con02 .ceo-greeting-bg img {width: 120%;}
}
@media all and (max-width:1320px){
	.history-slide-con-wrap:before {display: none;}
	.history-slide-con-wrap:after {width: 10rem;  right: calc(-1*((100vw - 27%)/2));}
}
@media all and (max-width:1280px){
	.company-con01 .story-con {height: 55rem;}
	.company-con01 .story-con .inner {width: 55%; padding: 0 3rem 0 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
}
@media all and (max-width:800px){
	.company-con01 .story-con {position: relative; height: auto; overflow: hidden;}
	.company-con01 .story-con:before {position: absolute;width: 100%; height: 100%; top: 0; left: 0; content: ''; background: rgba(0,0,0,0.15);}
	.company-con01 .story-con .inner {position: relative; z-index: 1; width: 100%; padding: 10rem 3rem; }
	.company-con01 .story-con .inner .story-bold-txt {font-size: 3rem;}
	.company-con02 {padding: 10rem 0 0;}
	.ceo-greeting-box {width: 100%;}
	.company-con02 .ceo-greeting-bg {display: flex; align-items: flex-end;background: #f7f7f7; height: 120%;}
	.company-con03 {padding: 12rem 0;}
	.history-slide-con-wrap {margin-top: 7rem; width: 75%;}
	.history-slide-con-wrap:after {width: 10rem;  right: calc(-1*((100vw - 10%)/2));} 
	.history-list .history-item {display: block;}
	.history-list .history-item .history-year-tit {width: 100%; font-size: 5rem; margin-bottom: 1rem;}
	.history-list .history-item .history-detail-txt-con {width: 100%;}

	.history-con-progress-bar {width: 100%;}

	.company-location-con .map-info-wrap {display: block; margin-top: 2rem; padding-bottom: 3rem;}
	.company-location-con .map-info-wrap .tit-box {width: 100%; margin-bottom: 3rem;}
	.company-location-con .map-info-wrap .tit-box .map-tit01 {font-size: 3.4rem;}
	.company-location-con .map-info-wrap .info-list-box {width: 100%; margin-top: 2rem;}
	.company-location-con {padding-bottom: 10rem;}
}

@media all and (max-width:640px){
	.history-slide-con-wrap {padding: 0 var(--area-padding);}
	.history-con-progress {justify-content: center;}
	.history-con-progress-bar {width: calc(100% - var(--area-padding) * 2);}
}

@media all and (max-width:480px){
	.company-location-con .map-wrap {padding-top: 50%;}
}

/* ******************  04. Company :: Contact ********************** */
@media all and (max-width: 1280px) {
	.compe-list-con .compe-list-wrap .compe-list {min-height: 45rem;}	
}

@media all and (max-width: 800px) {
	.compe-list-con .compe-list-wrap {grid-template-columns: repeat(1, 1fr); grid-gap: 3rem 0; margin-top: 19rem; transform: translateY(-15%);}
	.compe-list-con .compe-list-wrap .compe-list {min-height: 35rem;}	
	.compe-list-con .compe-list-wrap .compe-list:nth-child(2) {top: 0;}

	.compe-partners-con {padding-bottom: 10rem;}
	.compe-partners-con .compe-partners-con {margin-top: -9rem; padding-bottom: 10rem;}
	.compe-partners-con .partners-list-wrap {grid-template-columns: repeat(3, 1fr);}
}

@media all and (max-width: 480px) {
	.compe-partners-con .partners-list-wrap {grid-template-columns: repeat(2, 1fr);}
}

/* ******************  04. Company :: Careers ********************** */
@media all and (max-width: 1280px) {
	.recruit-process-con .process-list-wrap .process-list .icon-box .icon img {max-width: 35%; max-height: 35%;}
}

@media all and (max-width: 800px) {
	.recruit-process-con {padding-bottom: 7rem;}
	.recruit-process-con .process-list-wrap {grid-template-columns: repeat(3, 1fr); grid-gap: 5.5rem 4rem;}
	.recruit-process-con .process-list-wrap .process-list .icon-box .icon::before {right: -3rem;}
	.recruit-process-con .process-list-wrap .process-list:nth-child(3) .icon-box .icon::before, .recruit-process-con .process-list-wrap .process-list:nth-child(3) .icon-box::after {display: none;}

	.process-step-list-wrap {margin-top: 6rem;}
	.process-step-list-wrap .process-step-list {display: block; padding: 2.5rem 3rem;}
	.process-step-list-wrap .process-step-list .num {display: inline-block; padding-right: 2rem;}
	.process-step-list-wrap .process-step-list .process-step-tit {display: inline-block; padding-left: 2rem;}
	.process-step-list-wrap .process-step-list .process-step-txt {width: 100%; padding-left: 0; margin-top: 1rem;}

	.recruit-overview-con {padding: 7rem 0 10rem 0;}
	.overview-list-wrap li {display: block;}
	.overview-list-wrap li .img-box {width: 100%;}
	.overview-list-wrap li img {display: block; margin: 0 auto; border-radius: 3rem;}
	.overview-list-wrap li .txt-box {width: 100%; padding-left: 0; margin-top: 3rem;}
	.overview-list-wrap li .txt-box .overview-list-txt {margin-top: 1.5rem;}

	.recruit-benefit-con {padding: 7rem 0;}
	.benefit-list-wrap {grid-template-columns: repeat(1, 1fr); grid-gap: 3rem 0;}
	.benefit-list-wrap .benefit-list {padding: 2.5rem;}
}

@media all and (max-width: 480px) {
	.recruit-process-con .process-list-wrap {grid-template-columns: repeat(2, 1fr);}
	.recruit-process-con .process-list-wrap .process-list:nth-child(3) .icon-box .icon::before {display: block;}
	.recruit-process-con .process-list-wrap .process-list:nth-child(even) .icon-box .icon::before {display: none;}
}

/* ******************  05. Resources :: 공통 ********************** */
@media all and (max-width: 800px) {
	.resources-page {padding: 0 0 3rem 0;}
}

/* ******************  05. Resources :: Blog ********************** */
@media all and (max-width: 800px) {
	.blog-list-wrap {grid-template-columns: repeat(2, 1fr);}
	.blog-list-wrap .blog-list .txt-box .tit {height: 6rem; font-size: 1.8rem;}
	.blog-list-wrap .blog-list .txt-box .date {padding-top: 1.5rem;}
}

@media all and (max-width: 480px) {
	.blog-list-wrap {grid-template-columns: repeat(1, 1fr);}
}

/* ******************  05. Resources :: video ********************** */
@media all and (max-width: 800px) {
	.video-list-wrap .video-list a {padding: 2rem;}
	.video-list-wrap .video-list .txt-box {padding-left: 4%;}
	.video-list-tit {margin: 1rem 0 0 0; font-size: 1.8rem;}

	.download-con {margin-top: 7rem; padding: 4rem 0 6rem 0;}
}

@media all and (max-width: 640px) {
	.down-list-wrap {grid-template-columns: repeat(1, 1fr); grid-gap: 2.1rem 0;}
}

@media all and (max-width: 480px) {
	.video-list-wrap .video-list a {display: block;}
	.video-list-wrap .video-list .img-box {width: 100%; padding-top: 55.511%;}
	.video-list-wrap .video-list .txt-box {width: 100%; padding: 2rem 0 0 0;}
}

/********** 251128 :: 채용 수정 **********/
@media all and (max-width: 800px) {
	.careers-contact-con {height: 68rem;}
	.careers-contact-con .careers-contact-txt {font-size: 4.6rem;}
	.careers-contact-con .careers-contact-btn {width: 18rem; height: 4rem;}
}

/********** 개인정보처리방침 **********/
@media all and (max-width: 800px) {
	.privacy-con .editor {padding: 5rem !important;}
	.privacy-con .editor b {padding-top: 4rem; font-size: 1.8rem !important;}
	.privacy-con .editor > b:first-of-type + div:first-of-type > div:first-of-type > b:first-of-type {padding-top: 4rem;}
	.privacy-con .editor, .privacy-con .editor div, .privacy-con .editor p {font-size: 1.5rem !important;}
	.privacy-con .editor div, .privacy-con .editor p {padding-top: 0.7rem;}
}