@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:6.5rem; margin-bottom:5rem;}
.sub-tab-list-style ul{display:table; width:100%; height:100%; table-layout:fixed; border-radius: 6.5rem; overflow: hidden;}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{display:table-cell; vertical-align:middle; position:relative; width:20%; background-color:#f2f2f2;}
.sub-tab-list-style ul li a{display:table; height:6.5rem; width:100%; background-color:#f2f2f2; border-radius: 6.5rem;}
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:rgba(0,0,0,0.5); font-size:1.8rem; line-height: 1.3; letter-spacing:-0.02em; font-weight: 700; text-align:center;}
.sub-tab-list-style ul li.selected{z-index:1;}
.sub-tab-list-style ul li.selected a{background-color:var(--main-color);}
.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%}
}


/* 컨텐츠 내 상단정보) */
#contentInfoCon02{text-align:center;}
#contentInfoCon02 .content-sub-tit{font-size:2rem; line-height: 1.3; font-weight: 500; color: #aaaaaa;}
#contentInfoCon02 .content-tit{margin-top:1.5rem; font-size: 4rem; line-height: 1.2; letter-spacing: -0.05em; font-weight: 700; color: #000;}
#contentInfoCon02.white-ver .content-sub-tit{color: rgba(255,255,255,0.5);}
#contentInfoCon02.white-ver .content-tit{color: #fff;}

