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

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

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; min-height: 7.5rem; z-index: 90;}
.sub-tab-list-style {transition: background-color 0.4s;}
.sub-tab-list-style ul{display:flex; flex-wrap: wrap; gap: 1rem; width:100%; height:100%; table-layout:fixed; border: 2px solid #e7e9ed; padding: 0.7rem; border-radius: 3.6rem; overflow: hidden; box-sizing: border-box; background-color: #fff;}
.cm-fixed-tab-container-JS .sub-tab-list-style ul {justify-content: center;}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{position:relative; width: calc(11.111% - 0.89rem); background-color:#fff; border-radius: 2.85rem; transition: background-color 0.4s;}
.sub-tab-list-style ul li a{display:table; height:5.7rem; width:100%; }
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#000; font-size:2.1rem; font-weight: 600; letter-spacing:-0.05em; text-align:center; transition: color 0.4s;}
.sub-tab-list-style ul li.selected{z-index:1; background-color:#152a52;}
.sub-tab-list-style ul li.selected a em{color:#fff; }
/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:0; left:0; width:100%; height: auto; z-index: 90; background-color: #fff;}
.sub-tab-list-style.top-fixed ul {border: none;}
/* 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%} */
}

/* -------- 공통 :: leftBar -------- */
.cm-fixed-tab-container-JS {position:relative;}
.sub-left-bar-wrapper-style {position:absolute; top:0; left: 91.5px; z-index:19;}
.sub-left-bar-style {transition: all 0.4s; min-height: 13.5rem;}
.sub-left-bar-style ul {border-left: 1px solid #ddd;}
.sub-left-bar-style li {margin-top:3.5rem; margin-left: -1px; max-width:170px;}
.sub-left-bar-style li:first-child {margin-top:0;}
.sub-left-bar-style li a {position:relative; display:block; padding-left: 1.4rem; font-size:1.9rem; font-weight: 600; line-height:1; color: #888; letter-spacing: -0.025em; transition: all 0.3s;}
.sub-left-bar-style li a em {font-weight: 600; display: inline-block;}
.sub-left-bar-style li a:before {position: absolute; left: 0; top: 0; content: ""; width: 3px; height: 1.8rem; background-color: var(--main-color); left: 0; opacity: 0; transition: all 0.3s;}
.sub-left-bar-style li.selected a { color: var(--main-color);}
.sub-left-bar-style li.selected a:before {opacity:1;}
/* fixed */
.sub-left-bar-style.top-fixed {position:fixed; top:100px; margin-top:50px; /* width:100%; */ height:60px;}
@media all and (max-width:1850px){
	.sub-left-bar-wrapper-style {left:30px;}
}
@media all and (max-width:1620px){
	.sub-left-bar-wrapper-style {display:none;}
}

.sub-left-bar-style li.faq-con{margin-top:20px;}

/* ******************  공통 ********************** */
.sub-page {max-width: 192rem; margin: 0 auto;}
.weight-500 {font-weight: 500 !important;}

/* ******************  회사개요 ********************** */
.company-page .sub-tab-list-style ul {justify-content: initial;}

.company-page {position: relative;}
.company-page .sub-tab-con {position: relative;}
.company-page .sub-tab-con.bg {overflow: hidden;}
.company-page .sub-tab-con.bg > .area {position: relative; padding-bottom: 23rem;}
.summary-img-box {position: relative; border-radius: 6rem;}
.summary-img-box::before {position: absolute; left: 0; top: 50%; content: ""; width: 100%; height: 188.667%; background: center / cover no-repeat url("/images/content/company_cm_bg.jpg"); border-radius: 10rem 10rem 0 0; z-index: -1;}
.summary-img-box img {max-width: 100%; border-radius: 6rem;}
.cm-active-list-box {display: grid; margin-top: 5rem;}
.cm-active-list-box.sixItem {grid-template-columns: repeat(6, 1fr); grid-gap: 2.2rem;}
.cm-active-list-box li {display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #fff; box-shadow: 0 0 30px 0 rgba(21, 42, 82, 0.15); padding: 3.5rem 2rem 3.2rem 2rem; box-sizing: border-box; border-radius: 3rem; transition: var(--transition-custom);}
.cm-active-list-box li img {max-width: 100%;}
.cm-active-list-box li .txt-box {text-align: center; margin-top: 2rem;}
.cm-active-list-box li .txt-box .tit {font-size: 2.4rem; font-weight: 500; letter-spacing: -0.025em; line-height: 1.33em; color: #333; padding-bottom: 0.7rem; transition: var(--transition-custom);}
.cm-active-list-box li .txt-box .txt {display: flex; align-items: center; justify-content: center; font-size: 1.9rem; font-weight: 400; letter-spacing: -0.025em; line-height: 1.33em; color: #666; min-height: 4.8rem; word-break: break-word; transition: var(--transition-custom);}

.cm-active-list-box li.active {background-color: var(--main-color);}
.cm-active-list-box li.active .txt-box .tit {color: #fff;}
.cm-active-list-box li.active .txt-box .txt {color: rgba(255, 255, 255, 0.85);}

.summary-top-txt-box {margin-top: 10.3rem;}
.summary-top-txt-box img {max-width: 100%;}
.summary-top-txt-box .tit {font-size: 4.2rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.28em; color: #222; padding-top: 1.2rem;}
.summary-top-txt-box .tit span {color: #152a52;}
.summary-top-txt-box .txt {font-size: 1.9rem; font-weight: 400; letter-spacing: -0.05em; line-height: 1.77em; color: #555; padding-top: 2.3rem;}

.right-white-txt {position: absolute; font-size: 8rem; font-weight: 700; font-style: italic; line-height: 1em; color: #fff; text-align: right; right: 0; bottom: -1.3rem; text-transform: uppercase;}

.company-page.summary {padding-bottom: 21.5rem;}
.company-page.summary #fixedContentM2 {padding-top: 12.6rem;}

@media all and (min-width: 801px) {
	.custom-list-tab-style ul {display: flex; gap: 0.3rem;}
}

.custom-list-tab-style {height: auto; margin-bottom: 0;}
.custom-list-tab-style ul li {min-width: 16rem; width: auto; border: none !important; border-radius: 3rem; background-color: #eee;}
.custom-list-tab-style ul li a {height: 6rem;}
.custom-list-tab-style ul li a em {font-size: 2rem; font-weight: 600; letter-spacing: -0.05em; line-height: 1.5em; color: #666;}
.custom-list-tab-style ul li a svg {width: 1.5rem; height: 2rem;}
.custom-list-tab-style ul li a svg * {fill: #b4b4b4; opacity: 1;}
.custom-list-tab-style ul li a i {font-size: 3rem;}

.custom-list-tab-style ul li.selected {background-color: #152a52;}
.custom-list-tab-style ul li.selected a svg * {fill: #fff;}
.custom-list-tab-style ul li.selected a i {color: #fff !important;}

.company-page.summary .certifi-list-style05 .certificate-list {margin-top: 7rem;}

/* ******************  연혁 ********************** */
.company-page.history {padding-bottom: 16.5rem;}
.history-top-banner-con {position: relative; width: 100%; height: 0; padding-top: 44rem;}
.history-top-banner-con::before {position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: center / cover no-repeat url("/images/content/history_banner.webp"); border-radius: 0 6rem 0 6rem; z-index: -1;}
.history-top-banner-con .banner-txt-box {max-width: 36rem; min-height: 36rem; background-color: #152a52; margin-top: -28rem; padding: 4rem 5rem; box-sizing: border-box; border-radius: 0 6rem 0 0;}
.history-top-banner-con .banner-txt-box h4 {font-size: 2rem; font-style: italic; font-weight: 600; letter-spacing: -0.025em; line-height: 1.4em; color: #1ba692; padding-bottom: 2.5rem;}
.history-top-banner-con .banner-txt-box p {font-size: 2.4rem; font-weight: 600; letter-spacing: -0.05em; line-height: 1.5em; color: #fff;}

.history-top-banner-con .banner-txt-box dl {font-size: 2rem; font-style: italic; font-weight: 600; letter-spacing: -0.025em; line-height: 1.4em; color: #1ba692; padding-bottom: 2.5rem;}
.history-top-banner-con .banner-txt-box h2 {font-size: 2.4rem; font-weight: 600; letter-spacing: -0.05em; line-height: 1.5em; color: #fff;}


/* ******************  CI ********************** */
.company-page.ci {padding-bottom: 7rem;}
.ci-content-container {display: flex; margin-top: 16rem;}
.ci-content-container img {max-width: 100%;}
.ci-content-container:first-child {margin-top: 0;}
.ci-content-container .ci-con-tit {font-size: 3.8rem; font-weight: 700; letter-spacing: -0.025em; color: #222;}
.ci-content-container .content-tit-box {width: 13.572%; padding-right: 5%;}
.ci-content-container .content-wrap {width: 81.429%;}

.ci-content-container .ci-top-logo-con .top-logo-box {padding: 0 4.5rem; margin-bottom: 4.5rem; text-align: center; border: 1px solid #ddd; border-radius: 3rem; box-sizing: border-box;}
.ci-content-container .ci-top-logo-con .top-logo-box figure {width: 100%; height: 100%; padding: 9.5rem 0; border-bottom: 1px solid #ddd;}
.ci-content-container .ci-top-logo-con .top-logo-box p {padding: 3.2rem 0; font-size: 2.2rem; font-weight: 400; letter-spacing: -0.05em; line-height: 1.54em; color: #222;}
.ci-content-container .ci-top-logo-con .top-logo-box p span {color: var(--main-color);}

.ci-content-container .down-btn-box {display: flex; justify-content: center; gap: 0 1rem; margin-bottom: 9.5rem;}
.ci-content-container .down-btn-box .down-btn {display: flex; justify-content: space-between; align-items: center; min-width: 22rem; min-height: 6rem; background-color: #eee; border-radius: 3rem; padding: 0 3rem; box-sizing: border-box; transition: var(--transition-custom);}
.ci-content-container .down-btn-box .down-btn span {font-size: 1.9rem; font-weight: 600; letter-spacing: -0.05em; line-height: 1.78em; color: #666; transition: var(--transition-custom);}
.ci-content-container .down-btn-box .down-btn i {font-size: 2.4rem; color: #b4b4b4; transition: var(--transition-custom);}

.ci-content-container .down-btn-box .down-btn:hover {background-color: #122a53;}
.ci-content-container .down-btn-box .down-btn:hover span, .ci-content-container .down-btn-box .down-btn:hover i {color: #fff;}

.ci-content-container .ci-cm-logo-box {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0 6rem;}
.ci-content-container .ci-cm-logo-box.mt-60 {margin-top: 6rem;}
.ci-content-container .ci-cm-logo-box .ci-cm-logo figure {display: flex; align-items: center; justify-content: center; min-height: 20rem; border: 1px solid #ddd; border-radius: 3rem; box-sizing: border-box; padding: 4rem;}
.ci-content-container .ci-cm-logo-box .ci-cm-logo.black figure {background-color: #142952; border-color: #142952;}
.ci-content-container .ci-cm-logo-box .ci-cm-logo.gray figure {background-color: #f8f8f8; border-color: #f8f8f8;}
.ci-content-container .logo-box-tit {font-size: 2.4rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.14em; color: #222; padding-bottom: 2.4rem;}

.ci-content-container .ci-color-box {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0 6rem;}
.ci-content-container .ci-color-box .color-list-box {display: flex; height: 9rem;}
.ci-content-container .ci-color-box .color-list-box .color-list {display: flex; align-items: center; font-size: 2rem; font-weight: 500; letter-spacing: -0.025em; line-height: 1.7em; color: #fff; box-sizing: border-box; font-style: italic; text-transform: uppercase;}
.ci-content-container .ci-color-box .color-list-box.navy .color-list:first-child {background-color: #152a52; width: 50%; padding: 0 3rem;}
.ci-content-container .ci-color-box .color-list-box.navy .color-list:nth-child(2) {background-color: rgba(21, 42, 82, 0.8); width: 10%;}
.ci-content-container .ci-color-box .color-list-box.navy .color-list:nth-child(3) {background-color: rgba(21, 42, 82, 0.6); width: 10%;}
.ci-content-container .ci-color-box .color-list-box.navy .color-list:nth-child(4) {background-color: rgba(21, 42, 82, 0.4); width: 10%;}
.ci-content-container .ci-color-box .color-list-box.navy .color-list:nth-child(5) {background-color: rgba(21, 42, 82, 0.2); width: 10%;}
.ci-content-container .ci-color-box .color-list-box.navy .color-list:last-child {background-color: rgba(21, 42, 82, 0.1); width: 10%;}
.ci-content-container .ci-color-box .color-list-box.green .color-list:first-child {background-color: #1ba692; width: 70%; padding: 0 3rem;}
.ci-content-container .ci-color-box .color-list-box.green .color-list:nth-child(2) {background-color: rgba(27, 166, 146, 0.7); width: 10%;}
.ci-content-container .ci-color-box .color-list-box.green .color-list:nth-child(3) {background-color: rgba(27, 166, 146, 0.5); width: 10%;}
.ci-content-container .ci-color-box .color-list-box.green .color-list:last-child {background-color: rgba(27, 166, 146, 0.2); width: 10%;}
.ci-content-container .color-txt {font-size: 1.8rem; font-weight: 400; letter-spacing: -0.025em; line-height: 1.88em; color: #555; padding-top: 2rem;}
.ci-content-container .color-txt span {font-weight: 700;}
.ci-content-container .color-txt .navy {color: #152a52;}
.ci-content-container .color-txt .green {color: #1ba692;}

/* ******************  채용정보 ********************** */
.company-page.recruit {padding-bottom: 22.5rem;}
.company-page.recruit .sub-tab-con.bg > .area {padding-bottom: 34rem;}
.company-page.recruit .summary-img-box .inner {position: relative; width: 100%; height: 0; padding-top: 38.5%; background: center / cover no-repeat url("/images/content/recruit_top_img.webp"); border-radius: 6rem;}
/* .company-page.recruit .sub-tab-con.bg {padding-bottom: 9rem;} */
.company-page.recruit .sub-tab-con#fixedContentM2 {margin-top: 13.5rem; padding-bottom: 24.5rem;}
.company-page.recruit .summary-img-box > .area {position: relative;}
.company-page.recruit .summary-img-box .txt-box {position: absolute; top: 9rem; width: 100%; text-align: center;}
.company-page.recruit .summary-img-box .txt-box .big-txt {font-size: 4.2rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.28em; color: #fff;}
.company-page.recruit .summary-img-box .txt-box .txt {font-size: 2.2rem; font-weight: 500; letter-spacing: -0.05em; line-height: 1.81em; color: rgba(255, 255, 255, 0.75); padding-top: 1.2rem;}
.company-page.recruit .summary-img-box::before {top: 65.678%; height: 259.37%; background: center / cover no-repeat url("/images/content/recruit_top_bg.jpg")}
.com-recruit-schema-box {display: flex; align-items: center; margin-top: 11.5rem;}
.com-recruit-schema-box .img-box {width: 50.5%;}
.com-recruit-schema-box .img-box img {max-width: 100%;}
.com-recruit-schema-box .txt-list-box {display: flex; flex-direction: column; gap: 9rem 0; width: 49.5%; margin-left: -18.5rem; margin-top: 5rem;}
.com-recruit-schema-box .txt-list-box .txt-list {position: relative; display: flex; align-items: center;}
.com-recruit-schema-box .txt-list-box .txt-list:nth-child(2) {left: 11rem;}
.com-recruit-schema-box .txt-list-box figure {position: relative; width: 16rem; height: 0; padding-top: 16rem; border-radius: 50%; background-color: rgba(255, 255, 255, 0.97); transition: var(--transition-custom);}
.com-recruit-schema-box .txt-list-box figure img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%;}
.com-recruit-schema-box .txt-list-box .inner-txt-box {width: calc(100% - 22rem); padding-left: 6rem;}
.com-recruit-schema-box .txt-list-box .inner-txt-box h4 {font-size: 3.6rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.5em; color: #222;}
.com-recruit-schema-box .txt-list-box .inner-txt-box h4 > span {font-size: 2rem; font-weight: 500; letter-spacing: -0.025em; line-height: 1.5em; color: var(--main-color); padding-left: 1.5rem;}
.com-recruit-schema-box .txt-list-box .inner-txt-box p {font-size: 1.9rem; font-weight: 400; letter-spacing: -0.05em; line-height: 1.57em; color: #555; padding-top: 0.5rem;}
.com-recruit-schema-box .txt-list-box .txt-list.active figure {background-color: var(--main-color);}

.cm-active-list-box.fourItem {grid-template-columns: repeat(4, 1fr); grid-gap: 6.666rem;}
.cm-active-list-box.fourItem li {position: relative;}
.cm-active-list-box.fourItem li::before {position: absolute; font-family: "xeicon"; content: "\e93e"; right: -4.5558rem; font-size: 2.6rem; color: rgba(51, 51, 51, 0.3);}
.cm-active-list-box.fourItem li:last-child::before {display: none;}
.cm-active-list-box.fourItem li .txt-box .tit {font-size: 2rem; line-height: 1.6em; color: var(--main-color); padding-bottom: 0;}
.cm-active-list-box.fourItem li .txt-box .txt {font-size: 2.4rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.6em; color: #222; min-height: auto;}
.cm-active-list-box.fourItem li.active .txt-box .tit, .cm-active-list-box.fourItem li.active .txt-box .txt {color: #fff;}

.process-contact-list-box {display: flex; background-color: #f8f8f8; border-radius: 3rem; margin-top: 7rem;}
.process-contact-list-box .flex-box {display: flex; justify-content: center;}
.process-contact-list-box .contact-list {width: 33.333%; padding: 4.36rem 3rem;}
.process-contact-list-box .contact-list:nth-child(2) {border-right: 1px solid #eee; border-left: 1px solid #eee;}
.process-contact-list-box .contact-list h5 {font-size: 2.4rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.5em; color: #222; text-align: center;}

.process-contact-list-box .contact-list h3 {font-size: 2.4rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.5em; color: #222; text-align: center;}

.process-contact-list-box .contact-list p {font-size: 1.9rem; font-weight: 400; letter-spacing: -0.05em; line-height: 1.68em; color: #555; text-align: center; padding-top: 0.5rem;}
.process-contact-list-box .contact-list p i {position: relative; top: 0.4rem; font-size: 2rem; color: #122a53; margin-right: 1rem;}
.process-contact-list-box .flex-box p:first-child {margin-right: 1.6rem;}

.bbs-top-list-box #contentInfoCon {margin: 0;}

/* ******************  mvc ********************** */
.mvc-page-con {width: 100%; min-height: 100vh;}
.mvc-page-con.anchorSection01 {background: center / cover no-repeat url("/images/content/mvc_content_bg01_new.webp");}
.mvc-page-con.anchorSection02 {background: center / cover no-repeat url("/images/content/mvc_content_bg02.webp");}
.mvc-page-con.anchorSection03 {background: center / cover no-repeat url("/images/content/mvc_content_bg03.webp");}
.mvc-page-con figure img {max-width: 100%;}
.mvc-page-con .content-box h4 {font-size: 9rem; font-weight: 500; letter-spacing: -0.025em; line-height: 1.5em; color: #fff; margin-top: 2rem;}
.mvc-page-con .content-box p {font-size: 2.4rem; font-weight: 400; letter-spacing: -0.05em; line-height: 1.58em; color: #fff;}
.mvc-page-con .content-box p.dash {position: relative; padding-left: 1.5rem;}
.mvc-page-con .content-box p.dash::before {position: absolute; content: ""; width: 7px; height: 2px; left: 0; top: 1.7rem; background-color: #fff;}

.mvc-page-con .content-box dl {font-size: 9rem; font-weight: 500; letter-spacing: -0.025em; line-height: 1.5em; color: #fff; margin-top: 2rem;}
.mvc-page-con .content-box h1 {font-size: 2.4rem; font-weight: 400; letter-spacing: -0.05em; line-height: 1.58em; color: #fff;}
.mvc-page-con .content-box h1.dash {position: relative; padding-left: 1.5rem;}
.mvc-page-con .content-box h1.dash::before {position: absolute; content: ""; width: 7px; height: 2px; left: 0; top: 1.7rem; background-color: #fff;}
.mvc-page-con .content-box h2 {font-size: 2.4rem; font-weight: 400; letter-spacing: -0.05em; line-height: 1.58em; color: #fff;}
.mvc-page-con .content-box h2.dash {position: relative; padding-left: 1.5rem;}
.mvc-page-con .content-box h2.dash::before {position: absolute; content: ""; width: 7px; height: 2px; left: 0; top: 1.7rem; background-color: #fff;}


/* ******************  오시는 길 ********************** */
.company-page.location {padding-bottom: 15rem; padding-top: 0;}
.company-page.location li:before {display: none;}
.location-map-con {position: relative; margin-bottom: 28.5rem;}
.location-map-con::before {position: absolute; content: ""; top: 32.5%; width: 100%; height: 83.093%; background-color: #f2f3f5; border-radius: 10rem 10rem 0 0; z-index: -1;}
.location-map-con .map-wrap {position: relative; width: 100%; height: 0; padding-top: 41.143%; border: 2px solid #ddd; box-sizing: border-box;}
.location-map-con .map-wrap .root_daum_roughmap {position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%;}
.location-map-con .map-wrap .root_daum_roughmap .wrap_map {height: 100%;}
.location-map-con .cm-active-list-box li {padding-top: 4.5rem; padding-bottom: 3.8rem; box-shadow: none;}
.location-map-con .cm-active-list-box li .txt-box .txt {display: block; min-height: auto;}
.location-map-con .link-btn-box {display: flex; justify-content: center; margin-top: 4rem; gap: 1rem;}
.location-map-con .link-btn-box a {display: flex; align-items: center; justify-content: space-between; width: 22rem; height: 6rem; border-radius: 3rem; background-color: #e2e4ea; font-size: 1.9rem; font-weight: 600; letter-spacing: -0.05em; line-height: 1.78em; color: #666; padding: 0 3rem; box-sizing: border-box; transition: var(--transition-custom);}
.location-map-con .link-btn-box a i {font-size: 2.4rem; color: #b4b4b4; transition: var(--transition-custom);}
.location-map-con .link-btn-box a:hover {background-color: #122a53; color: #fff;}
.location-map-con .link-btn-box a:hover i {color: #fff;}
.cm-active-list-box.fiveItem {grid-template-columns: 23.858% 23.858% calc(17.428% - 2.899rem) calc(17.428% - 2.899rem) calc(17.428% - 2.899rem); grid-gap: 2.2rem; margin-top: 9.5rem;}

.company-page.location .cm-active-list-box li .txt-box .tit {font-weight: 700;}

.location-info-con .inner {display: flex; align-items: flex-start;}
.location-info-con .location-info-tit {font-size: 3.8rem; font-weight: 700; letter-spacing: -0.025em; line-height: 1.5em; color: #222; width: 13.572%; padding-right: 5%;}
.location-info-con .ps-txt {display: flex; font-size: 1.8rem; font-weight: 400; letter-spacing: -0.05em; line-height: 1.5em; color: var(--main-color);}
.location-info-con .ps-txt i {display: flex; line-height: 1.3em; font-size: 2.2rem; padding-right: 0.6rem;}
.location-info-con .right-wrap {width: 81.429%;}
.location-info-con .info-txt-list-box {display: flex; flex-direction: column; gap: 2.2rem 0; margin-top: 2rem;}
.location-info-con .info-txt-list-box li {display: flex; align-items: center; background-color: #fafafa; border-radius: 3rem; padding: 3.5rem 6rem 3rem 6rem; box-sizing: border-box;}
.location-info-con .info-txt-list-box li .icon-box {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 6rem; margin-right: 5.5rem;}
.location-info-con .info-txt-list-box li .icon-box .tit {font-size: 2.4rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.41em; color: #222; text-align: center; padding-top: 1.2rem;}
.location-info-con .info-txt-list-box li .txt-box {width: calc(100% - 6rem)}
.location-info-con .info-txt-list-box li .txt-box .txt-inner:first-child {border-bottom: 1px solid #eee; padding-bottom: 2rem;}
.location-info-con .info-txt-list-box li .txt-box .txt-inner:last-child {padding-top: 2.2rem;}
.location-info-con .info-txt-list-box li .txt-box .inner-txt {font-size: 1.8rem; font-weight: 600; letter-spacing: -0.025em; line-height: 1.88em; color: #189589; padding-bottom: 0.7rem;}
.location-info-con .info-txt-list-box li .txt-box .txt {font-size: 1.8rem; font-weight: 400; letter-spacing: -0.025em; line-height: 1.88em; color: #000;}
.location-info-con .info-txt-list-box li .txt-box .txt i {font-size: 1.8rem;}

/* ******************  제품소개 :: 리스트 ********************** */
.product-page {padding-bottom: 15rem;}
.product-page .sub-tab-con .product-list-wrap {position: relative; display: flex; align-items: center; justify-content: space-between; border-radius: 7.5rem 7.5rem 7.5rem 0; padding: 9.7rem 6rem 9rem 8.8rem; box-sizing: border-box; overflow: hidden;}
.product-page .sub-tab-con .product-list-wrap::before {position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; z-index: -1; transition: all 1.2s; transition-delay: 0.3s;}
.product-page .sub-tab-con:nth-child(odd) .product-list-wrap::before {background: center / cover no-repeat url("/images/content/product_list_bg01.png"); transform: translateX(-100%);}
.product-page .sub-tab-con:nth-child(even) .product-list-wrap::before {background: center / cover no-repeat url("/images/content/product_list_bg02.png"); transform: translateX(100%);}
.product-page .sub-tab-con.animated .product-list-wrap::before {transform: translateX(0); !important}
.product-page .sub-tab-content-style {padding-top: 11.5rem;}
.product-page .sub-tab-con {padding-top: 14rem; margin-top: -7rem;}
.product-page .sub-tab-con:first-child {padding-top: 0; margin-top: 0;}

.product-txt-con {width: 21.135%;}
.product-txt-con h4 {position: relative; display: inline-block; font-size: 6.2rem; font-weight: 600; letter-spacing: -0.025em; line-height: 1.1em; color: #000; padding-bottom: 1.4rem; /* word-break: break-word; */}
.product-txt-con h4::before {position: absolute; left: -2rem; top: 1rem; content: ""; width: 1.28rem; height: 1.28rem; border-radius: 50%; background-color: #1ba693;}
.product-txt-con p {font-size: 1.8rem; font-weight: 500; letter-spacing: -0.05em; line-height: 1.6em; color: rgba(51, 51, 51, 0.8);}

.product-txt-con dl {position: relative; display: inline-block; font-size: 6.2rem; font-weight: 600; letter-spacing: -0.025em; line-height: 1.1em; color: #000; padding-bottom: 1.4rem; /* word-break: break-word; */}
.product-txt-con dl::before {position: absolute; left: -2rem; top: 1rem; content: ""; width: 1.28rem; height: 1.28rem; border-radius: 50%; background-color: #1ba693;}

.product-txt-con .slide-btn-box {margin: 1.2rem 0 0 -1rem;}
.product-txt-con .slide-btn-box .slide-prev {margin-right: 1rem;}
/* .product-txt-con .slide-btn-box i {font-size: 2.4rem; color: rgba(0, 0, 0, 0.5);} */
.product-txt-con .slide-btn-box .slick-arrow.slick-disabled{opacity:0.8}
.product-txt-con .slide-btn-box i {
    padding: 6px;
    background: #fff;
    border-radius: 50%;
    font-size: 2.4rem;
    color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-slide-con {width: calc(78.865% + 2.8rem); padding-left: 4.5%; overflow: hidden;} 
.product-slide-con .slick-list {}
.product-slide-con .slick-track {display: flex; margin: 0 -1.4rem;}
.product-slide-con .product-slide .inner {display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 2.8rem 2.5rem 2.8rem 2.5rem; box-sizing: border-box; margin: 0 1.4rem; background-color: #fff; border-radius: 3rem; transition: var(--transition-custom);}  
.product-slide-con .product-slide figure {display: flex; align-items: center; justify-content: center;}
.product-slide-con .product-slide figure img {max-width: 100%;}
.product-slide-con .product-slide .txt-box {margin-top: 2.1rem;}
.product-slide-con .product-slide .txt-box h5 {font-size: 2.4rem; font-weight: 600; letter-spacing: -0.025em; line-height: 1.4em; color: #000; padding-bottom: 0.5rem; transition: var(--transition-custom); display:-webkit-box; 
    word-wrap:break-word; 
    -webkit-line-clamp:1; 
    -webkit-box-orient:vertical; 
    overflow:hidden; 
    text-overflow:ellipsis;}
.product-slide-con .product-slide .txt-box h3 {font-size: 2.4rem; font-weight: 600; letter-spacing: -0.025em; line-height: 1.4em; color: #000; padding-bottom: 0.5rem; transition: var(--transition-custom); display:-webkit-box; 
    word-wrap:break-word; 
    -webkit-line-clamp:1; 
    -webkit-box-orient:vertical; 
    overflow:hidden; 
    text-overflow:ellipsis;}
.product-slide-con .product-slide .txt-box p {height: 2.6rem; font-size: 1.7rem; font-weight: 400; letter-spacing: -0.035em; line-height: 1.52em; color: #666;  transition: var(--transition-custom); display:-webkit-box; 
    word-wrap:break-word; 
    -webkit-line-clamp:1; 
    -webkit-box-orient:vertical; 
    overflow:hidden; 
    text-overflow:ellipsis;}

.product-slide-con .product-slide .inner:hover {background-color: #1ba692;}
.product-slide-con .product-slide .inner:hover .txt-box h5 {color: #fff;}
.product-slide-con .product-slide .inner:hover .txt-box p {color: rgba(255, 255, 255, 0.8);}

/* ******************  제품소개 :: 뷰 ********************** */
.product-view-content .sub-tab-con {margin-top: 0; padding-top: 9.5rem;}
.product-view-content #contentInfoCon {margin-bottom: 5.3rem;}

.product-view-content .sub-tab-content-style {padding-top: 6.2rem;}
.sub-tab-list-style.product-view-style ul {display: table; width: auto; margin: 0 auto;}
.sub-tab-list-style.product-view-style ul li {display: table-cell; width: 16.6rem;}

.product-view-content .view-top-banner {position: relative; width: 100%; padding: 0 10.2rem; box-sizing: border-box; margin-bottom: 9.3rem; background: rgb(22,153,134); background: linear-gradient(121deg, rgba(22,153,134,1) 0%, rgba(62,89,141,1) 100%); border-radius: 10rem 10rem 10rem 0; overflow: hidden;}
.product-view-content .view-top-banner::before {position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 100%; max-height: 64.9rem; background: center / cover no-repeat url("/images/content/product_view_banner_bg.png"); pointer-events: none;}
.product-view-content .banner-con-wrap {display: flex; align-items: center; padding: 7.7rem 0;}
.product-view-content .banner-con-wrap .txt-box {width: 54.5%; padding-right: 5%;}
.product-view-content .banner-con-wrap .txt-box h4 {padding-bottom: 3.5rem; font-size: 5.6rem; font-weight: 600; letter-spacing: -0.025em; line-height: 1.23em; color: #fff;}
.product-view-content .banner-con-wrap .txt-box p {font-size: 2.4rem; font-weight: 500; letter-spacing: -0.025em; line-height: 1.66em; color: rgba(255, 255, 255, 0.9);}

.product-view-content .banner-con-wrap .txt-box dl {padding-bottom: 3.5rem; font-size: 5.6rem; font-weight: 600; letter-spacing: -0.025em; line-height: 1.23em; color: #fff;}
.product-view-content .banner-con-wrap .txt-box span {font-size: 2.4rem; font-weight: 500; letter-spacing: -0.025em; line-height: 1.66em; color: rgba(255, 255, 255, 0.9);}

.product-view-content .gallery-con22-list-con {width: 40.5%;}
.product-view-content .gallery-con22-list-con .nav-list .slick-list {display: flex;}
.product-view-content .gallery-con22-list-con .nav-list .slick-slide {border: none;}

.view-detail-wrap .view-detail-tit {position: relative; text-align: center; font-size: 3.8rem; font-weight: 700; letter-spacing: -0.025em; line-height: 1.52em; color: #000; padding-bottom: 4.2rem;}
.view-detail-wrap .detail-editor-box {max-width: 1135px; margin: 3rem auto 0;}
.view-detail-wrap .view-detail-tit::before {position: absolute; content: ""; width: 2.8rem; height: 0.6rem; left: 50%; bottom: 1.6rem; transform: translateY(-50%); background: center / cover no-repeat url("/images/content/product_view_dot.png");}
.view-detail-wrap .view-detail-txt {text-align: center; font-size: 2.4rem; font-weight: 500; letter-spacing: -0.025em; line-height: 1.66em; color: #444; padding-bottom: 3.5rem;}
.view-detail-wrap .content-box {margin-top: 5rem;}
.view-detail-wrap .content-box:first-of-type {margin-top: 0;}
.view-detail-wrap .content-box .img-box {display: flex; align-items: center; justify-content: center;}
.view-detail-wrap .content-box img {max-width: 100%;}

.view-video-wrap {position: relative; width: 100%; background: center / cover no-repeat url("/images/content/product_view_video_bg.jpg"); border-radius: 10.6rem 10.6rem 0 0; padding: 10.3rem; box-sizing: border-box;}
.view-video-wrap .video-iframe-wrapper {margin: 0 auto; max-width: 120rem;}
.view-video-wrap .video-iframe-box {padding-top: 56.25%;}
.business-page.machine .video-cover-box02 {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; cursor: pointer;}
.business-page.machine .video-cover-box02 .thumb{display:block; width:100%; height:100%;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.business-page.machine .video-cover-box02 .thumb img{width:100%; height:100%;}
.business-page.machine .video-cover-box02:hover .thumb{
	-ms-transform: scale(1.1) rotate(0.002deg);
	  -o-transform: scale(1.1) rotate(0.002deg);
	  -moz-transform: scale(1.1) rotate(0.002deg);
	  -webkit-transform: scale(1.1) rotate(0.002deg);
	  transform: scale(1.1) rotate(0.002deg);
}
.business-page.machine .video-cover-box02 .icon{display: flex; align-items: center; justify-content: center; position:absolute; top:50%; left:50%;  z-index:1; -ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); width: 10.3rem; height: 10.3rem; border-radius: 50%; box-sizing: border-box; background-color: rgba(249, 249, 249, 0.4); z-index: 1;}
.business-page.machine .video-cover-box02 .icon::before {position: absolute; content: ""; left: 50%; top: 50%; width: 9.35rem; height: 9.35rem; border-radius: 50%; box-sizing: border-box; background-color: #142952; z-index: -1; transform: translate(-50%, -50%);}
.business-page.machine .video-cover-box02 .icon img {max-width: 100%;}

.product-view-content #fixedContentM03 {padding-top: 0;}
.view-spec-wrap {background-color: #f8f8f8; padding: 10.5rem 0;}
.view-spec-wrap .table-con {overflow-x: auto; display: flex; border-top: 2px solid #111; border-bottom: 2px solid #111;}
.view-spec-wrap .spec-img-con {display: flex; align-items: center; justify-content: center; padding-top: 6rem; border-top: 2px solid #eee;}
.view-spec-wrap .spec-table-box {width: 100%; white-space: nowrap; table-layout: auto;}
.view-spec-wrap .spec-table-box th, .view-spec-wrap .spec-table-box td {padding: 0; border-bottom: 1px solid #eee; font-family: "Wanted Sans Variable", sans-serif; line-height: 1.2em;}
.view-spec-wrap .spec-table-box th div, .view-spec-wrap .spec-table-box td div {min-height: 2.3rem; display: flex; align-items: center; padding: 2rem 3rem;}
.view-spec-wrap .spec-table-box th {background-color: #fff; font-size: 1.8rem; font-weight: 600; letter-spacing: -0.025em; color: rgba(17, 17, 17, 0.9); text-align: left;}
.view-spec-wrap .spec-table-box td {font-size: 1.8rem; font-weight: 400; letter-spacing: -0.025em; color: rgba(85, 85, 85, 0.9); text-align: left;}

.view-down-wrap .download-list-con-style02 {margin-top: 0;}
.download-list-con-style02.product-style .download-item {border: none; margin-bottom: 1.5rem;}
.download-list-con-style02.product-style .download-item:last-child {margin-bottom: 0;}
.download-list-con-style02.product-style .download-item .info-box {padding: 0;}
.download-list-con-style02.product-style .download-item:first-child {border-top: none;}
.download-list-con-style02.product-style .download-item a {position: relative; width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 2.2rem 3.7rem 2.2rem 4.8rem; box-sizing: border-box; border: 1px solid #ddd; border-radius: 1.5rem; transition: var(--transition-custom);}
.download-list-con-style02.product-style .download-item a::before {position: absolute; content: ""; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); border: 2px solid #1ba592; border-radius: 1.5rem; box-sizing: border-box; opacity: 0; visibility: hidden; transition: var(--transition-custom);}
.download-list-con-style02.product-style .down-box {display: flex; width: 14.7rem;}
.download-list-con-style02.product-style .download-item .txt {width: calc(95% - 14.7rem); font-size: 1.8rem; font-weight: 600; letter-spacing: -0.025em; color: #111; transition: var(--transition-custom);}
.download-list-con-style02.product-style .download-item .down-txt {font-size: 1.9rem; font-weight: 600; letter-spacing: -0.05em; color: #666; padding-right: 4rem;}
.download-list-con-style02.product-style .download-item i {font-size: 2.4rem; color: rgba(27, 165, 146, 0.35); transition: var(--transition-custom);}

@media all and (min-width: 801px) {
	.download-list-con-style02.product-style .download-item:hover {background-color: #fff !important;}
	.download-list-con-style02.product-style .download-item a:hover {background-color: rgba(161, 210, 201, 0.05);}
	.download-list-con-style02.product-style .download-item a:hover::before {opacity: 1; visibility: visible;}
	.download-list-con-style02.product-style .download-item a:hover .txt, .download-list-con-style02.product-style .download-item a:hover i {color: #1ba592;}
}

.prd-view-btn {width: 23.4rem; height: 6rem; display: flex; align-items: center; justify-content: center; margin: 6rem auto 0; border-radius: 3rem; background-color: #444; font-size: 2rem; font-weight: 600; letter-spacing: -0.05em; color: #fff;}

/* ****************** 고객지원 :: 머신비전 솔루션 ********************** */
.machine-schema-con {position: relative;}
.machine-schema-con::before {position: absolute; content: ""; left: 0; top: 43%; width: 100%; height: 0; padding-top: 16.08%; background: center / cover no-repeat url("/images/content/machine_schema_bg.png"); z-index: -1;}
.machine-schema-con .top-schema-con {position: relative; max-width: 78.929%; margin: 0 auto; padding-top: 65%; background: center / cover no-repeat url("/images/content/machine_top_schema_bg.png");}
.machine-schema-con .top-schema-con .inner {position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%;}
.machine-schema-con .top-schema-con .top-schema-slide-box {position: absolute; top: 54.3%; left: 50%;  transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px)); display: flex; align-items: center; justify-content: center; max-width: 100%; pointer-events: none;}
.machine-schema-con .top-schema-con .top-schema-slide-box .top-schema-slide {display: flex; align-items: center; justify-content: center;}
.machine-schema-con .top-schema-con .top-schema-slide-box figure {position: relative; display: flex; align-items: center; justify-content: center; padding: 30%; box-sizing: border-box;}
.machine-schema-con .top-schema-con .top-schema-slide-box figure::before {position: absolute; content: ""; bottom: 22%; left: 50%; transform: translateX(calc(-50% + 0.5px)); width: 2.132%; height: 7.6%; background: center / cover no-repeat url("/images/content/machine_top_schema_con_arrow.png");}
.machine-schema-con .top-schema-con .top-schema-slide-box figure::after {position: absolute; content: ""; bottom: 29%; left: 58%; width: 20.575%; height: 20.575%; background: center / cover no-repeat url("/images/content/machine_top_schema_small_img.png"); border-radius: 50%; box-shadow: 0px 5.3rem 15.5rem 0px rgba(27, 133, 124, 0.25);}
.machine-schema-con .top-schema-icon-box .top-schema-icon {position: absolute; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 13.394%; height: 16.264%; border-radius: 50%;}
.machine-schema-con .top-schema-icon-box .top-schema-icon .inner {position: absolute; width: 100%; height: 100%; pointer-events: none;}
.machine-schema-con .top-schema-icon-box .top-schema-icon .inner::before {position: absolute; content: ""; left: 50%; bottom: -68%; width: 9.46%; height: 52.03%; transform: translateX(-50%); background: center / cover no-repeat url("/images/content/machine_top_schema_arrow.png");}
.machine-schema-con .top-schema-icon-box .top-schema-icon p {padding-top: 1rem; font-size: 1.9rem; font-weight: 500; letter-spacing: -0.025em; line-height: 1.2em; color: #fff; text-align: center;}
.machine-schema-con .top-schema-icon-box .top-schema-icon figure {display: flex; align-items: center; justify-content: center;}
.machine-schema-con .top-schema-icon-box .top-schema-icon img {max-width: 100%;}
.machine-schema-con .top-schema-icon-box .top-schema-icon:nth-child(odd) {background-color: #295f8d;}
.machine-schema-con .top-schema-icon-box .top-schema-icon:nth-child(even) {background-color: #28819c;}

.machine-schema-con .top-schema-icon-box .top-schema-icon:first-child {top: 37%; left: 0%;}
.machine-schema-con .top-schema-icon-box .top-schema-icon:nth-child(2) {top: 17%; left: 10%;}
.machine-schema-con .top-schema-icon-box .top-schema-icon:nth-child(3) {top: 3%; left: 25%;}
.machine-schema-con .top-schema-icon-box .top-schema-icon:nth-child(4) {top: -2%; left: 50%; margin-left: -6.697%;}
.machine-schema-con .top-schema-icon-box .top-schema-icon:nth-child(5) {top: 3%; right: 25%;}
.machine-schema-con .top-schema-icon-box .top-schema-icon:nth-child(6) {top: 17%; right: 10%;}
.machine-schema-con .top-schema-icon-box .top-schema-icon:last-child {top: 37%; right: 0%;}

.machine-schema-con .top-schema-icon-box .top-schema-icon:first-child .inner {transform: rotateZ(-80deg);}
.machine-schema-con .top-schema-icon-box .top-schema-icon:nth-child(2) .inner {transform: rotateZ(-57deg);}
.machine-schema-con .top-schema-icon-box .top-schema-icon:nth-child(3) .inner {transform: rotateZ(-30deg);}
.machine-schema-con .top-schema-icon-box .top-schema-icon:nth-child(5) .inner {transform: rotateZ(30deg);}
.machine-schema-con .top-schema-icon-box .top-schema-icon:nth-child(6) .inner {transform: rotateZ(57deg);}
.machine-schema-con .top-schema-icon-box .top-schema-icon:last-child .inner {transform: rotateZ(80deg);}

.machine-schema-con .top-schema-icon-box .top-schema-icon:first-child .inner::before {bottom: -105%;}
.machine-schema-con .top-schema-icon-box .top-schema-icon:nth-child(2) .inner::before {bottom: -80%;}
.machine-schema-con .top-schema-icon-box .top-schema-icon:nth-child(3) .inner::before {bottom: -72%;}
.machine-schema-con .top-schema-icon-box .top-schema-icon:nth-child(5) .inner::before {bottom: -72%;}
.machine-schema-con .top-schema-icon-box .top-schema-icon:nth-child(6) .inner::before {bottom: -80%;}
.machine-schema-con .top-schema-icon-box .top-schema-icon:last-child .inner::before {bottom: -105%;}

.machine-schema-con .schema-box {display: flex; justify-content: center;}
.machine-schema-con img {max-width: 100%;}
.machine-big-txt {font-size: 3.4rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.45em; color: #222; text-align: center; padding-top: 2.5rem;}
.machine-big-tit {margin-top: -8.8%; font-size: 9.5rem; font-weight: 700; letter-spacing: -0.025em; line-height: 1.5em; color: #1ba692; text-align: center;}
.machine-big-txt strong {color: #112953;}
.machine-cm-con-txt {font-size: 2.4rem; font-weight: 600; letter-spacing: -0.025em; line-height: 1.66em; color: #222;}

.machine-vision-wrap .vision-content-con {position: relative; margin-top: 10rem; padding-top: 10rem;}
.machine-vision-wrap .vision-content-con::before {position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 85.2rem; background: center / cover no-repeat url("/images/content/machine_vision_bg.jpg"); border-radius: 10.6rem 10.6rem 0 0;}
.machine-vision-wrap .vision-tit {font-size: 4.2rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.28em; color: #222; padding-bottom: 2rem;}
.machine-vision-wrap .vision-txt01 {font-size: 2.4rem; font-weight: 600; letter-spacing: -0.025em; line-height: 1.66em; color: #222; padding-bottom: 2.5rem;}
.machine-vision-wrap .vision-txt01 span {color: #1ba692;}
.machine-vision-wrap .vision-txt02 {font-size: 1.9rem; font-weight: 400; letter-spacing: -0.05em; line-height: 1.68em; color: #555;}
.machine-vision-wrap .vision-txt02.pb-18 {padding-bottom: 1.8rem;}

/* 비디오 영역 Start */
.video-iframe-wrapper{position:relative; overflow:hidden; border-radius: 3rem; margin-top: 8rem;}
.video-iframe-box{position:relative; padding-top:48.643%; height:0; background-color:#000}
.video-iframe-box iframe{position:absolute; top:0px; left:0px; width:100%; height:100%;}
.video-cover-box{position:absolute; top:0px; left:0px; width:100%; height:100%; cursor:pointer ;  }
.video-cover-box .thumb{display:block; width:100%; height:100%;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.video-cover-box .thumb img{width:100%; height:100%;}
.video-cover-box:hover .thumb{
	-ms-transform: scale(1.1) rotate(0.002deg);
	  -o-transform: scale(1.1) rotate(0.002deg);
	  -moz-transform: scale(1.1) rotate(0.002deg);
	  -webkit-transform: scale(1.1) rotate(0.002deg);
	  transform: scale(1.1) rotate(0.002deg);
}
.video-cover-box .icon{display: flex; align-items: center; justify-content: center; position:absolute; top:50%; left:50%;  z-index:1; -ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); width: 10.3rem; height: 10.3rem; border-radius: 50%; box-sizing: border-box; background-color: rgba(249, 249, 249, 0.4); z-index: 1;}
.video-cover-box .icon::before {position: absolute; content: ""; left: 50%; top: 50%; width: 9.35rem; height: 9.35rem; border-radius: 50%; box-sizing: border-box; background-color: #142952; z-index: -1; transform: translate(-50%, -50%);}
.video-cover-box .icon img {max-width: 100%;}

.machine-feature-list-box {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 2.8rem 3.8rem; margin-top: 6rem;}
.machine-feature-list-box .machine-feature-list {display: flex; align-items: center; background-color: #fff; box-shadow: 0 25px 49px 0 rgba(0, 0, 0, 0.09); border-radius: 3rem; padding: 5.7rem 5rem; transition: var(--transition-custom)}
.machine-feature-list-box .machine-feature-list figure {width: 7.9rem; padding-right: 4rem;}
.machine-feature-list-box .machine-feature-list figure img {max-width: 100%;}
.machine-feature-list-box .machine-feature-list .txt-box {width: calc(100% - 11.1rem);}
.machine-feature-list-box .machine-feature-list .tit {font-size: 2rem; font-weight: 500; letter-spacing: -0.025em; line-height: 1.3em; color: #1ba692; padding-bottom: 0.3rem;transition: var(--transition-custom);}
.machine-feature-list-box .machine-feature-list .txt01 {font-size: 2.6rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.3em; color: #222; transition: var(--transition-custom)}
.machine-feature-list-box .machine-feature-list .txt02 {font-size: 1.8rem; font-weight: 400; letter-spacing: -0.05em; line-height: 1.5em; color: #555; padding-top: 1.8rem; transition: var(--transition-custom)}

.machine-feature-list-box .machine-feature-list.active {background-color: var(--main-color);}
.machine-feature-list-box .machine-feature-list.active .tit, .machine-feature-list-box .machine-feature-list.active .txt01, .machine-feature-list-box .machine-feature-list.active .txt02 {color: #fff;}

.machine-process-wrap {margin-top: 15rem;}
.machine-process-wrap #contentInfoCon, .machine-app-wrap #contentInfoCon {margin-bottom: 4.6rem;}
.machine-process-wrap img {max-width: 100%;}
.process-schema {margin-top: 10.5rem;}

.machine-process-wrap {margin-top: 15rem;}
.machine-process-wrap #contentInfoCon, .machine-app-wrap #contentInfoCon {margin-bottom: 4.6rem;}
.machine-process-wrap img {max-width: 100%;}
.process-schema-con {position: relative; margin-top: 10.5rem;}
.process-schema {position: absolute; top: 50%; transform: translateY(calc(-50% + 0.5px)); margin-top: 0;}
.process-schema-con .process-list-box {display: flex; justify-content: space-between;}
.process-schema-con .process-list-box .process-list {width: 16.286%; border-radius: 50%; box-sizing: border-box;}
.process-schema-con .process-list-box .process-list .inner {position: relative; height: 0; padding-top: 100%;}
.process-schema-con .process-list-box .process-list .inner .box {display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.process-schema-con .process-list-box .process-list .inner .box i {font-size: 3.6rem; color: #b9e5de;}
.process-schema-con .process-list-box .process-list .inner .box p {text-align: center; font-size: 2.3rem; font-weight: 600; letter-spacing: -0.05em; line-height: 1.3em; color: #222; padding-top: 0.7rem;}
.process-schema-con .process-list-box .process-list:first-child {background: top / 100% 47.2% no-repeat url("/images/content/machine_process_half_circle01.png");}
.process-schema-con .process-list-box .process-list:nth-child(2) {left: 13.9%; background: bottom / 100% 47.2% no-repeat url("/images/content/machine_process_half_circle02.png");}
.process-schema-con .process-list-box .process-list:nth-child(3) {background: top / 100% 47.2% no-repeat url("/images/content/machine_process_half_circle03.png");}
.process-schema-con .process-list-box .process-list:nth-child(4) {left: 41.8%; background: bottom / 100% 47.2% no-repeat url("/images/content/machine_process_half_circle04.png");}
.process-schema-con .process-list-box .process-list:nth-child(5) {background: top / 100% 47.2% no-repeat url("/images/content/machine_process_half_circle05.png");}
.process-schema-con .process-list-box .process-list:nth-child(6) {left: 69.7%; background: bottom / 100% 47.2% no-repeat url("/images/content/machine_process_half_circle06.png");}
.process-schema-con .process-list-box .process-list:last-child {background: top / 100% 47.2% no-repeat url("/images/content/machine_process_half_circle07.png");}
.process-schema-con .process-list-box .process-list:nth-child(odd) {margin-bottom: 12rem;}
.process-schema-con .process-list-box .process-list:nth-child(even) {position: absolute; bottom: 0;}

.machine-app-wrap {margin-top: 13rem; padding: 12rem 0 12.8rem 0; background-color: #f5f5f5; border-radius: 10.6rem 10.6rem 0 0;}
.machine-app-list-box {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 4.5rem 4rem; margin-top: 7rem;}
.machine-app-list-box .machine-app-list {}
.machine-app-list-box .machine-app-list .img-box {position: relative; display: flex; gap: 0 9rem; padding: 4.5rem 6.2rem; box-sizing: border-box; border-radius: 3rem; background-color: #fff;}
.machine-app-list-box .machine-app-list .img-box::before {position: absolute; left: 47.4%; top: 50%; content: ""; width: 22.06%; height: 71.83%; background: center / cover no-repeat url("/images/content/machine_app_arrow.png"); transform: translate(-50%, -50%); z-index: 0;}
.machine-app-list-box .machine-app-list .img-box figure {position: relative; z-index: 1; border-radius: 1.5rem; overflow: hidden;}
.machine-app-list-box .machine-app-list .img-box img {max-width: 100%;}
.machine-app-list-box .machine-app-list .app-list-txt {font-size: 2.4rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.5em; color: #222; text-align: center; padding-top: 3.4rem;}

/* ******************  비즈니스 :: 글로벌 파트너 ********************** */
.business-page.partners {padding-bottom: 17rem;}
.business-page.partners .top-txt-box p {font-size: 2rem; font-weight: 500; letter-spacing: -0.05em; line-height: 1.6em; color: #222;}
.business-page.partners .top-txt-box h4 {font-size: 4.2rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.3em; color: #222; padding-top: 1.5rem;}
.business-page.partners .top-txt-box h4 > span {color: #152a52;}

.business-page.partners .top-txt-box dl {font-size: 4.2rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.3em; color: #222; padding-top: 1.5rem;}
.business-page.partners .top-txt-box dl > span {color: #152a52;}

.partners-map-box {position: relative; margin-top: 11rem !important;}
.partners-map-box .pin {position: absolute; top: 18.5%; left: 36.3%;}
.partners-map-box .pin::before {position: absolute; content: ""; left: 50%; bottom: -52px; width: 1px; height: 52px; background-color: #14284f;}
.partners-map-box .pin::after {position: absolute; content: ""; left: 50%; bottom: -52px; transform: translateX(-50%); width: 5px; height: 5px; background-color: #14284f; border-radius: 50%;}
.partners-map-box figure {display: flex; align-items: center; justify-content: center; max-width: 1561px; height: 581px; margin: 0 auto;}
/* .partners-map-box figure img {max-width: 100%;} */

.partners-map-box .pin span{border-radius: 50%; position: absolute; top:176%; left:42%; margin: 0; -webkit-animation-fill-mode: both;animation-fill-mode: both; width: 2.4rem; height: 2.4rem; transform: translateY(-50%); -webkit-animation: nation-circle 4s cubic-bezier(0.22, 0.61, 0.36, 0.5) infinite;animation: nation-circle 4s cubic-bezier(1, 2, 0.66, 3) infinite; -webkit-animation-delay: 1s; animation-delay: 1s;}
.partners-map-box .pin span:nth-of-type(2) {-webkit-animation-delay: 2s; animation-delay: 2s; }
.partners-map-box .pin span:nth-of-type(3) {-webkit-animation-delay: 3s; animation-delay: 3s;}
.partners-map-box .pin span:nth-of-type(4) {-webkit-animation-delay: 4s; animation-delay:4s;}
.partners-list-box {position: relative; margin-top: -4rem; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 8rem 2.666rem; z-index: 1; padding-bottom: 5.5rem;}
.partners-list-box li {display: inherit; position: relative; background-color: #fff; border-radius: 3rem; box-shadow: 5px 5px 30px 0px rgba(0, 0, 0, 0.05); max-width: 33rem; overflow: hidden; z-index: -2; backdrop-filter: blur(50px);}
.partners-list-box li > a {padding: 4rem; box-sizing: border-box;}
.partners-list-box li::before {position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; opacity: 0; visibility: hidden; transition: var(--transition-custom); backdrop-filter: blur(10px);}
.partners-list-box li::after {position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; z-index: -3; background-color: var(--main-color); opacity: 0; visibility: hidden; transition: var(--transition-custom);}
.partners-list-box li .top-box {height: 6rem; position: relative; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 4.5rem; transition: var(--transition-custom);}
.partners-list-box li .top-box figure {display: flex; align-items: center; position: relative; z-index: -2; width: calc(100% - 7rem); height: 100%; padding-right: 2rem;}
.partners-list-box li .top-box figure img {max-width: 100%; max-height: 100%;}
.partners-list-box li .top-box .link {display: flex; align-items: center; justify-content: center; width: 5rem; height: 5rem; border-radius: 50%; background-color: #f3f3f3; transition: var(--transition-custom);}
.partners-list-box li .top-box .link i {font-size: 2.2rem; color: rgba(0, 0, 0, 0.5); transform: rotateZ(45deg); transition: var(--transition-custom);}
.partners-list-box li .bottom-box {position: relative; z-index: 1; padding-top: 3.4rem;}
.partners-list-box li .bottom-box h4 {font-size: 2rem; font-weight: 700; letter-spacing: -0.025em; line-height: 1.2em; color: #000; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; transition: var(--transition-custom);}
.partners-list-box li .bottom-box p {font-size: 1.6rem; font-weight: 400; letter-spacing: -0.05em; line-height: 1.75em; color: #555; padding-top: 1.1rem; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; transition: var(--transition-custom);}

.partners-list-box li .bottom-box h2 {font-size: 2rem; font-weight: 700; letter-spacing: -0.025em; line-height: 1.2em; color: #000; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; transition: var(--transition-custom);}
.partners-list-box li .bottom-box h3 {font-size: 1.6rem; font-weight: 400; letter-spacing: -0.05em; line-height: 1.75em; color: #555; padding-top: 1.1rem; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; transition: var(--transition-custom);}

.partners-list-box li:hover::before, .partners-list-box li:hover::after {opacity: 1; visibility: visible;}
.partners-list-box li:hover .top-box {border-color: rgba(255, 255, 255, 0.1);}
.partners-list-box li:hover .top-box .link {background-color: #fff;}
.partners-list-box li:hover .top-box .link i {color: var(--main-color);}
.partners-list-box li:hover .bottom-box h4, .partners-list-box li:hover .bottom-box p {color: #fff;}

.partners-list-box li:hover .bottom-box h2, .partners-list-box li:hover .bottom-box h3 {color: #fff;}
@keyframes nation-circle {
 0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 1;
		background-color: rgba(21, 42, 82, 0.5);
	}
	100% {
		-webkit-transform: scale(4);
		transform: scale(4);
		opacity: 0;
		background-color: rgba(21, 42, 82, 0);
	}
}

/* ****************** 소식 :: 공지사항 ********************** */
.notice-page.notice {padding-bottom: 1.5rem;}
.bbs-over-box {opacity: 0; visibility: hidden; transition: var(--transition-custom);}
.bbs-over-box .view-more{position:absolute; left:50%; top:50%; display: block; width: 14rem; height: 14rem; transform: translate(-50%,-50%); transition:var(--transition-custom); display: flex; align-items:center; justify-content:center;}
.bbs-over-box .view-more .inner-circle{display: flex; align-items: center; justify-content: center; position: relative; width:9.5rem; height:9.5rem; background:var(--main-color); border-radius:50%;}
.bbs-over-box .view-more .inner-circle i {font-size: 3.3rem; color: #fff; transform: rotateZ(45deg)}
.bbs-over-box .view-more .inner-circle:before{position: absolute; /* content:'\e907'; */ font-family:'xeicon'; font-size:4.8rem; color:#fff; top:50%; left:50%; transform:translate(-50%, -50%) rotate(-45deg);}
.bbs-over-box .view-more svg{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%);  width:100%; height:100%; overflow: visible !important; animation: textRotate 10s linear infinite;}
.bbs-over-box .view-more svg *{fill:var(--main-color); width:100%; height:100%;}

@keyframes textRotate {
	0% {
		transform: translate(-50%,-50%) rotate(0);
	}
	100% {
		transform: translate(-50%,-50%) rotate(360deg);
	}
}

/* ****************** 소식 :: SNS ********************** */
/***** 탭 *****/
.custom-list-tab-style {min-height: auto;}
.custom-list-tab-style ul {border: none; border-radius: 0;}
.custom-list-tab-style.sns-style ul li {min-width: 17.5rem;}
.custom-list-tab-style.sns-style ul li a {display: flex; align-items: center; justify-content: space-between; padding: 0 2.5rem; box-sizing: border-box;}
.custom-list-tab-style.sns-style ul li a i {color: #b4b4b4;}

.sns-list-box {display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 9rem 5.05rem; margin: 6.5rem 0 9rem 0;}
.sns-list-box .sns-list a {position: relative; var(--transition-custom);}
.sns-list-box figure {position: relative; border-radius: 2rem; overflow: hidden;}
.sns-list-box figure::before {position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(27, 166, 146, 0.5); opacity: 0; visibility: hidden; transition: var(--transition-custom);}
/* .sns-list-box figure::after {position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; backdrop-filter: blur(16px);} */
.sns-list-box img {max-width: 100%;}
.sns-list-box .sns-list .txt-box {position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 2rem; padding: 5rem 4.7rem; box-sizing: border-box; opacity: 0; visibility: hidden; transition: var(--transition-custom);  backdrop-filter: blur(16px);}
.sns-list-box .sns-list .txt-box .date {font-size: 1.6rem; font-weight: 400; letter-spacing: -0.05em; line-height: 1.5em; color: rgba(255, 255, 255, 0.5);}
.sns-list-box .sns-list .txt-box .txt {font-size: 2.3rem; font-weight: 500; letter-spacing: -0.05em; line-height: 1.5em; color: #fff; padding-top: 1.4rem;  text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.sns-list-box .sns-list .txt-box i {position: absolute; content: ""; left: 5rem; bottom: 6.7rem; font-size: 3.9rem; color: #fff; transform: rotateZ(45deg)}

.sns-tap-con {display: flex; align-items: center; justify-content: space-between;}
.sns-tap-con .blog-btn {display: flex; align-items: center; justify-content: space-between; width: 23rem; max-width: 23rem; min-height: 6rem; padding: 0 2.5rem; border: 2px solid #152a52; border-radius: 3rem; box-sizing: border-box; font-size: 1.9rem; font-weight: 600; letter-spacing: -0.05em; line-height: 1.5em; color: #152a52;}
.sns-tap-con .blog-btn i {font-size: 2.4rem;}

.sns-list-box .sns-list a:hover figure::before {opacity: 1; visibility: visible;}
.sns-list-box .sns-list a:hover .txt-box {opacity: 1; visibility: visible;}

/* ****************** 고객지원 :: 제품문의 ********************** */
.support-page .bbs-write-tbl td {padding: 2rem 5rem 2rem 1.5rem;}
.support-page .bbs-write-tbl td:last-child {padding-right: 0;}
.support-page .bbs-write-tbl th {font-size: 2rem; font-weight: 500; letter-spacing: -0.05em; line-height: 1.5em; color: #000;}
.support-page .bbs-write-tbl .write-input {max-width: 560px; height: 6rem; border-radius: 1rem; background-color: #f6f6f6; border: 2px solid #f6f6f6; transition: all 0.4s;}
.support-page input:focus, .support-page textarea:focus {outline: none !important; border-color: #1ba692 !important; border-width: 2px !important; transition: all 0.4s; box-shadow: 0px 10px 21px 0 rgba(0, 0, 0, 0.1) !important;}
.support-page textarea {border-radius: 1rem; background-color: #f6f6f6 !important; border: 2px solid #f6f6f6 !important; padding: 2.5rem 3rem; transition: all 0.4s;}
.support-page .bbs-write-tbl .write-input::placeholder, .support-page .bbs-write-tbl textarea::placeholder {font-size: 1.7rem !important; letter-spacing: -0.05em; color: rgba(0, 0, 0, 0.4) !important;;}
.support-page .report-tit {font-size: 2rem; font-weight: 500; letter-spacing: -0.05em; line-height: 1.5em; color: #000; margin-bottom: 1rem;}

.security-custom-box {display: flex; align-items: center; width: 100%;}
.security-custom-box .security-code-box {padding-right: 3.9rem; width: 14%}
.security-custom-box .security-code-box img {width: 1.8rem; height: 1.8rem;}
.security-custom-box input {width: 71.885% !important;}

.online-btn-con {display: flex; align-items: center; justify-content: center; width: 23.5rem; height: 6rem; border-radius: 3rem; background-color: #1ba692; margin: 8.5rem auto 0; font-size: 2rem; font-weight: 600; letter-spacing: -0.05em; line-height: 1.5em; color: #fff;}

/* ****************** 고객지원 :: 원격지원 ********************** */
.remote-schema-box {position: relative; display: flex; justify-content: center; align-items: center; padding-top: 6.3rem;}
.remote-schema-box img {max-width: 100%;}
.remote-schema-box .left-img, .remote-schema-box .right-img {position: absolute; z-index: 1;}
.remote-schema-box .center-img {width: 55.786%;}
.remote-schema-box .left-img {left: 6.5rem; width: 24.429%;}
.remote-schema-box .right-img {right: 2.5rem; width: 31%;}

.remote-content-con {background: top / cover no-repeat url("/images/content/remote_con_bg.jpg"); border-radius: 10rem 10rem 0 0; overflow: hidden; margin-top: 17rem; padding: 12.5rem 0 17rem 0;}
.remote-content-con .top-txt-box h3 {font-size: 3.4rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.58em; color: #222; padding-bottom: 2rem;}
.remote-content-con .top-txt-box h3 span {color: #152a52;}

.remote-content-con .top-txt-box h2 {font-size: 3.4rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.58em; color: #222; padding-bottom: 2rem;}
.remote-content-con .top-txt-box h2 span {color: #152a52;}

.remote-content-con .check-txt-list-box .check-txt-list {font-size: 2.2rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1.8em; color: #555;}
.remote-content-con .check-txt-list-box .check-txt-list span {color: #1ca692;}

.remote-step-list-box {display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 0 4.666rem; margin-top: 10rem;}
.remote-step-list-box .remote-step-list {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #fff; border-radius: 3rem; box-shadow: 0 25px 49px 0 rgba(0, 0, 0, 0.09); text-align: center; padding: 5.4rem 1rem 4.8rem 1rem; transition: var(--transition-custom);}
.remote-step-list-box .remote-step-list::before {position: absolute; font-family: "xeicon"; top: 50%; right: -3.64rem; content: "\e93e"; font-size: 2.6rem; color: rgba(51, 51, 51, 0.3); transform: translateY(-50%);}
.remote-step-list-box .remote-step-list:last-child::before {display: none;}
.remote-step-list-box .remote-step-list figure img {max-width: 100%;}
.remote-step-list-box .remote-step-list .txt-box {margin-top: 2.5rem;}
.remote-step-list-box .remote-step-list .num {font-size: 2rem; font-weight: 500; letter-spacing: -0.025em; line-height: 1.6em; color: #1ba692; transition: var(--transition-custom);}
.remote-step-list-box .remote-step-list .tit {font-size: 2.4rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.5em; color: #222; transition: var(--transition-custom);}
.remote-step-list-box .remote-step-list .txt {font-size: 1.8rem; font-weight: 400; letter-spacing: -0.05em; line-height: 1.5em; color: #555; padding-top: 2.8rem; transition: var(--transition-custom);}

.remote-step-list-box .remote-step-list.active {background-color: #1ba692;}
.remote-step-list-box .remote-step-list.active .num, .remote-step-list-box .remote-step-list.active .tit {color: #fff;}
.remote-step-list-box .remote-step-list.active .txt {color: rgba(255, 255, 255, 0.9);}

.remote-down-box {display: flex; justify-content: center; gap: 0 2.2rem; margin-top: 12.8rem;}
.remote-down-box a, .remote-down-box a i {transition: var(--transition-custom);}
.remote-down-box p, .remote-down-box a {display: flex; justify-content: space-between; align-items: center; width: 30rem; height: 6rem; border: 2px solid #152a52; border-radius: 3rem; padding: 0 2.3rem; box-sizing: border-box; font-size: 2rem; font-weight: 600; letter-spacing: -0.05em; line-height: 1.5em; color: #152a52;}
.remote-down-box p i, .remote-down-box a i {font-size: 2.4rem;}
.remote-down-box a:hover {background-color: #152a52; color: #fff;}
.remote-down-box a:hover i {color: #fff;}