@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; 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%}
}

/* ****************** Company ********************** */
#introRobotCon{}
.intro-robot-bnr{width: 100%; position: relative; height: 60.4rem;}
.intro-robot-bnr .main-visual-video-con:before{border-radius: 2rem; overflow: hidden;}
.intro-robot-bnr .main-visual-video{border-radius: 3rem; overflow: hidden;}
/* .intro-robot-bnr img{max-width: 100%;} */

#introIdentityCon{margin-top: 20rem; padding-bottom: 66.5rem; position: relative;}
#introIdentityCon .sub-con-bg{top: auto; bottom: -30rem;}
#introIdentityCon .cm-intro-tit-box{margin-bottom: 16rem;}
.intro-identity-box {max-width:1200px; margin: 0 auto; display: flex; position: relative; z-index: 3;}
.intro-identity-item {width: 33.333%; position: relative; border-radius: 50%; background: rgba(255,255,255,0.01); backdrop-filter:blur(3rem); will-change: transform !important;}
.intro-identity-item.item01 {left: 3rem;}
.intro-identity-item.item03 {left: -3rem;}
.intro-identity-inner {position: relative; width: 100%; padding-top: 100%; }
.intro-identity-inner:before {position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; transform-origin:center; border-radius: 50%; border: 2px solid #fff; animation: rotate 4s linear infinite; }
.intro-identity-item.item01 .intro-identity-inner:before {border-right: 0; border-bottom: 0;}
.intro-identity-item.item02 .intro-identity-inner:before {border-left: 0; border-bottom: 0;}
.intro-identity-item.item03 .intro-identity-inner:before {border-top: 0; border-left: 0;}
.intro-identity-inner .txt-box {position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.intro-identity-inner .txt-box .icon{height: 5rem; display: inline-block;}
.intro-identity-inner .txt-box .tit {margin-top: 2.5rem; font-size: 3rem; font-weight: 500; line-height: 1.3; color: #fff;}
.intro-identity-inner .txt-box .txt {margin-top: 2.5rem; font-size: 1.8rem; line-height: 1.3; font-weight: 600; color: #fff;}
#introIdentityCon .prd-flow-txt{bottom: 20rem;}

@media all and (max-width:1279px){ 
	.intro-robot-bnr .main-visual-video-con .clipped{transform: translate(-50%, -50%) scale(0.7);}
}
@media all and (max-width:800px){ 
	#introIdentityCon{margin-top: 14rem; padding-bottom: 46.5rem; position: relative;}
	#introIdentityCon .sub-con-bg{top: auto; bottom: -24rem;}
	#introIdentityCon .cm-intro-tit-box{margin-bottom: 8rem;}
	
	.intro-robot-bnr{height: 60.4rem; height: 42rem;}
	/* .intro-robot-bnr .main-visual-video-con .clipped{transform: translate(-50%, -50%) scale(0.5);} */
	
	.intro-identity-box {display: block;}
	.intro-identity-item{width: 100%; max-width: 40rem; margin: 0 auto;}
	.intro-identity-item.item01 {left: 0; top: 3rem;}
	.intro-identity-item.item03 {left: 0; top: -3rem;}
	.intro-identity-inner .txt-box .icon{height: 5rem; display: inline-block;}
	.intro-identity-inner .txt-box .tit {margin-top: 2.5rem; font-size: 3rem; font-weight: 500; line-height: 1.3; color: #fff;}
	.intro-identity-inner .txt-box .txt {margin-top: 2.5rem; font-size: 1.8rem; line-height: 1.3; font-weight: 600; color: #fff;}
	#introIdentityCon .prd-flow-txt{bottom: 20rem;}
}


#introCoreCon{padding-bottom: 57.5rem; position: relative; overflow: hidden;}
.intro-core-box{position: relative; max-width: 154rem; min-height: 52rem; background-color: rgba(16,27,40,1); border-radius: 3rem; overflow: hidden;}
.intro-core-txt{position: relative; z-index: 2; width: 52.4rem; padding: 12rem 0 12rem 11rem; box-sizing: content-box;}
.intro-core-txt h5{font-size: 6rem; line-height: 1.1; letter-spacing: -0.01em; font-weight: 500; color: #fff;}
.intro-core-txt ul{margin-top: 7rem; border-top: 2px solid rgba(217,217,217,1);}
.intro-core-txt ul li{padding: 2rem 1rem; border-bottom: 1px dashed rgba(255,255,255,0.15);}
.intro-core-txt p{position: relative; padding-left: 1.4rem; font-size: 2rem; line-height: 1.3; letter-spacing: -0.01em; font-weight: 500; color: #fff;}
.intro-core-txt p:before{position: absolute; top: 1rem; left: 0; width: 0.5rem; height: 0.5rem; background-color: #fff; border-radius: 100%; content: '';}
.intro-core-img{position: absolute; top: 0; right: 0; bottom: 0; z-index: 1; width: 92.2rem;}
.intro-core-img picture{display: block; width: 100%; height: 100%;}
.intro-core-img img{width: 100%; height: 100%; object-fit: cover; object-position: center; display: block;}
#introCoreCon .prd-flow-txt{bottom: 20rem;}

@media all and (max-width:1400px){
	.intro-core-txt{width: 46rem; padding: 10rem 0 10rem 8rem;}
	.intro-core-txt h5{font-size: 5rem;}
	.intro-core-img{width: 60%;}
}
@media all and (max-width:1279px){
	.intro-core-txt{width: 40rem; padding: 8rem 0 8rem 5rem;}
	.intro-core-txt h5{font-size: 4rem;}
	.intro-core-txt ul{margin-top: 5rem;}
	.intro-core-img{width: 55%;}
}
@media all and (max-width:800px){
	#introCoreCon{padding-bottom: 40.5rem;}
	.intro-core-box{border-radius: 2rem;}
	.intro-core-txt{position: relative; width: auto; padding: 5rem 3rem;}
	.intro-core-txt h5{font-size: 3.6rem;}
	.intro-core-txt ul{margin-top: 3.5rem;}
	.intro-core-txt ul li{padding: 1.5rem 0.5rem;}
	.intro-core-txt p{font-size: 1.6rem;}
	.intro-core-txt p:before{top: 0.8rem;}
	.intro-core-img{position: relative; width: 100%; aspect-ratio: 922/520;}
	#introCoreCon .prd-flow-txt{bottom: 12rem;}
}


#introHistoryCon{position: relative;}
#introHistoryCon .sub-con-bg{top: 14rem;}
#introHistoryCon .cm-intro-tit-box{text-align: left;}
.cm-history-tab-container-JS{}
.cm-history-tab-container-JS .history-tab-wrapper-style{float: left; width: 21rem; position: sticky; top: var(--sub-menu-height); z-index: 11;}
.cm-history-tab-container-JS .sub-tab-content-style{max-width: 125rem; width: calc(100% - 29rem); float: right; padding-top: 1rem;}
/* 연혁 탭 */
.history-tab-list-style{background-color: #061A2F; border-radius: 1rem;}
.history-tab-list-style ul{padding: 1rem; width: 100%; box-sizing: border-box;}
.history-tab-list-style ul li{width: 100%;}
.history-tab-list-style ul li + li{margin-top: 0.5rem;}
.history-tab-list-style ul li a{font-size: 1.8rem; line-height: 1.3; font-weight: 500; color: #fff; width: 100%; height: 5rem; border-radius: 5rem; display: flex; align-items: center; justify-content: center; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;}
.history-tab-list-style ul li a em{font-weight: inherit; color:inherit;}
.history-tab-list-style ul li.selected a{background-color: var(--main-color);}
/* 연대 */
.history-style03 .history-year-group-box{position:relative; padding:7.5rem 0;}
.history-style03 .history-tab-con:first-child .history-year-group-box{padding-top: 0;}
.history-style03 .history-year-group-box .history-year-group-tit{position:absolute; left:0; top:5rem; width: 54rem;}
.history-style03 .history-year-group-box:first-child .history-year-group-tit{top: 0;}
.history-style03 .history-year-group-box .history-year-group-tit strong{font-size: 2.1rem; line-height: 1.3; letter-spacing: -0.01em; font-weight: 500; color: #fff; display: block;}
.history-style03 .history-year-group-box .history-year-group-tit h5{margin-top: 1.9rem; font-size: 4.1rem; line-height: 1.3; letter-spacing: -0.025em; font-weight: 500; color: #fff;}
.history-style03 .history-year-group-tit + .history-year-list-box{margin-left:57rem;}
.history-style03 .history-year-item {position:relative; display:flex; justify-content:space-between;}
/* 연도 + 정보 */
.history-style03 .history-year-box{position:relative; width:100%; border-top: 2px solid #D9D9D9;}
.history-style03 .history-year-box .history-year-item{padding: 2rem 1rem; border-bottom: 1px dashed rgba(255,255,255,0.1); position:relative; display:flex; align-items: center; line-height:1.4;}
.history-style03 .history-year-box .history-year-item .history-year{position: relative; padding-left: 2rem; width: 10rem; font-size:2rem; letter-spacing: -0.01em; font-weight:500;  color:#fff;}
.history-style03 .history-year-box .history-year-item .history-year:before{position:absolute; left:0; top:50%; width: 0.6rem; height: 0.6rem; border-radius: 100%; background-color: #fff; content:""; transform: translateY(calc(-50% - 0.1rem));}
.history-style03 .history-year-box .history-year-item .history-detail-txt-con{width:100%;}
.history-style03 .history-year-box .history-year-item .history-year + .history-detail-txt-con{width:calc(100% - 10rem);}
.history-style03 .history-year-box .history-year-item .history-detail-txt{font-size:2rem; line-height: 1.6; letter-spacing:-0.01em; font-weight: 500; color: #fff; word-break:keep-all;}

@media all and ( max-width:1279px ){
	.history-style03 .history-year-group-box .history-year-group-tit {width: 32rem;}
	.history-style03 .history-year-group-tit + .history-year-list-box {margin-left: 35rem;}
	.history-style03 .history-year-group-box .history-year-group-tit h5{font-size: 3.6rem;}
}
@media all and ( max-width:800px ){
	.cm-history-tab-container-JS {border-top:0;}
	.cm-history-tab-container-JS .history-tab-wrapper-style{position: sticky; top: var(--header-height); padding-top: 0; float: none; width: 100%;}
	.cm-history-tab-container-JS .sub-tab-content-style{margin-top: 5rem; max-width: none; width: 100%; float: none;}
	/* 연혁 탭 */
	.history-tab-list-style.sub-drop-menu-style{}
	.history-tab-list-style ul{padding: 0;}
	.history-tab-list-style ul li{width: 100%;}
	.history-tab-list-style ul li a{font-size: 2rem; height: auto; border-radius: 0; display: block; box-sizing: border-box;}
	.history-tab-list-style ul li.selected a{color: var(--main-color); background-color: #fff;}
	/* 연대 */
	.history-style03 .history-year-group-box{padding:5rem 0;}
	.history-style03 .history-tab-con:first-child .history-year-group-box{padding-top: 0;}
	.history-style03 .history-year-group-box .history-year-group-tit{position:static; width: 100%; margin-bottom:3rem;}
	.history-style03 .history-year-group-box .history-year-group-tit strong {font-size: 2.1rem; line-height: 1.3;}
	.history-style03 .history-year-group-box .history-year-group-tit h5{margin-top: 1.9rem; font-size: 3.2rem; line-height: 1.3;}
	.history-style03 .history-year-group-tit + .history-year-list-box{margin-left:0;}
	/* 연도 + 정보 */
	.history-style03 .history-year-box .history-year-item{padding: 2rem 1rem;}
	.history-style03 .history-year-box .history-year-item .history-year{padding-left: 2rem; width: 8rem; font-size:1.8rem;}
	.history-style03 .history-year-box .history-year-item .history-year:before{width: 0.6rem; height: 0.6rem; transform: translateY(calc(-50% - 0.1rem));}
	.history-style03 .history-year-box .history-year-item .history-detail-txt-con{width:100%;}
	.history-style03 .history-year-box .history-year-item .history-year + .history-detail-txt-con{width:calc(100% - 8rem);}
	.history-style03 .history-year-box .history-year-item .history-detail-txt{font-size:1.8rem; line-height: 1.6;}
}

#introBannerCon{margin-top: 12.5rem; width: 100%; height: 70rem; display: flex; align-items: center; justify-content: center; text-align: center;}
#introBannerCon .area{width: 100%; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center;}
#introBannerCon .txt01{font-size: 2.4rem; line-height: 1.5; letter-spacing: -0.025em; font-weight: 500; color: #fff; display: block;}
#introBannerCon .txt02{margin-top: 3rem; font-size: 5rem; line-height: 1.5; letter-spacing: -0.025em; font-weight: 500; color: #fff;}
#introBannerCon .main-btn-wrap{margin-top: 3rem;}

@media all and ( max-width:800px ){
	#introBannerCon{margin-top: 12.5rem; height: 60rem;}
	#introBannerCon .txt01{font-size: 2rem; line-height: 1.5;}
	#introBannerCon .txt02{margin-top: 2rem; font-size: 3.5rem; line-height: 1.5;}
	#introBannerCon .main-btn-wrap{margin-top: 3rem;}
}


/* ****************** Technology Spirit ********************** */
.tech-spirit-page{position: relative;}

.tech-spirit-con-group{position: relative;}
.tech-spirit-con-top{width: 100%; height: 100vh; display: flex; align-items: center; position: sticky; top: 0; z-index: 0;}
.tech-spirit-con-top .area{width: 100%; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; text-align: center; will-change: opacity, transform;}
.tech-spirit-top-cate{font-size: 2.4rem; line-height: 1.5; letter-spacing: -0.025em; font-weight: 500; color: #fff;}
.tech-spirit-top-tit{margin-top: 2rem; font-size: 5rem; line-height: 1.5; letter-spacing: -0.025em; font-weight: 500; color: #fff;}
.tech-spirit-top-txt{margin-top: 2rem; font-size: 2.4rem; line-height: 1.5; letter-spacing: -0.025em; font-weight: 500; color: #fff;}
.tech-spirit-con-top .main-scroll-icon{margin-top: 10rem; position: static; margin-left: 0;}

.tech-spirit-con-bottom{width: 100%; height: 100vh; position: relative; z-index: 2; display: flex; align-items: center;}
.tech-spirit-con-bottom .area{position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; text-align: center;}
.tech-spirit-bottom-txt{font-size: 1.8rem; line-height: 1.5; letter-spacing: -0.025em; font-weight: 500; color: #fff;}
.tech-spirit-bottom-btn{margin-top: 6rem; width: 100%; display: flex; align-items: center; justify-content: center;}
.tech-spirit-bottom-btn li{margin: 0 0.8rem; width: calc(33.33% - 1.6rem); max-width: 20rem;}
.tech-spirit-bottom-btn li a{padding: 0 1rem; width: 100%; height: 6rem; font-size: 1.6rem; font-weight: 600; color: #fff; text-align: center; border: 0.3rem solid #fff; border-radius: 6rem; box-sizing: border-box; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;}
.tech-spirit-bottom-btn li a:before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background: #000; content: ''; transition: opacity 0.3s ease-in-out; -webkit-mask: url("../images/content/urban-sprite.png"); mask: url("../images/content/urban-sprite.png"); -webkit-mask-size: 3000% 100%; mask-size: 3000% 100%;}
@supports (background-image: image-set(url("a.webp") type("image/webp"))) {
	.tech-spirit-bottom-btn li a:before{
		-webkit-mask-image: url("../images/content/urban-sprite.webp");
		mask-image: url("../images/content/urban-sprite.webp");
	}
}
.tech-spirit-bottom-btn li a span{position: relative;}
.tech-spirit-bottom-btn li a i{position: relative; top: -0.1rem; margin-left: 0.5rem;}

.tech-spirit-bottom-btn li a:hover:before {
	opacity: 1;
    -webkit-animation: ani 0.7s steps(29) forwards;
    animation: ani 0.7s steps(29) forwards;
}
@keyframes ani{
	0% {
		-webkit-mask-position: 0 0;
		mask-position: 0 0;
	}
	100% {
		-webkit-mask-position: 100% 0;
		mask-position: 100% 0;
	}
}

/* glass */
.tech-spirit-con-bottom .clipped {clip-path: url(#svgTextPath);position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;display: inline-block;overflow:hidden;}
.tech-spirit-con-bottom .clipped .liquid-effect {position: absolute;inset: 0 0 0 0;overflow: hidden;z-index: 1;isolation: isolate;backdrop-filter: blur(5px);/* filter: url(#glass-distortion); */border-radius: var(--glass-border-radius);}
.tech-spirit-con-bottom .clipped .liquid-tint {position: absolute; inset: 0 0 0 0; z-index: 1; background: rgba(255, 255, 255, 0.01);} 
.tech-spirit-con-bottom .clipped .liquid-shine {position: absolute;inset: 0 0 0 0;overflow: hidden;z-index: 2;box-shadow: inset 1px 1px 1px 0 rgba(255, 255, 255, 0.1), inset -1px -1px 1px 0px rgba(255, 255, 255, 0.1);} 

/* nav */
.tech-spirit-con-nav{position: fixed; top: 50%; right: 9.5rem; transform: translateY(-50%); z-index: 10; opacity: 0; visibility: hidden; transition: opacity 0.4s, visibility 0.4s;}
.tech-spirit-con-nav.is-show{opacity: 1; visibility: visible;}
.tech-spirit-con-nav.is-end{position: absolute; top: auto; bottom: 50vh; transform: translateY(50%);}
.tech-spirit-con-nav ul{display: flex; flex-direction: column;}
.tech-spirit-con-nav ul li + li{margin-top: 5.4rem;}
.tech-spirit-con-nav ul li a{width: 1rem; height: 1rem; border: 2px solid #fff; border-radius: 1rem; box-sizing: border-box; display: block;}
.tech-spirit-con-nav ul li.selected a{background-color: #fff;}
.tech-spirit-con-nav{position: fixed; top: 50%; right: 9.5rem; transform: translateY(-50%); z-index: 10; }

.popup-tech-top.popup-manual-apply-top{border-bottom: 0;}
.popup-tech-list{display: flex; flex-wrap:wrap; gap:1rem;}
.popup-tech-item{width: calc(50% - 0.5rem);}
.popup-tech-inner{position: relative; width: 100%; height: 0; padding-top: 100%; border-radius: 1rem; overflow: hidden;}
.popup-tech-inner .img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.popup-tech-inner .tit{position: absolute; bottom: 0; left: 0; padding: 0.5rem 1rem; width: 100%; min-height: 5.3rem; font-size: 1.6rem; line-height: 1.3; letter-spacing: -0.025em; font-weight: 600; color: #fff; text-align: center; display: flex; align-items: center; justify-content: center; box-sizing: border-box; background-color: rgba(3,14,27,0.5); backdrop-filter:blur(2rem);}


@media all and ( max-width:1279px ){
	.tech-spirit-con-top .area,
	.tech-spirit-con-bottom .area{padding: 0 calc(var(--area-padding) + 3rem);}
	.tech-spirit-top-cate{font-size: 2.2rem;}
	.tech-spirit-top-tit{font-size: 4rem;}
	.tech-spirit-top-txt{font-size: 2.2rem;}
	.tech-spirit-con-top .main-scroll-icon{margin-top: 7rem;}
	.tech-spirit-bottom-btn{margin-top: 4.5rem;}
	/* nav */
	.tech-spirit-con-nav{right: 3rem;}
	.tech-spirit-con-nav ul li + li{margin-top: 4.3rem;}
}
@media all and ( max-width:800px ){
	.tech-spirit-con-top .area,
	.tech-spirit-con-bottom .area{padding: 0 calc(var(--area-padding) + 1.5rem);}
	.tech-spirit-con-top{width: 100%; height: 100vh; position: sticky; top: 0; z-index: 0;}
	.tech-spirit-top-cate{font-size: 2rem; line-height: 1.5;}
	.tech-spirit-top-tit{margin-top: 2rem; font-size: 3.2rem; line-height: 1.5;}
	.tech-spirit-top-txt{margin-top: 2rem; font-size: 2rem; line-height: 1.5;}
	.tech-spirit-con-top .main-scroll-icon{margin-top: 5rem;}

	.tech-spirit-con-bottom{/* width: 100%; height: 100vh; */ height: auto; min-height: 100vh; padding: 10rem 0;}
	.tech-spirit-bottom-txt{font-size: 1.6rem; line-height: 1.5;}
	.tech-spirit-bottom-btn{margin-top: 3rem; width: 100%; flex-direction: column;}
	.tech-spirit-bottom-btn li{margin: 0.4rem 0 ; width: 100%; max-width: none;}
	.tech-spirit-bottom-btn li a{width: 100%; height: 5rem; font-size: 1.5rem;}
	.tech-spirit-bottom-btn li a i{top: 0rem; margin-left: 0.5rem;}

	/* nav */
	.tech-spirit-con-nav{right: 1.5rem;}
	.tech-spirit-con-nav ul li + li{margin-top: 3rem;}
	.tech-spirit-con-nav ul li a{width: 1rem; height: 1rem;}
}


/* ****************** Walkbot ********************** */
.prd-img-scroll-con {position: relative; mix-blend-mode: lighten;}
.prd-visual-con {position: relative; padding-bottom: 30rem;}
.prd-visual-con .area-box {display: flex; align-items: center; min-height: calc(100dvh - calc(var(--header-top) + var(--header-height) + var(--sub-menu-height02) + 1.5rem)); box-sizing: border-box;}
.prd-visual-tit-con {position: relative; z-index: 1 ;width: calc(100% - 115.5rem); padding-left: 13rem;box-sizing: border-box; /* padding-top: 5rem; */}
.prd-visual-tit-box .sub-tit {display: block; font-size: 1.6rem; font-weight: 700; color: #fff; line-height: 1.3; margin-bottom: 2rem;}
.prd-visual-tit-box .tit {font-size: 9rem; font-weight: 500; letter-spacing: -0.01em; color: #fff; line-height: 1.4; margin-bottom: 2rem;}
.prd-visual-tit-box .txt {font-size: 2.4rem; font-weight: 500; letter-spacing: -0.025em; color: #fff; line-height: 1.6;}
.prd-visual-tit-box .main-scroll-icon {position: relative; bottom: auto; left: auto; margin-left: 0; text-align: left; margin-top: 9rem;}
.prd-visual-tit-box .sub-tit,
.prd-visual-tit-box .tit,
.prd-visual-tit-box .txt,
.prd-visual-tit-box .main-scroll-icon {opacity:0;filter:Alpha(opacity=0); filter:blur(1rem);-webkit-transform: translateY(50px); transform: translateY(50px); transition:var(--transition-custom3)} 
.prd-visual-tit-box.animated .sub-tit ,
.prd-visual-tit-box.animated .tit,
.prd-visual-tit-box.animated .txt ,
.prd-visual-tit-box.animated .main-scroll-icon {opacity:1.0;filter:Alpha(opacity=100);filter:blur(0);-webkit-transform: translateY(0); transform: translateY(0); }
.prd-visual-tit-box.animated .tit {transition-delay:0.1s;}
.prd-visual-tit-box.animated .txt {transition-delay:0.2s;}
.prd-visual-tit-box.animated .main-scroll-icon {transition-delay:0.3s;}

.prd-visual-tit-box .main-scroll-icon .circle {margin: 0;}
.prd-visual-img-con {position: relative;width: 115.5rem;  height: 65rem;}
.prd-visual-img {width: 100%; height: 100%;}
.prd-move-img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; will-change: transform, width, height; pointer-events: none; }
.prd-move-img img { display: block; width: 100%; height: 100%; object-fit: contain;}
.prd-intro-con {width: 100%;}
.prd-intro-con .area {position: relative; z-index: 1;}
.prd-intro-con .prd-visual-tit-box {text-align: center;}
.prd-flow-txt {position: absolute; bottom:18rem; left: 0; z-index: -1;}
.prd-flow-txt .inner{display:flex; width:max-content; animation: flowText 20s linear infinite;}
.prd-flow-txt .flow-txt{display:flex; align-items: center;white-space:nowrap;}
.prd-flow-txt .flow-txt h4{margin: 0 2.5rem; display:flex; font-size:15rem; font-weight:500; letter-spacing: -0.01em; color:rgba(255,255,255,0.05);}

@keyframes flowText{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}
.prd-intro-img {position: relative; width: 115.5rem; height: 65rem; margin: 0 auto; mix-blend-mode: lighten;}
.prd-img-target {position: relative;width: 100%; height: 100%;}
/* .prd-img-target img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0;} */
.prd-intro-info-list {position: absolute; top: 0; left: 0; width: 100%; height: 100%; will-change: transform !important; z-index: 10;}
.prd-intro-info-list li {position: absolute; top: 50%; left: 50%; width: 3.8rem; height: 3.8rem; cursor: pointer; z-index: 11; transform:translate(-50%,-50%); opacity: 0; transition:all 0.4s; pointer-events:none; transition-property: opacity; transition-delay:0.2s;}
.prd-intro-info-list.animated li {opacity: 1; pointer-events:auto;} 
.prd-intro-info-list li.on {z-index: 12;}
.walkbot .prd-intro-info-list li.item01 {margin-top: -18.5%; margin-left: 19.2%;  transition-delay:0.2s;}
.walkbot .prd-intro-info-list li.item02 {margin-top: 4.1%; margin-left: 23%;  transition-delay:0.3s;}
.walkbot .prd-intro-info-list li.item03 {margin-top: 7.4%; margin-left: 20.7%;  transition-delay:0.4s;}
.walkbot .prd-intro-info-list li.item04 {margin-top: 14%; margin-left: 20.5%;  transition-delay:0.5s;}
.walkbot .prd-intro-info-list li.item05 {margin-top: 17.6%; margin-left: 13.5%;  transition-delay:0.6s;}
.walkbot .prd-intro-info-list li.item06 {margin-top: -10%; margin-left: -10%;  transition-delay:0.7s;}
.walkbot .prd-intro-info-list li.item07 {margin-top: -4.5%; margin-left: -28.6%;  transition-delay:0.8s;}
.walkbot .prd-intro-info-list li.item08 {margin-top: -4%; margin-left: -33%;  transition-delay:0.9s;}
.walkbot .prd-intro-info-list li.item09 {margin-top: -0.7%;margin-left: -28.8%;  transition-delay:1.0s;}
.prd-intro-info-list li .circle {background:rgba(0, 77, 161, 1) ;border-radius: 50%;-webkit-animation-fill-mode: both;animation-fill-mode: both;position: absolute;left: 0;top: 0px;opacity: 0;margin: 0;width: 100%; height: 100%; animation: nation-circle 3s cubic-bezier(1, 2, 0.66, 3) infinite; }
.prd-intro-info-list li .circle:nth-child(2) {-webkit-animation-delay: 1s; animation-delay: 1s; }
.prd-intro-info-list li .circle:nth-child(3) {-webkit-animation-delay: 2s; animation-delay: 2s;}
.prd-intro-info-list li em {display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:1.7rem; height:1.7rem; border: 1px solid #fff; background-color:var(--main-color); border-radius:50%; box-sizing: border-box;}
.prd-intro-info-list li .info-box {position: absolute; width: 35rem; opacity: 0; visibility: hidden; z-index: 3; transform:translate(3rem); filter:blur(1rem); backdrop-filter: blur(0.5rem); transition:var(--transition-custom); pointer-events: none; border: 1px solid rgba(255, 255, 255, 0.1); box-sizing: border-box;}
.prd-intro-info-list li.on .info-box {opacity:1; visibility: visible; filter:blur(0);  transform:translate(0);}
.prd-intro-info-list li .info-box.top {top: -0.5rem;}
.prd-intro-info-list li .info-box.right {left:5.5rem;}
.prd-intro-info-list li .info-box.bottom {bottom: -0.5rem;}
.prd-intro-info-list li .info-box.left {right: 5.5rem;}
.prd-intro-info-list-m li .info-box .inner,
.prd-intro-info-list li .info-box .inner {display: flex; flex-direction:column; align-items: flex-start; justify-content:space-between; position: relative; z-index: 5;width: 100%; min-height: auto; padding: 3rem; border-radius: 2.4rem; box-sizing: border-box; /* background-color: rgba(3,15,28,0.5); */ background-color: rgba(3, 15, 28, 0.8);}
.prd-intro-info-list-m li .info-box .inner .cate,
.prd-intro-info-list li .info-box .inner .cate {margin-bottom: 2rem; padding: 0.4rem 1.4rem; display: inline-block; background-color: var(--main-color); font-size: 1.4rem; font-weight: 500; color: #fff; line-height: 1.3; border-radius: 2rem; display: none !important;}
.prd-intro-info-list-m li .info-box .inner .tit,
.prd-intro-info-list li .info-box .inner .tit {display: block; font-size: 2.4rem; font-weight: 700; color: #fff; line-height: 1.3;}
.prd-intro-info-list-m li .info-box .inner .en-tit,
.prd-intro-info-list li .info-box .inner .en-tit {font-size: 1.4rem; font-weight: 500; color: rgba(255,255,255,0.5); line-height: 1.3; margin-top: 0.3rem;}
.prd-intro-info-list-m li .info-box .inner dd,
.prd-intro-info-list li .info-box .inner dd {font-size: 1.6rem; font-weight: 500; letter-spacing: -0.025em; color: #fff; line-height: 1.6; margin-top: 2rem;}

.walkbot-con02 {padding-top: 28rem; overflow: hidden;}
.walkbot-con02-inner {display: flex; align-items: center; max-width: 1350px; margin: 0 auto;}
.walkbot-con02-inner .img-con {width:53.48%; text-align: right;}
.walkbot-con02-inner .img-con img {max-width: 100%;}

.walkbot-con02-inner .txt-con {width: 46.52%;}
.prd-tit-box {text-align: center; margin-bottom: 6rem;}
.prd-tit-box .sub-tit {display: block; font-size: 2.4rem; font-weight: 700; letter-spacing: -0.025em; color: var(--main-color); line-height: 1.6; margin-bottom: 2rem;}
.prd-tit-box h4 {font-size: 8rem; font-weight: 700; letter-spacing: -0.025em; color: #fff; line-height: 1.4;}
.prd-tit-box .txt {font-size: 2.4rem; font-weight: 500; letter-spacing: -0.025em; color: #fff; line-height: 1.6; margin-top: 1rem;}
.prd-tit-box .txt02 {font-size: 1.8rem; font-weight: 500; letter-spacing: -0.025em; color: rgba(255,255,255,0.6); line-height: 1.6; margin-top: 1rem;} 
.walkbot-con02-inner .prd-tit-box {text-align: left;}
.walkbot-con02-mark {display: flex; gap:3rem;}
.walkbot-con02-mark dl {width: 13.9rem; height: 15.4rem; background: url(/images/content/walkbot_con02_bg.png)no-repeat center/100%; display: flex; flex-direction:column; text-align: center; justify-content: center; align-items: center;}
.walkbot-con02-mark dl dt {height: 3rem; margin-bottom: 1rem;}
.walkbot-con02-mark dl dt img {max-height: 100%;}
.walkbot-con02-mark dl dd {font-size: 1.6rem; font-weight: 500; letter-spacing: -0.025em; color: #fff; line-height: 1.6;}

.walkbot-con03 {padding-top: 28rem; overflow: hidden;}
.walkbot-con03-content {display: flex; align-items: center; justify-content: center; gap:1.3rem;}
.walkbot-con03-item {position: relative; width: 27.8rem; background: url(/images/content/walkbot_con03_bg02.svg)no-repeat center/100%;}
.walkbot-con03-item:before {position: absolute; top: 50%; margin-top: -1rem; left: -6.3rem; content: '\e93f'; font-family: xeicon; font-size: 1.6rem; color: #fff; width: 2rem; height: 2rem; line-height: 2rem; border-radius: 2rem; background-color: var(--main-color); text-align: center;}
.walkbot-con03-item:first-child:before {left: auto; right: -6.3rem; transform:rotate(180deg)}
.walkbot-con03-item .inner {position: relative; width: 100%; padding-top: 112.94%;}
.walkbot-con03-item .inner dl {position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; flex-direction:column; justify-content: center; align-items: center; text-align: center; }
.walkbot-con03-item .inner dl dt {height: 6rem; margin-bottom: 2rem;}
.walkbot-con03-item .inner dl dt img {max-height: 100%;}
.walkbot-con03-item .inner dl dd {font-size: 2rem; font-weight: 500; letter-spacing: -0.025em; color: #fff; line-height: 1.6;}
.walkbot-con03-center-item {position: relative; width:55.6rem; height: 55.6rem; background: url(/images/content/walkbot_con03_bg01.svg)no-repeat center/100%;}
.walkbot-con03-center-item:before {position: absolute; content: ''; width: calc(100% + 2.6rem); left: -1.3rem; top: 50%; margin-top: -1px; border-top:2px dotted var(--main-color) ;}
.walkbot-con03-center-item .inner {position: relative; width: 100%; padding-top: 100%;}
.walkbot-con03-center-item .inner strong {position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 3.4rem; font-weight: 700; letter-spacing: -0.025em; color: #fff; line-height: 1.6;}

.walkbot-con04 {padding: 28rem 0 38rem; position: relative;}
.walkbot-con04-bg {position: absolute; top: 0; left: 50%; transform:translateX(-50%); width: 100%; mix-blend-mode: lighten;}
.walkbot-con04-list-con.swiper-container {width: 100%;}
.walkbot-con04-list-con.swiper-container .swiper-wrapper{ align-items: stretch; transition-timing-function: linear;}
.walkbot-con04-list li {position: relative; cursor: pointer;}
.walkbot-con04-list li .bg {position: relative; width: 100%; padding-top: 100%; border-radius: 2rem; opacity: 0; visibility: hidden; overflow: hidden; transition: var(--transition-custom); background:#000;}
.walkbot-con04-list li .bg img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.walkbot-con04-list li .inner {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; padding: 0 1rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; display: flex; align-items: center; justify-content: center; text-align: center; background-color: rgba(152,152,152,0.1); border-radius: 2rem; backdrop-filter:blur(1rem); transition: var(--transition-custom);}
.walkbot-con04-list li .inner dl dt {font-size: 2.4rem; font-weight: 500; letter-spacing: -0.025em; color: #fff; line-height: 1.6;}
.walkbot-con04-list li .inner dl dd {font-size: 1.4rem; font-weight: 500; letter-spacing: -0.025em; color: rgba(255,255,255,0.6); line-height: 1.6;}
.walkbot-con04-list li:hover .bg {border-radius: 50%; opacity: 1; visibility: visible;}
.walkbot-con04-list li:hover .inner {border-radius: 50%; background-color: rgba(152,152,152,0);  backdrop-filter:blur(0); }

.walkbot-feature-list-wrap {position: relative;}
.walkbot-feature-list {position: relative; width: 100%;}
.walkbot-feature-list li {position: sticky; top: 4rem; left: 0; width: 100%; height: calc(100vh - 8rem); transform-origin: top;}
.walkbot-feature-list li + li {margin-top: 50vh;}
.walkbot-feature-inner {position: relative; width: 100%; height: calc(100vh - 8rem); border-radius: 3rem; transform: translateY(0rem); overflow: hidden;}
.walkbot-feature-inner .inner {position: relative; width: 100%; height: calc(100vh - 8rem); border-radius: 3rem; display: flex; flex-wrap: wrap; justify-content: space-between;}
.walkbot-feature-inner .inner .img-con {position: relative; width: 64.444%; height: 100%;  border-radius: 3rem; overflow: hidden;}
.walkbot-feature-inner .inner .img-con .img-box {position: relative;width: 100%; height: 100%; background-color: #000;}
.walkbot-feature-inner .inner .img-con img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:cover;} 
.walkbot-feature-inner .inner .img-con .video-box {position: relative; width:100%; height:100%;}
.walkbot-feature-inner .inner .img-con video{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:cover;} 
.walkbot-feature-inner .inner .count-box {position: absolute; bottom: 8rem; right: 8rem; font-size: 2rem; font-weight: 700; letter-spacing: -0.025em; color: #fff;}
.walkbot-feature-inner .inner .count-box .cur-num {font-size: 6rem;}
.walkbot-feature-inner .inner .txt-con {width: 33.333%; padding: 8rem 6rem; height: 100%; border-radius: 3rem; background-color: #121D28; display: flex; flex-direction:column; justify-content: space-between; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.walkbot-feature-inner .inner .txt-con strong {display: block; font-size: 2.4rem; font-weight: 700; letter-spacing: -0.025em; color: var(--main-color); line-height: 1.6;}
.walkbot-feature-inner .inner .txt-con .tit {font-size: 6rem; font-weight: 700; letter-spacing: -0.025em; color: #fff; line-height: 1.2; margin-bottom: 6rem;}
.walkbot-feature-inner .inner .txt-con .tit span {font-size: 3rem; display: inline-block;}
.walkbot-feature-inner .inner .txt-con .txt01 {font-size: 2.4rem; font-weight: 700; letter-spacing: -0.025em; color: #fff; line-height: 1.6; margin-bottom: 2rem;}
.walkbot-feature-inner .inner .txt-con .txt02 {font-size: 1.8rem; font-weight: 500; letter-spacing: -0.025em; color: rgba(255,255,255,0.6); line-height: 1.6;}

.walkbot-con06 {margin-top: 24rem; padding: 6rem 0 16rem; position: relative;}
.walkbot-con06-bg {position: absolute; top: -22rem; left: 50%; transform:translateX(-50%); width: 100%; mix-blend-mode: lighten; z-index: -1;}
.walkbot-con06-bg img {max-width: 100%;}

.walkbot-con07{padding: 14rem 0;}

.walkbot-prd-list-con {max-width: 1480px; margin: 0 auto;}
.walkbot-prd-list-con .swiper-container {overflow: visible;}
.walkbot-prd-list-wrap.swiper-container .swiper-wrapper{ align-items: stretch; transition-timing-function: linear;}
.walkbot-prd-list li a {display: block; padding: 4rem 3rem 3rem; box-sizing: border-box; border-radius: 3rem; background-color: rgba(255,255,255,0.1); backdrop-filter:blur(1rem); transition:var(--transition-custom);}
.walkbot-prd-list li a .img-box {position: relative; width: 100%; height: 0; padding-top: 87.8%; margin-bottom: 3rem}
.walkbot-prd-list li a .img-box span {display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; border-radius:2rem; }
.walkbot-prd-list li a .img-box span img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; transition: all 0.5s;}
.walkbot-prd-list li a .txt-box {display: flex; align-items: center; justify-content: space-between;}
.walkbot-prd-list li a .txt-box strong {display: inline-block; font-size: 2rem; font-weight: 500; letter-spacing: -0.01em; color: #fff; transition:var(--transition-custom);}
.walkbot-prd-list li a .txt-box span {display: inline-flex; align-items: center; justify-content: center; width: 5.9rem; height: 5.9rem; border: 1px solid #fff; border-radius: 50%; box-sizing: border-box; transition:var(--transition-custom);}
.walkbot-prd-list li a .txt-box span i {font-size: 2.4rem; color: #fff; transform: rotate(-45deg); transition:var(--transition-custom);}

.walkbot-prd-progress{position:absolute; bottom:22.5rem; left:50%; transform:translateX(-50%); width:19.2rem; height:4px; border-radius:2px; background:rgba(255,255,255,.2); cursor: pointer;}
.walkbot-prd-progress span{display:block; width:0; height:100%; background:#fff; transition:width .6s;position:relative;}
.walkbot-prd-progress span:after{content:''; position:absolute; right:-0.8rem; top:50%; width:1.6rem; height:1.6rem; border-radius:50%; background:#fff;transform:translateY(-50%);}
.walkbot-prd-progress .swiper-scrollbar-drag {    background: transparent;}

.prd-intro-info-list-m{display: none;}

@media all and (min-width:801px) {
	.walkbot-prd-list li a:hover {background-color: var(--main-color);}
	.walkbot-prd-list li a:hover .img-box span img {transform: scale(1.1) rotate(0.002deg);}
	.walkbot-prd-list li a:hover .txt-box strong {}
	.walkbot-prd-list li a:hover .txt-box span { background-color: #fff;}
	.walkbot-prd-list li a:hover .txt-box span i {color: var(--main-color);}
}


/* ******************  Healerbot ********************** */
.healerbot-page .walkbot-con02-inner{max-width: none; justify-content: space-between;}
.healerbot-page .walkbot-con02-inner .img-con {width: 50%; text-align: left;}
.healerbot-page .walkbot-con02-inner .txt-con {width: 46.75%;}

@media all and (max-width:800px){
	.healerbot-page .walkbot-con02-inner{display: block;}
	.healerbot-page .walkbot-con02-inner .img-con {width: 100%; text-align: center;}
	.healerbot-page .walkbot-con02-inner .txt-con{width: 100%;}
}

.healerbot-con02-mark{}
.healerbot-con02-mark dl{padding: 2rem 0; display: flex; align-items: center;}
.healerbot-con02-mark dt{width: 8rem; height: 8rem; display: flex; text-align: center; justify-content: center; align-items: center; background: url(/images/content/healerbot_con02_bg.png)no-repeat center/100%; font-size: 2rem; font-weight: 600; color: #fff;}
.healerbot-con02-mark dd{padding-left: 2rem; width: 100%; box-sizing: border-box;}
.healerbot-con02-mark dd h5{font-size: 2.4rem; line-height: 1.6; letter-spacing: -.025em; font-weight: 500; color: #fff;}
.healerbot-con02-mark dd p{margin-top: 0.8rem; font-size: 1.8rem; line-height: 1.6; letter-spacing: -0.025em; color: rgba(255,255,255,0.6);}
.healerbot-con02-mark + .walkbot-con02-mark.has-btn{margin-top: 5rem;}

.healerbot .prd-intro-info-list li.item01 {margin-top: -22%; margin-left: 2.2%; transition-delay:0.2s;}
.healerbot .prd-intro-info-list li.item02 {margin-top: -16.9%; margin-left: -26.4%; transition-delay:0.3s;}
.healerbot .prd-intro-info-list li.item03 {margin-top: -4.2%; margin-left: -4.8%; transition-delay:0.4s;}
.healerbot .prd-intro-info-list li.item04 {margin-top: 0%; margin-left: 8.2%; transition-delay:0.5s;}

.healerbot-con03 {padding-bottom: 28rem;}
.healerbot-con03-content{position: relative;}
.healerbot-con03-content .swiper{overflow: visible;}
.healerbot-con03-content .swiper-slide{opacity: 0; transition: opacity .4s;}
.healerbot-con03-content .swiper-slide-active{opacity: 1;}
/* 이미지 */
.healerbot-con03-img{
	position: relative; z-index: 2;
	width: 83rem; height: 52rem;
	margin: 0 auto -24rem;
	border-radius: 2.4rem;
	box-sizing: border-box;
	background-color: #030F1C;
	overflow: hidden;
}
.healerbot-con03-img img{width: 100%; height: 100%; object-fit: cover; display: block;}
/* 텍스트 */
.healerbot-con03-panel{
	position: relative;
	height: 50rem;
	padding: 30rem 0 0;
	box-sizing: border-box;
	text-align: center;
	background: rgba(152,152,152,0.1);
	backdrop-filter: blur(5rem); -webkit-backdrop-filter: blur(5rem);
	border-radius: 2.4rem;
}
.healerbot-con03-tit{font-size: 3.4rem; line-height: 1.6; letter-spacing: -0.025em; font-weight: 600; color: #fff;}
/*dot */
.healerbot-con03-slide-pagination{
	position: absolute; left: 0; right: 0; bottom: 12rem; z-index: 3;
	display: flex; justify-content: center; gap: 1rem;
}
.healerbot-con03-slide-pagination .swiper-pagination-bullet{width: 0.6rem; height: 0.6rem; margin: 0; background: transparent; border: 1px solid #fff; box-sizing: border-box; opacity: 1;}
.healerbot-con03-slide-pagination .swiper-pagination-bullet-active{opacity: 1; background: #fff;}
/* 화살표 */
.healerbot-con03-slide-btn{
	position: absolute; top: 25.5rem; z-index: 3;
	width: 5rem; height: 5rem;
	font-size: 3.4rem; color: #fff;
	background: none; border: 0; cursor: pointer;
}
.healerbot-con03-slide-btn.prev{left: 24rem;}
.healerbot-con03-slide-btn.next{right: 24rem;}

.healerbot-con04{display: none;}

@media all and (max-width:1400px){
	.healerbot-con03-slide-btn.prev{left: 4rem;}
	.healerbot-con03-slide-btn.next{right: 4rem;}
}

@media all and (max-width:1000px){
	.healerbot-con03-img{
		width: 80%; height: auto;
		aspect-ratio: 830/520;
		margin-bottom: -18rem;
	}
	.healerbot-con03-panel{height: auto; padding: 22rem 2rem 8rem;}
	.healerbot-con03-tit{font-size: 2.8rem;}
	.healerbot-con03-slide-pagination{bottom: 4rem;}
	.healerbot-con03-slide-btn{top: 22%; width: 4rem; height: 4rem; font-size: 3rem;}
	.healerbot-con03-slide-btn.prev{left: 1rem;}
	.healerbot-con03-slide-btn.next{right: 1rem;}
}

@media all and (max-width:800px){
	.healerbot-con03-img{width: 90%; margin-bottom: -12rem; border-radius: 1.6rem;}
	.healerbot-con03-panel{padding: 15rem 2rem 7rem; border-radius: 1.6rem;}
	.healerbot-con03-tit{font-size: 2.2rem;}
	.healerbot-con03-slide-pagination{bottom: 4rem;}
	.healerbot-con03-slide-btn{top: auto; bottom: 2.5rem; width: 3.6rem; height: 3.6rem; font-size: 2.6rem;}
	.healerbot-con03-slide-btn.prev{left: 50%; margin-left: -8rem;}
	.healerbot-con03-slide-btn.next{right: 50%; margin-right: -8rem;}
}

/* 제품 상세 팝업 */
.prd-modal-content{position: relative; width:96%; max-width:1328px; background:#fff; border-radius:3rem; margin:50px auto; overflow:hidden;}
.prd-modal-content .modal-close-btn{position: absolute; top:2rem; right:2rem; font-size:3rem; z-index:99;}
.prd-modal-content .modal-close-btn i{color:#000 !important;}
.prd-modal-inner{display: flex;}
.prd-modal-inner .txt-box{background:#fff; padding:7rem 3rem 7rem 5rem; box-sizing:border-box; width:59.19%;}
.prd-modal-inner .txt-box .tit{font-size:3.4rem; line-height:1; letter-spacing:-0.01em; color:#000; font-weight:700; margin-bottom:1rem;}
.prd-modal-inner .txt-box .sub-tit{font-size:2rem; line-height:1.3; letter-spacing:-0.01em; color:#666; font-weight:500; margin-bottom:2.5rem;}
.prd-modal-inner .txt-box .info-box{position: relative; /* overflow:auto; max-height:33rem; padding-right:2rem; */}
/* .prd-modal-inner .txt-box .info-box::-webkit-scrollbar {
	width: 4px;
	height: 4px;
	border-radius:2px;
}
.prd-modal-inner .txt-box .info-box::-webkit-scrollbar-track {
	background-color: rgba(0,0,0,0.05);
	border-radius:2px;
}
.prd-modal-inner .txt-box .info-box::-webkit-scrollbar-thumb {
	background-color: var(--main-color);
	border-radius:2px;
} */

.prd-modal-inner .img-box{display: flex; justify-content: center; align-items: center; width:40.81%; background:#f2f2f2; padding:2rem; box-sizing:border-box;}
.prd-modal-inner .img-box span img{max-width:100%; object-fit:cover; mix-blend-mode: darken;}

.info-pop-tbl{border-top:2px solid #000;}
.info-pop-tbl .tbl-row{display: flex;}
.info-pop-tbl .tbl-row .tbl-th{display: flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center; width:27%; font-size:1.6rem; line-height:1.4; letter-spacing:-0.02em; color:#000; font-weight:500; background:#f7f7f7; border-bottom:1px solid rgba(0,0,0,0.1); padding:1rem; box-sizing:border-box; min-height:5.8rem;}
.info-pop-tbl .tbl-row .tbl-th span{font-size: 1.4rem; font-weight: 400; color: #808080; width: 100%; display: block;}
.info-pop-tbl .tbl-row .tbl-td{display: flex; align-items:center; text-align:left; width:73%; font-size:1.5rem; line-height:1.4; letter-spacing:-0.02em; color:rgba(0,0,0,0.6); font-weight:500; border-bottom:1px solid rgba(0,0,0,0.1); padding:1rem 2rem; box-sizing:border-box; min-height:5.8rem;}

@media all and (max-width:800px){
	.prd-modal-inner{flex-direction:column-reverse;}
	.prd-modal-inner .txt-box{padding:5rem 1.5rem 5rem 1.5rem; width:100%;}
	.prd-modal-inner .txt-box .tit{font-size:2rem; margin-bottom:0.7rem;}
	.prd-modal-inner .txt-box .sub-tit{font-size: 1.7rem; line-height:1.3; margin-bottom:1.5rem;}
	/* .prd-modal-inner .txt-box .info-box{overflow:visible; max-height:none; padding-right:0rem;} */

	.prd-modal-inner .img-box{width:100%;}

	.info-pop-tbl .tbl-row .tbl-th{width:13rem; font-size:1.4rem; min-height:auto;}
	.info-pop-tbl .tbl-row .tbl-td{width:calc(100% - 13rem); font-size:1.4rem; padding:1rem 1.5rem; min-height:auto;}
}


/* ****************** 04 Support :: 01 Service :: PnS Care ********************** */
.pns-care-con01{margin: 10rem 0; position: relative;}
#supportPageStart{}
.pns-care-con01-box{padding: 8rem; border-radius: 3rem; background-color: rgba(16, 27, 40, 1); text-align: center;}
.pns-care-con01-box-tit{margin-bottom: 3rem; font-size: 5rem; letter-spacing: -0.01em; font-weight: 500; color: #fff; text-align: center;}
.pns-care-con01-box img{max-width: 100%; display: inline-block;}

.pns-care-con01-box .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color: rgba(255,255,255,0.15);}
.pns-care-con01-box .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.pns-care-con01-box .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: rgba(255,255,255,0.75);}

@media all and (max-width: 800px) {
	.pns-care-con01{margin: 5rem 0;}
	.pns-care-con01-box{padding: 5rem 3rem 3rem;}
}


/* ****************** 04 Support :: 01 Service :: Maintenance & One Call ********************** */
.maintenance-con01{}
.maintenance-con01-box{padding: 3rem 9.74%; min-height: 60rem; background: rgba(16, 27, 40, 1) url("../images/content/maintenance_con01_box_bg01.jpg") center/cover no-repeat; border-radius: 3.5rem; position: relative; box-sizing: border-box;     display: flex; align-items: center; justify-content: center; text-align: center;}
.call-con01-box{background: rgba(16, 27, 40, 1) url("../images/content/maintenance_con01_box_bg02.jpg") center/cover no-repeat;}
.maintenance-con01-box-txt{position: relative; z-index: 1;}
.maintenance-con01-box-txt strong{font-size: 2rem; line-height: 1.5; letter-spacing: -0.025em; font-weight: 600; color: var(--main-color); display: block;}
.maintenance-con01-box-txt h5{margin-top: 3rem; font-size: 5rem; line-height: 1.4; letter-spacing: -0.025em; font-weight: 600; color: #fff;}
.maintenance-con01-box-txt p{margin-top: 3rem; font-size: 1.8rem; line-height: 1.4; letter-spacing: -0.025em; font-weight: 500; color: rgba(255,255,255,0.3);}
.maintenance-con01-box-txt .main-btn-wrap{margin-top: 3rem;}

@media all and (max-width: 1279px) {
	.maintenance-con01-box{padding: 15.5rem 5%;}
}
@media all and (max-width: 800px) {
	.maintenance-con01-box{padding: 5rem 2rem; min-height: auto; border-radius: 3rem;}
	.maintenance-con01-box-txt strong{font-size: 2rem; line-height: 1.5;}
	.maintenance-con01-box-txt h5{margin-top: 3rem; font-size: 3.6rem; line-height: 1.4;}
	.maintenance-con01-box-txt p{margin-top: 3rem; font-size: 1.8rem; line-height: 1.4;}
	.maintenance-con01-box-txt .main-btn-wrap{margin-top: 3rem;}
}


/* ****************** 04 Support :: 02 Resources :: Question & FAQ ********************** */
.faq-list-con2 .faq-item{overflow:hidden; margin-bottom:2rem; border:2px solid rgba(16, 27, 40, 1); border-radius: 2rem; background-color:rgba(16, 27, 40, 1); transition:all 0.3s;}
.faq-list-con2 .faq-item dt,
.faq-list-con2 .faq-item dd{padding:3.4rem 10rem; transition: background-color 0.4s;}
.faq-list-con2 .faq-item dt{position:relative; cursor:pointer;}
.faq-list-con2 .faq-item dt .question-icon,
.faq-list-con2 .faq-item dd .answer-icon{position: absolute; top: 50%; transform: translateY(-50%); left: 4rem; font-size: 2rem; font-weight: 500; color: #fff;}
.faq-list-con2 .faq-item dt .faq-subject {display: flex; align-items: center;}
.faq-list-con2 .faq-item dt .category {display: inline-block; padding: 0 1rem; min-width: 10rem; margin-right:1.4rem; font-size: 1.6rem; line-height: 3.2rem; font-weight: 500; letter-spacing: -0.025em; color: #fff; text-align: center; background-color: var(--main-color); border-radius: 3.2rem; box-sizing: border-box; word-break: break-word;}
.faq-list-con2 .faq-item dt .faq-title{display:block; color:#fff; font-size:2.1rem; font-weight:600; letter-spacing: -0.055em; line-height:1.5em; /* white-space:nowrap; overflow:hidden; text-overflow:ellipsis; */ vertical-align:top;}
.faq-list-con2 .faq-item dt .arrow {position: absolute; top: 50%; right: 4.8rem; transform: translateY(-50%);}
.faq-list-con2 .faq-item dt .arrow::before {font-family: "xeicon"; content: "\e942"; top: 0; left: 0; font-size: 3.2rem; color: #fff;}
.faq-list-con2 .faq-item dd{display:none; position:relative; background-color: #030F1C;}
.faq-list-con2 .faq-item dd .answer-con,
.faq-list-con2 .faq-item dd .answer-con .editor{font-size: 2rem; line-height: 1.4; letter-spacing: -0.025em; font-weight: 500; color: #fff;}

/* Open */
.faq-list-con2 .faq-item.open{border-color: #fff;}
.faq-list-con2 .faq-item.open .arrow::before {content: "\e945"; }
/* .faq-list-con2 .faq-item.open dt .faq-title{white-space:normal; text-overflow:unset;}*/

@media all and ( max-width:800px ){
	.faq-list-con2 .faq-item{margin-bottom:2rem;}
	.faq-list-con2 .faq-item dt,
	.faq-list-con2 .faq-item dd{padding:3rem 6rem;}
	.faq-list-con2 .faq-item dt .question-icon,
	.faq-list-con2 .faq-item dd .answer-icon{left: 2rem; font-size: 1.8rem;}
	.faq-list-con2 .faq-item dt .faq-subject{flex-wrap:wrap;}
	.faq-list-con2 .faq-item dt .category {padding: 0 1rem; min-width: 10rem; margin-right:1.4rem; font-size: 1.6rem; line-height: 3.2rem;}
	.faq-list-con2 .faq-item dt .faq-title{margin-top: 1rem; font-size:2rem; width: 100%;}
	.faq-list-con2 .faq-item dt .arrow {right: 2rem;}
	.faq-list-con2 .faq-item dd .answer-con,
	.faq-list-con2 .faq-item dd .answer-con .editor{font-size: 1.8rem; line-height: 1.4;}
}


/* ****************** 04 Support :: 02 Resources :: Download :: CI / BI ********************** */
.download-ci-list{}
.download-ci-item{}
.download-ci-item + .download-ci-item{margin-top: 4rem;}
.download-ci-inner{padding: 3rem; display: flex; flex-wrap:wrap; align-items: center; background-color: rgba(255, 255, 255, 0.05); backdrop-filter:blur(5rem); border-radius: 1rem;}
.download-ci-img{width: 47.29%; height: 42rem; border-radius: 3rem; border: 1px solid rgba(255,255,255,0.1); position: relative; display: flex; align-items: center; justify-content: center; box-sizing: border-box; background-color: rgba(3, 15, 28, 1); background-image: linear-gradient(to right, rgba(255,255,255,0.1) 1px, transparent 1px), linear-gradient(to bottom, rgba(255,255,255,0.1) 1px, transparent 1px); background-size: 2rem 2rem; background-position: -2px -2px;}
.download-ci-img img{max-width: 70%;}
.download-ci-txt{padding: 0 5.4%; width: 52.71%; box-sizing: border-box;}
.download-ci-txt h5{font-size: 5.4rem; line-height: 1.5; letter-spacing: -0.025em; font-weight: 400; color: #fff; font-family: var(--font-family2);}
.download-ci-txt p{margin-top: 3rem; font-size: 1.6rem; line-height: 1.5; letter-spacing: -0.025em; font-weight: 500; color: #fff;}
.download-ci-txt .main-btn-wrap{margin-top: 3rem;}
.download-ci-txt .main-btn .inner-icon {transform: rotate(0);}
	
@media all and ( max-width:1279px ){
	.download-ci-img{height: 36rem;}
}
@media all and ( max-width:800px ){
	.download-ci-item + .download-ci-item{margin-top: 2rem;}
	.download-ci-inner{padding: 3rem; border-radius: 1rem;}
	.download-ci-img{width: 100%; height: 30rem; border-radius: 3rem; background-size: 2rem 2rem; background-position: -2px -2px;}
	.download-ci-img img{max-width: 70%;}
	.download-ci-txt{padding: 4rem 3rem 3rem; width: 100%;}
	.download-ci-txt h5{font-size: 3.6rem; line-height: 1.5;}
	.download-ci-txt p{margin-top: 3rem; font-size: 1.6rem; line-height: 1.5;}
	.download-ci-txt .main-btn-wrap{margin-top: 3rem;}
}


/* ****************** 04 Support :: 02 Resources :: Download :: Catalog ********************** */
.download-catalog-wrapper{}
.download-catalog-list{margin:-1rem; display: flex; flex-wrap:wrap;}
.download-catalog-item{width:calc(25% - 2rem); margin:1rem;}
.download-catalog-img{position:relative; padding:8rem 0; background-color: rgba(16, 27, 40, 1); border-radius: 1rem;}
.download-catalog-img .img-con{display:block; position:relative; width: 68%; margin:0px auto;}
.download-catalog-img .img-con span{position: relative; width: 100%; height: 0; /* padding-top: 133%; */ padding-top: 66.66%; display: block;}
.download-catalog-img .img-con span img{position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; object-fit: contain;}
.download-catalog-img .certificate-over-box{position:absolute; top:-1px; left:-1px; bottom:-1px; right:-1px; border:3px solid var(--main-color); border-radius: 1rem; opacity:0; visibility:hidden; transition:all 0.3s}
.download-catalog-img .certificate-over-box i{position:absolute; top:50%; left:50%; margin: -2.8rem 0 0 -2.8rem; width:5.6rem; height:5.6rem; font-size: 2.8rem; background-color:var(--main-color); text-align:center; color:#fff; border-radius:50%; display: flex; align-items: center; justify-content: center;}
.download-catalog-cate{margin: 3rem auto 0; display: flex; width: fit-content; padding: 0.6rem 1rem; font-size: 1.6rem; line-height: 1.3; font-weight: 500; letter-spacing: -0.025em; color: #fff; text-align: center; border-radius: 3.2rem; background-color: var(--main-color);}
.download-catalog-tit{margin: 1rem 0 3rem; font-size:2.4rem; line-height: 1.33; font-weight:400; letter-spacing:-0.025em; color: #fff; text-align:center;}

@media all and (min-width:801px){
	.download-catalog-list li a:hover .download-catalog-img .certificate-over-box{opacity:1.0; visibility:visible;}
}
@media all and (max-width:1279px){
	.download-catalog-list li{width:calc(33.33% - 2rem);}
}
@media all and (max-width:800px){
	.download-catalog-list{margin:-1rem;}
	.download-catalog-list li{width:calc(50% - 2rem); margin:1rem;}
	.download-catalog-img{padding:20% 0}
	.download-catalog-img .img-con{width:70%}
	.download-catalog-img .certificate-over-box{display: none;}
	.download-catalog-cate{margin: 2rem auto 0; padding: 0.6rem 1rem; font-size: 1.6rem; line-height: 1.3;}
	.download-catalog-tit{margin: 1rem 0 2rem; font-size:2rem; line-height: 1.33;}
}


/* ****************** 04 Support :: 02 Resources :: Download :: User Manual ********************** */
.download-manual-wrapper{}
.download-manual-list{margin:-1.75rem; display: flex; flex-wrap:wrap; justify-content: center;}
.download-manual-item{max-width: 50rem; width:calc(50% - 3.5rem); margin:1.75rem;}
.download-manual-img{position:relative; padding:8rem 0; background-color: rgba(16, 27, 40, 1); border-radius: 1rem;}
.download-manual-img .img-con{display:block; position:relative; width: 70%; margin:0px auto;}
.download-manual-img .img-con span{position: relative; width: 100%; height: 0; padding-top: 133%; display: block;}
.download-manual-img .img-con span img{position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%;}
.download-manual-img .certificate-over-box{position:absolute; top:-1px; left:-1px; bottom:-1px; right:-1px; border:3px solid var(--main-color); border-radius: 1rem; opacity:0; visibility:hidden; transition:all 0.3s}
.download-manual-cate{margin: 3rem auto 0; display: flex; width: fit-content; padding: 0.6rem 1rem; font-size: 1.6rem; line-height: 1.3; font-weight: 500; letter-spacing: -0.025em; color: #fff; text-align: center; border-radius: 3.2rem; background-color: var(--main-color);}
.download-manual-tit{margin: 1rem 0 2.5rem; font-size:3.4rem; line-height: 1.33; font-weight:400; letter-spacing:-0.025em; color: #fff; text-align:center;}
.download-manual-item .main-btn-wrap{text-align: center;}
.download-manual-item .main-btn .inner-icon {transform: rotate(0deg);}

@media all and (min-width:801px){
	.download-manual-item a:hover .download-manual-img .certificate-over-box{opacity:1.0; visibility:visible;}
	
	.download-manual-item a:hover .main-btn .inner-txt{width:100%;}
	.download-manual-item a:hover .main-btn .inner-txt em {left:2rem; transform:translate(0%, -50%);}
	.download-manual-item a:hover .main-btn .inner-icon:before{transform:scale(0.8);}
}
@media all and (max-width:800px){
	.download-manual-list{margin:-1rem;}
	.download-manual-item{width:calc(50% - 2rem); margin:1rem;}
	.download-manual-img{padding:20% 0}
	.download-manual-img .img-con{width:70%}
	.download-manual-cate{margin: 2rem auto 0; padding: 0.6rem 1rem; font-size: 1.6rem; line-height: 1.3;}
	.download-manual-tit{margin: 1rem 0 2rem; font-size:2.2rem; line-height: 1.33;}
	.download-manual-item .main-btn {width: 19rem;}
}

/* 팝업 css */
.popup-manual-apply-bottom.inquiry-style09{padding: 0; border: 0; padding-top: 3rem;}
.popup-manual-apply-bottom.inquiry-style09 .inquiry-txt-con, 
.popup-manual-apply-bottom.inquiry-style09 .bbs-write-con{width: 100%;}
.popup-manual-apply-bottom.inquiry-style09 .bbs-write-tbl,
.popup-manual-apply-bottom.inquiry-style09 .bbs-write-tbl th{color: rgba(59, 59, 59, 1);}
.popup-manual-apply-bottom.inquiry-style09 .bbs-write-tbl td{padding: 5px 0;}
.popup-manual-apply-bottom.inquiry-style09 .bbs-write-tbl .write-input,
.popup-manual-apply-bottom.inquiry-style09 .bbs-write-tbl .write-select,
.popup-manual-apply-bottom.inquiry-style09 .bbs-write-tbl .write-textarea{background-color: rgba(235, 235, 235, 1); border-color:rgba(235, 235, 235, 1); color: #000;}
.popup-manual-apply-bottom.inquiry-style09 .bbs-write-tbl .write-input:focus,
.popup-manual-apply-bottom.inquiry-style09 .bbs-write-tbl .write-select:focus,
.popup-manual-apply-bottom.inquiry-style09 .bbs-write-tbl .write-textarea:focus{border:2px solid rgba(235, 235, 235, 1); background-color: rgba(235, 235, 235, 1);}
.popup-manual-apply-bottom.inquiry-style09 .bbs-write-tbl .write-input:placeholder,
.popup-manual-apply-bottom.inquiry-style09 .bbs-write-tbl .write-select:placeholder,
.popup-manual-apply-bottom.inquiry-style09 .bbs-write-tbl .write-textarea::placeholder{color: rgba(0, 0, 0, 0.3);}
.popup-manual-apply-bottom .gs-custom-selectbox .select-style {color: #000; border: 2px solid #000; background-color: rgba(235, 235, 235, 1);}
.popup-manual-apply-bottom .gs-custom-selectbox .select-style:after { color: #000;}
.popup-manual-apply-bottom .gs-custom-selectbox .select-options {background-color: rgba(235, 235, 235, 1); border-color: #000;}
.popup-manual-apply-bottom .gs-custom-selectbox .select-options li {color: rgba(0,0,0,0.5);}
.popup-manual-apply-bottom .gs-custom-selectbox .select-options li:hover {color: #000;}
.popup-manual-apply-bottom .gs-custom-selectbox.is-disabled .select-style {color: rgba(0,0,0,0.2);}
.popup-manual-apply-bottom.inquiry-style09 .security-code-box{background-color: rgba(0,0,0, 0.1);}
.popup-manual-apply-bottom.inquiry-style09 .security-code-box .security-code{color: #000;}
.popup-manual-apply-bottom.inquiry-style09 .security-code-box .write-input{background-color: #fff !important;}
.popup-manual-apply-bottom.inquiry-style09 .security-code-box .write-input::placeholder{color: rgba(0, 0, 0, 0.3);}
.popup-manual-apply-bottom.inquiry-style09 .bbs-inquiry-agree-con{border-top-color: rgba(213, 213, 213, 1); border-bottom-color: rgba(213, 213, 213, 1);}
.popup-manual-apply-bottom .bbs-inquiry-agree-con .agree-tit {color: #000;}
.popup-manual-apply-bottom.inquiry-style09 .inquiry-agreement-con{background-color:rgba(16, 27, 40, 1); background-color: #fff;}
.popup-manual-apply-bottom.inquiry-style09 .bbs-inquiry-agree-con{margin-top: 3rem;}
.popup-manual-apply-bottom.inquiry-style09 .bbs-inquiry-agree-con .agree-txt .more {color: rgba(59, 59, 59, 0.5);}
.popup-manual-apply-bottom.inquiry-style09 .bbs-inquiry-agree-con .agree-txt label{color: rgba(59, 59, 59, 0.5);}
.popup-manual-apply-bottom.inquiry-style09 .bbs-inquiry-agree-con .agree-txt label i{color: rgba(59, 59, 59, 0.5);}
.popup-manual-apply-bottom.inquiry-style09 .bbs-inquiry-agree-con .agree-txt input:checked + label,
.popup-manual-apply-bottom.inquiry-style09 .bbs-inquiry-agree-con .agree-txt input:checked + label i{color: #000;}
.popup-manual-apply-bottom.inquiry-style09 .editor {color: #000;}
.popup-manual-apply-bottom.inquiry-style09 .cm-btn-controls {margin-top: 3rem;}
.popup-manual-apply-bottom.inquiry-style09 .cm-btn-controls .btn-style01{border-color: #000; color: #000;}
.popup-manual-apply-bottom.inquiry-style09 .cm-btn-controls .btn-style01:hover{background: var(--main-color) !important; border-color: var(--main-color); color: #fff;}

@media all and (max-width:800px){
	.popup-manual-apply-bottom.inquiry-style09{padding-top: 1rem;}
	.popup-manual-apply-bottom.inquiry-style09 .bbs-write-tbl td{padding: 0; padding-top: 5px;}
	.popup-manual-apply-bottom.inquiry-style09 .bbs-inquiry-agree-con{margin-top: 3rem;}
	.popup-manual-apply-bottom.inquiry-style09 .cm-btn-controls {margin-top: 2rem;}
}


/* ****************** 04 Support :: 03 Patent / Certification :: Patent ********************** */
.certifi-list-style05{}
.certifi-list-style05 .certificate-list{margin: -5.4rem -3rem; display: flex; flex-wrap:wrap;}
.certifi-list-style05 .certificate-list li{width:calc(20% - 6rem); margin: 5.4rem 3rem;}
.certifi-list-style05 .certificate-img-thumb{position:relative; padding:8rem 0; background-color: rgba(16, 27, 40, 1); border-radius: 1rem;}
.certifi-list-style05 .certificate-img-thumb .img-con{display:block; position:relative; width: 68%; margin:0px auto;}
.certifi-list-style05 .certificate-img-thumb .img-con span{position: relative; width: 100%; height: 0; padding-top: 133%; display: block;}
.certifi-list-style05 .certificate-img-thumb .img-con span img{position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%;}
.certifi-list-style05 .certificate-img-thumb .certificate-over-box{position:absolute; top:-1px; left:-1px; bottom:-1px; right:-1px; border:3px solid var(--main-color); border-radius: 1rem; opacity:0; visibility:hidden; transition:all 0.3s}
.certifi-list-style05 .certificate-img-thumb .certificate-over-box i{position:absolute; top:50%; left:50%; margin: -2.8rem 0 0 -2.8rem; width:5.6rem; height:5.6rem; font-size: 2.8rem; background-color:var(--main-color); text-align:center; color:#fff; border-radius:50%; display: flex; align-items: center; justify-content: center;}
.certifi-list-style05 .certificate-tit{margin-top: 2rem; font-size:2.4rem; line-height: 1.33; font-weight:400; letter-spacing:-0.025em; color: #fff; text-align:center;}

@media all and (min-width:801px){
	.certifi-list-style05 .certificate-list li a:hover .certificate-img-thumb .certificate-over-box{opacity:1.0; visibility:visible;}
}
@media all and (max-width:1279px){
	.certifi-list-style05 .certificate-list{margin: -3rem -1rem;}
	.certifi-list-style05 .certificate-list li{width:calc(20% - 2rem); margin: 3rem 1rem;}
}
@media all and (max-width:800px){
	.certifi-list-style05 .certificate-list{margin: -2rem -1rem;}
	.certifi-list-style05 .certificate-list li{width:calc(50% - 2rem); margin: 2rem 1rem;}
	.certifi-list-style05 .certificate-img-thumb{padding:20% 0}
	.certifi-list-style05 .certificate-img-thumb .img-con{width:70%}
	.certifi-list-style05 .certificate-img-thumb .certificate-over-box{display: none;}
	.certifi-list-style05 .certificate-tit{margin: 2rem 0; font-size:2rem; line-height: 1.33;}
}


/* ****************** 05 Relations :: 01 Contact :: Location ********************** */
.map-iframe-wrapper{position:relative; border:1px solid rgba(0,0,0,0.5); margin:0px auto; border-radius: 3rem; overflow: hidden; box-sizing: border-box;}
.map-iframe-wrapper .map-iframe-con{padding-top: 33.33%; position:relative; height:0;}
.map-iframe-wrapper .map-iframe-con iframe{position:absolute; top:0px; left:0px; width:100%; height:100%;}

.location-con02{padding: 10rem 0;}
.location-con02-inner{display: flex; flex-wrap:wrap; justify-content: space-between;}
.location-con02-left{width: 50%; padding-right: 3rem; box-sizing: border-box;}
.location-con02-left strong{font-size: 2.4rem; line-height: 1.5; letter-spacing: -0.025em; font-weight: 500; color: #fff; display: block;}
.location-con02-left h5{margin-top: 2.4rem; font-size: 4rem; line-height: 1.5; letter-spacing: -0.025em; font-weight: 500; color: #fff;}
.location-con02-left .main-btn-wrap{margin-top: 5rem;}
.location-con02-right{width: 50%;}
.location-con02-right dl{padding: 2rem 5rem; display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.location-con02-right dl:first-child{border-top: 1px solid rgba(255, 255, 255, 0.1);}
.location-con02-right dt, .location-con02-right dd{font-size: 3rem; line-height: 1.5; letter-spacing: -0.025em; font-weight: 500; color: #fff;}
.location-con02-right dt{/* width: calc(100% - 10rem); */ padding-right: 2rem; box-sizing: border-box;}
.location-con02-right dd{/* width: 10rem; */ text-align: right;}

@media all and (max-width: 1279px) {
	.location-con02{padding: 7rem 0;}
}
@media all and (max-width: 800px) {
	.map-iframe-wrapper{border-radius: 2rem;}
	.map-iframe-wrapper .map-iframe-con{padding-top:41.66%;}
	
	.location-con02{padding: 5rem 0;}
	.location-con02-left{width: 100%; padding-right: 0;}
	.location-con02-left strong{font-size: 2.2rem; line-height: 1.5;}
	.location-con02-left h5{margin-top: 2rem; font-size: 2.8rem; line-height: 1.5;}
	.location-con02-right{padding-top: 5rem; width: 100%;}
	.location-con02-right dl{padding: 2rem 0;}
	.location-con02-right dt, .location-con02-right dd{font-size: 2.2rem; line-height: 1.5;}
	.location-con02-right dt{/* width: calc(100% - 10rem); */ padding-right: 2rem;}
	.location-con02-right dd{/* width: 10rem; */ text-align: right;}
}


/* ****************** 05 Relations :: 01 Contact :: Question ********************** */
.inquiry-style09 {padding: 10rem; border-top: 2px solid #fff; border-bottom: 2px solid #fff; display: flex; justify-content: space-between;}
.inquiry-style09 .inquiry-txt-con, 
.inquiry-style09 .bbs-write-con {width: 50%;}
.inquiry-style09 .inquiry-txt-con{padding-right: 3rem; box-sizing: border-box;}
.inquiry-style09 .inquiry-tit {font-size: 4rem; font-weight: 600; line-height: 1.5; letter-spacing: -0.025em; color: #fff;}
.inquiry-style09 .inquiry-txt {padding-top: 4.9rem; font-size: 1.8rem; font-weight: 400; line-height: 1.55; letter-spacing: -0.025em; color: #fff;}

.inquiry-style09 .bbs-write-tbl,
.inquiry-style09 .bbs-write-tbl th{border: 0; padding: 0.5rem 0; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.04em; color: #fff; vertical-align: middle;}
.inquiry-style09 .bbs-write-tbl td{border: 0; padding: 7.5px 0;}
.inquiry-style09 .bbs-write-tbl th {vertical-align: middle;}
.inquiry-style09 .bbs-write-tbl th.alignTop {vertical-align: top;}
.inquiry-style09 .bbs-write-tbl .write-input,
.inquiry-style09 .bbs-write-tbl .write-select,
.inquiry-style09 .bbs-write-tbl .write-textarea{height:40px; width:100%; background-color: rgba(16, 27, 40, 1); border:2px solid rgba(16, 27, 40, 1); font-size:1.3rem; letter-spacing: -0.025em; font-weight: 500; color: #fff; text-indent: 1rem; vertical-align:middle; box-sizing:border-box; border-radius: 20px; padding: 0 1rem;}
.inquiry-style09 .bbs-write-tbl .write-textarea{height:29rem; resize:none; text-indent:0; padding:2rem;}
.inquiry-style09 .bbs-write-tbl .write-input:focus,
.inquiry-style09 .bbs-write-tbl .write-select:focus,
.inquiry-style09 .bbs-write-tbl .write-textarea:focus{border:2px solid rgba(16, 27, 40, 1); background-color: rgba(16, 27, 40, 1); outline:none;}
.inquiry-style09 .bbs-write-tbl .write-input:placeholder,
.inquiry-style09 .bbs-write-tbl .write-select:placeholder,
.inquiry-style09 .bbs-write-tbl .write-textarea::placeholder{color: rgba(255, 255, 255, 0.3);}
/* 커스텀셀렉트 */
.gs-custom-selectbox {position: relative; display: inline-block; width: 100%;}
.gs-custom-selectbox select {display: none;}
.gs-custom-selectbox .select-style {padding-left: 2rem; width: 100%; text-align: left; vertical-align: middle; border: 0; line-height: 40px; font-size: 1.3rem; letter-spacing: -.025em; font-weight: 500; color: #fff; border: 2px solid #fff; background-color: rgba(16, 27, 40, 1); display: inline-block; box-sizing: border-box; cursor: pointer; border-radius: 40px;}
.gs-custom-selectbox .select-style span {display: inline-block;}
.gs-custom-selectbox .select-style:after {font-family: 'xeicon'; position: absolute; top: 50%; right: 1.5rem; transform: translateY(-50%); content: "\e942"; font-size: 1.6rem; color: #fff;}
.gs-custom-selectbox .select-options {position: absolute; z-index: 1; top: 100%; left: 0; display: none; width: 100%; margin-top: 0.5rem; padding: 0; list-style: none; background-color: rgba(16, 27, 40, 1); border: 2px solid #fff; border-radius: 1rem; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; max-height: 23rem;}
.gs-custom-selectbox .select-options li {padding: 1.2rem 2rem; font-size: 1.3rem; font-weight: 500; color: rgba(255,255,255,0.5); cursor: pointer;}
.gs-custom-selectbox .select-options li:hover {color: #fff;}
/* open */
.gs-custom-selectbox.open .select-options {display: block;}
.gs-custom-selectbox.open .select-style:after {content: "\e945";}
/* 비활성화 */
.gs-custom-selectbox.is-disabled .select-style {cursor: auto; color: rgba(255,255,255,0.2);}
.gs-custom-selectbox.is-disabled .select-style span {text-decoration: line-through;}
.gs-custom-selectbox.is-disabled {pointer-events: none;}
/* 스크롤(사용 안해도됨.) */
html:not(.is-mobile) .gs-custom-selectbox .select-options::-webkit-scrollbar {width: 5px; border-radius: 7rem;}
html:not(.is-mobile) .gs-custom-selectbox .select-options::-webkit-scrollbar-track, html:not(.is-mobile) .gs-custom-selectbox .select-options::-webkit-scrollbar-thumb {border-radius: 7rem;}
/* 보안코드 */
.inquiry-style09 .security-code-box{position: relative; padding: 0 1rem; height: 5rem; background-color: rgba(255, 255, 255, 0.1); border: 0; border-radius: 25px; box-sizing: border-box; display: flex; align-items: center; max-width: none !important;}
.inquiry-style09 .security-code-box .security-code{width: 9rem; font-size: 1.4rem; letter-spacing: -0.025em; font-weight: 400; color: #fff; padding-left: 2rem; box-sizing: border-box;}
.inquiry-style09 .security-code-box .write-input{width: calc(100% - 9rem); height: 30px !important; background-color: rgba(255, 255, 255, 0.1) !important; border-radius: 30px !important; border: 0 !important; font-size: 1.2rem;}
.inquiry-style09 .security-code-box .write-input::placeholder{color: rgba(255, 255, 255, 0.3);}

.inquiry-style09 .bbs-inquiry-agree-con{margin-bottom:3rem; padding: 2rem 0; border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(221,221,221,0.25);}
.inquiry-style09 .inquiry-agreement-con{height:22rem; overflow-y:auto; overflow-x:hidden; padding:2rem; background-color:rgba(16, 27, 40, 1); box-sizing:border-box;}
.inquiry-style09 .bbs-inquiry-agree-con .agree-txt{display: flex; align-items: center; justify-content: space-between; position: relative; padding-top: 0; margin-top:0;}
.inquiry-style09 .bbs-inquiry-agree-con .agree-txt .more {display: flex; align-items: center; font-size: 1.3rem; font-weight: 600; letter-spacing: -0.025em; line-height: 1.3; color: rgba(255, 255, 255, 0.5); cursor: pointer;}
.inquiry-style09 .bbs-inquiry-agree-con .agree-txt .more em{margin-right: 1rem; font-weight: inherit; color:inherit;}
.inquiry-style09 .bbs-inquiry-agree-con .agree-txt .more i {position: relative; top: -0.1rem; font-size: 1.3rem;}
.inquiry-style09 .bbs-inquiry-agree-con .agree-inner {margin-top: 3rem;}
.inquiry-style09 .bbs-inquiry-agree-con .agree-txt:first-child{margin-top:0}
.inquiry-style09 .bbs-inquiry-agree-con .agree-txt input{display:none;}
.inquiry-style09 .bbs-inquiry-agree-con .agree-txt label{position:relative; padding-left:2.8rem; font-size: 1.6rem; letter-spacing: -0.025em; font-weight: 600; line-height: 1.3em; color: #fff; display: block;}
.inquiry-style09 .bbs-inquiry-agree-con .agree-txt label i{position:absolute; top:0.1rem; left:0px; font-size:1.6rem; font-weight: 400; color: rgba(255,255,255,0.5);}
.inquiry-style09 .bbs-inquiry-agree-con .agree-txt .more i.rotate {transform: rotate(180deg);}
.inquiry-style09 .bbs-inquiry-agree-con .agree-txt input:checked + label i{color: var(--main-color);}
.inquiry-style09 .editor {color: #fff;}

.inquiry-style09 .cm-btn-controls{ justify-content:flex-start; gap:1rem}
.inquiry-style09 .cm-btn-controls button,
.inquiry-style09 .cm-btn-controls a {width: 100%; height: 6rem; font-size: 1.6rem; letter-spacing: -0.025em; font-weight: 600; color: #fff; margin: 0; border-radius: 6rem; background-color: var(--main-color);}

@media all and (max-width: 1279px) {
	.inquiry-style09 {padding: 7rem 0;}
}
@media all and (max-width: 800px) {
	.inquiry-style09 {padding: 5rem 0; flex-direction: column;}
	.inquiry-style09 .inquiry-txt-con, .inquiry-style09 .bbs-write-con {width: 100%;}
	.inquiry-style09 .inquiry-txt-con {padding-right: 0; margin-bottom: 6rem;}
	.inquiry-style09 .inquiry-tit {font-size: 3.2rem;}
	.inquiry-style09 .inquiry-txt {padding-top: 3rem; font-size: 1.8rem;}
	
	.inquiry-style09 .bbs-write-tbl td{padding-left: 0;}
	.inquiry-style09 .bbs-write-tbl-box + .bbs-inquiry-agree-con {margin-top: 0; border-top: 0;}

	.inquiry-style09 .bbs-inquiry-agree-con .agree-txt {display: block;}
	.inquiry-style09 .bbs-inquiry-agree-con .agree-txt .more {font-size: 1.3rem; padding-top: 1.5rem;}
}


/* ****************** 05 Relations :: 02 IR ********************** */
.bbs-list-wrap {margin-bottom: 3.5rem; }
.bbs-list-style08 {border-top: 1px solid rgba(255,255,255,0.1); }
.bbs-list-style08 {position: relative; z-index: 10; }
.bbs-list-style08 .bbs-item {position: relative; }
.bbs-list-style08 .inner-box a {display: block; position: relative;
width: 100%; padding: 2.5rem 3rem; box-sizing: border-box; border-bottom: 1px solid rgba(255,255,255,0.1);}
.bbs-list-style08 .title-box {display: flex; align-items: center; justify-content: space-between; width: 100%; }
.bbs-list-style08 .tit-box {display: flex; align-items: center; width:80%;}
.bbs-list-style08 .date {flex: 0 0 11rem; margin-right: 2rem; font-size: 1.6rem; font-weight: 400; color: rgba(255,255,255,0.8);}
.bbs-list-style08 .title {display: -webkit-box; width: calc(100% - 14.5rem); overflow: hidden; color: #fff; font-size: 1.8rem; font-weight: 500; line-height: 1.5; letter-spacing: -0.025em; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.bbs-list-style08 .title .category{margin-right: 2rem; font-weight: inherit; color:inherit;}
.bbs-list-style08 .arrow {display: flex; align-items: center; flex-shrink: 0; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.025em; color: #fff;}
.bbs-list-style08 .arrow em {display: flex; align-items: center; justify-content: center; width: 5rem; height: 5rem; margin-left: 1rem; border-radius: 50%; background-color: rgba(255,255,255,0.1); color: #fff; transition: var(--transition-custom); transition-property: background-color, color;}
.bbs-list-style08 .arrow i {font-size: 1.6rem;}
.bbs-list-style08 .inner-box a:hover .arrow em{background-color: var(--main-color);}

@media all and ( max-width: 800px ){
    .bbs-list-style08 .inner-box a {padding: 2.5rem 0}
	.bbs-list-style08 .tit-box {flex-direction: column; align-items: flex-start; width: calc(100% - 5.5rem)}
    .bbs-list-style08 .date {flex-basis: auto; width: 100%; margin-right: 0; font-size: 1.4rem; line-height: 1}
    .bbs-list-style08 .title {width: 100%; margin-top: 1.2rem; font-size: 1.6rem}
	.bbs-list-style08 .title .category{margin-right: 1rem;}
    .bbs-list-style08 .arrow {font-size: 0}
    .bbs-list-style08 .arrow em {width: 4.6rem; height: 4.6rem; margin-left: 0}
}

/* ****************** 
	* Mouse Pointer
********************** */
.mouse-pointer{position:fixed; top:0px; left:0px; z-index:10000; pointer-events:none; }
/* view */
.mouse-pointer .pointer-circle-txt{opacity: 0; position:absolute; top:50%; left:50%; width: 21.4rem; height: 21.4rem; transform:translate(-50%,-50%) scale(0); box-sizing: border-box; transition:var(--transition-custom);}
.mouse-pointer .pointer-circle-txt img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; animation: spin 12s infinite linear;}
.mouse-pointer .pointer-txt {opacity: 0; position:absolute; left:50%; top:50%; display:flex; align-items:center; justify-content:center; width:12rem; height:12rem; font-size: 4.8rem; color:#fff; border-radius: 2rem; transform:translate(-50%,-50%) scale(0); transition:var(--transition-custom);}
.mouse-pointer .pointer-txt:before {position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; border-radius: 2rem; transform:rotate(45deg); border: 3px solid #fff; background: rgba(255,255,255,0.05); backdrop-filter:blur(3rem); border: 3px solid #fff; box-sizing: border-box;}
.mouse-pointer .pointer-txt i {position: relative; z-index: 1;}
@keyframes spin {
  to { transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { transform: rotate(360deg); }
}
/* swipe active */
.mouse-pointer.swipe .pointer-circle-txt{opacity: 1; transform:translate(-50%,-50%) scale(1);}
.mouse-pointer.swipe .pointer-txt{opacity: 1; transform:translate(-50%,-50%) scale(1);}

.is-mobile .mouse-pointer,
.is-mobile .pointer-circle-bg,
.is-mobile .pointer-circle-txt,
.is-mobile .pointer-txt {visibility: hidden; opacity: 0;}

@media all and (max-width:800px){
	.mouse-pointer,
	.pointer-circle-bg,
	.pointer-circle-txt,
	.pointer-txt {visibility: hidden; opacity: 0;}
}