/* 텍스트 스타일 */
.cm-txt-style01{font-size: 2.8rem; line-height: 1.3; letter-spacing: -0.05em; font-weight: 700; color: #000; text-align: center;}
.cm-txt-style01 b{font-weight: inherit; color: var(--main-color);}
.cm-txt-style02{font-size: 1.8rem; line-height: 1.77; letter-spacing: -0.05em; font-weight: 500; color: #666; text-align: center;}
.cm-txt-style01 + .cm-txt-style02{margin-top: 3rem;}

/* 버튼 스타일 */
.cm-btn-style01{padding: 0 3rem; min-width: 16rem; height: 6.5rem; background-color: var(--main-color); border: 2px solid var(--main-color); border-radius: 6.5rem; display: inline-flex; align-items: center; justify-content: space-between; position: relative;}
.cm-btn-style01 .txt{font-size: 1.8rem; letter-spacing: -0.02em; font-weight: 600; color: #fff;}
.cm-btn-style01 i{margin-left: 2rem; font-size: 2rem; color: #fff; position: relative;}

@media (hover: hover) and (min-width:801px) {
	.cm-btn-style01.cm-fill-ani-JS:hover{background-color: transparent; transition: var(--transition-custom); transition-property: background-color;}
}

.sub-case-wrapper .bbs-no-list,
.sub-price-wrapper .bbs-no-list,
.sub-data-wrapper .bbs-no-list,
.certifi-list-style05 .bbs-no-list,
.sub-news-wrapper .bbs-no-list{border-top: 0;}

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

}
@media all and (max-width:800px){
	/* 컨텐츠 내 상단정보) */
	#contentInfoCon02 .content-sub-tit{font-size:1.9rem; line-height: 1.3;}
	#contentInfoCon02 .content-tit{margin-top:1.5rem; font-size: 3.6rem; line-height: 1.2;}

	/* 텍스트 스타일 */
	.cm-txt-style01{font-size: 2.4rem; line-height: 1.3;}
	.cm-txt-style02{font-size: 1.7rem; line-height: 1.77;}
	.cm-txt-style01 + .cm-txt-style02{margin-top: 2.5rem;}
}


/* ****************** 01 회사소개 :: 01 회사소개 ********************** */
.intro-con01{padding-bottom: 9.5rem; text-align: center;}
.intro-con01 .quotation-mark{position: relative; top: 0.21em; height: 0.21em; font-size: 20rem; line-height: 0.21em; letter-spacing: -0.05em; font-weight: 300; color: rgba(0,0,0,0.2); display: flex; align-items: center; justify-content: center;}
.intro-con01 .txt01{margin-top: 4rem;}

.intro-con02{padding: 3rem 0; min-height: 70.5rem; display: flex; align-items: center; justify-content: center; box-sizing: border-box; background: url("../images/content/intro_con02_bg.jpg") center/cover no-repeat; position: relative;}
.intro-con02:before{position: absolute; bottom: -6rem; left: 50%; margin-left: -1.5px; width: 3px; height: 12rem; content: ''; z-index: 1;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+50,000000+100&0+0,1+50,1+100 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 30%,rgba(255,255,255,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.intro-con02:after{position: absolute; bottom: -6rem; left: 50%; margin-left: -1.5px; width: 3px; height: 6rem; content: ''; z-index: 1; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+50,000000+100&0+0,1+50,1+100 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.intro-con02 .area{width: 100%; box-sizing: border-box;}
.intro-con02 .txt01{margin-top: 5rem; font-weight: 600; color: #fff;}
.intro-con02 .txt01 b{font-weight: 800;}
.intro-con02 .txt02{color: rgba(255,255,255,0.5);}


.intro-con03{padding: 18rem 0 0; overflow: hidden;}
.intro-con03 #contentInfoCon02{position: relative; z-index: 3;}
.intro-con03 .txt01{margin-top: 5rem;}
.intro-con03-img{/* margin-top: -50rem; */ margin-top: -25vw; position: relative;/*  left: 50%; width: 1920px; transform: translateX(-50%); */}
.intro-con03-img img{width: 100%;}

.intro-con04{position: relative; /* margin-top: -30rem; */ margin-top: -10vw; padding: 18rem 0;}
.intro-con04 .txt01{margin-top: 5rem;}

.intro-con04-bottom{margin-top: 13rem; position: relative;}
.intro-con04-center{margin: 0 auto; width: 50.8rem; height: 50.8rem; /* border: 1px dashed var(--main-color); border-radius: 100%; */ display: flex; align-items: center; justify-content: center; position: relative;}
.intro-con04-center:before{position: absolute; top: 50%; left: 50%; margin-top: -25.4rem; margin-left: -25.4rem; width: 100%; height: 100%; border-radius: 100%; background: url("../images/content/intro_con03_center_line.png") center/cover no-repeat; content: ''; animation: rtmotion 10s linear infinite;}
.intro-con04-center-inner{width: 41.1rem; height: 41.1rem; background-color: #f2f2f2; border-radius: 100%; display: flex; align-items: center; justify-content: center;}
.intro-con04-center-logo{width: 25.6rem; height: 25.6rem; background-color: var(--main-color); border-radius: 100%; display: flex; align-items: center; justify-content: center; box-shadow: 1.6rem 1.6rem 2rem -0.8rem rgba(0,158,65,0.2);}
.intro-con04-center-logo .cm-logo-svg{height: 1.9rem;}
.intro-con04-center-logo .cm-logo-svg path,
.intro-con04-center-logo .cm-logo-svg rect,
.intro-con04-center-logo .cm-logo-svg polygon{fill:#fff;}

.intro-con04-list{position: absolute; top: 50%; left: 50%; margin-top: -25.4rem; margin-left: -25.4rem; width: 50.8rem; height: 50.8rem;}
.intro-con04-item{position: absolute; top: 50%; left: 50%;}
.intro-con04-icon{width: 13rem; height: 13rem; background-color: #fff; border: 2px solid var(--main-color); border-radius: 100%; box-sizing: border-box;  display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 1.6rem 1.6rem 2rem -0.8rem rgba(0,158,65,0.2); position: relative; z-index: 1;}
.intro-con04-icon p{margin-top: 1rem; font-size: 1.6rem; line-height: 1.3; font-weight: 600; color: rgba(0,0,0,0.5);}
.intro-con04-txt{position: absolute; top: 50%; transform: translateY(-50%); width: 29rem;}
.intro-con04-txt:before{position: absolute; top: 50%; border: 1px dashed rgba(0,158,65,0.2); content: '';}
.intro-con04-txt h5{font-size: 2.4rem; line-height: 1.3; letter-spacing: -0.05em; font-weight: 700; color: #000;}
.intro-con04-txt p{margin-top: 1rem; font-size: 1.6rem; line-height: 1.75; letter-spacing: -0.05em; font-weight: 500; color: #666;}

.intro-con04-item01{margin-top: -30.7rem; margin-left: -6.5rem;}
.intro-con04-item01 .intro-con04-txt{left: 39rem; padding-left: 3rem; border-left: 2px solid var(--main-color);}
.intro-con04-item01 .intro-con04-txt:before{left: calc(-1 * (39rem + 2px)); width: 39rem;}
.intro-con04-icon-svg1{width: 4.73rem; height: 4.7rem; display: block; overflow: visible;/* enable-background:new 0 0 47.1 46.8; */}
.intro-con04-icon-svg1 .st0{fill:none;stroke:#505050;stroke-width:1.8;stroke-linejoin:round;stroke-miterlimit:10;}
.intro-con04-icon-svg1 .st1{fill:none;stroke:#505050;stroke-width:1.8;stroke-miterlimit:10;}

.intro-con04-item02{margin-top: 6.6rem; margin-left: 15.5rem;}
.intro-con04-item02 .intro-con04-txt{left: 18rem; padding-left: 3rem; border-left: 2px solid var(--main-color);}
.intro-con04-item02 .intro-con04-txt:before{left: calc(-1 * (18rem + 2px)); width: 18rem;}
.intro-con04-icon-svg2{width: 4.825rem; height: 4.2rem; display: block; overflow: visible;/* enable-background:new 0 0 47.8 41.6; */}
.intro-con04-icon-svg2 .st0{fill:none;stroke:#555350;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.intro-con04-icon-svg2 .st1{fill:none;stroke:#555350;stroke-width:1.8;stroke-miterlimit:10;}
.intro-con04-icon-svg2 .st2{fill:none;stroke:#555350;stroke-width:1.8;stroke-linecap:round;stroke-miterlimit:10;}

.intro-con04-item03{margin-top: 6.6rem; margin-left: -28.5rem;}
.intro-con04-item03 .intro-con04-txt{right: 18rem; padding-right: 3rem; border-right: 2px solid var(--main-color); text-align: right;}
.intro-con04-item03 .intro-con04-txt:before{right: calc(-1 * (18rem + 2px)); width: 18rem;}
.intro-con04-icon-svg3{width: 4.806rem; height: 3.5rem; display: block; overflow: visible;/* enable-background:new 0 0 47.8 34.8; */}
.intro-con04-icon-svg3 .st0{fill:none;stroke:#545250;stroke-width:1.8;stroke-linecap:round;stroke-miterlimit:10;}
.intro-con04-icon-svg3 .st1{fill:none;stroke:#545250;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}

.intro-con04-item01,
.intro-con04-item02,
.intro-con04-item03{-webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); opacity: 0; transition: var(--transition-custom2); pointer-events: none; will-change: transform; will-change: opacity; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform;}
.intro-con04-list.animated .intro-con04-item01,
.intro-con04-list.animated .intro-con04-item02,
.intro-con04-list.animated .intro-con04-item03{opacity: 1; -webkit-transform: none; transform: none;  pointer-events: auto;}
.intro-con04-list.animated .intro-con04-item01{transition-delay: 0.2s;}
.intro-con04-list.animated .intro-con04-item02{transition-delay: 0.4s;}
.intro-con04-list.animated .intro-con04-item03{transition-delay: 0.6s;}

@media all and (min-width:801px){
	.intro-con04-icon{transform: scale(0); transition: var(--transition-custom2); transition-property: transform;}
	.intro-con04-list.animated .intro-con04-icon{transform: scale(1);}
	.intro-con04-list.animated .intro-con04-item01 .intro-con04-icon{transition-delay: 0.2s;}
	.intro-con04-list.animated .intro-con04-item02 .intro-con04-icon{transition-delay: 0.4s;}
	.intro-con04-list.animated .intro-con04-item03 .intro-con04-icon{transition-delay: 0.6s;}
}

@keyframes rtmotion{
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg)}
}

.intro-con05{padding: 18rem 0; background: url("../images/content/intro_con05_bg.jpg") center/cover no-repeat;}
.intro-con05 #contentInfoCon02.white-ver .content-sub-tit{color: #fff;}
.intro-con05 .txt02{margin-top: 3rem; color: rgba(255,255,255,0.5);}

.intro-con05-wrapper{margin-top: 7rem; display: flex; flex-wrap:wrap; justify-content: space-between;}
.intro-con05-each-box{width: calc(75.72% - 1.5rem);}
.intro-con05-each-list{margin: -0.75rem; display: flex; flex-wrap:wrap;}
.intro-con05-each-item{margin: 0.75rem; width: calc(33.33% - 1.5rem); padding: 3.5rem 3rem; height: 20rem; background:rgba(0,0,0,0.5); backdrop-filter: blur(3rem); display: flex; flex-direction: column; justify-content: space-between; box-sizing: border-box;}
.intro-con05-total-box{width: 24.28%; padding: 3.5rem 3rem; background-color: var(--main-color); display: flex; flex-direction: column; justify-content: space-between; box-sizing: border-box;}
.intro-con05-top-txt{font-size: 2rem; line-height: 1.3; letter-spacing: -0.05em; font-weight: 600; color: #fff;}
.intro-con05-top-txt i{position: relative; top: 0.3rem; left: 0; font-size: 2.4rem; margin-right: 1rem; font-weight: 400;}
.intro-con05-top-txt span{margin-top: 0.7rem; font-size: 1.6rem; font-weight: inherit; color: rgba(255,255,255,0.5); display: block;}
.intro-con05-bottom-txt{font-size: 3rem; font-weight: 600; color: #fff; text-align: right;}
.intro-con05-bottom-txt span{margin-right: 2rem; font-size: 2.4rem; letter-spacing: -0.02em;}
.intro-con05-bottom-txt b{margin-right: 0.5rem; font-size: 6rem; font-weight: 600;}
.intro-con05-each-item .intro-con05-top-txt{position: relative; padding-left: 3rem;}
.intro-con05-each-item .intro-con05-top-txt i{position: absolute; top: 0.1rem;}

.intro-con05-each-item,
.intro-con05-total-box{-webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); opacity: 0; transition: var(--transition-custom2); pointer-events: none; will-change: transform; will-change: opacity; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform;}

@media all and (min-width:801px){
	.intro-con05-wrapper.animated .intro-con05-each-item,
	.intro-con05-wrapper.animated .intro-con05-total-box{opacity: 1; -webkit-transform: none; transform: none;  pointer-events: auto;}
}


.intro-con06{padding: 17rem 0 14rem; background: #f6f6f6 url("../images/content/intro_con06_bg.jpg") center bottom no-repeat; -webkit-background-size: cover; background-size: cover;}
.intro-con06-con{display: flex; flex-wrap:wrap; justify-content: space-between;}
.intro-con06-left{padding-top: 4rem; width: calc(50% - 2rem);}
.intro-con06-left #contentInfoCon02{text-align: left;}
.intro-con06-left #contentInfoCon02 .cm-txt-style02{margin-top: 3.5rem; color: rgba(0,0,0,0.6); text-align: left;}
.intro-con06-left .cm-btn-style01{margin-top: 7rem;}

.intro-con06-right{width: 50%;}
.intro-con06-list{margin: 0 -3rem; display: flex; flex-wrap:wrap;}
.intro-con06-item{margin: 0 3rem; padding: 3.5rem; width: calc(50% - 6rem); background-color: #f5f5f6; box-shadow: 1.6rem 1.6rem 2rem -0.8rem rgba(0,0,0,0.2); box-sizing: border-box;}
.intro-con06-img{width: 100%;}
.intro-con06-img span{display: block; position: relative; width: 100%; height: 0; padding-top: 141.63%;}
.intro-con06-img img{position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover;}
.intro-con06-txt{margin-top: 2rem; font-size: 2rem; line-height: 1.6; letter-spacing: -0.05em; font-weight: 700; color: #000; text-align: center;}


@media all and (max-width:1280px){
	.intro-con04-center{width: 40.8rem; height: 40.8rem;}
	.intro-con04-center:before{margin-top: -20.4rem; margin-left: -20.4rem;}
	.intro-con04-center-inner{width: 32.8rem; height: 32.8rem;}
	.intro-con04-center-logo{width: 20.4rem; height: 20.4rem;}
	.intro-con04-center-logo .cm-logo-svg{height: 1.7rem;}

	.intro-con04-icon{width: 10.4rem; height: 10.4rem;}
	.intro-con04-icon p{margin-top: 0.5rem; font-size: 1.5rem;}
	.intro-con04-txt h5{font-size: 2.2rem; line-height: 1.3;}
	.intro-con04-txt p{margin-top: 1rem; font-size: 1.5rem;}

	.intro-con04-list{width: 40.8rem; height: 40.8rem; margin-top: -20.4rem; margin-left: -20.4rem;}
	.intro-con04-item01{margin-top: -24.5rem; margin-left: -5.7rem;}
	.intro-con04-item01 .intro-con04-txt{left: 29rem; padding-left: 3rem;}
	.intro-con04-item01 .intro-con04-txt:before{left: calc(-1 * (29rem + 2px)); width: 29rem;}
	.intro-con04-icon-svg1{height: 3.7rem;}

	.intro-con04-item02{margin-top: 5.2rem; margin-left: 12.4rem;}
	.intro-con04-item02 .intro-con04-txt{left: 15rem; padding-left: 3rem;}
	.intro-con04-item02 .intro-con04-txt:before{left: calc(-1 * (15rem + 2px)); width: 15rem;}
	.intro-con04-icon-svg2{height: 3.3rem;}

	.intro-con04-item03{margin-top: 5.2rem; margin-left: -22.8rem;}
	.intro-con04-item03 .intro-con04-txt{right: 15rem; padding-right: 3rem;}
	.intro-con04-item03 .intro-con04-txt:before{right: calc(-1 * (15rem + 2px)); width: 15rem;}
	.intro-con04-icon-svg3{height: 2.8rem;}
}
@media all and (max-width:800px){
	.intro-con01{padding-bottom: 9.5rem; text-align: center;}
	.intro-con01 .quotation-mark{position: relative; top: 0.21em; height: 0.21em; font-size: 20rem; line-height: 0.21em; letter-spacing: -0.05em; font-weight: 300; color: rgba(0,0,0,0.2); display: flex; align-items: center; justify-content: center;}
	.intro-con01 .txt01{margin-top: 4rem;}

	.intro-con02{padding: 10rem 0; min-height: auto;}
	.intro-con02:before{bottom: -5rem; margin-left: -1.5px; width: 3px; height: 10rem;}
	.intro-con02:after{bottom: -5rem; margin-left: -1.5px; width: 3px; height: 5rem;}
	.intro-con02 .txt01{margin-top: 3rem;}
	
	.intro-con03{padding: 10rem 0 0;}
	.intro-con03 .txt01{margin-top: 3rem;}

	.intro-con04{padding: 10rem 0;}
	.intro-con04 .txt01{margin-top: 3rem;}

	.intro-con04-bottom{margin-top: 7rem;}
	.intro-con04-center{width: 36.7rem; height: 36.7rem;}
	.intro-con04-center:before{margin-top: -18.35rem; margin-left: -18.35rem;}
	.intro-con04-center-inner{width: 29rem; height: 29rem;}
	.intro-con04-center-logo{width: 18.3rem; height: 18.3rem;}
	.intro-con04-center-logo .cm-logo-svg{height: 1.6rem;}

	.intro-con04-list{margin-top: 4rem; margin-left: 0; width: 100%; height: auto; position: static;}
	.intro-con04-item{position: relative; top: auto; left: auto;}
	.intro-con04-icon{width: 11rem; height: 11rem;}
	.intro-con04-icon p{margin-top: 0.7rem; font-size: 1.5rem;}
	.intro-con04-txt{width: calc(100% - 17rem);}
	.intro-con04-txt h5{font-size: 2.2rem; line-height: 1.3;}
	.intro-con04-txt p{margin-top: 1rem; font-size: 1.5rem;}
	.intro-con04-txt br{display: none;}

	.intro-con04-item01{margin-top: 0; margin-left: 0;}
	.intro-con04-item01 .intro-con04-txt{left: 14rem; padding-left: 2.5rem; border-left: 2px solid var(--main-color);}
	.intro-con04-item01 .intro-con04-txt:before{left: calc(-1 * (14rem + 2px)); width: 14rem;}
	.intro-con04-icon-svg1{height: 4.7rem;}

	.intro-con04-item02{margin-top: 2rem; margin-left: 0;}
	.intro-con04-item02 .intro-con04-txt{left: 14rem; padding-left: 2.5rem; border-left: 2px solid var(--main-color);}
	.intro-con04-item02 .intro-con04-txt:before{left: calc(-1 * (14rem + 2px)); width: 14rem;}
	.intro-con04-icon-svg2{height: 4.2rem;}

	.intro-con04-item03{margin-top: 2rem; margin-left: 0;}
	.intro-con04-item03 .intro-con04-txt{right: auto; padding-right: 0; border-right: none; text-align: left; left: 14rem; padding-left: 2.5rem; border-left: 2px solid var(--main-color);}
	.intro-con04-item03 .intro-con04-txt:before{right: auto; left: calc(-1 * (14rem + 2px)); width: 14rem;}
	.intro-con04-icon-svg3{height: 3.5rem;}


	.intro-con05{padding: 10rem 0;}
	.intro-con05 .txt02{margin-top: 3rem;}

	.intro-con05-wrapper{margin-top: 5rem;}
	.intro-con05-each-box{width: 100%;}
	.intro-con05-each-list{margin: -0.75rem;}
	.intro-con05-each-item{margin: 0.75rem; width: calc(50% - 1.5rem); padding: 3rem 2.5rem; height: 20rem;}
	.intro-con05-total-box{margin-top: 1.5rem; width: 100%; padding: 3rem 2.5rem;}
	.intro-con05-top-txt{font-size: 1.9rem; line-height: 1.3;}
	.intro-con05-top-txt i{top: 0.3rem; font-size: 2.2rem; margin-right: 1rem;}
	.intro-con05-top-txt span{margin-top: 0.7rem; font-size: 1.6rem;}
	.intro-con05-bottom-txt{font-size: 2.6rem;}
	.intro-con05-bottom-txt span{margin-right: 2rem; font-size: 2.2rem;}
	.intro-con05-bottom-txt b{margin-right: 0.5rem; font-size: 4.8rem;}
	.intro-con05-each-item .intro-con05-top-txt{padding-left: 3rem;}
	.intro-con05-each-item .intro-con05-top-txt i{top: 0.1rem;}
	.intro-con05-total-box .intro-con05-bottom-txt{margin-top: 2rem;}

	.intro-con05-each-item.animated,
	.intro-con05-total-box.animated{opacity: 1; -webkit-transform: none; transform: none;  pointer-events: auto;}

	.intro-con06{padding: 10rem 0;}
	.intro-con06-con{display: flex; flex-wrap:wrap; justify-content: space-between;}
	.intro-con06-left{padding-top: 0; width: 100%;}
	.intro-con06-left #contentInfoCon02{text-align: center;}
	.intro-con06-left #contentInfoCon02 .cm-txt-style02{margin-top: 3.5rem; color: rgba(0,0,0,0.6); text-align: center;}
	.intro-con06-left .cm-btn-style01{margin-top: 4rem;}

	.intro-con06-right{margin-top: 4rem; width: 100%;}
	.intro-con06-list{margin: -1rem;}
	.intro-con06-item{margin: 1rem; padding: 3rem; width: calc(100% - 2rem);}
	.intro-con06-img{margin: 0 auto; max-width: 244px;}
	.intro-con06-txt{margin-top: 2rem; font-size: 2rem; line-height: 1.6;}
}


/* ****************** 01 회사소개 :: 02 CEO인사말 ********************** */
.greeting-con01{width: 100%;}
.greeting-con01 img{width: 100%; height: auto;}

.greeting-con02{margin-top: 16rem;}
.greeting-con02-inner{display: flex; flex-wrap:wrap;}
.greeting-con02-left{width: 41.43%; position: relative;}
.greeting-con02-left .quotation-mark{position: absolute; top: 3.9rem; left: -3rem; height: 0.21em; font-size: 30rem; line-height: 0.21em; letter-spacing: -0.05em; font-weight: 300; color: rgba(0,158,65,0.2); display: flex; align-items: center; justify-content: center;}
.greeting-con02-left h5{font-size: 4rem; line-height: 1.37; letter-spacing: -0.05em; font-weight: 700; color: #000; position: relative;}
.greeting-con02-left h5 b{font-weight: inherit; color: var(--main-color);}
.greeting-con02-left p{margin-top: 4rem; font-size: 2.2rem; line-height: 1.54; letter-spacing: -0.05em; font-weight: 700; color: #000;}

.greeting-con02-right{width: 58.57%;}
.greeting-con02-right p{font-size: 1.8rem; line-height: 1.77; letter-spacing: -0.05em; font-weight: 500; color: #666;}

.greeting-con02-bottom{margin-top: 7.5rem; padding: 4rem 0 18rem; width: 100%; display: flex; align-items: center; justify-content: flex-end; position: relative;}
.greeting-con02-bottom:before{position: absolute; top: -1px; left: 0; width: 100%; height: 1px; content: ''; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+50,000000+100&0+0,1+50,1+100 */
background: linear-gradient(to right,  rgba(51,51,51,0.1) 0%,rgba(51,51,51,0.1) 70%,rgba(51,51,51,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.greeting-con02-bottom p{font-size: 1.8rem; line-height: 1.3; letter-spacing: -0.05em; font-weight: 500; color: #666;}
.greeting-con02-bottom p b{margin-left: 1.7rem; font-size: 2.4rem; font-weight: 700; color: #000;}

@media all and (max-width:1280px){
	.greeting-con02-bottom{padding-bottom: 14rem;}
}
@media all and (max-width:800px){
	.greeting-con02{margin-top: 10rem;}
	.greeting-con02-left{width: 100%;}
	.greeting-con02-left .quotation-mark{top: 3.6rem; left: -2rem; height: 0.21em; font-size: 24rem;}
	.greeting-con02-left h5{font-size: 3.2rem; line-height: 1.37; letter-spacing: -0.05em; font-weight: 700; color: #000; position: relative;}
	.greeting-con02-left h5 b{font-weight: inherit; color: var(--main-color);}
	.greeting-con02-left p{margin-top: 2rem; font-size: 2.2rem; line-height: 1.54; letter-spacing: -0.05em; font-weight: 700; color: #000;}

	.greeting-con02-right{margin-top: 5rem; width: 100%;}
	.greeting-con02-right p{font-size: 1.7rem; line-height: 1.77;}

	.greeting-con02-bottom{margin-top: 5.5rem; padding: 4rem 0 10rem; width: 100%;}
	.greeting-con02-bottom p{font-size: 1.7rem; line-height: 1.3;}
	.greeting-con02-bottom p b{margin-left: 1.7rem; font-size: 2.2rem;}
}


/* ****************** 01 회사소개 :: 03 연혁 ********************** */
.cm-fixed-tab-list-JS { position: relative; z-index: 20; }
.cm-fixed-tab-list-JS, .cm-fixed-tab-list-JS * { pointer-events: auto; }

/* -------- 공통 :: 좌측 탭 + 우측 컨텐츠 레이아웃 -------- */
.cm-flex-content {display: flex; justify-content: space-between;}
.custom-tab-list-style {position: relative; width: 21%; height: 100%; margin-bottom: 0;}
.custom-tab-list-style .sub-tab-list-style {position: static !important; height: auto !important; max-width: 24rem; border-radius: 3rem;  background-color: #f2f2f2; backdrop-filter: blur(10px)}
.custom-tab-list-style .sub-tab-list-style::before {display: none;}
.sticky-style {position: sticky !important; top: var(--header-height); z-index: 20;}
.custom-tab-list-style ul {display: flex; flex-direction: column; max-width: 24rem; padding: 1rem; box-sizing: border-box;}
.custom-tab-list-style ul li {width: 100%; background-color: transparent; border: none !important; border-radius: 3rem; display: block;}
.custom-tab-list-style ul li a {display: flex; align-items: center; justify-content: center; width: 100%; height: 6.5rem; background-color: transparent; transition: background-color 0.15s;}
.custom-tab-list-style ul li a.none {display: none;}
.custom-tab-list-style ul li a em {font-size: 1.8rem; font-weight: 700; line-height: 1.4; letter-spacing: -0.02em; color: #000; transition: color 0.15s;}
.custom-tab-list-style ul li.selected {background-color: transparent;}
.custom-tab-list-style ul li.selected a em{color: #fff;}
.move-line-wrap{position: absolute; max-width: 30rem; width: 100%; margin: 0 auto; top: 0; left: 0; padding: 1.4rem 1rem; box-sizing: border-box;}
.move-line-wrap .main-move-line{position: absolute; width: 100%; margin: 0 auto; top: 0; left: 0;}
.move-line-wrap .main-move-line span{height: 6rem; width: calc(100% - 2rem); position: absolute; top: 1.4rem; left: 50%; text-align: center; transition: background-color 0.4s; background: var(--main-color); border-radius:3rem; transform: translateX(-50%);}

@media all and (min-width: 801px) {
	.custom-tab-list-style .sub-tab-list-style {min-height: 8.8rem;}
}

.cm-right-con-wrap {width: 77.14%;}

.history-content {/* padding-bottom: 20rem; */}
.history-content .cm-right-con-wrap {border-top: 2px solid #000;}
.history-content .history-tab-con {padding: 9rem 0 9rem 35.18%; position: relative; display: flex; flex-wrap:wrap; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.history-content .history-tit-box {position: absolute; top: 8.5rem; left: 0; width: 35.18%;}
.history-content .history-tit-box .history-tit {font-size: 8rem; font-weight: 700; font-weight: 500; color: #000; font-family: var(--font-family2); transition: var(--transition-custom); transition-property: color;}
.history-content .history-list-box {width: 100%; display: flex; flex-wrap:wrap;}
.history-content .history-list-box + .history-list-box{margin-top: 4.5rem;}
.history-content .history-list-box .year{width: 10.5rem; font-size: 2.4rem; line-height: 1.5; letter-spacing: -0.05em; font-weight: 700; color: #000;}
.history-content .history-list-box .history-list{width: calc(100% - 10.5rem);}
.history-content .history-list-box .history-item {position: relative; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.05em; line-height: 1.94; color: #666; padding-left: 1.5rem;}
.history-content .history-list-box .history-item::before {position: absolute; top: 0; left: 0; content: "-";}

.history-content .history-tab-con.active .history-tit-box .history-tit{color: var(--main-color);}

@media all and (max-width:800px){
	.cm-flex-content {display: block;}
	.cm-content-txt-box {width: 100%; padding-right: 0;}
	.cm-right-con-wrap {width: 100%; margin-top: 3rem;}

	.sticky-style {top: var(--header-height);}
	.custom-tab-list-style {width: 100%; padding-right: 0;}
	.custom-tab-list-style .sub-tab-list-style {max-width: none;}
	.custom-tab-list-style .sub-drop-open-btn-style {background-color: var(--main-color);}
	.custom-tab-list-style ul {max-width: none; padding: 0;}
	.custom-tab-list-style ul li {border-top: 1px solid #eee !important; border-radius: 0;}
	.custom-tab-list-style ul li a em {line-height: 1.3; color: rgba(0, 0, 0, 0.5);}

	.custom-tab-list-style ul li.selected a em {color: var(--main-color);}

	.history-content {/* padding-bottom: 10rem; */}
	.history-content .history-tab-con {display: block; padding: 5rem 0;}
	.history-content .history-tit-box {position: static; width: 100%; padding-bottom: 4rem;}
	.history-content .history-tit-box .history-tit {font-size: 5rem;}
	.history-content .history-list-box {width: 100%;}
	.history-content .history-list-box + .history-list-box{margin-top: 2.5rem;}
	.history-content .history-list-box .year{width: 7.5rem; font-size: 2.4rem;}
	.history-content .history-list-box .history-list{width: calc(100% - 7.5rem);}
	.history-content .history-list-box .history-item {font-size: 1.8rem; padding-left: 1.5rem;}

	.move-line-wrap {display: none;}
}


/* ****************** 01 회사소개 :: 04 인증서 ********************** */
.org-con01{margin-top: 18rem; background-color: #f5f5f5;}
.org-con01-inner{position: relative;}

.org-con01-top{}
.org-con01-top-tit{position: relative; top: -10rem; margin: 0 auto; width: 20rem; height: 20rem; font-size: 2.4rem; letter-spacing: -0.05em; font-weight: 600; color: #fff; text-align: center; border-radius: 100%; background-color: var(--main-color); display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 2rem 2rem 4rem -1rem rgba(0,0,0,0.2);}
.org-con01-top-tit:before{position: absolute; bottom: -10rem; left: 50%; margin-left: -1px; content: ''; width: 0; height: 10rem; border-right: 2px dotted #ddd;}
.org-con01-top-tit i{margin-bottom: 1rem; font-size: 4rem; display: block;}
.org-con01-top-box{/* margin-top: 10rem; */ padding: 4rem; border: 2px dotted #ddd; position: relative;}
.org-con01-top-box:before{position: absolute; top: -5px; left: 50%; margin-left: -5px; width: 10px; height: 10px; border: 2px solid var(--main-color); background-color: #fff; border-radius: 100%; box-sizing: border-box; content: ''; z-index: 1;}
.org-con01-top-list{margin: -0.5rem; display: flex; flex-wrap:wrap;}
.org-con01-top-list li{margin: 0.5rem; padding: 0 1rem; width: calc(16.66% - 1rem); height: 7.6rem; font-size: 2rem; line-height: 1.3; letter-spacing: -0.05em; font-weight: 700; color: #666; text-align: center; background-color: #fff; display: flex; align-items: center; justify-content: center; box-sizing: border-box; box-shadow: 1rem 1rem 2rem -0.5rem rgba(0,0,0,0.05);}

.org-con01-bottom{margin-top: 8rem; width: 100%; overflow: hidden; text-align: center;}
.org-con01-bottom strong{position: relative; top: 1rem; font-size: 22rem; /* font-size: 11.45vw; */ font-weight: 600; color: #fff;}

@media all and (min-width:1920px){
	.org-con01-bottom strong{font-size: 22rem;}
}
@media all and (max-width:1460px){
	.org-con01-bottom strong{top: 0.7rem; font-size: 15.06vw;}
}
@media all and (max-width:800px){
	.org-con01{margin-top: 16rem;}

	.org-con01-top-tit{top: -8rem; width: 18rem; height: 18rem; font-size: 2.2rem;}
	.org-con01-top-tit:before{bottom: -8rem; margin-left: -1px; height: 8rem;}
	.org-con01-top-tit i{margin-bottom: 1rem; font-size: 3.6rem;}
	.org-con01-top-box{padding: 3rem;}
	.org-con01-top-box:before{top: -5px; margin-left: -5px; width: 10px; height: 10px;}
	.org-con01-top-list{margin: -0.5rem;}
	.org-con01-top-list li{margin: 0.5rem; padding: 0 1rem; width: calc(50% - 1rem); height: 7.6rem; font-size: 1.8rem; line-height: 1.3;}

	.org-con01-bottom{margin-top: 5rem;}
	.org-con01-bottom strong{top: 0.5rem; font-size: 14vw;}
}


/* ****************** 01 회사소개 :: 05 인증서 ********************** */
/* 검색폼 */
.board-search-box-style07-wrapper{margin-bottom: 2.5rem; display:flex; align-items:center; justify-content:space-between; flex-direction:row-reverse; flex-wrap:wrap;}

/* -------- 우측 카테고리 -------- */
.category-select-box{width:15rem;}
.category-select-box .board-search-inner{border-radius:3rem;}
.category-select-box .board-custom-select-box{width:100%;}
.category-select-box .board-custom-select-box .custom-select-trigger{border-radius:3rem;}
.category-select-box .search-subject-select{width:100%;}
 
/* 페이크폼 스타일 추가css */
.fakeform-selectbox{position: relative; display:inline-block; width: 100%;}
.fakeform-selectbox select{opacity: 0; visibility: hidden;}
.select-option.select-in-popup{z-index: 10000 !important;}
/* fake form - 기본 select 스타일 */
.fakeform-selectbox span {text-indent: 2rem; width: 100% !important; text-align: left; vertical-align: middle; border:0; line-height: 4.8rem; font-size:1.6rem; letter-spacing: -0.02em; font-weight: 700; color: #000; border: 1px solid #f2f2f2; background-color: #f2f2f2; display: inline-block; box-sizing: border-box; cursor: pointer; border-radius:2.5rem;}
.fakeform-selectbox span:after{font-family: 'xeicon'; position:absolute; top:50%; right:2rem; transform:translateY(-50%); 
content: "\e942"; font-size:2rem; color: #000;}
.fakeform-selectbox span strong {width: 100%; font-weight: 700; word-break: break-all; display: block; overflow: hidden;}
.fakeform-selectbox span.active{border-bottom-color: #fff; border-radius:2.5rem 2.5rem 0 0;}
.fakeform-selectbox span.active:after{content: "\e945";}
.fakeform-selectbox span.focus{}
.fakeform-selectbox span.disabled{}
/* 옵션창 */
.select-option {border: 1px solid #f2f2f2; border-top: 0; max-height: 160px; overflow: hidden; z-index: 999 !important;transform: translateY(-1px); border-radius:0 0 2.5rem 2.5rem; box-sizing:border-box; }
.select-option ul{max-height: 160px; overflow:auto;}
.select-option ul::-webkit-scrollbar{
    width: 5px;
}
.select-option ul::-webkit-scrollbar-thumb{
    background-color:#333;
    border-radius:5px;
    transition:all 0.5s;
}
.select-option ul::-webkit-scrollbar-track{
    background-color:#f2f2f2; 
    border-radius:0;
}
.select-option ul {margin: 0; padding: 0; background:#f2f2f2;}
.select-option li {list-style: none;}
.select-option span,
.select-option strong {height: auto; font-size: 1.4rem; line-height: 1.5; color: #000; white-space: nowrap; 
text-overflow: ellipsis; text-decoration: none; padding: 1rem 2rem; display: block; overflow: hidden; cursor: pointer;}
.select-option span:hover {background: #ddd;}
.select-option span.selected {font-weight: 700;}
.select-option .disabled span,
.select-option .disabled strong {color: #bbb; text-decoration: line-through; background: none; cursor: default;}

.fakeform-selectbox .select-title{line-height:4.8rem;}
 
.custom-select-wrapper .custom-select { position: relative; display: block; }
.custom-select-trigger { position: relative; display: block; width: 100%; padding:0 15px; color: #000; line-height: 40px; cursor: pointer; transition: all 0.2s ease-in-out; font-size:15px; border:1px solid #ccc; box-sizing: border-box; }
.custom-select-trigger:after{ font-family: 'xeicon'; position:absolute; top:50%; right:10px; transform:translateY(-50%); content: "\e942"; font-size:18px; }
.custom-select.opened .custom-select-trigger:after{ content: "\e945"; }
.custom-option-drop-list { position: absolute; display: none; top: 100%; left: 0%; right: 0; z-index:11; overflow-y:auto; max-height:200px; background: #fff; border:1px solid #ccc; border-top:0; pointer-events: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.custom-option-item { position: relative; display: block; text-align: left; font-size: 0.8666em; font-weight: 400; padding: 8px 15px; color: #555; line-height: 1.5; cursor: pointer; transition: all 0.05s ease-in-out; }
.custom-option-item:hover { background:#f2f2f2; }
.custom-option-item.selection{ color:#000;  }

.board-search-box-style07{text-align:center; width:45rem;}
.board-search-box-style07 .board-custom-select-box{width:12rem; height:100%;}
.board-search-box-style07 .board-search-inner{display:flex; align-items:center; /* max-width:45rem;  */height:5rem; margin:0px auto; box-sizing:border-box; border:1px solid #f2f2f2; background-color:#f2f2f2; border-radius:2.5rem;}
.board-search-box-style07 .board-search-inner:after{display:none;}
.board-search-box-style07 .search-subject-select,
.board-search-box-style07 .search-word{height:100%; background-color:transparent; border:0; font-size:1.6rem; font-weight: 700; color:#000; letter-spacing:-0.02em;}
.board-search-box-style07 .search-subject-select{position: relative; display: block; width:12rem;}
.board-search-box-style07 .search-subject-select:not(.custom-select){padding-left:1em;}
.board-search-box-style07 .search-word{text-indent: 1rem; width:100%; border-right:0;}
.board-search-box-style07 .search-subject-select + .search-word,
.board-search-box-style07 .board-custom-select-box + .search-word{width:calc(100% - 17rem);}
.board-search-box-style07 .search-subject-select:focus,
.board-search-box-style07 .search-word:focus{color:#000; outline:none; background-color:transparent;}
.board-search-box-style07 .search-word::placeholder{color:#aaa;}
.board-search-box-style07 .search-word::-webkit-search-cancel-button{display:none;}
.board-search-box-style07 .bbs-search-btn{margin:0px; border:0; width:5rem; height:5rem; font-size:2rem; background:#f2f2f2; color:#000;  cursor:pointer; vertical-align:top; border-radius:50%;}
 
.board-search-box-style07 .board-search-inner{border-radius:5rem;}
.board-search-box-style07 .search-subject-select + .search-word,
.board-search-box-style07 .board-custom-select-box + .search-word{border-left:0;}
.board-search-box-style07 .board-custom-select-box .custom-select-trigger{position: relative; padding: 0 2.5rem; font-size: 1.6rem; z-index:12; background:#f2f2f2; border-radius:2.5rem 0 0 2.5rem; width:100%; box-sizing:border-box; cursor:pointer; line-height: 4.8rem; border: none; text-align: left;}
.board-search-box-style07 .board-custom-select-box .custom-option-drop-list{left:-1px; top:2.5rem; background: #f2f2f2; border:1px solid #f2f2f2; padding-top:2.5rem; border-radius: 0 0 1.5rem 1.5rem;}
.board-search-box-style07 .board-custom-select-box .custom-option-item {font-size: 1.4rem; line-height: 1.5; letter-spacing: -0.02em; padding: 1rem 2.5rem;}
.board-search-box-style07 .board-custom-select-box .custom-option-item.selection{font-weight: 700; background:transparent;}
.board-search-box-style07 .board-custom-select-box .custom-option-item.selection:hover,
.board-search-box-style07 .board-custom-select-box .custom-option-item:hover{background:#ddd;}
 
.board-search-box-style07.no-select{width: 33rem;}
.board-search-box-style07.no-select .board-search-inner{padding: 0 1rem; box-sizing: border-box;}
.board-search-box-style07.no-select .search-word {text-indent: 2.5rem;}

.certifi-list-style05{padding-top: 4rem; border-top: 2px solid #000;}
.certifi-list-style05 .certificate-list{margin: -1.5rem; display: flex; flex-wrap:wrap;}
.certifi-list-style05 .certificate-list li{margin: 1.5rem; width: calc(25% - 3rem); position:relative; background-color: #f2f2f2;}
.certifi-list-style05 .certificate-list .certificate-img-thumb{padding:5.5rem 0;}
.certifi-list-style05 .certificate-list .certificate-img-thumb .img-con{display:block; position:relative; max-width: 20.5rem; width: 70%; margin:0px auto;}
.certifi-list-style05 .certificate-list .certificate-img-thumb .img-con span{position: relative; width: 100%; height: 0; padding-top: 141.46%; display: block; box-shadow: 1.6rem 1.6rem 2rem -0.8rem rgba(0,0,0,0.2);}
.certifi-list-style05 .certificate-list .certificate-img-thumb .img-con span img{position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; object-fit: cover;}
.certifi-list-style05 .certificate-list .certificate-tit{margin-top: 3.5rem; padding: 0 2rem; font-size:2rem; line-height: 1.6; color:#000; letter-spacing: -0.05em; font-weight:700; text-align: center;}
.certifi-list-style05 .certificate-list .certificate-img-thumb .certificate-over-box{position:absolute; top:-1px; left:-1px; bottom:-1px; right:-1px; border:3px solid var(--main-color); opacity:0; visibility:hidden; transition:all 0.3s}
.certifi-list-style05 .certificate-list .certificate-img-thumb .certificate-over-box i{position:absolute; top:50%; left:50%; margin:-5rem 0 0 -5rem; width:10rem; height:10rem; line-height:10rem; background-color:var(--main-color); text-align:center; color:#fff; font-size:2.4rem; border-radius:50%;}

@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:800px){
	.board-search-box-style07-wrapper {margin-bottom: 2rem; /* justify-content: flex-start; flex-direction: row;*/}
	.board-search-box-style07-wrapper .total-list-con{position: relative; top: 0.5rem;}
	.board-search-box-style07{margin-bottom: 1.5rem; width: 100%;}
	.category-select-box{width: 18rem;}

	.board-search-box-style07.no-select{width: 100%;}
	.board-search-box-style07.no-select .board-search-inner{padding: 0 1rem;}
	.board-search-box-style07.no-select .search-word {text-indent: 1rem;}
	
	.certifi-list-style05 .certificate-list{margin: -1rem;}
    .certifi-list-style05 .certificate-list li{margin: 1rem; width: calc(50% - 2rem);}
	.certifi-list-style05 .certificate-list .certificate-img-thumb{padding: 3rem 0;}
	.certifi-list-style05 .certificate-list .certificate-tit{margin-top: 3rem; padding: 0 1rem; font-size:1.8rem; line-height: 1.6;}
}


/* ****************** 01 회사소개 :: 06 오시는길 ********************** */
.location-tab-content-wrapper-JS{position: relative;}
.location-con{position: absolute; width: 100%; opacity: 0; visibility: hidden; display: block !important;}
.location-con.show{position: static; opacity: 1; visibility: visible;}
.location-con .map-con-wrap {position: relative; width: 100%; height: 60rem; border: 1px solid #eee; box-sizing: border-box; z-index: 1;}
.location-con .map-con {position: absolute; top: 50%; left: 50%; width: 100%; height: 100%;  transform: translate(-50%, -50%);}
.map-con-wrap .map-con .root_daum_roughmap, 
.map-con-wrap .map-con .wrap_map {width: 100% !important; height: 100% !important;}
.map-con-wrap .map-con .root_daum_roughmap .cont {display: none;}
.map-con-wrap .location-btn {position: absolute;bottom: -5rem;  right: 8rem;z-index: 2;display: flex;flex-direction: column; align-items: center; justify-content: center; width: 10rem; height: 10rem;  border-radius: 50%;  background-color: var(--main-color); color: #fff; box-shadow: 1.1rem 1.1rem 2.1rem -0.65rem rgba(0,0,0,0.15); transition: var(--transition-custom);}
.map-con-wrap .location-btn i {font-size: 3rem;}
.map-con-wrap .location-btn span {font-size: 1.6rem; font-weight: 700; line-height: 1.5; letter-spacing: -0.05em;}
.location-info-con {display: flex; padding: 7.5rem 0 0;}
.location-info-con .tit-box {width: 21.43%;}
.location-info-con .tit-box .tit {position: relative; display: inline-block; font-size: 4rem; font-weight: 700; letter-spacing: -0.05em; color: #000; line-height: 1.25;}
.location-info-con .tit-box .tit:before{position: absolute; top: -0.2rem; right: -2rem; width: 1rem; height: 1rem; border-radius: 100%; background-color: var(--main-color); content: '';}
.location-info-con .info-tbl {width: 78.57%;}
.location-info-con .info-tbl li {display: flex; margin-top: 1.5rem;}
.location-info-con .info-tbl li:first-child {margin-top: 0;}
.location-info-con .info-tbl li span {display: inline-block; width: 9.5rem; font-size: 1.8rem; font-weight: 700; letter-spacing: -0.02em; color: #000; line-height: 1.3;}
.location-info-con .info-tbl li .txt {width: calc(100% - 9.5rem); font-size: 1.8rem; font-weight: 400; letter-spacing: -0.05em; color: #555;  line-height: 1.3;}

@media all and (max-width:800px){
	.location-info-con {display: block; padding: 5rem 0 0;}
	.location-info-con .tit-box {width: 100%; margin-bottom: 2rem;}
	.location-info-con .tit-box .tit {font-size: 2.8rem;}
	.location-info-con .info-tbl {width: 100%;}
	.map-con-wrap .location-btn { width: 7rem; height: 7rem;bottom: -3.5rem; right: 3rem;}
	.map-con-wrap .location-btn i {font-size: 2rem;}
	.map-con-wrap .location-btn span {font-size: 1.4rem;}
}


/* ****************** 02 브랜드 :: 리스트 ********************** */
.brand-page .cm-flex-content,
.product-page .cm-flex-content,
.download-page .cm-flex-content{padding-top: 8rem; border-top: 2px solid #000;}
.sub-brand-wrapper{}
.sub-brand-list{margin: -1.5rem; display: flex; flex-wrap:wrap;}
.sub-brand-item{margin: 1.5rem; width: calc(33.33% - 3rem);}
.sub-brand-item a{padding: 3.5rem 3rem 5.5rem; position: relative; display: block; width: 100%; background-color: #f2f2f2; box-sizing: border-box; transition: var(--transition-custom); transition-property: box-shadow;}
.sub-brand-item a:before{position: absolute; top: 50%; left: 50%; margin-top: -4rem; margin-left: -4rem; width: 8rem; height: 8rem; font-size: 2.4rem; color: #fff; text-align: center; content: "\e907"; font-family: xeicon; background-color: var(--main-color); display: flex; align-items: center; justify-content: center; border-radius: 100%; opacity: 0; z-index: 1; box-sizing: border-box; transition: var(--transition-custom); transition-property: opacity;}
.sub-brand-item a:after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0.3rem solid var(--main-color); opacity: 0; content: ''; box-sizing: border-box; transition: var(--transition-custom); transition-property: opacity;}
.sub-brand-img{max-width: 260px; margin: 0 auto;}
.sub-brand-img span{position: relative; width: 100%; height: 0; padding-top: 100%; overflow: hidden; display: block;}
.sub-brand-img span img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; mix-blend-mode: darken;}
.sub-brand-txt{padding-top: 3.5rem; text-align: center;}
.sub-brand-txt .tit{font-size: 3rem; line-height: 1.3; font-weight: 700; letter-spacing: -0.02em; color: #000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sub-brand-txt .txt{margin-top: 1.5rem; font-size: 1.6rem; line-height: 1.3; font-weight: 500; letter-spacing: -0.02em; color: #888; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display: block;}

.sub-brand-item a:hover{box-shadow: 2rem 2rem 3rem -1rem rgba(0,0,0,0.15);}
.sub-brand-item a:hover:before,
.sub-brand-item a:hover:after{opacity: 1;}

@media all and (max-width:800px){
	.brand-page .cm-flex-content,
	.product-page .cm-flex-content,
	.download-page .cm-flex-content{padding-top: 5rem;}
	.sub-brand-list{margin: -0.75rem;}
	.sub-brand-item {margin: 0.75rem; width: calc(50% - 1.5rem);}
	.sub-brand-item a{padding: 2.5rem 2rem 3.5rem;}
	.sub-brand-item a:before{margin-top: -3.5rem; margin-left: -3.5rem; width: 7rem; height: 7rem; font-size: 2.2rem;}
	.sub-brand-txt{padding-top: 2rem;}
	.sub-brand-txt .tit{font-size: 2.6rem; line-height: 1.3;}
	.sub-brand-txt .txt{margin-top: 1rem; font-size: 1.6rem; line-height: 1.3;}
}


/* ****************** 02 브랜드 :: 뷰 ********************** */
.brand-content{}
.product-content .custom-tab-list-style02{width: 23%; max-width: 28rem;}
.product-content .custom-tab-list-style02 .sub-tab-list-style{max-width: none;}
.product-content .custom-tab-list-style02 ul{padding: 0; max-width: none;}
.product-content .cm-right-con-wrap {width: 75%;}

/* 추가 css */
.product-content.sticky-css{display: block;}
.product-content.sticky-css .cm-left-con-wrap{width: 23%; max-width: 28rem; float: left;}
.product-cate1-box{margin-bottom: 1rem; position: relative; border-radius: calc(6rem / 2); box-shadow: 1rem 1rem 2rem 0 rgba(0, 0, 0, 0.2); }
.product-cate1-btn{position:relative; display:block; width:100%; height: 6rem; padding:0 5rem 0 3rem; background-color: #000; border-radius: calc(6rem / 2); text-align:left; transition: border-radius 0.3s 0.45s;}
.product-cate1-btn span{display:block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:6rem; font-size:1.6rem; letter-spacing:-0.02em; font-weight: 700; color: #fff;}
.product-cate1-btn .arrow{position:absolute; top:50%; right:2.5rem; margin-top:-0.8rem; font-size:2rem; color: #fff;}
.product-cate1-btn .arrow.pc-ver{}
.product-cate1-btn .arrow.m-ver{display: none;}
.product-cate1-box.open > .product-cate1-btn{border-radius: calc(6rem / 2) calc(6rem / 2) 0 0; transition: border-radius 0s 0s;}
.product-cate1-box.open > .product-cate1-btn .arrow{transform:rotate(-180deg);}
.product-cate1-list{display:none; position:absolute; top:100%; left:0; right:0px; background-color: #fff; border: 2px solid #000; z-index:11; border-radius: 0 0 2rem 2rem; box-sizing: border-box;}
.product-cate1-list ul{max-height: 300px; overflow-x: hidden; overflow-y: auto;}
.product-cate1-list li:first-child{padding-top: 1.2rem;}
.product-cate1-list li:last-child{padding-bottom: 1.2rem;}
.product-cate1-list li a{display:block; padding: 0.8rem 3rem; font-size:1.4rem; line-height: 1.3; letter-spacing:-0.02em; font-weight: 600; color: #aaa; word-break:keep-all;}
.product-cate1-list li.on{position:relative;}
.product-cate1-list li.on a{color: #000;}
.product-content.sticky-css .cm-left-con-wrap .custom-tab-list-style02{width: 100%; max-width: none;}
.product-content.sticky-css .cm-right-con-wrap{float: right;}
/* // */

.brand-view-img-con{max-width: 890px; width: 63.57%; float: left;}
.brand-view-img-list{margin: -0.5rem; display: flex; flex-wrap:wrap;}
.brand-view-img-list li{margin: 0.5rem; width: calc(50% - 1rem);}
.brand-view-img-list li span{position: relative; width: 100%; height: 0; padding-top: 100%; background-color: #f2f2f2; display: block;}
.brand-view-img-list li span img{position: absolute; inset: 0; margin: auto; max-width: 80%; max-height: 80%;}

.brand-view-info-con {max-width: 450px; width: 32.14%; float: right;}
/* 타이틀 */
.brand-view-info-tit{padding: 4rem 0; border-bottom: 2px solid #000;}
.brand-view-info-tit h5{font-size: 5rem; line-height: 1.1; letter-spacing: -0.02em; font-weight: 700; color: #000;}
.brand-view-info-tit p{margin-top: 1rem; font-size: 2.4rem; line-height: 1.3; letter-spacing: -0.02em; font-weight: 500; color: #aaa;}
/* Features */
.brand-view-info-features{margin-top: 5rem;}
.brand-view-info-features .tit{font-size: 2.4rem; line-height: 1.3; letter-spacing: -0.02em; font-weight: 700; color: #000;}
.brand-view-info-features .tit i{position: relative; top: 0.1rem; margin-right: 0.7rem;}
.brand-view-info-features .editor{margin-top: 2rem; height: 12rem; font-size: 1.6rem; line-height: 1.87; letter-spacing: -0.02em; font-weight: 500; color: #888; overflow-x: hidden; overflow-y: auto;}
.brand-view-info-features .scrollbar-track-y{width: 2px;}
.brand-view-info-features .scrollbar-track{background: #e5e5e5; border-radius: 0;}
.brand-view-info-features .scrollbar-thumb{background: #000; border-radius: 0;}
/* 제품특징 / 상세스펙 / 다운로드 */
.brand-view-info-popup{margin-top: 4.5rem; border-top: 1px solid #ddd;}
.brand-view-info-popup a{font-size: 2rem; line-height: 1.3; letter-spacing: -0.02em; font-weight: 700; color: #000; width: 100%; height: 8rem; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ddd; transition: var(--transition-custom); transition-property: color;}
.brand-view-info-popup a i{font-size: 2.4rem; font-weight: 400; color: #aaa; transition: var(--transition-custom); transition-property: color;}
.brand-view-info-popup a:hover,
.brand-view-info-popup a:hover i{color: var(--main-color);}
/* 버튼 */
.brand-view-info-btn{margin-top: 5rem; display: flex; /* flex-wrap:wrap; */}
.brand-view-info-btn a{padding: 0 2.2rem; /* width: 50%; */ width: 100%; height: 7rem; font-size: 1.8rem; line-height: 1.3; letter-spacing: -0.02em; font-weight: 700; color: #fff; background-color: var(--main-color); border: 2px solid var(--main-color); display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; transition: background-color 0.3s;}
.brand-view-info-btn a + a{background-color: #000; border-color: #000;}
.brand-view-info-btn a i{margin-left: 2rem; font-size: 2rem; position: relative; transition: color 0.3s;}

@media (hover: hover) and (min-width:801px) {
	.brand-view-info-btn a:hover{background-color: #fff;}
	.brand-view-info-btn a:hover .txt,
	.brand-view-info-btn a:hover i{color: #fff;}
}

@media all and (max-width:800px){
	.product-content .custom-tab-list-style02{max-width: none; width: 100%;}
	.product-content .cm-right-con-wrap {width: 100%;}

	/* 추가 css */
	.product-content.sticky-css .cm-left-con-wrap{width: 100%; max-width: none; float: none; background: #fff;}
	.product-cate1-box{margin-bottom: 1rem; border-radius: calc(5rem / 2); box-shadow: none;}
	.product-cate1-btn{height: 5rem; padding:0 4.5rem 0 2.5rem; border-radius: calc(5rem / 2);}
	.product-cate1-btn span{line-height:5rem; font-size:1.7rem; letter-spacing: 0;}
	.product-cate1-btn .arrow{right:2rem; margin-top:-0.8rem; font-size:1.7rem;}
	.product-cate1-btn .arrow.pc-ver{display: none;}
	.product-cate1-btn .arrow.m-ver{display: block;}
	.product-cate1-box.open > .product-cate1-btn{border-radius: calc(5rem / 2) calc(5rem / 2) 0 0;}
	.product-cate1-list{border-radius: 0 0 2rem 2rem;}
	.product-cate1-list ul{max-height: 300px;}
	/* .product-cate1-list li + li{border-top: 1px solid #eee !important;} */
	.product-cate1-list li:first-child{padding-top: 1rem;}
	.product-cate1-list li:last-child{padding-bottom: 1rem;}
	.product-cate1-list li a{padding: 0.8rem 2.5rem; font-size:1.6rem; font-weight: 700; line-height: 1.3;}
	.product-content.sticky-css .cm-right-con-wrap{float: none;}
	/* // */
	
	.brand-view-img-con{margin-top: 5rem; max-width: none; width: 100%; float: none;}
	.brand-view-img-list{margin: -0.5rem; display: flex; flex-wrap:wrap;}
	.brand-view-img-list li{margin: 0.5rem; width: calc(50% - 1rem);}
	.brand-view-img-list li span{position: relative; width: 100%; height: 0; padding-top: 100%; background-color: #f2f2f2; display: block;}
	.brand-view-img-list li span img{position: absolute; inset: 0; margin: auto; max-width: 80%; max-height: 80%;}

	.brand-view-info-con {max-width: none; width: 100%; float: none; position: static !important;}
	/* 타이틀 */
	.brand-view-info-tit{padding: 0 0 3rem;}
	.brand-view-info-tit h5{font-size: 5rem; line-height: 1.1;}
	.brand-view-info-tit p{margin-top: 1rem; font-size: 2.2rem; line-height: 1.3;}
	/* Features */
	.brand-view-info-features{margin-top: 3rem;}
	.brand-view-info-features .tit{font-size: 2.2rem; line-height: 1.3;}
	.brand-view-info-features .tit i{top: 0.2rem; margin-right: 0.7rem;}
	.brand-view-info-features .editor{margin-top: 1.5rem; height: 12rem; font-size: 1.6rem; line-height: 1.87;}
	/* 제품특징 / 상세스펙 / 다운로드 */
	.brand-view-info-popup{margin-top: 2.5rem;}
	.brand-view-info-popup a{height: 8rem; font-size: 2rem; line-height: 1.3;}
	.brand-view-info-popup a i{font-size: 2.2rem;}
	/* 버튼 */
	.brand-view-info-btn{margin-top: 3rem;}
	.brand-view-info-btn a{padding: 0 2.2rem; /* width: 50%; */ height: 7rem; font-size: 1.8rem; line-height: 1.3;}
}


/* 브랜드 커스텀 팝업  */
.footer-modal-content.custom-modal-content{width: calc(96% - 16rem); max-width:1155px;}
.custom-modal-close-btn{position:absolute; top:0; right:-8rem; width: 8rem; height: 8rem; color:#fff; background-color: var(--main-color);}
.custom-modal-close-btn i{font-size:3rem;}
.custom-modal-inner-box{padding:9.5rem 6.49% 10rem !important; background-color:#fff;}
.custom-modal-tit{padding-bottom: 3rem; font-size:4rem; line-height: 1.3; letter-spacing: -0.02em; font-weight: 700; color: #000;}

.custom-modal-inner-box02{padding: 0 !important; background: none;}
.custom-modal-tit02{position: relative; margin-bottom: 3rem;}
.custom-modal-tit02 h5{padding-right: 5.5rem; font-size: 4rem; line-height: 1.1; letter-spacing: -0.02em; font-weight: 700; color: #fff;}
.custom-modal-tit02 .custom-modal-close-btn{top: 0.2rem; right:0; width: 4rem; height: 4rem; color:#fff; background-color:transparent; border: none;}
.custom-modal-tit02 .custom-modal-close-btn i{font-size: 3rem;}

.custom-modal-inner{padding: 0;}
/* 제품특징 */
.popup-features-con{}
/* 다운로드 */
.popup-download-con{}
.popup-download-list{margin: -1rem; display: flex; flex-wrap:wrap;}
.popup-download-item{margin: 1rem; width: calc(50% - 2rem);}
.popup-download-item a{padding: 3rem 4rem; font-size: 2.2rem; line-height: 1.3; letter-spacing: -0.02em; font-weight: 700; color: #000; background-color: #f5f5f5; display: flex; align-items: center; justify-content: space-between;}
.popup-download-item a span{padding: 0 2rem; width: 17rem; height: 4rem; font-size: 1.6rem; letter-spacing: -0.02em; font-weight: 500; color: #888; border: 2px solid #dcdcdc; border-radius: 4rem; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; transition: var(--transition-custom); transition-property: color, background-color, border-color;}
.popup-download-item a span i{font-size: 1.8rem;}
.popup-download-item a:hover span{color: #fff; background-color: var(--main-color); border-color: var(--main-color);}
/* 제품사양 */
.popup-specification-tab-style.sub-tab-wrapper-style{position: absolute; top: 10rem; right: 6.49%; height:4rem; margin-bottom:0;}
.popup-specification-tab-style .sub-tab-list-style ul {display: flex;}
.popup-specification-tab-style .sub-tab-list-style ul li{width: 14rem;}
.popup-specification-tab-style .sub-tab-list-style ul li a{height:4rem; transition: var(--transition-custom); transition-property: background-color;}
.popup-specification-tab-style .sub-tab-list-style ul li a em{font-size:1.6rem; font-weight: 500; color: #000;}
.popup-specification-tab-style .sub-tab-list-style ul li.selected a em{color: #fff;}
.popup-specification-con{}
.popup-specification-item{margin-top: 1.5rem;}
.popup-specification-item + .popup-specification-item{margin-top: 4.5rem;}
.popup-specification-item-tit{margin-bottom: 2rem; font-size: 1.6rem; line-height: 1.3; letter-spacing: -0.02em; font-weight: 700; color: #000;}
.popup-specification-item-tbl{width: 100%; table-layout: fixed; border-top: 2px solid #000;}
.popup-specification-item-tbl tr{border-bottom: 1px solid #e5e5e5;}
.popup-specification-item-tbl th, .popup-specification-item-tbl td{padding: 1.2rem 2rem; font-size: 1.4rem; line-height: 1.57; letter-spacing: -0.02em; font-weight: 500; color: #000; box-sizing: border-box;}
.popup-specification-item-tbl th{width: 31.81%; max-width: 35rem; background-color: #f5f5f5;}
.popup-specification-item-tbl td{color: #666;}

@media all and (max-width:800px){
	.footer-modal-content.custom-modal-content{width: calc(100% - 5rem - 30px); width: auto;}
	.custom-modal-close-btn{right:-5rem; top: 2rem; right: 2rem; width: 5rem; height: 5rem; color: var(--main-color); border: 2px solid var(--main-color); background-color: #fff;}
	.custom-modal-close-btn i{position: relative; top: 0.1rem; font-size:2.4rem;}
	.custom-modal-inner-box{padding: 2.5rem 2rem 3rem !important;}
	.custom-modal-tit{padding-bottom: 2.5rem; padding-right: 6rem; font-size:3.2rem; line-height: 1.3;}

	.custom-modal-tit02{margin-bottom: 2rem;}

	/* 제품특징 */
	.popup-features-con{}
	/* 다운로드 */
	.popup-download-list{margin: -0.5rem;}
	.popup-download-item{margin: 0.5rem; width: calc(100% - 1rem);}
	.popup-download-item a{padding: 3rem 2rem; font-size: 2.2rem; line-height: 1.3;}
	.popup-download-item a span{padding: 0 1.5rem; width: 15rem; height: 4rem; font-size: 1.5rem;}
	.popup-download-item a span i{font-size: 1.8rem;}
	/* 제품사양 */
	.popup-specification-tab-style.sub-tab-wrapper-style{margin-top: 1rem; position: static; height:5rem;}
	.popup-specification-tab-style .sub-tab-list-style ul {display: none;}
	.popup-specification-tab-style .sub-tab-list-style ul li{width: 100%;}
	.popup-specification-tab-style .sub-tab-list-style ul li a{height:auto;}
	.popup-specification-tab-style .sub-tab-list-style ul li a em{font-size:1.6rem; font-weight: 700; color: rgba(0, 0, 0, 0.5);}
	.popup-specification-tab-style .sub-tab-list-style ul li.selected a em{color: var(--main-color);}
	.popup-specification-item{margin-top: 2.5rem;}
	.popup-specification-item + .popup-specification-item{margin-top: 4.5rem;}
	.popup-specification-item-tit{margin-bottom: 2rem; font-size: 1.6rem; line-height: 1.3;}
	.popup-specification-item-tbl th, .popup-specification-item-tbl td{padding: 1.2rem 2rem; font-size: 1.4rem; line-height: 1.57;}
	.popup-specification-item-tbl th{width: 31.81%; max-width: 35rem;}
}


/* ****************** 04 홍보센터 :: 01 뉴스 ********************** */
.sub-news-wrapper{padding-top: 4rem; border-top: 2px solid #000;}
.sub-news-list{margin: -1.5rem; display: flex; flex-wrap:wrap;}
.sub-news-item{margin: 1.5rem; width:calc(25% - 3rem);}
.sub-news-item a{display:block; position:relative; width:100%; background-color: #f5f5f5; transition:var(--transition-custom);}
.sub-news-img{position:relative; display:block; width:100%; height:0; padding-top:100%; overflow: hidden;}
.sub-news-img img{position:absolute; top:0px; left:0px; width:100%; height:100%; object-fit: cover; transition:var(--transition-custom);}
.sub-news-txt{width:100%; padding:2.5rem 3rem 3rem; box-sizing: border-box;}
.sub-news-txt .tit{margin-bottom: 5rem; height: 3.2em; font-size:2rem; line-height: 1.6; font-weight:700; color: #000; overflow:hidden; display:block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition:var(--transition-custom);}
.sub-news-txt .date{font-size:1.6rem; line-height: 1.3; letter-spacing: -0.02em; font-weight: 500; color: #888; display: flex; align-items: center; transition:var(--transition-custom);}
.sub-news-txt .date i{position: relative; top: -0.1rem; margin-right: 1rem; font-size:1.8rem;}
.sub-news-txt em{margin-left: 0.8rem; width: 1.7rem; height: 1.7rem; font-size: 1rem; color: #fff; background-color: var(--main-color); border-radius: 100%; display: flex; align-items: center; justify-content: center; transition:var(--transition-custom);}
.sub-news-item a:hover {background-color: var(--main-color);}
.sub-news-item a:hover .sub-news-img img{transform:scale(1.1);}
.sub-news-item a:hover .sub-news-txt .tit{color:#fff;}
.sub-news-item a:hover .sub-news-txt .date{color: rgba(255,255,255,0.6);}
.sub-news-item a:hover .sub-news-txt em{background-color: #fff; color: var(--main-color);}

@media all and (max-width:800px){
	.sub-news-wrapper{padding-top: 4rem;}
	.sub-news-list{margin: -1rem;}
	.sub-news-item{margin: 1rem; width:calc(50% - 2rem);}
	.sub-news-txt{padding:2rem 2.5rem 2.5rem;}
	.sub-news-txt .tit{margin-bottom: 5rem; height: 3.2em; font-size:2rem; line-height: 1.6;}
	.sub-news-txt .date{font-size:1.6rem; line-height: 1.3;}
	.sub-news-txt .date i{top: -0.1rem; margin-right: 1rem; font-size:1.8rem;}
	.sub-news-txt em{margin-left: 0.8rem; width: 1.7rem; height: 1.7rem; font-size: 1rem;}
}


/* ****************** 04 홍보센터 :: 04 공식 SNS ********************** */
.sub-sns-wrapper{padding-top: 4rem; border-top: 2px solid #000;}
.sub-sns-wrapper .main-video-list{margin: -1.5rem; flex-wrap:wrap;}
.sub-sns-wrapper .main-video-item{margin: 1.5rem; width:calc(25% - 3rem);}

@media all and (max-width:800px){
	.sub-sns-wrapper{padding-top: 4rem;}
	.sub-sns-wrapper .main-video-list{margin: -1rem;}
	.sub-sns-wrapper .main-video-item{margin: 1rem; width:calc(50% - 2rem);}
}


/* ****************** 05 고객지원 :: 01 공지사항 ********************** */
.bbs-list-style08 {border-top: 2px solid #000;}
.bbs-list-style08 .bbs-item > a{display:flex; align-items: center; position:relative; padding: 0 3rem; height:10rem; line-height: 10rem; box-sizing:border-box; border-bottom:1px solid #f1f1f1; background-color:#fff; transition:var(--transition-custom);}
.bbs-list-style08 .bbs-item .bbs-list-date{width:14.5rem; text-align:center; font-size: 1.5rem; color:#888888; letter-spacing:-0.025em; }
.bbs-list-style08 .bbs-item .bbs-list-info-con{width:70%; padding-left: 13rem;}
.bbs-list-style08 .bbs-item .bbs-subject-box{display:block; position:relative; padding:0 30px 0 0; margin:5px 0 15px; } 
.bbs-list-style08 .bbs-item .bbs-subject-txt-box{display:inline-block; position:relative; max-width:100%; }
.bbs-list-style08 .bbs-item .bbs-subject-txt {display: inline-block; padding-right: 5px; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; font-size:2rem; font-weight:700; vertical-align:middle; color:#333333; letter-spacing:-0.25px; transition:var(--transition-custom);}
.bbs-list-style08 .bbs-item .bbs-subject-icons{ position: absolute; left:100%; top: 50%; width: 60px; height:18px; margin-top:-9px; text-align:left; display: inline-block; }
.bbs-list-style08 .bbs-item .bbs-subject-icons img{vertical-align:middle; margin:-2px 2px 0 2px;}
.bbs-list-style08 .bbs-item .bbs-subject-icons i{font-size:18px;}
.bbs-list-style08 .bbs-item .bbs-list-info-con .bbs-list-date-m{display:none;}
.bbs-list-style08 .bbs-item .bbs-right-info-con{position:absolute; right:40px; text-align:right;}
.bbs-list-style08 .bbs-item .bbs-right-info-con .bbs-more-btn{display:block; color:#cacaca; font-size: 3rem; transition:var(--transition-custom);}

@media all and (min-width:801px){
	.bbs-list-style08 .bbs-item a:hover {background-color: #f3f3f3;}
	.bbs-list-style08 .bbs-item a:hover .bbs-right-info-con .bbs-more-btn {color:var(--main-color);}
}

@media all and (max-width:800px){
	.bbs-list-style08 {margin-bottom: 0;}
	.bbs-list-style08 .bbs-item > a{height:auto; min-height:54px; padding:15px; flex-wrap: wrap; line-height: 4rem;}
	.bbs-list-style08 .bbs-item .bbs-list-date{width: 100%; text-align: left;}
	.bbs-list-style08 .bbs-item .bbs-list-info-con{margin:0 ; padding-left: 0; width: 80%;}
	.bbs-list-style08 .bbs-item .bbs-subject-box{margin-bottom:5px}
	.bbs-list-style08 .bbs-item .bbs-subject-txt{font-size:2rem;}
	.bbs-list-style08 .bbs-item .bbs-right-info-con{top:50%; right:15px; margin-top:-16px}
}
@media all and (max-width:480px){
	.bbs-list-style08 .bbs-item .bbs-list-date{overflow:hidden; display:none;}
	.bbs-list-style08 .bbs-item .bbs-list-info-con{margin:0; margin-right:40px;}
	.bbs-list-style08 .bbs-item .bbs-list-info-con .bbs-list-date-m{display:block; color:#888; font-size:12px; margin-top:10px;}
	.bbs-list-style08 .bbs-item .bbs-right-info-con .bbs-more-btn{width:30px; height:30px; line-height:30px; font-size: 2rem; border-radius:50%;}
	.bbs-list-style08 .bbs-item .bbs-right-info-con .bbs-more-btn em{display:none;}
	.bbs-list-style08 .bbs-item .bbs-right-info-con .bbs-more-btn i{display:block; line-height:30px;}
}


/* ****************** 05 고객지원 :: 02 문의사항 ********************** */
.sub-online-con.main-online-con {display: block; padding-bottom: 18rem;}
.sub-online-con .main-online-left{float: left; padding-top: 18rem; padding-right: 2rem; height: auto;}
.sub-online-txt01{font-size: 2rem; font-weight: 600; color: #aaa;}
.sub-online-txt02{margin-top: 2.5rem; font-size: 4rem; line-height: 1.37; letter-spacing: -0.05em; font-weight: 700; color: #000;}
.sub-online-txt03{margin-top: 2.5rem; font-size: 1.8rem; line-height: 1.3; letter-spacing: -0.05em; font-weight: 500; color: #666;}

.sub-online-con .main-online-right{float: right; padding-top: 18rem; padding-bottom: 0;}
.sub-online-con .main-online-item input,
.sub-online-con .main-online-item textarea{color: #000; border: 0; background-color: #f5f5f5; backdrop-filter: blur(0);}
.sub-online-con .main-online-item input::placeholder,
.sub-online-con .main-online-item textarea::placeholder{color: #aaa;}
.sub-online-con .main-online-item.focus input,
.sub-online-con .main-online-item.focus textarea{background-color: #fff; outline-color: var(--main-color);}
.sub-online-con .main-online-item.error input,
.sub-online-con .main-online-item.error textarea{background-color: #fff; outline-color: red}
.sub-online-con .main-online-item .form-label{color: #000;}
.sub-online-con .main-online-item .form-label em{color: var(--main-color);}
/* 보안코드 */
.sub-online-con .security-code-box .security-code{color: #000;}

.sub-online-con .main-online-agree{border-bottom: 1px solid rgba(0,0,0,0.2);}
.sub-online-con .main-online-agree .agree-txt label{color:#000;}
.sub-online-con .main-online-agree .agree-txt input:checked + label:before {color: #000;}
.sub-online-con .main-online-agree .agree-txt input:checked + label i{color:#000;}
.sub-online-con .main-online-agree ul li a{color: rgba(0,0,0,0.5);}

@media (hover: hover) and (min-width:801px) {
	.sub-online-con .main-online-agree ul li a:hover{color: #000;}
	.sub-online-con .main-online-btn .btn.cm-fill-ani-JS:hover{background-color: #fff;}
}

@media all and (max-width:1280px){
	.sub-online-con.main-online-con {padding-bottom: 14rem;}
	.sub-online-con .main-online-left {padding-top: 14rem;}
}
@media all and (max-width:800px){
	.sub-online-con.main-online-con {padding-bottom: 10rem;}
	.sub-online-con .main-online-left {float: none; padding-top: 10rem; padding-right: 0;}
	.sub-online-txt01{font-size: 2rem;}
	.sub-online-txt02{margin-top: 2rem; font-size: 3.6rem; line-height: 1.37;}
	.sub-online-txt03{margin-top: 2rem; font-size: 1.8rem; line-height: 1.3;}

	.sub-online-con .main-online-right{float: none; padding-top: 5rem;}
}


/* ****************** 05 고객지원 :: 03 교육자료 ********************** */
.sub-edu-wrapper{padding-top: 4rem; border-top: 2px solid #000;}
.sub-edu-list{margin: -1.3rem; display: flex; flex-wrap:wrap;}
.sub-edu-item{margin: 1.3rem; width:calc(33.33% - 2.6rem);}
.sub-edu-item a{display:block; position:relative; width:100%; background-color: #f5f5f5; transition:var(--transition-custom);}
.sub-edu-img{position:relative; display:block; width:100%; height:0; padding-top:66.66%; overflow: hidden;}
.sub-edu-img img{position:absolute; top:0px; left:0px; width:100%; height:100%; object-fit: cover; transition:var(--transition-custom);}
.sub-edu-item:not(.no-video) .sub-edu-img:after{position: absolute; top: 50%; left: 50%; margin-top: -3rem; margin-left: -3rem; font-size: 6rem; color: #fff; content: "\ea3f"; font-family: xeicon;}
.sub-edu-txt{width:100%; padding:2.5rem 3rem 3rem; box-sizing: border-box;}
.sub-edu-txt .tit{margin-bottom: 5rem; height: 3.2em; font-size:2rem; line-height: 1.6; font-weight:700; color: #000; overflow:hidden; display:block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition:var(--transition-custom);}
.sub-edu-txt .date{font-size:1.6rem; line-height: 1.3; letter-spacing: -0.02em; font-weight: 500; color: #888; display: flex; align-items: center; transition:var(--transition-custom);}
.sub-edu-txt .date i{position: relative; top: -0.1rem; margin-right: 1rem; font-size:1.8rem;}
.sub-edu-txt em{margin-left: 0.8rem; width: 1.7rem; height: 1.7rem; font-size: 1rem; color: #fff; background-color: var(--main-color); border-radius: 100%; display: flex; align-items: center; justify-content: center; transition:var(--transition-custom);}
/* .sub-edu-item a:hover {background-color: var(--main-color);} */
.sub-edu-item a:hover .sub-edu-img img{transform:scale(1.1);}
.sub-edu-item a:hover .sub-edu-txt .tit{/* color:#fff; */ color: var(--main-color);}
/* .sub-edu-item a:hover .sub-edu-txt .date{color: rgba(255,255,255,0.6);}
.sub-edu-item a:hover .sub-edu-txt em{background-color: #fff; color: var(--main-color);} */

@media all and (max-width:800px){
	.sub-edu-wrapper{padding-top: 4rem;}
	.sub-edu-list{margin: -1rem;}
	.sub-edu-item{margin: 1rem; width:calc(50% - 2rem);}
	.sub-edu-txt{padding:2rem 2.5rem 2.5rem;}
	.sub-edu-txt .tit{margin-bottom: 5rem; height: 3.2em; font-size:2rem; line-height: 1.6;}
	.sub-edu-txt .date{font-size:1.6rem; line-height: 1.3;}
	.sub-edu-txt .date i{top: -0.1rem; margin-right: 1rem; font-size:1.8rem;}
	.sub-edu-txt em{margin-left: 0.8rem; width: 1.7rem; height: 1.7rem; font-size: 1rem;}
}


/* ****************** 05 고객지원 :: 04 A/S 이용안내 ********************** */
.as-con01{padding: 3rem 0; min-height: 58.4rem; display: flex; align-items: center; justify-content: center; box-sizing: border-box; background: url("../images/content/as_con01_bg.jpg") center/cover no-repeat; position: relative;}
.as-con01 .area{width: 100%; box-sizing: border-box;}
.as-con01 #contentInfoCon02 .content-tit{margin-top: 0; font-weight: 600;}
.as-con01 .txt01{margin-top: 3.5rem; color: rgba(255,255,255,0.5);}

.cm-as-con{padding: 15.5rem 0;}
.cm-as-con-inner{}
.cm-as-left{float: left; /* width: 30rem; */ width: 21.42%;}
.cm-as-left #contentInfoCon02{text-align: left;}
.cm-as-left #contentInfoCon02 .content-tit{margin-top: 0;}
.cm-as-right{float: right; width: 78.58%;}

.as-con02{padding-top: 20rem;}
.as-con02 .cm-txt-style01{margin-bottom: 1.5rem; text-align: left;}
.as-con02-box01{}
.as-con02-list01{border-top: 2px solid #000;}
.as-con02-item01{padding: 2rem 0; border-bottom: 2px dotted #d9d9d9; display: flex; flex-wrap:wrap; align-items: center;}
.as-con02-item01 .num{width: 5rem; height: 5rem; font-size: 1.8rem; font-weight: 700; color: #000; text-align: center; background-color: #f2f2f2; border-radius: 100%; display: flex; align-items: center; justify-content: center;}
.as-con02-item01 .txt{padding-left: 2rem; width: calc(100% - 5rem); font-size: 1.8rem; line-height: 1.55; letter-spacing: -0.055em; font-weight: 500; color: #000; box-sizing: border-box;}
.as-con02-item01 .txt b{font-weight: 700; color: var(--main-color);}
/* 04, 05 추가css */
.as-con02-box03,
.as-con02-box04,
.as-con02-box05{margin-top: 10.5rem;}
.as-con02-box05 .as-con02-item01{padding: 3.5rem 0 3.5rem 7rem; position: relative;}
.as-con02-box05 .as-con02-item01 .num{position: absolute; top: 3rem; left: 0; width: 5rem;}
.as-con02-box05 .as-con02-item01 .txt{padding-left: 0; width: 100%;}
.as-con02-box05 .dot-txt-group{margin-top: 1.5rem; width: 100%; box-sizing: border-box;}
.as-con02-box05 .dot-txt-group .dot-txt{position: relative; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.055em; line-height: 1.87; color: #666; padding-left: 1.2rem;}
.as-con02-box05 .dot-txt-group .dot-txt:before{position: absolute; top: 0; left: 0; content: "-";}

.as-con02-box02{margin-top: 5rem;}
.as-con02-list02{margin: -1.2rem; display: flex; flex-wrap:wrap;}
.as-con02-item02{margin: 1.2rem; padding: 5rem 4rem 4rem; width: calc(33.33% - 2.4rem); min-height: 30rem; background-color: #f5f5f5; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between;}
.as-con02-item02 .tit{}
.as-con02-item02 .tit h5{font-size: 2.2rem; line-height: 1.3; letter-spacing: -0.055em; font-weight: 700; color: #000;}
.as-con02-item02 .tit p{margin-top: 1rem; font-size: 1.6rem; line-height: 1.62; letter-spacing: -0.055em; font-weight: 500; color: #666;}
.as-con02-item02 .icon{margin-top: 3rem; text-align: right;}
.as-con02-item02 .icon img{display: inline-block;}
.as-con02-txt{margin-top: 2rem; position: relative; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.055em; line-height: 1.87; color: #666; padding-left: 1.2rem;}
.as-con02-txt:before{position: absolute; top: 0; left: 0; content: '※';}

.as-con02-box03{}
.as-con02-list03{}
.as-con02-item03{padding: 2.5rem 3rem; position: relative; background-color: #f5f5f5; display: flex; flex-wrap:wrap; align-items: center;}
.as-con02-item03 + .as-con02-item03{margin-top: 1rem;}
.as-con02-item03:after{position: absolute; top: 50%; left: 50%; margin-top: -0.4rem; margin-left: -1.7rem; width: 3.4rem; height: 0.8rem; background: url("../images/content/as_con02_box03_cir.png") center/cover no-repeat; content: '';}
.as-con02-item03 .tit,
.as-con02-item03 .txt{padding-right: 3.5rem; width: 50%; font-size: 1.8rem; line-height: 1.3; letter-spacing: -0.055em; font-weight: 500; color: #000; box-sizing: border-box;}
.as-con02-item03 .txt{padding-right: 0; padding-left: 3.5rem; color: var(--main-color); text-align: right;}

.as-con03{background-color: #f5f5f5;}
.as-con03-box01{}
.as-con03-list01{}
.as-con03-item01{padding: 0 2rem; height: 10rem; background-color: #fff; border: 2px solid var(--main-color); display: flex; flex-wrap:wrap; align-items: center; box-sizing: border-box;}
.as-con03-item01 .icon{width: 13rem; text-align: center;}
.as-con03-item01 .icon svg{display: inline-block; height: 4rem;}
.as-con03-item01 .txt{width: calc(100% - 13rem); font-size: 1.8rem; line-height: 1.3; letter-spacing: -0.055em; font-weight: 500; color: #000;}
.as-con03-svg01{}
.as-con03-svg01 .st0{fill:none;stroke:#000000;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.as-con03-svg01 .st1{fill:none;stroke:#000000;stroke-width:1.8;stroke-linejoin:round;stroke-miterlimit:10;}

.as-con04{}
.as-con04-box01{}
.as-con04-list01{}
.as-con04-item01{border: 2px solid #eee; display: flex; flex-wrap:wrap; transition:var(--transition-custom); transition-property: border-color; position: relative;}
.as-con04-item01 + .as-con04-item01{margin-top: 1rem;}
.as-con04-item01:after{position: absolute; top: -2.5rem; left: 8rem; width: 4rem; height: 4rem; border-radius: 100%; background-color: #fff; box-shadow: 0.5rem 0.5rem 1rem 0 rgba(0,0,0,0.1); font-size: 1.6rem; color: #aaa; content: "\e942"; font-family: xeicon; display: flex; align-items: center; justify-content: center;}
.as-con04-item01:first-child:after{display: none;}
.as-con04-item01 .icon{width: 20rem; background-color: #f5f5f5; display: flex; flex-direction: column; align-items: center; justify-content: center; transition:var(--transition-custom); transition-property: background-color;}
.as-con04-item01 .icon p{margin-top: 1.5rem; font-size: 1.6rem; line-height: 1.3; letter-spacing: -0.055em; font-weight: 600; color: var(--main-color); text-align: center; transition:var(--transition-custom); transition-property: color;}
.as-con04-item01 .txt{padding: 5.5rem 4.54%; width: calc(100% - 20rem); box-sizing: border-box;}
.as-con04-item01 .txt .tit{font-size: 2rem; line-height: 1.6; letter-spacing: -0.055em; font-weight: 700; color: #000;}
.as-con04-item01 .txt .tit + .only-txt,
.as-con04-item01 .txt .tit + .dot-txt{margin-top: 2rem;}
.as-con04-item01 .txt .sub-tit{margin-bottom: 1.5rem; font-size: 1.8rem; line-height: 1.3; letter-spacing: -0.055em; font-weight: 500; color: #000;}
.as-con04-item01 .txt .only-txt{font-size: 1.6rem; line-height: 1.5; letter-spacing: -0.055em; font-weight: 500; color: #666;}
.as-con04-item01 .txt .only-txt + .sub-tit{margin-top: 3rem;}
.as-con04-item01 .txt .dot-txt{position: relative; padding-left: 1.2rem; font-size: 1.6rem; line-height: 1.5; letter-spacing: -0.055em; font-weight: 500; color: #666;}
.as-con04-item01 .txt .dot-txt + .dot-txt{margin-top: 0.5rem;}
.as-con04-item01 .txt .dot-txt:before{position: absolute; top: 0; left: 0; content: '-';}

.as-con04-svg01{height: 4.5rem;}
.as-con04-svg01 .st0{fill:none;stroke:#000000;stroke-width:1.8;stroke-linecap:square;stroke-miterlimit:10; transition:var(--transition-custom); transition-property: stroke;}

.as-con04-svg02{height: 4.2rem;}
.as-con04-svg02 .st0{fill:none;stroke:#000000;stroke-width:1.8;stroke-linecap:square;stroke-miterlimit:10; transition:var(--transition-custom); transition-property: stroke;}

.as-con04-svg03{height: 4.4rem;}
.as-con04-svg03 .st0{fill:none;stroke:#000000;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10; transition:var(--transition-custom); transition-property: stroke;}

.as-con04-svg04{height: 4.7rem;}
.as-con04-svg04 .st0{fill:none;stroke:#000000;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10; transition:var(--transition-custom); transition-property: stroke;}

.as-con04-svg05{height: 3.8rem;}
.as-con04-svg05 .st0{fill:none;stroke:#000000;stroke-width:1.8;stroke-miterlimit:10; transition:var(--transition-custom); transition-property: stroke;}
.as-con04-svg05 .st1{fill:none;stroke:#000000;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10; transition:var(--transition-custom); transition-property: stroke;}
.as-con04-svg05 .st2{fill:none;stroke:#000000;stroke-width:1.8;stroke-linecap:round;stroke-miterlimit:10; transition:var(--transition-custom); transition-property: stroke;}

/* active */
.as-con04-item01.active{border-color: var(--main-color);}
.as-con04-item01.active .icon{background-color: var(--main-color);}
.as-con04-item01.active .icon p{color: #fff;}
.as-con04-item01.active .as-con04-svg01 .st0,
.as-con04-item01.active .as-con04-svg02 .st0,
.as-con04-item01.active .as-con04-svg03 .st0,
.as-con04-item01.active .as-con04-svg04 .st0,
.as-con04-item01.active .as-con04-svg05 .st0,
.as-con04-item01.active .as-con04-svg05 .st1,
.as-con04-item01.active .as-con04-svg05 .st2{stroke:#ffffff;}

@media all and (max-width:1280px){ 
	.as-con01 .pc-br{display:block;}
}
@media all and (max-width:800px){
	.as-con01{padding: 10rem 0; min-height: auto;}
	.as-con01 .txt01{margin-top: 3.5rem;}
	.as-con01 .pc-br{display:none;}

	.cm-as-con{padding: 10rem 0;}
	.cm-as-left{float: none; width: 100%; margin-bottom: 1.5rem;}
	.cm-as-right{float: none; width: 100%;}

	.as-con02{padding-top: 10rem;}
	.as-con02 .cm-txt-style01{margin-bottom: 1.5rem;}
	.as-con02-item01{padding: 2rem 0;}
	.as-con02-item01 .num{width: 5rem; height: 5rem; font-size: 1.8rem;}
	.as-con02-item01 .txt{padding-left: 2rem; width: calc(100% - 5rem); font-size: 1.8rem; line-height: 1.55;}
	/* 04, 05 추가css */
	.as-con02-box03,
	.as-con02-box04,
	.as-con02-box05{margin-top: 5rem;}
	.as-con02-box05 .as-con02-item01{padding: 3.5rem 0 3.5rem 7rem;}
	.as-con02-box05 .as-con02-item01 .num{top: 3rem; left: 0; width: 5rem;}
	.as-con02-box05 .as-con02-item01 .txt{padding-left: 0; width: 100%;}
	.as-con02-box05 .dot-txt-group{margin-top: 1.5rem;}
	.as-con02-box05 .dot-txt-group .dot-txt{font-size: 1.6rem; padding-left: 1.2rem;}

	.as-con02-box02{margin-top: 5rem;}
	.as-con02-list02{margin: -1.2rem;}
	.as-con02-item02{margin: 1.2rem; padding: 5rem 4rem 4rem; width: calc(100% - 2.4rem); min-height: auto;}
	.as-con02-item02 .tit h5{font-size: 2.2rem; line-height: 1.3;}
	.as-con02-item02 .tit p{margin-top: 1rem; font-size: 1.6rem; line-height: 1.62;}
	.as-con02-item02 .icon{margin-top: 3rem;}
	.as-con02-txt{margin-top: 2rem; font-size: 1.6rem; line-height: 1.87; padding-left: 1.2rem;}

	.as-con02-item03{padding: 2.5rem 3rem;}
	.as-con02-item03 + .as-con02-item03{margin-top: 1rem;}
	.as-con02-item03:after{margin-top: -0.4rem; margin-left: -1.7rem; width: 3.4rem; height: 0.8rem;}
	.as-con02-item03 .tit,
	.as-con02-item03 .txt{padding-right: 3.5rem; width: 50%; font-size: 1.8rem; line-height: 1.3;}
	.as-con02-item03 .txt{padding-right: 0; padding-left: 3.5rem;}

	.as-con03-item01{padding: 2rem 1rem; height: auto;}
	.as-con03-item01 .icon{width: 11rem;}
	.as-con03-item01 .icon svg{height: 4rem;}
	.as-con03-item01 .txt{width: calc(100% - 11rem); font-size: 1.8rem; line-height: 1.3;}

	.as-con04-item01 + .as-con04-item01{margin-top: 1rem;}
	.as-con04-item01:after{top: -2.5rem; left: 50%; margin-left: -2rem; width: 4rem; height: 4rem; font-size: 1.6rem;}
	.as-con04-item01 .icon{padding: 3rem 0 2rem; width: 100%;}
	.as-con04-item01 .icon p{margin-top: 1rem; font-size: 1.6rem; line-height: 1.3;}
	.as-con04-item01 .txt{padding: 3rem 2rem 2.5rem; width: 100%;}
	.as-con04-item01 .txt .tit{font-size: 2rem; line-height: 1.6;}
	.as-con04-item01 .txt .tit + .only-txt,
	.as-con04-item01 .txt .tit + .dot-txt{margin-top: 2rem;}
	.as-con04-item01 .txt .sub-tit{margin-bottom: 1.5rem; font-size: 1.8rem; line-height: 1.3;}
	.as-con04-item01 .txt .only-txt{font-size: 1.6rem; line-height: 1.5;}
	.as-con04-item01 .txt .only-txt + .sub-tit{margin-top: 3rem;}
	.as-con04-item01 .txt .dot-txt{padding-left: 1.2rem; font-size: 1.6rem; line-height: 1.5;}
	.as-con04-item01 .txt .dot-txt + .dot-txt{margin-top: 0.5rem;}

	.as-con04-svg01{height: 4.5rem;}
	.as-con04-svg02{height: 4.2rem;}
	.as-con04-svg03{height: 4.4rem;}
	.as-con04-svg04{height: 4.7rem;}
	.as-con04-svg05{height: 3.8rem;}
}


/* ****************** 06 다운로드 :: 01 카탈로그 ********************** */
.sub-catalog-wrapper{}
.sub-catalog-list{display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 2rem;}
.sub-catalog-item{display: flex; border: 1px solid #eee; box-sizing: border-box;}

.sub-catalog-item .img-box {display: flex; align-items: center; justify-content: center; width: 47.967%; background-color: #f7f7f7; padding: 6.5rem 6rem; box-sizing: border-box;}
.sub-catalog-item .img-box img {max-width: 100%; box-shadow: 0 1rem 3rem 0 rgba(0, 0, 0, 0.1);}

.sub-catalog-item .txt-box {display: flex; flex-direction: column; justify-content: space-between; width: 52.033%; padding: 7rem 5rem 5rem 5rem; box-sizing: border-box;}
.sub-catalog-item .txt-box .catalog-list-tit {font-size: 3.4rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.35; color: #000;}
.sub-catalog-item .txt-box .catalog-list-txt {margin-top: 1rem; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.025em; line-height: 1.75; color: #888;}
.sub-catalog-item .catalog-btn {margin-top: 3rem; display: flex; align-items: center; justify-content: space-between; background-color: var(--main-color); width: 100%; height: 6rem; padding: 0 2.5rem 0 3rem; box-sizing: border-box; border: 2px solid var(--main-color); border-radius: 6rem; transition:var(--transition-custom);}
.sub-catalog-item .catalog-btn span {font-size: 1.8rem; font-weight: 500; color: #fff; transition:var(--transition-custom);}
.sub-catalog-item .catalog-btn i {font-size: 2.4rem; color: #fff; transition:var(--transition-custom);}

@media all and (min-width: 801px) {
    .sub-catalog-item .catalog-btn:hover {background-color: #fff;}
    .sub-catalog-item .catalog-btn:hover span, .sub-catalog-item .catalog-btn:hover i {color: var(--main-color);}
}

@media all and (max-width:800px){
	.sub-catalog-list{grid-template-columns: repeat(1, 1fr); grid-gap: 1rem;}

	.sub-catalog-item .img-box {width: 47.967%; padding: 4rem 3rem;}

	.sub-catalog-item .txt-box {width: 52.033%; padding: 4rem 3rem 4rem 3rem;}
	.sub-catalog-item .txt-box .catalog-list-tit {font-size: 3.2rem; line-height: 1.35;}
	.sub-catalog-item .txt-box .catalog-list-txt {margin-top: 1rem; font-size: 1.6rem; line-height: 1.75;}
	.sub-catalog-item .catalog-btn {margin-top: 3rem; height: 6rem; padding: 0 1.5rem 0 2rem;}
	.sub-catalog-item .catalog-btn span {font-size: 1.7rem;}
	.sub-catalog-item .catalog-btn i {font-size: 2rem;}
}


/* ****************** 06 다운로드 :: 02 자료실 ********************** */
.custom-tab-list-style02 {position: relative; width: 21%; height: 100%; margin-bottom: 0;}
.custom-tab-list-style02 .sub-tab-list-style {position: static !important; height: auto !important; max-width: 24rem; border-radius: 3rem;}
.custom-tab-list-style02 .sub-tab-list-style::before {display: none;}
.custom-tab-list-style02 ul {display: flex; flex-direction: column; max-width: 24rem; padding: 1rem; box-sizing: border-box; overflow: visible;}
.custom-tab-list-style02 ul li {width: 100%; background-color: transparent; border: none !important; border-radius: 3rem;}
.custom-tab-list-style02 ul li + li{margin-top: 1rem;}
.custom-tab-list-style02 ul li a {display: flex; align-items: center; padding: 1rem 5rem 1rem 3rem; width: 100%; height: auto; min-height: 6rem; background-color: #fff; border: 2px solid rgba(0,0,0,0.05); box-sizing: border-box; position: relative; border-radius: 3rem;}
.custom-tab-list-style02 ul li a:after{position: absolute; top: 50%; margin-top: -0.9rem; right: 2.5rem; font-size: 1.8rem; color: #aaa; content: "\e93f"; font-family: xeicon; transition: var(--transition-custom);}
.custom-tab-list-style02 ul li a em {font-size: 1.6rem; font-weight: 700; line-height: 1.3; letter-spacing: -0.02em; color: rgba(0,0,0,0.5); text-align: left; transition: var(--transition-custom);}
.custom-tab-list-style02 ul li.selected {background-color: transparent;}
.custom-tab-list-style02 ul li.selected a{border-color: var(--main-color); box-shadow: 1rem 1rem 2rem 0 rgba(0,0,0,0.2);}
.custom-tab-list-style02 ul li.selected a:after,
.custom-tab-list-style02 ul li.selected a em{color: #fff;}

@media all and (max-width:800px){
	.custom-tab-list-style02 {width: 100%; padding-right: 0;}
	.custom-tab-list-style02 .sub-tab-list-style {max-width: none;}
	.custom-tab-list-style02 .sub-drop-open-btn-style {background-color: var(--main-color);}
	.custom-tab-list-style02 ul {max-width: none; padding: 0;}
	.custom-tab-list-style02 ul li {border-top: 1px solid #eee !important; border-radius: 0;}
	.custom-tab-list-style02 ul li:first-child{border-top: 0 !important;}
	.custom-tab-list-style02 ul li + li{margin-top: 0;}
	.custom-tab-list-style02 ul li a {min-height: auto;}
	.custom-tab-list-style02 ul li a:after{display: none;}
	.custom-tab-list-style02 ul li a em {line-height: 1.3; color: rgba(0, 0, 0, 0.5);}

	.custom-tab-list-style02 ul li.selected a{box-shadow: none; border-color: #eee;}
	.custom-tab-list-style02 ul li.selected a em {color: var(--main-color);}
}

.sub-data-cate-box{margin-bottom: 3rem;}
.sub-data-cate-list{margin: -0.3rem; display: flex; flex-wrap:wrap;}
.sub-data-cate-item{margin: 0.3rem; width: calc(16.66% - 0.6rem);}
.sub-data-cate-item input[type="radio"]{display:none;}
.sub-data-cate-item a,
.sub-data-cate-item label{padding: 0 1rem; width: 100%; height: 4rem; font-size: 1.6rem; line-height: 1.3; letter-spacing: -0.02em; font-weight: 500; color: rgba(0,0,0,0.5); border: 2px solid #f2f2f2; background-color: #fff; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border-radius: 4rem; transition: var(--transition-custom); transition-property: border-color, background-color, color;}
.sub-data-cate-item.selected a,
.sub-data-cate-item input[type="radio"]:checked + label{border-color: var(--main-color); background-color: var(--main-color); color:#fff}

.sub-data-wrapper{}
.sub-data-list{border-top: 2px solid #000;}
.sub-data-item{padding: 3rem; display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between; border-bottom: 1px solid #f1f1f1; transition:var(--transition-custom); transition-property: background-color;}
.sub-data-cate{width: 17rem; padding-right: 1rem; font-size: 1.8rem; line-height: 1.3; letter-spacing: -0.02em; font-weight: 500; color: var(--main-color); box-sizing: border-box;}
.sub-data-txt{width: calc(100% - 34rem); padding-right: 1rem; box-sizing: border-box; display: flex; flex-wrap:wrap; align-items: center;}
.sub-data-txt .tit{width: calc(100% - 12rem); font-size: 1.8rem; line-height: 1.3; letter-spacing: -0.055em; font-weight: 500; color: #000;}
.sub-data-txt .date{width: 12rem; font-size: 1.6rem; line-height: 1.3; letter-spacing: -0.02em; color: #888; display: block;}
.sub-data-btn {width: 17rem; height: 4rem; padding: 0 1.5rem 0 2rem; display: flex; align-items: center; justify-content: space-between; background-color: var(--main-color); box-sizing: border-box; border: 2px solid var(--main-color); border-radius: 6rem; transition:var(--transition-custom);}
.sub-data-btn span {font-size: 1.6rem; letter-spacing: -0.02em; font-weight: 500; color: #fff; transition:var(--transition-custom);}
.sub-data-btn i {font-size: 1.8rem; color: #fff; transition:var(--transition-custom);}

@media all and (min-width: 801px) {
	.sub-data-item:hover{background-color: #f3f3f3;}
	.sub-data-item:hover .sub-data-btn:hover {background-color: #fff;}
	.sub-data-item:hover .sub-data-btn:hover span, .sub-data-item:hover .sub-data-btn:hover i {color: var(--main-color);}
}

@media all and (max-width:1280px){
	.sub-data-cate-item{width: calc(25% - 0.6rem);}
}
@media all and (max-width:800px){
	.sub-data-cate-box{margin-bottom: 3rem;}
	.sub-data-cate-list{margin: -0.3rem;}
	.sub-data-cate-item{margin: 0.3rem; width: calc(33.33% - 0.6rem);}
	.sub-data-cate-item a,
	.sub-data-cate-item label{padding: 0 1rem; width: 100%; height: 4rem; font-size: 1.5rem; line-height: 1.3;}
	
	.sub-data-item{padding: 2rem 0;}
	.sub-data-cate{width: 100%; padding-right: 0; font-size: 1.8rem; line-height: 1.3;}
	.sub-data-txt{margin-top: 0.5rem; width: 100%; padding-right: 0;}
	.sub-data-txt .tit{width: calc(100% - 12rem); font-size: 1.8rem; line-height: 1.3;}
	.sub-data-txt .date{width: 12rem; font-size: 1.6rem; line-height: 1.3; text-align: right;}
	.sub-data-btn {margin-top: 1.5rem; width: 17rem; height: 4rem; padding: 0 1.5rem 0 2rem;}
	.sub-data-btn span {font-size: 1.6rem;}
	.sub-data-btn i {font-size: 1.8rem;}
}



/* ****************** 06 다운로드 :: 03 물가시세 ********************** */
.sub-price-wrapper{}
.sub-price-list{border-top: 2px solid #000;}
.sub-price-item{padding: 3rem; display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between; border-bottom: 1px solid #f1f1f1; transition:var(--transition-custom); transition-property: background-color;}
.sub-price-txt{width: calc(100% - 17rem); padding-right: 1rem; box-sizing: border-box; display: flex; flex-wrap:wrap; align-items: center;}
.sub-price-txt .tit{width: calc(100% - 12rem); font-size: 1.8rem; line-height: 1.3; letter-spacing: -0.055em; font-weight: 500; color: #000;}
.sub-price-txt .date{width: 12rem; font-size: 1.6rem; line-height: 1.3; letter-spacing: -0.02em; color: #888; display: block;}
.sub-price-btn {width: 17rem; height: 4rem; padding: 0 1.5rem 0 2rem; display: flex; align-items: center; justify-content: space-between; background-color: var(--main-color); box-sizing: border-box; border: 2px solid var(--main-color); border-radius: 6rem; transition:var(--transition-custom);}
.sub-price-btn span {font-size: 1.6rem; letter-spacing: -0.02em; font-weight: 500; color: #fff; transition:var(--transition-custom);}
.sub-price-btn i {font-size: 1.8rem; color: #fff; transition:var(--transition-custom);}

@media all and (min-width: 801px) {
	.sub-price-item:hover{background-color: #f3f3f3;}
	.sub-price-item:hover .sub-price-btn:hover {background-color: #fff;}
	.sub-price-item:hover .sub-price-btn:hover span, .sub-price-item:hover .sub-price-btn:hover i {color: var(--main-color);}
}

@media all and (max-width:800px){
	.sub-price-item{padding: 2rem 0;}
	.sub-price-txt{width: 100%; padding-right: 0;}
	.sub-price-txt .tit{width: calc(100% - 12rem); font-size: 1.8rem; line-height: 1.3;}
	.sub-price-txt .date{width: 12rem; font-size: 1.6rem; line-height: 1.3; text-align: right;}
	.sub-price-btn {margin-top: 1.5rem; width: 17rem; height: 4rem; padding: 0 1.5rem 0 2rem;}
	.sub-price-btn span {font-size: 1.6rem;}
	.sub-price-btn i {font-size: 1.8rem;}
}


/* ****************** 07 시공사례 :: 리스트 ********************** */
.sub-case-wrapper{border-top: 2px solid #000;}
.sub-case-list{}
.sub-case-item{border-bottom:1px solid #e5e5e5;}
.sub-case-item a{position:relative; padding: 4rem 11rem 4rem 4rem; display: flex; flex-wrap:wrap; align-items: center;}
.sub-case-item a:before{position: absolute; top: 0; left: 0; width: calc(100% - 4px); height: 100%; border: 2px solid var(--main-color); box-shadow: 1rem 1rem 4rem -0.5rem rgba(0,0,0,0.2); content: ''; opacity: 0; transition:var(--transition-custom); transition-property: opacity;}
.sub-case-img{max-width: 320px; width: 25.6%;}
.sub-case-img span{display:block; position:relative; height:0; padding-top:71.87%;}
.sub-case-img img{position:absolute; top:0px; left:0px; width:100%; height:100%; object-fit: cover;}
.sub-case-info{padding-left: 4.28%; width:74.4%; box-sizing: border-box;}
.sub-case-info .tit{font-size:2.8rem; line-height: 1.3; letter-spacing: -0.02em; font-weight: 700; color: #000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sub-case-info .info-list{margin-top: 3rem;}
.sub-case-info .info-list dl{margin-top: 1rem; display: flex; flex-wrap:wrap;}
.sub-case-info .info-list dl:first-child{margin-top: 0;}
.sub-case-info .info-list dt, .sub-case-info .info-list dd{width: calc(100% - 10rem); font-size: 1.6rem; line-height: 1.3; letter-spacing: -0.02em; font-weight: 500; color: rgba(0,0,0,0.5);}
.sub-case-info .info-list dt{width: 10rem; color: #000; display: flex; align-items: center;}
.sub-case-info .info-list dt i{margin-right: 0.7rem; position: relative; top: -0.1rem;}
.sub-case-arrow{position:absolute; top: 50%; right:5.5rem; font-size: 4rem; color: #cacaca; transform: translateY(-50%); transition:var(--transition-custom); transition-property: color;}

.sub-case-item a:hover:before{opacity: 1;}
.sub-case-item a:hover .sub-case-arrow{color:var(--main-color);} 

@media all and (max-width:800px){
	.sub-case-item a{position:relative; padding: 3rem 3rem 0; display: flex; flex-wrap:wrap; align-items: center;}
	.sub-case-item a:before{position: absolute; top: 0; left: 0; width: calc(100% - 4px); height: 100%; border: 2px solid var(--main-color); box-shadow: 1rem 1rem 4rem -0.5rem rgba(0,0,0,0.2); content: ''; opacity: 0; transition:var(--transition-custom); transition-property: opacity;}
	.sub-case-img{max-width: none; width: 100%;}
	.sub-case-info{position: relative; padding: 3rem 5rem 3rem 0; width:100%; box-sizing: border-box;}
	.sub-case-info .tit{font-size:2.8rem; line-height: 1.3; letter-spacing: -0.02em; font-weight: 700; color: #000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.sub-case-info .info-list{margin-top: 3rem;}
	.sub-case-info .info-list dl{margin-top: 1rem; display: flex; flex-wrap:wrap;}
	.sub-case-info .info-list dl:first-child{margin-top: 0;}
	.sub-case-info .info-list dt, .sub-case-info .info-list dd{width: calc(100% - 10rem); font-size: 1.6rem; line-height: 1.3; letter-spacing: -0.02em; font-weight: 500; color: rgba(0,0,0,0.5);}
	.sub-case-info .info-list dt{width: 10rem; color: #000; display: flex; align-items: center;}
	.sub-case-info .info-list dt i{margin-right: 0.7rem; position: relative; top: -0.1rem;}
	.sub-case-arrow{right:0; font-size: 3.2rem;}
}


/* ****************** 07 시공사례 :: 뷰 ********************** */
.bbs-view-case-box{margin-top: 5rem; padding: 2.8rem 4rem; background-color: #f9f9f9;}
.bbs-view-case-box table{}
.bbs-view-case-box table th, .bbs-view-case-box table td{padding: 0.7rem 0; font-size: 1.8rem; line-height: 1.3; letter-spacing: -0.025em; font-weight: 500; color: #888; text-align: left;}
.bbs-view-case-box table th{min-width: 11.5rem; max-width: 20rem; font-weight: 700; color: #000; padding-right: 1rem; box-sizing: border-box;}
.bbs-view-case-box table th i{margin-right: 1rem; position: relative; top: 0.1rem;}
.bbs-view-case-box table td{}

@media all and (max-width:800px){
	.bbs-view-case-box{margin-top: 3rem; padding: 2rem 3rem;}
	.bbs-view-case-box table th, .bbs-view-case-box table td{padding: 0.7rem 0; font-size: 1.8rem; line-height: 1.3;}
	.bbs-view-case-box table th{min-width: 11.5rem; max-width: 12.5rem; padding-right: 1rem;}
	.bbs-view-case-box table th i{margin-right: 1rem; top: 0.1rem;}
}

/* 250930 HiFi 추가 작업 :: YJ */
.product-page .sub-tab-list-style {    transition: var(--transition-custom);}
.product-page .sub-tab-list-style:before {display: none;}
.product-page .sub-tab-list-style.top-fixed {top: 0; height: 65px; position:relative; /* position: fixed; */}
/* .product-page .sub-tab-list-style.top-fixed.scroll-up {top:var(--header-height);} */
.brand-img-container {display:flex; margin-right: 9rem; width: 52.143%; align-self:flex-start;}
.brand-content {display:flex;}
.brand-view-info-con {width: calc(100% - (52.143% + 9rem)); max-width:none;}
.photo-nav-box {position: relative; margin-right: 2rem; width: 17.81%; height: 100%;}
/* .photo-nav-list  {width: 100%; max-height:58rem;} */
.photo-nav-list .slick-track {margin: -1rem 0;}
.photo-nav-list li {position: relative; width: 100% !important; cursor:pointer; margin: 1rem 0; border:0 !important;}
.photo-nav-list li .img-box {position: relative; width: 100%; padding: 1.5rem; box-sizing: border-box; background: #f1f1f1;}
.photo-nav-list li .img-box span {position: relative; display: block; height: 0; padding-top: 100%; width: 100%;}
.photo-nav-list li .img-box:before {display: block; content:""; width: 100%; height: 100%; border:2px solid var(--main-color); box-sizing:border-box; position:absolute; 
top: 0; left: 0; opacity: 0; z-index: 1; transition: var(--transition-custom);}
.photo-nav-list li.slick-current .img-box:before {opacity: 1;}
.photo-nav-list img {mix-blend-mode: darken;}
.photo-big-list {width: 79.453%; height: 100%; max-height:58rem;}
.photo-big-list li .img-box {width: 100%; background: #f1f1f1; padding: 4rem; box-sizing:border-box;}
.photo-big-list li .img-box span {position: relative; display: block; height: 0; padding-top: 100%; width: 100%;}
.photo-big-list li .img-box img {mix-blend-mode: darken;}
.photo-nav-controls {width: 6.4rem; height: 3rem;
background: #fff;
border-radius: 15px;
display:none;
justify-content: center; -webkit-box-shadow: 8px 8px 24px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 8px 8px 24px 0px rgba(0, 0, 0, 0.1);
box-shadow: 8px 8px 24px 0px rgba(0, 0, 0, 0.1); position: absolute;
bottom: 0.5rem;
left: 50%;
transform: translateX(-50%);}
.photo-nav-controls button {position: relative; font-size:2rem; color: #000; left: -0.3rem;}
.photo-nav-controls button:first-of-type:after {display: block; content:""; position:absolute; right: -0.3rem; top: 50%; transform:translateY(-50%); width: 1px; height: 1rem; background: #eee;}
.photo-nav-controls button:last-child {right: -0.3rem;
left: initial;}
.photo-nav-controls button.slick-disabled {color: rgba(0,0,0,0.2);}

/* 251021 스크롤 추가로 인한 재수정 */
.photo-nav-box {position: relative; margin-right: 2rem; height: 100%; overflow-y: scroll; width: 19.179%;}
.photo-nav-box .scroll-content {padding-right: 1rem; margin-top: -2rem;}
/* .photo-nav-box .scrollbar-track {width: 0.4rem;}
.photo-nav-box .scrollbar-thumb {width: 0.4rem;} */
.photo-nav-list  {/* width: 100%; max-height:58rem; */ height: 58rem; margin-top: -2rem; /* margin-top: 0; */  margin-right: 0.6rem;}
.photo-nav-list li {position: relative; width: 100% !important; cursor:pointer; margin: 2rem 0; border:0 !important;}
.photo-nav-list li .img-box {position: relative; width: 100%;}
.photo-nav-list li .img-box span {position: relative; display: block; height: 0; padding-top: 100%; width: 100%;}
.photo-nav-list li .img-box:before {display: block; content:""; width: 100%; height: 100%; border:2px solid var(--main-color); box-sizing:border-box; position:absolute; 
top: 0; left: 0; opacity: 0; z-index: 1; transition: var(--transition-custom);}
.photo-big-list {/* width: calc(100% - (19.179% + 2rem)); */z-index: -1; position: relative; width: 100%; height: 100%; max-height:58rem;}
.photo-big-list li .img-box {width: 100%; background: #f1f1f1;}
.photo-big-list li .img-box span {position: relative; display: block; height: 0; padding-top: 100%; width: 100%;}
.photo-big-list li .img-box img {mix-blend-mode: darken; transition:var(--transition-custom);}
.photo-nav-list li.on .img-box:before {opacity: 1;}

/* 251024 스크롤 재수정 시작 */
.photo-nav-box::-webkit-scrollbar {width: 4px !important; border-radius:2px !important;}
.photo-nav-box::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .5) !important; border-radius:2px !important;}

.photo-big-box {width: calc(100% - (19.179% + 2rem)); position: relative; align-self:flex-start;}
.photo-nav-list2 {width: 100%; margin-top: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    z-index: 999;
    justify-content: space-between;}
.photo-nav-list2 .slick-prev {transform:rotate(-90deg); margin-left: 3rem;}
.photo-nav-list2 .slick-next {transform:rotate(-90deg); margin-right: 3rem;}
.photo-nav-list2 button i {font-size:3rem; color: #000; transition:var(--transition-custom);}
.photo-nav-list2 button.slick-disabled i {opacity: 0.2;}

.sub-tab-wrapper-style.ver2.active {opacity: 1; transition-delay:0.5s; /* right: 10rem; */ transform: translateX(0);}
.sub-tab-wrapper-style.ver2 {height: auto; /* position:absolute; right: -15rem; top: 8.5rem; */ position:fixed; top: 50%; /* right: 0; */ right: 10rem; z-index: 99; opacity: 0; 
transition:var(--transition-custom); transform: translateX(50%);}
.sub-tab-wrapper-style.ver2 .sub-tab-list-style ul {display:flex; align-items: flex-end; flex-direction:column; border-radius:0;}
.sub-tab-wrapper-style.ver2 .sub-tab-list-style ul li {width: auto; background-color:initial; margin-top: 0.9rem; min-width:12rem;}
.sub-tab-wrapper-style.ver2 .sub-tab-list-style ul li:first-of-type {margin-top: 0;}
.sub-tab-wrapper-style.ver2 .sub-tab-list-style ul li a {height: 5rem;}


@media all and (max-width:1880px){
	.sub-tab-wrapper-style.ver2 {right: 2rem;}
}

@media all and (max-width:800px){
	.photo-nav-box::-webkit-scrollbar {height: 4px !important; width: 100% !important;}
	.photo-big-box {width: 100%;}
	.sub-tab-wrapper-style.ver2 {display:none;}
	.photo-nav-list2 {margin: 0; align-items:center;}
	.photo-nav-list2 button i {font-size:2.2rem;}
	.photo-nav-list2 .slick-arrow {width: 2rem; height: 2rem; margin: 0;}
	.photo-nav-list2 .slick-prev {margin-left: 1.5rem;}
	.photo-nav-list2 .slick-next {margin-right: 1.5rem;}
	.photo-big-list li .img-box {padding: 2rem;}
}

/* 251024 스크롤 재수정 끝 */


.brand-view-info-features {border-bottom: 1px solid #ddd; padding-bottom:4.7rem;}
.brand-view-info-btn {margin-top: 4rem; justify-content: space-between;}
.brand-view-info-btn a {width: calc((100% - 1rem) / 2); height: 6.5rem; border-radius: 32.5px;}
.brand-view-info-btn a + a {background-color: #fff; border-color:var(--main-color); color: var(--main-color);}

.prd-detail-container {margin-top: 17rem;}
.prd-detail-container .sub-tab-wrapper-style {z-index: 10;}
.prd-detail-box {display:flex; padding:8.5rem 0 10rem; border-bottom:1px solid #ddd;}
#fixedContentM2 .prd-detail-box {padding-top: 12rem;}

.character-box {background: rgba(0,0,0,0.03); padding: 5rem 4.5rem;}
.character-box p {font-size: 1.8rem; line-height:1.667em; letter-spacing:-0.02em; color: rgba(0,0,0,0.5);}
.prd-detail-tit {width: 21.429%; font-size:4rem; letter-spacing:-0.02em; color: #000; font-weight: 700; line-height:1.625em; }
.prd-detail-con {width: calc(100% - 21.429%);}

.spec-tb {width: 100%; border-top:2px solid #000;}
.spec-tb tr td:first-of-type {background: #f5f5f5; color: #000;}
.spec-tb td {font-size:1.4rem; letter-spacing:-0.02em; font-weight: 500; line-height:1.2; border-bottom:1px solid rgba(0,0,0,0.1); padding: 1.25rem 2rem;}
.spec-tit-box {display:flex; justify-content:space-between; margin-bottom: 3rem;}
.spec-tit-box .tit {font-size:2.2rem; letter-spacing:-0.02em; font-weight: 700; color: #000; line-height:1.25;}
.spec-list {display:flex; border-radius:20px; overflow:hidden;}
.spec-list li {height: 4rem;     background: #f5f5f5;}	
.spec-list li a {display: flex; justify-content:center; align-items: center; font-size: 1.6rem;
letter-spacing: -0.02em; line-height: 1.1;
color: #000;
font-weight: 500;
width: 13.9rem;
text-align: center; height: 100%; border-radius:20px; background: #f5f5f5;}
.spec-list li.on {}
.spec-list li.on a {color: #fff; background: var(--main-color);}

/* spec 버튼 */
.spec-con {margin-top: 3.4rem; position: relative;}
.spec-tab-wrapper-style {position:absolute; top: -2rem; right: 0; z-index: 10;}
.spec-drop-open-btn {display:none;}
.inner-spec-con {margin-top: 5rem;}
.inner-spec-con:first-of-type {margin-top: 0;}
@media all and (min-width:801px){
	.spec-tab-list {/* width: 27.7rem; */
	    height: 4rem;
	    border-radius: 20px;
	    background: #f5f5f5;
	    display: flex !important;
	    justify-content: center;}
	    .spec-tab-list li {/* width: 50%; */ height: 100%;}
	    .spec-tab-list li a {position: relative;
	    width: 100%;
	    height: 100%;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    border-radius: 2rem;
	    transition: all 0.3s;
	    box-sizing: border-box; padding: 0 2rem;
        box-sizing: border-box;}
	    .spec-tab-list li a em {    line-height: 1.3;
	    font-size: 1.6rem;
	    color: #000;
	    font-weight: 500;
	    letter-spacing: -0.02em;}
	    .spec-tab-list li.selected a {background: var(--main-color);}
	    .spec-tab-list li.selected a em {color: #fff;}
}


.prd-down-list {display:flex; flex-wrap:wrap; margin-top: -2rem;}
.prd-down-list li {display: flex; justify-content: space-between; align-items:center; background: #f5f5f5; width: calc((100% - 2rem) / 2); margin-right: 2rem; margin-top: 2rem; padding: 3rem 4rem;
box-sizing: border-box;}
.prd-down-list li:nth-of-type(even) {margin-right: 0;}
.prd-down-list .down-tit {font-size:2.2rem; letter-spacing:-0.02em; font-weight: 700; color: #000; line-height:1.25;}
.prd-down-list .down-btn {width: 17rem;
height: 4rem;
display: flex;
justify-content: space-between;
align-items: center; border:2px solid rgba(0,0,0,0.1); border-radius:20px; padding: 0 2rem;
box-sizing: border-box; transition:var(--transition-custom);}
.prd-down-list .down-btn em {font-size:1.6rem; letter-spacing:-0.02em; font-weight: 500; color: #888;}
.prd-down-list .down-btn i {font-size:1.8rem; color: #888;}
.prd-down-list .down-btn:hover {background: var(--main-color);}
.prd-down-list .down-btn:hover em {color: #fff;}
.prd-down-list .down-btn:hover i {color: #fff;}
/* .view-btn-wrap {text-align:center;} */
.view-back-btn {display:flex; align-items:center; justify-content:space-between; width: 22rem; height: 6.5rem; border-radius:32.5px; background: var(--main-color); 
margin: 4rem auto 0; padding: 0 3rem; box-sizing:border-box; border: 2px solid var(--main-color); transition: background-color 0.3s;}
.view-back-btn:hover {background: #fff;}
.view-back-btn .txt {font-size:1.8rem; letter-spacing:-0.02em; font-weight: 700; position: relative;
transition: color 0.3s;}
.view-back-btn i {font-size:2rem; position: relative;
transition: color 0.3s;}
.view-back-btn .txt, .view-back-btn i {color: #fff; }
.view-back-btn:hover .txt, .view-back-btn:hover i {color: #fff;}

@media all and (max-width:800px){
	.brand-content {flex-direction:column;}
	.brand-img-container {width: 100%; margin-right: 0; /* max-height:initial; */ flex-direction:column-reverse;}
	.photo-nav-box {width: 100%; margin-right: 0;}
	.photo-nav-box .scrollbar-track {width: 100%; height: 0.4rem !important;}
	.photo-nav-box .scrollbar-thumb {height: 0.4rem !important;}
	.photo-nav-list {height:14rem;  margin: 2rem -1rem 0; white-space:nowrap;}
	.photo-nav-list li {/* margin: 1rem; */ display:inline-block; width: 13rem !important; margin: 0 1rem;}
	.photo-nav-list .slick-track {display:flex; flex-direction:row; /* width: auto !important; */}
	.photo-nav-controls {bottom: -1.5rem;}
	.photo-nav-controls button i {transform:rotate(-90deg);}
	.photo-nav-controls button:first-of-type i {transform:rotate(-90deg);}
	/* .photo-nav-controls {position: absolute;
	    top: 50%;
	    transform: translateY(-50%);
	    display: flex;
	    width: 100%;
	    justify-content: space-between;}
	.photo-nav-controls button {font-size: 2rem; color: #000;} */
	.photo-big-list {width: 100%; margin-bottom:2.5rem; max-height: initial;}
	.brand-view-info-con {width: 100%; margin-top: 4rem;}
	.prd-detail-container {margin-top: 8.5rem;}
	#fixedContentM2 .prd-detail-box {padding-top: 6rem;}
	.prd-detail-box {flex-direction:column; padding: 6rem 0;}
	.prd-detail-tit {font-size:3.3rem; width: 100%;}
	.prd-detail-con {width: 100%; margin-top: 2.5rem;}
	.prd-down-list li {flex-direction: column; align-items: flex-start; padding: 3rem;}
	.prd-down-list .down-btn {margin-top: 1.5rem;}

	/* spec 버튼 */
	.spec-drop-open-btn {display:block; position: relative;
padding: 0 5rem 0 2rem;
width: 100%;
height: 4rem;
line-height: 4rem;
font-size: 1.6rem;
background-color: var(--main-color);
box-sizing: border-box;
border-radius: 2rem;
transition: border-radius 0.4s 0.4s;}
   .spec-drop-open-btn span {font-size: 1.6rem;
font-weight: 700;
letter-spacing: -0.02em;
color: #fff;}
   .spec-drop-open-btn .arrow {position: absolute;
top: 50%;
right: 1.5rem;
margin-top: -1rem;
font-size: 2rem;
color: #fff;}
   .spec-tab-wrapper-style.open .spec-drop-open-btn {border-radius:2rem 2rem 0 0; transition: border-radius 0s 0s;}
   .spec-tab-list {
	display: none;
margin: 0;
height: auto;
position: absolute;
top: calc(100% - 1px);
left: 0px;
right: 0px;
background-color: var(--main-color);
z-index: 11;
box-sizing: border-box;
border-radius: 0 0 2rem 2rem;
   }
    .spec-tab-list li {position:static; display: block; float:none; width: auto; background-color:transparent;}
    /* .spec-tab-list li:first-child {padding-top: 1rem;} */
    .spec-tab-list li a {display: block; width: auto; height: auto; padding: 10px 2rem; border:0;}
    .spec-tab-list li a em {color: rgba(255,255,255,0.7); font-size: 1.5rem;
line-height: 1.3;
letter-spacing: -0.02em;}
}

@media all and (max-width:480px){
	.prd-down-list li {width: 100%; margin-right: 0;}
	.character-box {padding: 1rem;}
}

/* 251001 YJ 추가 pr */
.pr-page .sub-tab-wrapper-style {max-width: 70rem; margin: 0 auto 7rem; z-index: 99;}

@media all and (max-width:800px){
	.pr-page .sub-tab-wrapper-style {margin: 0 auto 5rem;}
}
/* 공지 카테고리 추가 */
.notice-tit { position: relative;
    top: -1px; display: inline-block;
    background: var(--main-color);
    color: #fff;
    width: 4.5rem;
    height: 2.5rem;
    border-radius: 12px;
    text-align: center;
    vertical-align: middle;
    line-height: 2.5rem; font-size:1.4rem; margin-right: 1rem;}

/* 251103 브랜드 - 리뷰 컨텐츠 추가 */
.prd-review-list li {background: #f5f5f5; height: 10rem;  margin-top: 1rem;}
.prd-review-list li:first-of-type {margin-top: 0;}
.prd-review-list li a {display:flex; justify-content:space-between; align-items: center; padding: 0 4rem; box-sizing: border-box; height: 100%; border: 2px solid #f5f5f5;
    transition: var(--transition-custom);}
.prd-review-list .review-tit {width: calc(100% - 17%); font-size:2rem; letter-spacing:-0.05em; color: #000; font-weight: 700; line-height:1.6em; text-overflow: ellipsis;
    white-space: nowrap; overflow:hidden; padding-right: 3rem;
    box-sizing: border-box;}
.prd-review-list .review-tit i {font-size:2.4rem; letter-spacing:-0.02em; color: #000; line-height:1.1; position: relative; top: 0.4rem; margin-left: 1rem;}
.prd-review-list .review-date {width: 17%; font-size:1.6rem; letter-spacing:-0.02em; color: #888; font-weight: 500; line-height:1.1; text-align:right; }
.prd-review-list .review-date i {position: relative; top: 0.1rem; margin-right: 1rem; font-size:1.68rem; letter-spacing:-0.02em; color: #888; }
.prd-review-list li a:hover {background: #fff; border-color: var(--main-color);}
.review-btn-wrap {display: flex; justify-content: flex-end;}
.review-more-btn {display: flex; justify-content: space-between; width: 17rem; height: 4rem; margin-top: 2rem; padding: 0 2rem; box-sizing: border-box; align-items: center; border: 2px solid rgba(0,0,0,0.1); border-radius:20px; transition: var(--transition-custom);}
.review-more-btn em {color: #888; font-size:1.6rem; line-height:1.2; letter-spacing:-0.02em; font-weight: 700; var(--transition-custom);}
.review-more-btn i {color: #888; font-size:2rem; var(--transition-custom);}
.review-more-btn:hover {border-color: var(--main-color); background: var(--main-color); }
.review-more-btn:hover em, .review-more-btn:hover i {color: #fff;} 

@media all and (max-width:800px){
	.prd-review-list li a {padding: 0 2rem; flex-direction: column; justify-content: center; align-items: flex-start;}
	.prd-review-list .review-tit {width: 100%; padding-right: 0;}
	.prd-review-list .review-date {width: 100%; text-align:left; margin-top: 1rem;}
}