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

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

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

@media all and (min-width:1025px){
	/* Tab Fixed Background */
	.sub-tab-list-style:before{position:absolute; top:0px; bottom:0px; left:50%; width:0; content:""; background-color:#fff; border-bottom:1px solid #e5e5e5; transition:all 0.5s}
	.sub-tab-list-style.top-fixed:before{width:100%; margin-left:-50%}
}

/* ****************** 01 Company :: 01 CEO 인사말 ********************** */
.ceo-page{padding-bottom: 14.5rem; position: relative; overflow: hidden; background: #fff;}
.ceo-page:before{position: absolute; bottom: 0; left: 0; width: 100%; height: 75%; background-color: #F5F5F5; content: '';}

.ceo-con01 {margin: 0 auto; display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between; flex-direction:column;} 
.ceo-con01-img {width: 100%; position: relative; z-index: 1;}
.ceo-con01-img img {width: 100%; border-radius:30px;}
.ceo-con01-img img:last-of-type {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 46.2rem; border-radius: 0;}

.ceo-con01-txt{display:flex; margin-top: 9.7rem; width: 100%;}
.ceo-con01-txt .tit{width: 50%; font-size: 4rem; font-weight: 700; line-height: 1.45; letter-spacing: -0.04em; color: #000; position: relative; padding-left: 7.4rem;
    box-sizing: border-box;}
.ceo-con01-txt .tit:before{position:absolute; top:-2.5rem; left:4rem; width: 4.4rem; height: 4.7rem; background: url('../images/content/ceo_icon01.svg') center/cover no-repeat; content: '';}
.ceo-con01-txt .tit span {color: var(--main-color);}
.ceo-con01-txt .txt-box {position: relative;width: 50%; padding-top: 1.2rem;}
.ceo-con01-txt .txt-box:after{position: absolute; bottom: 2.5rem; right: 3.5rem; width: 18.3rem; height: 20.7rem; background: url('../images/content/ceo_deco02.svg') center/100% no-repeat; content: '';}
.ceo-con01-txt .txt01{font-size:3rem; letter-spacing:-0.04em; color: #202020; font-weight: 700; line-height:1.3;}
.ceo-con01-txt .txt01 span {color:var(--main-color);}
.ceo-con01-txt .txt02 {font-size:2rem; letter-spacing:-0.04em; color: #151515; font-weight: 600; line-height:1.7em; margin-top: 2.4rem; margin-bottom: 3rem;}
.ceo-con01-txt .txt03 {font-size:1.6rem; letter-spacing:-0.04em; color: #444; font-weight: 500; line-height:1.75em;}
.ceo-con01-txt .txt03 + .txt03 {margin-top: 2rem;}
/* .ceo-con01-txt .txt01:before,
.ceo-con01-txt .txt02:before{position: absolute; top: -5rem; left: -100vw; bottom: 0; width: 200vw; background-color: #F5F5F5; content: ''; z-index: -1;} */
.company-txt {font-size:1.6rem; letter-spacing:-0.04em; font-weight: 600; color: #222; margin-top: 4rem;}
.company-txt span { color: var(--main-color); }
.ceo-name {font-size:2rem; letter-spacing:-0.04em; color: #222; font-weight: 700; margin-top: 1.7rem;}


/* ****************** 01 Company :: 02 연혁 ********************** */
/* -------- 연도 탭 -------- */
.history-tab-wrapper-style{position:relative; z-index: 1; height: 5rem; margin-bottom:9rem;}
.history-tab-list-style{transition: var(--transition-custom2); transition-property: top;}
.history-tab-list-style ul{display: flex; flex-wrap:wrap; justify-content: center;}
.history-tab-list-style ul li{margin-bottom: 1rem; margin-right: 1.2rem; width:20%; max-width: 18rem; position:relative;}
.history-tab-list-style ul li:last-child{margin-right: 0;}
.history-tab-list-style ul li a{display:table; width:100%; height:5rem; background-color: #F2F2F2; border-radius: 5rem;}
.history-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#333; font-size:1.6rem; line-height: 1.3; font-weight: 700; text-align:center;}
.history-tab-list-style ul li.selected a{background-color:var(--main-color); color:#fff;}
.history-tab-list-style ul li.selected a em{color:#fff;}
.history-tab-list-style.top-fixed{position:fixed; top: calc(var(--header-height) + 1rem); left:0; width:100%; height: 5rem; z-index: 99;}
.history-tab-list-style.top-fixed.scroll-down{top: 1rem;}
/* -------- 좌측(년대) -------- */
.sub-tab-content-style .sub-tab-con:first-child .history-year-group-box{border-top:2px solid #000;}
.history-style03 .history-year-group-box{position:relative; border-top:1px solid #ddd; padding:8rem 0;}
.history-style03 .history-year-group-box .history-year-group-tit{position:absolute; left:0; top:7rem; color:#000; font-size:4rem; font-weight:700; transition: var(--transition-custom);  transition-property: color;}
.history-style03 .history-year-group-box .history-year-group-tit:after{position: absolute; top: 0; right: -2rem; width: 1rem; height: 1rem; border-radius: 100%; background-color:var(--main-color); box-shadow: 0 0 0.8rem 0 rgba(237,27,35,0.2); content: ''; opacity: 0; transition: var(--transition-custom); transition-property: opacity;}
.sub-tab-con.selected .history-year-group-box .history-year-group-tit{color: var(--main-color);}
.sub-tab-con.selected .history-year-group-box .history-year-group-tit:after{opacity: 1;}
/* -------- 우측영역(정보) -------- */
/* 우측영역 :: Year */
.history-style03 .history-year-group-tit + .history-year-list-box{margin-left:44rem;}
.history-style03 .history-year-item {position:relative; display:flex; justify-content:space-between; padding:6rem 0 5rem; border-top:1px solid #ddd; }
.history-style03 .history-year-item:first-child{border-top:0; padding-top:0}
.history-style03 .history-year-item:last-child{padding-bottom:0}
.history-style03 .history-year-item .history-year{position:relative; z-index:1; width:13rem; color:#000; font-weight:700; font-size:2.4rem;}
/* 우측영역 :: Month */
.history-style03 .history-month-box{position:relative; width:calc(100% - 13rem)}
.history-style03 .history-month-box .history-month-item{position:relative; display:flex; line-height:1.4;}
.history-style03 .history-month-box .history-month-item .history-detail-txt-con{width:100%;}
.history-style03 .history-month-box .history-month-item .history-detail-txt{color:#666; font-size:1.8rem; letter-spacing:-0.04em; font-weight: 600; margin-bottom:1.5rem; word-break:keep-all;}
.history-style03 .history-month-box .history-month-item .history-detail-txt:last-of-type{margin-bottom:0} 
.history-style03 .history-month-box .history-month-item .history-detail-txt.only-txt{position:relative; padding-left:1.2rem;}
.history-style03 .history-month-box .history-month-item .history-detail-txt.only-txt:before{position:absolute; left:0; top:0; content:"·"; }

@media all and (max-width:1600px){ 
	.history-tab-list-style .area{padding: 0;}
	.history-tab-list-style.top-fixed .area{padding:0 var(--area-padding);}
}
@media all and ( max-width:800px ){
    /* -------- 연도 탭 -------- */
	.history-tab-wrapper-style{height: 5rem; margin-bottom:5rem;}
	.history-tab-list-style ul{display: flex; flex-wrap:wrap; justify-content: center;}
	.history-tab-list-style ul li{margin-bottom: 0; margin-right: 0; width:100%; max-width: none;}
	.history-tab-list-style ul li a{display:table; width:100%; height:5rem; background-color: #fff; border-radius: 0;}
	.history-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#333; font-size:1.6rem; line-height: 1.3; font-weight: 700; text-align:center;}
	.history-tab-list-style ul li.selected a{background-color: #fff; color:var(--main-color2);}
	.history-tab-list-style ul li.selected a em{color: var(--main-color2);}
	.history-tab-list-style.top-fixed{position:fixed; top: calc(var(--header-height) + 1rem); left:0; width:100%; height: 5rem; z-index: 99;}
	/* 좌측(년대) */
	.history-style03 .history-year-group-box {padding: 5rem 0;}
	.history-style03 .history-year-group-box .history-year-group-tit{position:relative; top: auto; left: 0; font-size:4rem; margin-bottom:3rem; display: inline-block;}
	/* 우측영역 :: Year */
	.history-style03 .history-year-group-tit + .history-year-list-box{margin-left:0;}
	.history-style03 .history-year-item .history-year{width:10rem; font-size: 2.4rem;}
	.history-style03 .history-month-box{width:calc(100% - 10rem)}
	.history-style03 .history-month-box .history-month-item .history-detail-txt{font-size:1.8rem; margin-bottom:1.2rem;}
	.history-style03 .history-month-box .history-month-item .history-detail-txt.only-txt{padding-left:1.2rem;}
}

/* ****************** 01 Company :: 03 특허 및 인증서 ********************** */
.certifi-list-style05 .certificate-list{margin: -2.5rem; display: flex; flex-wrap:wrap;}
.certifi-list-style05 .certificate-list li{margin: 2.5rem; width: calc(25% - 5rem); transition: var(--transition-custom2); opacity: 0;  transition-property: opacity, transform, -webkit-transform;  -webkit-transform: translate3d(30px, 0, 0); transform: translate3d(30px, 0, 0); transition-delay:0s;}
.certifi-list-style05 .certificate-list li:nth-child(4n + 1) { transition-delay: 0s; }
.certifi-list-style05 .certificate-list li:nth-child(4n + 2) { transition-delay: 0.1s; }
.certifi-list-style05 .certificate-list li:nth-child(4n + 3) { transition-delay: 0.2s; }
.certifi-list-style05 .certificate-list li:nth-child(4n + 4) { transition-delay: 0.3s; }
.certifi-list-style05 .certificate-list li.animated  { opacity: 1;  -webkit-transform: none;  transform: none; pointer-events: auto;}
.certifi-list-style05 .certificate-list .certificate-img-thumb{position:relative; padding:7rem 0; background-color: #F5F5F5; border-radius: 1rem;}
.certifi-list-style05 .certificate-list .certificate-img-thumb .category{position: absolute; top: 2rem; left: 2rem; display: inline-block; padding: 0 1.6rem; font-size: 1.4rem; line-height: 3rem; letter-spacing: -0.025em; font-weight: 600; color: #fff; background-color: var(--main-color); border-radius: 0.4rem; z-index: 1;}
.certifi-list-style05 .certificate-list .certificate-img-thumb .img-con{display:block; position:relative; width: 50%; margin:0px auto; }
.certifi-list-style05 .certificate-list .certificate-img-thumb .img-con span{position: relative; width: 100%; height: 0; padding-top: 133%; display: block;}
.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%;}
.certifi-list-style05 .certificate-list .certificate-img-thumb .certificate-over-box{position:absolute; top:-1px; left:-1px; bottom:-1px; right:-1px; border:2px solid var(--main-color); border-radius: 1rem; 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: -3.2rem 0 0 -3.2rem; width:6.4rem; height:6.4rem; line-height:6.4rem; background-color:var(--main-color); text-align:center; color:#fff; font-size:2.6rem; border-radius:50%;}
.certifi-list-style05 .certificate-list .certificate-tit{margin-top: 2.4rem; font-size:1.8rem; line-height: 1.1; color:#111; font-weight:600; letter-spacing:-0.025em; text-align:center; max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

@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:1280px){
	.certifi-list-style05 .certificate-list{margin: -2.5rem -1.5rem;}
	.certifi-list-style05 .certificate-list li{margin: 2.5rem 1.5rem; width: calc(25% - 3rem);}
}
@media all and (max-width:800px){
	.certifi-list-style05 .certificate-list{margin: -2.5rem -1rem;}
	.certifi-list-style05 .certificate-list li{margin: 2.5rem 1rem; width: calc(50% - 2rem);}
	.certifi-list-style05 .certificate-list li:nth-child(4n + 1) {transition-delay: 0s; }
	.certifi-list-style05 .certificate-list li:nth-child(4n + 2) {transition-delay: 0.15s; }
	.certifi-list-style05 .certificate-list li:nth-child(4n + 3) {transition-delay: 0s; }
	.certifi-list-style05 .certificate-list li:nth-child(4n + 4) {transition-delay: 0.15s; }
	.certifi-list-style05 .certificate-list .certificate-img-thumb{padding: 6rem 0 4rem;}
	.certifi-list-style05 .certificate-list .certificate-img-thumb .category{top: 2rem; left: 2rem; padding: 0 1.6rem; font-size: 1.4rem; line-height: 3rem;}
	.certifi-list-style05 .certificate-list .certificate-img-thumb .img-con{width:70%}
	.certifi-list-style05 .certificate-list .certificate-img-thumb .certificate-over-box{display: none;}
	.certifi-list-style05 .certificate-list .certificate-tit{margin-top: 2.4rem; font-size:1.8rem;} 
}


/* ****************** 01 Company :: 04 오시는길 ********************** */
/* .location-page{max-width: 1280px; margin: 0 auto;} */
/* 오시는길 :: 상단 */
.map-iframe-wrapper{position:relative; border:1px solid #ddd; box-sizing: border-box; border-radius: 1rem; overflow: hidden;}
.map-iframe-wrapper .map-iframe-con{padding-top: 38%; position:relative; height:0;}
.map-iframe-wrapper .map-iframe-con iframe{position:absolute; top:0px; left:0px; width:100%; height:100%;}
.map-iframe-wrapper .map-iframe-con img {position:absolute; top:0px; left:0px; width:100%; height:100%; object-fit:cover}

/* 오시는길 :: 하단 */
.location-bottom-con{margin-top: 5rem; display: flex; flex-wrap:wrap;}
.location-bottom-left{width: 50%;}
.location-bottom-left h5{font-size: 4rem; font-weight: 700; line-height: 1.45; letter-spacing: -0.04em; color: #000;}
.location-bottom-left h5 b{color: var(--main-color); font-weight: 700;}
.location-bottom-right{width: 50%; padding-left: 5%; /* border-left: 1px solid #ddd; */ box-sizing: border-box;}
.location-bottom-right-list{}
.location-bottom-right-list li{width: 100%; font-size: 1.8rem; line-height: 1.3; letter-spacing: -0.04em; font-weight: 600; color: #565656; display: flex; align-items: center; transition: var(--transition-custom2); pointer-events: none; will-change: transform; will-change: opacity; opacity: 0; transition-property: opacity, -webkit-transform; transition-property: opacity, transform; transition-property: opacity, transform, -webkit-transform; -webkit-transform: translate3d(-30px, 0, 0); transform: translate3d(-30px, 0, 0);}
.location-bottom-right-list li + li{margin-top: 1.6rem;}
.location-bottom-right-list li .icon{margin-right: 2.4rem; width: 4.4rem; height: 4.4rem; font-size: 2rem; color: #000; background-color: #F2F2F2; border-radius: 100%; display: flex; align-items: center; justify-content: center;}
.location-bottom-right-list.animated li{opacity: 1; -webkit-transform: none; transform: none; pointer-events: auto; transition-delay:0.2s;}
.location-bottom-right-list.animated li:nth-child(2){transition-delay:0.4s;}
.location-bottom-right-list.animated li:nth-child(3){transition-delay:0.6s;}
.location-bottom-right-list.animated li:nth-child(4){transition-delay:0.8s;}


/* ****************** 02 ESG :: 01 ESG 경영 ********************** */
.esg-effect {transition:var(--transition-custom2); transform:translateY(50px);}
.esg-effect.effect-op {opacity: 0;}
.esg-effect.delay01 {transition-delay:0.2s;}
.esg-effect.delay02 {transition-delay:0.4s;}
.esg-effect.delay03 {transition-delay:0.6s;}
.esg-effect.delay04 {transition-delay:0.8s;}
.esg-effect.delay05 {transition-delay:1.0s;}
.animated .esg-effect { transform:translateY(0);}
.animated .esg-effect.effect-op {opacity: 1;}
.esg-bg {position: absolute;top: 0px;left: 0px; width: 100%;  height: 100%; overflow: hidden;}
.esg-bg-inner {width:100%; height:100%; background-size:cover !important; transform: scale(1.1,1.1); transition:transform 5s linear;}
.animated .esg-bg-inner  { transform: scale(1.0,1.0) rotate(0.002deg);}

.esg-tit-box {text-align:center;}
.esg-sub-tit {font-size:1.6rem; color: #fff; font-weight: 600; letter-spacing:-0.04em; line-height:1.625em;}
.esg-tit {font-size:5rem; color: #fff; font-weight: 700; letter-spacing:-0.04em; line-height:1.48em; margin-top: 1.4rem;}	
.esg-tit > span {font-weight: 700;}
.esg-tit02 {font-size:3.2rem; color: rgba(255,255,255,0.8); font-weight: 600; letter-spacing:-0.04em; line-height:1.625em;}
.esg-tit02 > span {color: #fff;}
.esg-txt {display: inline-block; margin-top: 2.4rem; font-size:1.8rem; color: #fff; font-weight: 500; letter-spacing:-0.04em; line-height:1.445em;}
.esg-txt02 {display:inline-block; font-size:2rem; letter-spacing:-0.04em; font-weight: 500; line-height:1.5em; color: rgba(255,255,255,0.8); margin-top: 2.4rem;}
.esg-tit-box.bk .esg-tit {color: #000;}
.esg-tit-box.bk .esg-sub-tit {color: #000;}
.esg-tit-box.left {text-align:left;}
.esg-tit-box.right {text-align:right;}

.regulation-list {position: relative; display:flex; justify-content:center; margin: 5rem auto 0;}
.regulation-list:after {display: block; content:""; position:absolute; left:50%; top:calc(100% + 2rem); transform:translateX(-50%); width: 4.7rem; height: 7.1rem; background:url(/images/content/esg01_arrow.svg) no-repeat; background-size: 100%;}
.regulation-list li {position: relative; display: block; max-width:29rem; width: calc(50% - 2rem); text-align: center; height: 29rem; z-index: 1; border-radius: 50%; margin: 0 0.8rem;}
.regulation-list li .inner-box {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,0.1); border-radius: 2rem; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(2rem);  box-sizing: border-box; padding: 0 1rem; box-sizing: border-box;}
.regulation-list .num {display: inline-block; width:4rem; height:4rem; border-radius:100%; background: #DADBE6; font-size:1.6rem; letter-spacing:-0.04em; font-weight: 700; color:var(--main-color); line-height: 4rem; text-align: center;}
.regulation-list p {font-size:2rem; letter-spacing:-0.04em; font-weight: 700; line-height:1.6em; color: #fff;}
.regulation-list span {display: block; width: 12rem; height: 12rem; line-height: 12rem; border-radius: 50%; background-color: rgba(255,255,255,0.2); margin: 0 auto 4rem;}
.regulation-list li i {font-size:3rem; color: #fff;}

.esg01-result-txt {display: flex; justify-content: center; align-items: center; padding-top: 13.3rem; margin-left: -2rem;}	
.esg01-result-txt p {font-size:5rem; letter-spacing:-0.04em; font-weight: 400; line-height:1.5em; color: #fff; text-shadow:0px 0px 10px rgba(255,255,255,0.4);}
.esg01-result-txt p span > em {position: relative; font-weight: 700;}
.esg01-result-txt p span > em:before {display: block; content:""; position:absolute; top: -2rem; left: 50%; transform:translateX(-50%); width: 0.8rem; height: 0.8rem; border-radius:100%; background: #fff; box-shadow:0px 0px 10px rgba(255,255,255,0.6);}

#esg02 .esg-tit {font-weight: 400;}
#esg02 .esg-tit-box {align-self:flex-end;}
.inner-flex-con {display:flex; justify-content: space-between;}

.esg02-list-box {max-width: 84.4rem; margin: 5rem auto 0;}
.esg02-list-box ul {position: relative; display: flex; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); border-radius: 35px; /* padding: 4rem 0 3rem; */}
.esg02-list-box ul:before {display: block; content: ""; position: absolute; top: 8rem; border: 6px solid #fff; border-radius: 20px; width: 100%; height: 16.4rem; box-sizing: border-box;}
.esg02-list-box ul li {border-right:1px solid rgba(255,255,255,0.1); box-sizing:border-box; text-align:center;}
.esg02-list-box ul li:nth-child(1) {width: 28.437%;}
.esg02-list-box ul li:nth-child(1) .center {position: relative; top: 0.7rem; font-size:2rem; letter-spacing:-0.04em; font-weight: 700; color: #fff;}
.esg02-list-box ul li:nth-child(1) .bottom {font-size:1.8rem; letter-spacing:-0.04em; font-weight: 700; color: rgba(255,255,255,0.3);}
.esg02-list-box ul li:not(:nth-child(1)) {width: calc((100% - 28.437%) / 3);}
.esg02-list-box .tit {font-size:1.8rem; letter-spacing:-0.04em; color: #fff; font-weight: 700; padding-top: 4rem; display: inline-block; line-height: 1.2; margin-bottom: 1.9rem;}
.esg02-list-box ul .center {position: relative; padding: 3.8rem 0 4.4rem; height: 16.4rem; box-sizing: border-box; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.esg02-list-box ul li:not(:nth-child(1)) .center:after {display: block; content:"\e930"; font-family:'xeicon'; width:3.4rem; height:3.4rem; border-radius:100%; background: #fff; position:absolute; bottom:-1.7rem; left: 50%; transform:translateX(-50%); color: var(--main-color); font-size: 2.6rem; line-height: 3rem;}
.esg02-list-box ul li:last-child {border-right:0;}
.esg02-list-box ul .bottom {height: 12.6rem; display: flex; flex-direction: column; justify-content: center;}
.esg02-list-box ul .center .item-tit {font-size:1.8rem; letter-spacing:-0.04em; color: #fff; opacity: 0.9; font-weight: 600; line-height: 1.2; margin-top: 1.2rem;}
.esg02-list-box ul .bottom .item-tit {font-size:1.6rem; letter-spacing:-0.04em; color: #fff; opacity: 0.3; font-weight: 600; line-height: 1.2; margin-top: 1.2rem;}

.esg-cm-list {display:flex; margin-top: 7rem;}
.esg-cm-list li {margin: 0 1rem; width: 24rem; border-radius: 20px; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(30px); text-align: center; padding: 3.8rem 0;}   
.esg-cm-list-tit {font-size:2rem; letter-spacing:-0.04em; color: #fff; font-weight: 700; line-height:1.5em; margin-top: 1.2rem;}
.esg-cm-list .num {display:inline-block; width: 4rem; height: 2rem; line-height:2rem; border-radius:50px; background: #fff; color: var(--main-color); font-size:1.2rem; font-weight: 700; text-align: center;} 
.esg-cm-list .icon-box {width: 12rem; height: 12rem; border-radius:100%; background: rgba(255,255,255,0.1); margin: 0 auto 3rem;     display: flex; 
align-items: center; justify-content: center;}
.esg-cm-list .icon-box span {display: block; position: relative; width: 7.5rem; height: 0; padding-top:57.5%;}

#esg04 .esg-tit {margin-top: 0;}
#esg04 .esg-tit02 {margin-top: 1.5rem;}
#esg04 .esg-cm-list {justify-content: flex-end;}

.esg-con {position: relative; z-index: 1;}
.esg-bg-txt {position: absolute; bottom: 1rem; left: 1rem;}
#esg03 .esg-bg-txt {left: auto; right: 1rem;}

/* ****************** 03 Product :: 01 황토볼 ********************** */
.pd-cm-tit {font-size:5rem; letter-spacing:-0.04em; color: #222; font-weight: 700; line-height:1.08em;}
.pd-cm-tit.wt {color: #fff;}
.cm-pd-tit-box {text-align:center;}
.cm-pd-tit-box.left {text-align:left;}
.cm-pd-tit-box.right {text-align:right;}
.pd-cm-sub-tit {font-size:1.6rem; letter-spacing:-0.04em; color: var(--main-color); font-weight: 600; line-height:1.1; display: inline-block; margin-bottom: 1.6rem;}
.pd-cm-sub-tit.wt {color: #fff;}
.pd-cm-txt {font-size:1.8rem; letter-spacing:-0.04em; color: #fff; font-weight: 500; line-height:1.556; margin-top: 2.6rem;}
.pd-con.intro {position: relative; padding-bottom: 10.4rem; margin-top: -7rem; overflow: hidden;}
.pd-con.intro:after {display: block; content:""; position:absolute; bottom: 0; left: 0; background: #f4f4f4; height: 58rem; width: 100%; z-index: -1;}
.pd-top-img {text-align:center;}
.pd-top-img img {max-width:100%;}
.pd-intro-box {text-align:center; margin-top: -4rem;}
.pd-intro-box .tit {font-size:4rem; letter-spacing:-0.04em; font-weight: 700; color: #000; line-height: 1.3;}
.pd-intro-box .tit > span {color: var(--main-color);}
.pd-intro-box .txt {display: block; font-size:1.6rem; letter-spacing:-0.04em; color: #444; line-height:1.75em; margin-top: 4.8rem;}

.pd-con.key-intro {background: url(/images/content/prd01_key_img.jpg) no-repeat; background-size:cover; background-position: 50% 50%; padding: 21.8rem 0 22rem;}
.pd-con.key-intro .img-box {border-radius:30px; background: rgba(255,255,255,0.05); backdrop-filter: blur(30px); border:1px solid rgba(255,255,255,0.2);     max-width: 38.8rem; box-sizing: border-box; height: 22rem; display: flex; align-items: center; justify-content: center; margin-top: 3.5rem;}
.pd-con.key-intro .img-box img {max-width: 100%; max-height: 100%;}
.key-intro-list li {background: rgba(255,255,255,0.05); backdrop-filter: blur(30px); border:1px solid rgba(255,255,255,0.2); border-radius:25px; padding: 3.2rem; height: 22rem; box-sizing: border-box;}
.key-intro-list li:last-of-type {margin-top: 2rem;}
.key-intro-list li p {position: relative; font-size:2rem; letter-spacing:-0.04em; line-height:1.4; font-weight: 700; color: #fff; padding-left: 2.5rem;}
.key-intro-list li p:before {display: block; content:""; background: url(/images/content/check_ico.png); position:absolute; left: 0; top: 0.5rem; width: 1.8rem; height: 1.7rem;}
.key-intro-list li em {display:inline-block; margin-top: 1.3rem; font-size:1.6rem; letter-spacing:-0.04em; line-height:1.75em; color: #fff;}
.pd-con.key-intro .inner-box {display:flex; justify-content:space-between;}

.pd-intro-flow-wrap {position: absolute; bottom: -4.5rem; left: 0; width: 100%; z-index: 1;}
.pd-intro-flow-wrap  .inner {position: relative; width: 100%; height: 30rem; overflow: hidden;}
.pd-intro-flow-wrap .flow-txt {width: 100%;height: 100%; position: absolute; top: 0; left: 0; z-index: 2; mix-blend-mode: lighten;}
.pd-intro-flow-wrap .maskBg {width: 100%; height: 100%;  display: flex; align-items: center; overflow: hidden;} 
.pd-intro-flow-wrap .maskBg .marquee {width: 100%; height: 100%; position: relative;}
.pd-intro-flow-wrap .maskBg .marquee .absol {position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center;}
.pd-intro-flow-wrap .maskBg .marquee .absol .mar_ch {display: flex; align-items: center; margin: 0 2.5rem;}
.pd-intro-flow-wrap .maskBg .marquee .absol h4 {font-size:30rem; letter-spacing:-0.02em; color: rgba(0,0,0,0.03); font-weight: 800; box-sizing:border-box; white-space:nowrap;}

.pd-con.key {padding: 21rem 0;}
.pd-strength-list-con {padding-top: 6rem;}
.pd-strength-list {display: flex; flex-wrap: wrap; justify-content: center; margin: -1rem;}
.pd-strength-list li {width: calc(16.666% - 2rem); margin: 1rem; border-radius: 2.5rem; border: 3px solid #F5F5F5; background-color: #F5F5F5; box-sizing: border-box; padding: 4.8rem 2rem;  text-align: center; transition:all 0.4s;}
.pd-strength-list li .icon-box {width: 10rem; height: 10rem; border-radius: 50%; background-color: #fff; display: flex; align-items: center; justify-content: center; margin: 0 auto 2.3rem; transition:all 0.4s;}
.pd-strength-list li .icon-box svg .path01 {stroke:#444; transition:all 0.4s;}
.pd-strength-list li .icon-box svg .path02 {fill:#444; transition:all 0.4s;}
.pd-strength-list li .txt-box span {display: block; font-size: 1.4rem; font-weight: 700; letter-spacing: -0.04em; color: var(--main-color); font-weight: 700; letter-spacing: -0.04em; margin-bottom: 0.8rem;} 
.pd-strength-list li .txt-box strong {display: block; font-size: 1.7rem; font-weight: 700; letter-spacing: -0.04em; color: #222; line-height: 1.52;}
.pd-strength-list li.active {background-color: #fff; border-color: var(--main-color);}
.pd-strength-list li.active .icon-box {background-color: #F5F5F5;}
.pd-strength-list li.active .icon-box svg .path01 {stroke:var(--main-color)}
.pd-strength-list li.active .icon-box svg .path02 {fill:var(--main-color)}

.pd-con.specifications {padding: 12rem 0; background-color: #F5F5F5;} 
.pd-specifications-list {padding-top: 7rem; display: flex; flex-wrap: wrap; justify-content: center; gap:4rem;}
.pd-specifications-list li {width: calc(50% - 2rem); max-width: 46.6rem; border-radius: 3rem; background-color: #fff; border: 1px solid #ddd; box-sizing: border-box; overflow: hidden;}
.pd-specifications-list li .tit-box {height: 7.9rem; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 2.4rem; font-weight: 700; letter-spacing: -0.04em; color: #fff; line-height: 1.2; background-color: var(--main-color);}
.pd-specifications-list li .inner {padding:0 3.5rem 1rem;}
.pd-specifications-list li .img-box {padding: 3.2rem 0;}
.pd-specifications-list li .img-box span {display: block; position: relative; width: 100%; height: 0; padding-top: 44.41%; border-radius: 3rem; overflow: hidden;}
.pd-specifications-list li .img-box span img {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.pd-specifications-list li .center-txt-box {padding: 2rem 0; border-top: 1px solid rgba(0,0,0,0.1); text-align: center;}
.pd-specifications-list li .center-txt-box .txt {font-size: 1.6rem; font-weight: 600; letter-spacing: -0.04em; color: #1f1f1f; line-height: 1.625;}
.pd-specifications-list li .center-txt-box .txt + .txt {margin-top: 1rem;}
.pd-specifications-list li .bottom-txt-box {padding: 3rem 0; border-top: 1px solid rgba(0,0,0,0.1);}
.pd-specifications-list li .bottom-txt-box .txt {position: relative; padding-left: 2.8rem; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.04em; color: #444; line-height: 1.625; }
.pd-specifications-list li .bottom-txt-box .txt:before {position: absolute; content: '\e92b'; font-family: xeicon; top: 0; left: 0; color: var(--main-color); font-size: 1.8rem; line-height: 1.5;}
.pd-specifications-list li .bottom-txt-box .txt + .txt {margin-top: 0.8rem;}

@media all and (min-width:801px){
	.pd-specifications-list.pd01 {gap:3rem; align-items: center;}
	.pd-specifications-list.pd01 li {width: calc(33.333% - 2rem);}
	.pd-specifications-list.pd01 li.s-item {max-width: 42rem;}
	.pd-specifications-list.pd01 li.s-item li .tit-box {height: 7.1rem; font-size: 2.1rem;}
	.pd-specifications-list.pd01 li.s-item .img-box {padding: 2.8rem 0;}
	.pd-specifications-list.pd01 li.s-item .center-txt-box {padding: 1.8rem 0;}
	.pd-specifications-list.pd01 li.s-item .center-txt-box .txt {font-size: 1.4rem;}
	.pd-specifications-list.pd01 li.s-item .bottom-txt-box {padding: 2.7rem 0;}
	.pd-specifications-list.pd01 li.s-item .bottom-txt-box .txt {font-size: 1.4rem;}
	.pd-specifications-list.pd01 li.s-item .bottom-txt-box .txt:before {font-size: 1.6rem;}
}

.pd-con.materials {padding: 21rem 0 23rem; }
.pd-con.materials .pd-cm-txt {margin-top: 2rem; color: #777;}
.pd01-materials-con {padding-top: 9.8rem; max-width: 1340px; margin: 0 auto;}
.pd01-materials-list {display: flex;}
.pd01-materials-item {width: 50%;}
.pd01-materials-item .top-con {position: relative; display: flex; align-items: center; left: 3.5rem;}
.pd01-materials-item .top-con .img {width: 67.16%; }
.pd01-materials-item .top-con .img .inner-wrap {position: relative; width: 100%; height: 0; padding-top: 100%;}
.pd01-materials-item .top-con .img .inner {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%;  display: flex; align-items: center; justify-content: center; }
.pd01-materials-item .top-con .img .inner .tit {display: inline-block; height: 6rem; display: flex; align-items: center; justify-content: center; text-align: center; padding: 0 4.7rem; border-radius: 10rem; background-color: rgba(255,255,255,0.05); backdrop-filter:blur(1rem); font-size: 3rem; font-weight: 700; letter-spacing: -0.04em; color: #fff;}

.pd01-materials-item .top-con .txt-list {width: 32.84%; display: flex; flex-direction:column; flex:1; gap:4.5rem} 
.pd01-materials-item .top-con .txt-list li {display: flex;}
.pd01-materials-item .top-con .txt-list li span {display: inline-block; width: 4rem; height: 2rem; line-height: 2rem; text-align: center; border-radius: 1rem; font-size: 1.2rem; font-weight: 700; letter-spacing: -0.04em; color: #fff; margin-right: 1.4rem;}
.pd01-materials-item .top-con .txt-list li span.color1 {background-color: rgba(23,28,97,0.2);}
.pd01-materials-item .top-con .txt-list li span.color2 {background-color: rgba(23,28,97,0.3);}
.pd01-materials-item .top-con .txt-list li span.color3 {background-color: rgba(23,28,97,0.5);}
.pd01-materials-item .top-con .txt-list li span.color4 {background-color: rgba(23,28,97,0.7);}
.pd01-materials-item .top-con .txt-list li span.color5 {background-color: rgba(23,28,97,0.8);}
.pd01-materials-item .top-con .txt-list li span.color6 {background-color: rgba(23,28,97,1.0);}
.pd01-materials-item .top-con .txt-list li strong {display: inline-block;font-size: 2rem; font-weight: 600; letter-spacing: -0.04em; color: #222; line-height: 1.3;}

.pd01-materials-item.item02 .top-con {left: -3.5rem;}
.pd01-materials-item.item02 .img .inner  {opacity: 0.7;} 
.pd01-materials-item.item02 .top-con .img .inner .tit {background-color: rgba(0,0,0,0.2); opacity: 1;}
.pd01-materials-item.item02 .top-con .txt-list li:last-child {opacity: 0;}

@media all and (min-width:801px){
	.pd01-materials-item.item01 .top-con {flex-direction:row-reverse}
	.pd01-materials-item.item01 .top-con .txt-list li  {flex-direction:row-reverse}
	.pd01-materials-item.item01 .top-con .txt-list li span {margin-right: 0; margin-left: 1.4rem;}
	.pd01-materials-item.item01 .top-con .txt-list li:nth-child(2) {margin-right: 4rem;}
	.pd01-materials-item.item01 .top-con .txt-list li:nth-child(3) {margin-right: 7rem;}
	.pd01-materials-item.item01 .top-con .txt-list li:nth-child(4) {margin-right: 7rem;}
	.pd01-materials-item.item01 .top-con .txt-list li:nth-child(5) {margin-right: 4rem;}
	
	.pd01-materials-item.item02 .top-con .txt-list li:nth-child(2) {margin-left: 4rem;}
	.pd01-materials-item.item02 .top-con .txt-list li:nth-child(3) {margin-left: 7rem;}
	.pd01-materials-item.item02 .top-con .txt-list li:nth-child(4) {margin-left: 7rem;}
	.pd01-materials-item.item02 .top-con .txt-list li:nth-child(5) {margin-left: 4rem;}
}

.pd01-materials-item .bottom-con {padding: 0 1rem; display: flex; margin-top: 7rem;}
.pd01-materials-item .bottom-con dl {background-color: #F5F5F5; border-radius: 3rem; padding: 3.4rem 4rem; width: 100%; max-width: 60rem; box-sizing: border-box; min-height: 34rem;}
.pd01-materials-item .bottom-con dl dt {padding-bottom: 1.3rem; font-size: 2rem; font-weight: 600; letter-spacing: -0.04em; color: #000; line-height: 1.2; border-bottom: 1px solid rgba(0,0,0,0.1);}
.pd01-materials-item .bottom-con dl dd {padding-top: 1.8rem;}
.pd01-materials-item .bottom-con dl dd .txt {position: relative; padding-left: 3.2rem; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.04em; color: #777; line-height: 1.625; margin-bottom: 1.2rem;}
.pd01-materials-item .bottom-con dl dd .txt:last-child {margin-bottom: 0;}
.pd01-materials-item .bottom-con dl dd .txt span {position: absolute; left: 0; top: 0.1rem; font-weight: 700; color: #4e4e4e; font-size: 1.4rem;}
.pd01-materials-item.item01 .bottom-con {justify-content: end;} 

.pd-con.plant {padding: 21rem 0 18rem; background: url(/images/content/prd01_plant_bg.jpg)no-repeat center/cover;}
.pd-plant-con {display: flex; justify-content: end;}
.pd-plant-inner {padding-right: 2rem;}
.pd-plant-box {position: relative; margin-top: 3rem; box-sizing:background: rgba(255, 255, 255, 0.05);  backdrop-filter: blur(1rem);  -webkit-backdrop-filter: blur(3rem); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 4rem;  box-sizing: border-box; padding: 5rem; }
.pd-plant-box .txt01 {position: relative; z-index: 1; font-size: 2.2rem; font-weight: 600; letter-spacing: -0.04em; color: #fff; line-height: 1.5;}
.pd-plant-box .txt02 {position: relative; z-index: 1;  font-size: 1.6rem; font-weight: 400; letter-spacing: -0.04em; color: #fff; line-height: 1.625; margin-top: 2rem;}
.pd-plant-box .bottom {position: relative; z-index: 1;  margin-top: 2.7rem; padding-top: 2.7rem; display: flex; align-items: center; border-top: 1px solid rgba(238,238,238,0.5);}
.pd-plant-box .bottom span {width: 5rem; height: 5rem; border-radius: 50%; background-color: #f5f5f5; text-align: center; display: block;}
.pd-plant-box .bottom span i {line-height: 5rem; font-size: 3rem; color: var(--main-color); }
.pd-plant-box .txt03 {width: calc(100% - 5rem); font-size: 1.5rem; font-weight: 600; letter-spacing: -0.04em; color: #fff; line-height:1.73; padding-left: 2.6rem; box-sizing: border-box;}

.pd-con.applications {padding: 14.5rem 0 19.5rem; background-color: #F5F5F5;}
.pd-con.applications .pd-cm-txt {margin-top: 2rem; color: #777;}

.pd01-applications-list {max-width: 1528px; margin: 5.5rem auto 0; overflow: visible;}
.pd01-applications-list .slick-list {overflow: visible; margin: 0 -1.2rem;}
.pd01-applications-list .slick-slide {margin: 0 1.2rem; height: auto;}
.pd01-applications-list .slick-track { display: flex !important;align-items: stretch;}
.pd01-applications-list li {border-radius: 4rem; overflow: hidden; background-color: #fff;}
.pd01-applications-list li .img-box {position: relative; width: 100%; padding-top: 56.52%;}
.pd01-applications-list li .img-box span {position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0;}
.pd01-applications-list li .img-box span img {width: 100%; height: 100%; object-fit:cover}
.pd01-applications-list li .txt-box {padding: 3rem 3rem 3.8rem; box-sizing: border-box; text-align: center;}
.pd01-applications-list li .txt-box span {display: block; width: 3.8rem; height: 2rem; line-height: 2rem;  font-size: 1.2rem; font-weight: 600; letter-spacing: -0.04em; color: #fff; background-color: var(--main-color); border-radius: 5rem; margin: 0 auto 1.4rem;}
.pd01-applications-list li .txt-box .tit {display: block; font-size: 2.4rem; font-weight: 700; letter-spacing: -0.04em; color: #222; line-height: 1.3;}
.pd01-applications-list li .txt-box .txt {font-size: 1.5rem; font-weight: 400; letter-spacing: -0.04em; color: #777; line-height: 1.6; padding-top: 1.5rem;}


/* 제품 배너 추가 2026-08-10 */
.pd-con.shop{margin:10.8rem 0 15.6rem;}
.shop-banner-con{position: relative; background:#f5f5f5; border-radius:100rem; padding:8rem 5rem 10.5rem; box-sizing:border-box;}
.shop-banner-con .cm-pd-tit-box{}
.shop-banner-con .cm-pd-tit-box .pd-shop-tit{font-size:5rem; line-height:1; letter-spacing:-0.04em; color:#1c1c1c; font-weight:700; margin-top:2rem;}
.shop-banner-con .cm-pd-tit-box .pd-shop-txt{font-size:2.4rem; line-height:1; letter-spacing:-0.04em; color:#1c1c1c; font-weight:700; margin-top:3.4rem;}
.shop-banner-con .cm-pd-tit-box .pd-shop-link{display: flex; align-items:center; justify-content:space-between; width:26rem; height:5.6rem; padding:0 3rem; box-sizing:border-box; font-size:1.6rem; line-height:1.75; letter-spacing:-0.04em; color:#fff; font-weight:600; background:var(--main-color); border-radius:5.6rem; margin:3rem auto 0; transition:var(--transition-custom); border: 2px solid var(--main-color);}
.shop-banner-con .shop-banner-img{position: absolute; bottom:0; left:50%; transform:translate(-50%, 65%); width:32rem;}
.shop-banner-con .shop-banner-img img{max-width:100%;}

.shop-banner-con .cm-pd-tit-box .pd-shop-link:hover{background-color: #fff; color: var(--main-color);}

@media all and (max-width:800px){
	.pd-con.shop{margin:6rem 0 12rem;}
	.shop-banner-con{border-radius:3rem; padding:5rem 1.5rem 8rem;}
	.shop-banner-con .cm-pd-tit-box .pd-shop-tit{font-size:3rem; line-height:1.3;}
	.shop-banner-con .cm-pd-tit-box .pd-shop-txt{font-size:1.8rem; margin-top:2rem; line-height:1.3;}
	.shop-banner-con .cm-pd-tit-box .pd-shop-link{width:100%; max-width:26rem; height:5rem; padding:0 1.5rem; font-size:1.4rem; margin:2rem auto 0;}
	.shop-banner-con .shop-banner-img{width:26rem;}
}


/* ****************** 
	* Mouse Pointer
********************** */
.mouse-pointer{position:fixed; top:0px; left:0px; z-index:10000; pointer-events:none; }
/* base */
.mouse-pointer .pointer-circle{position:absolute; top:50%; left:50%; width: 16rem; height: 16rem; border-radius:50%;  transform:translate(-50%,-50%) scale(0); border:2px solid #fff; box-sizing:border-box; transition:var(--transition-custom); opacity:0; background:rgba(0,0,0,0.2); backdrop-filter:blur(1.5rem);}
.mouse-pointer .pointer-circle i{position: absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(90deg); font-size:4.8rem; color:#fff;}
/* arrow */
.mouse-pointer.drag .pointer-circle{transform:translate(-50%,-50%) scale(1); opacity:1;}

.pd02-page .pd-strength-list-con {max-width: 1032px; margin: 0 auto;}
.pd02-page .pd-strength-list {margin: -1.2rem;}
.pd02-page .pd-strength-list li {width: calc(25% - 2.4rem); margin: 1.2rem;}

.pd02-materials-con {padding-top: 6rem;}
.pd02-materials-item {display: flex; flex-wrap:wrap; padding: 4rem; background-color: #F5F5F5; border-radius: 2rem; box-sizing: border-box;}
.pd02-materials-item .img-box {position: relative; width: 43rem; margin-right: 2rem;}
.pd02-materials-item .img-box .bg {position: relative; width: 100%; height: 0; padding-top: 86.04%;}
.pd02-materials-item .img-box .bg span {display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 2rem; overflow: hidden;}
.pd02-materials-item .img-box .bg span img {width: 100%; height: 100%;}
.pd02-materials-item .img-box strong {position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); display: inline-block; padding: 1.5rem 4.2rem; border-radius: 10rem; background: rgba(255,255,255,0.2); backdrop-filter:blur(1rem); font-size: 2.6rem; font-weight: 700; letter-spacing: -0.04em; color: #fff; line-height: 1.3; text-align: center;white-space:nowrap}

.pd02-materials-item + .pd02-materials-item {margin-top: 3rem;}
.pd02-materials-item .txt-box {width: calc(100% - 45rem); border-radius: 2rem; background-color: #fff; display: flex; align-items: center; padding: 2rem 6rem; box-sizing: border-box;}
.pd02-materials-item .txt-box dl dt {padding-bottom: 2rem; border-bottom: 1px solid rgba(0,0,0,0.1);}
.pd02-materials-item .txt-box dl dt strong {display: block; font-size: 3.2rem; font-weight: 700; letter-spacing: -0.04em; color: #222; line-height: 1.3;}
.pd02-materials-item .txt-box dl dt strong span {color: var(--main-color);}
.pd02-materials-item .txt-box dl dd {padding-top: 2rem;}
.pd02-materials-item .txt-box dl dd .txt {font-size: 1.6rem; font-weight: 500; letter-spacing: -0.04em; color: #777; line-height: 1.625;}
.pd02-materials-item .txt-box dl dd .txt + .txt {margin-top: 1.6rem;}

.pd02-page .pd-con.applications {padding: 14rem 0;}
.pd02-applications-list {max-width: 95rem; margin: 5.5rem auto 0;}
.pd02-applications-list .slick-list {overflow: visible; margin: 0 -1.2rem;}
.pd02-applications-list .slick-slide {margin: 0 1.2rem; height: auto;}
.pd02-applications-list .slick-track { display: flex !important;align-items: stretch;}
.pd02-applications-list li {border-radius: 4rem; overflow: hidden; background-color: #fff;}
.pd02-applications-list li .img-box {position: relative; width: 100%; padding-top: 33.17%;}
.pd02-applications-list li .img-box span {position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0;}
.pd02-applications-list li .img-box span img {width: 100%; height: 100%; object-fit:cover}
.pd02-applications-list li .txt-box {padding: 3rem 6rem 4.8rem; box-sizing: border-box; text-align: center;}
.pd02-applications-list li .txt-box .top-txt {padding-bottom: 2.6rem; border-bottom: 2px solid rgba(0,0,0,0.1);}
.pd02-applications-list li .txt-box .bottom-txt {padding-top: 2.6rem;}
.pd02-applications-list li .txt-box span {display: block; width: 3.8rem; height: 2rem; line-height: 2rem;  font-size: 1.2rem; font-weight: 600; letter-spacing: -0.04em; color: #fff; background-color: var(--main-color); border-radius: 5rem; margin: 0 auto 1.4rem;}
.pd02-applications-list li .txt-box .tit {display: block; font-size: 2.4rem; font-weight: 700; letter-spacing: -0.04em; color: #222; line-height: 1.3;}
.pd02-applications-list li .txt-box .txt01 {font-size: 1.4rem; font-weight: 500; letter-spacing: -0.04em; color: #444; line-height:1.85; margin-top: 0.6rem;}
.pd02-applications-list li .txt-box .txt02 {font-size: 1.5rem; font-weight: 400; letter-spacing: -0.04em; color: #777; line-height: 1.6;}


.pd03-page .pd-strength-list {margin: -1.3rem;}
.pd03-page .pd-strength-list li {width: calc(25% - 2.6rem); margin: 1.3rem;}

.pd-con.structures {padding: 21rem 0 22rem;}
.pd-structures-con {display: flex; flex-wrap: wrap; justify-content: space-between; background-color: #F5F5F5; border-radius: 2rem; padding: 4rem; margin-top: 6rem;}
.pd-structures-con .left-con {width: 30.71%;}
.pd-structures-con .img {position: relative; display: block; width: 100%; height: 0; padding-top: 100%; border-radius: 2rem; overflow: hidden;}
.pd-structures-con .img img {position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit:cover}
.pd-structures-con .right-con {width: calc(69.29% - 3rem); display: flex; flex-wrap: wrap; gap:2rem} 
.pd-structures-box {width: calc(33.33% - (4rem/3)); /* height: calc(50% - 1rem); */ background-color: #fff; border-radius: 2rem; text-align: center; padding: 3.9rem 2rem 3.5rem; box-sizing: border-box;}
.pd-structures-box span {display: block; width: 4rem; height: 2rem; line-height: 2rem; text-align: center; margin: 0 auto 1.6rem; border-radius: 5rem; background-color: var(--main-color); font-size: 1.2rem; font-weight: 700; letter-spacing: -0.04em; color: #fff;}
.pd-structures-box strong {display: block; font-size: 2rem; font-weight: 600; letter-spacing: -0.04em; color: #222; line-height: 1.3;}
.pd-structures-box .txt {font-size: 1.6rem; font-weight: 500; letter-spacing: -0.04em; color: #777; line-height: 1.625; margin-top: 1.2rem;}

.pd-structures-box.logo-box {display: flex; align-items: center; justify-content: center;}
.pd-structures-box.logo-box figure {opacity: 0.4;}
.pd-structures-box.logo-box figure img {max-width: 100%;}
.pd03-page .pd-con.applications {padding: 14.5rem 0 18.5rem;}
.pd03-applications-list {max-width: 130.8rem; margin: 5.5rem auto 0;}
.pd03-applications-list .slick-list {overflow: visible; margin: 0 -1.2rem;}
.pd03-applications-list .slick-slide {margin: 0 1.2rem; height: auto;}
.pd03-applications-list .slick-track { display: flex !important;align-items: stretch;}
.pd03-applications-list li {border-radius: 4rem; overflow: hidden; background-color: #fff;}
.pd03-applications-list li .img-box {padding: 3rem; display: flex; flex-wrap: wrap; gap:1.2rem; box-sizing: border-box;}
.pd03-applications-list li .img-box .before-img,
.pd03-applications-list li .img-box .after-img {width: calc(50% - 0.6rem); position: relative;}
.pd03-applications-list li .img-box .img {display: block; position: relative; width: 100%; height: 0; padding-top: 100%; border-radius:2.5rem; overflow: hidden;}
.pd03-applications-list li .img-box .img img {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.pd03-applications-list li .img-box em {display: inline-block; height: 2rem; line-height: 2rem; border-radius: 5rem; background-color: var(--main-color); padding: 0 1.3rem; font-size: 1.2rem; font-weight: 600; letter-spacing: -0.04em; color: #fff; position: absolute; bottom: 2.4rem; left: 50%; transform:translateX(-50%);}
.pd03-applications-list li .txt-box {padding: 0 3rem 4.4rem; text-align: center;}
.pd03-applications-list li .txt-box .tit {display: block; font-size: 2.4rem; font-weight: 700; letter-spacing: -0.04em; color: #222; line-height: 1.3;}
.pd03-applications-list li .txt-box .txt {font-size: 1.5rem; font-weight: 400; letter-spacing: -0.04em; color: #777; line-height: 1.6; margin-top: 1.6rem;}


/* ****************** 04 Business :: 01 스포츠 ********************** */
.business-tit-con {text-align: center;}
.business-tit-con .tit {font-size: 4rem; font-weight: 700; letter-spacing: -0.04em; color: #222; line-height: 1.25;}
.business-tit-con .tit b {font-weight: 700; color: var(--main-color);}
.business-tit-con .tit span {position: relative; display: inline-block;}
.business-tit-con .tit span:before {position: absolute; content: ''; width: 1rem; height: 1rem; top: -1.2rem; right: -1.6rem; border-radius: 50%; background-color: var(--main-color);}
.business-tit-con .txt {font-size: 1.6rem; font-weight: 400; letter-spacing: -0.04em; color: #777; line-height: 1.75; margin-top: 2rem;}

.business-con {display: flex; flex-wrap: wrap; gap:4rem; padding: 7rem 0 16.5rem;}
.business-item {width: calc(50% - 2rem);}
.business-item .img-box {position: relative; width: 100%; height: 0; padding-top: 66.667%; border-radius: 4rem; overflow: hidden;}
.business-item .img-box .inner {display: flex; align-items: end; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.business-item .img-box .inner strong {display: inline-block; min-width: 26rem; padding: 1.1rem 2.6rem; box-sizing: border-box; margin-bottom:4rem; font-size: 2.8rem; font-weight: 700; letter-spacing: -0.04em; color: #fff; line-height: 1.7; border-radius: 5.3rem; background-color: rgba(255,255,255,0.1); backdrop-filter:blur(1rem); text-align: center;}
.business-item .txt {font-size: 2rem; font-weight: 700; letter-spacing: -0.04em; color: #222; margin-top: 3rem; line-height: 1.3; text-align: center;}

.business-bt-con {height: 59.5rem; background-color: #F5F5F5; padding: 3.6rem 0; box-sizing: border-box;}
.business-bt-inner {display: flex; align-items: center; height: 100%;}
.business-bt-inner .img-box {width: 50%;}
.business-bt-inner .img-box img {max-width: 100%; max-height: 100%;}
.business-bt-inner .tit-box {width: 50%; padding-left: 11rem;}
.business-bt-inner .tit-box .sub-tit {font-size: 1.6rem; font-weight: 600; letter-spacing: -0.04em; color: #000; line-height: 1.2; margin-bottom: 1.4rem;}
.business-bt-inner .tit-box .sub-tit i {margin-right: 0.8rem;}
.business-bt-inner .tit-box strong {display: block; font-size: 4.5rem; font-weight: 700; letter-spacing: -0.04em; line-height: 1.2; color: #000;}
.business-bt-inner .tit-box strong span {color: var(--main-color);}
.business-bt-inner .tit-box a {margin-top: 4rem; width: 26rem; height: 5.6rem; display: flex; align-items: center; justify-content: space-between; padding: 0 2.8rem; border-radius: 5rem; background-color: var(--main-color); border: 2px solid var(--main-color); font-size: 1.6rem; font-weight: 600; letter-spacing: -0.04em; color: #fff; line-height: 1.3; box-sizing: border-box; transition: var(--transition-custom);}
.business-bt-inner .tit-box a:hover {background-color: #fff; color:var(--main-color) ;}

.business-bt-box {width: 50%; display: flex; align-items: center; position: relative; box-sizing: border-box;}
.business-bt-box:before {position: absolute; content: ''; width: 1px; height:39.2rem; background-color: rgba(0,0,0,0.1); left: 0; top: 50%; margin-top: -19.6rem;}
.business-bt-box.box1:before {display: none;} 
.business-bt-box .img-box {width: 47.83%; box-sizing: border-box;}
.business-bt-box.box2 {padding: 0 4rem;} 
.business-bt-box .tit-box {width: 52.17%; padding-left: 3rem;}
.business-bt-box .tit-box strong {font-size: 3rem;}
.business-bt-box .tit-box a {margin-top: 3rem;}

/* ****************** 05 Performance :: 01 시공사례 ********************** */
.bbs-basic-gallery-con19-list-con {margin: -2.5rem; display: flex; flex-wrap:wrap;}
.bbs-basic-gallery-con19-list-con li {position:relative; margin: 2.5rem; width: calc(33.33% - 5rem); transition: var(--transition-custom2);opacity: 0; transition-property: opacity, transform, -webkit-transform;  -webkit-transform: translate3d(30px, 0, 0); transform: translate3d(30px, 0, 0);  transition-delay:0s;}
.bbs-basic-gallery-con19-list-con li.animated { opacity: 1;  -webkit-transform: none;  transform: none; pointer-events: auto;}
.bbs-basic-gallery-con19-list-con li > a {position:relative; display:block; border-radius: 2rem; overflow: hidden; background-color: #F5F5F5; transition:var(--transition-custom);}
.bbs-basic-gallery-con19-list-con li .gallery-info-box {padding: 5rem 5rem 0 5rem; text-align: left; box-sizing: border-box; height: 22rem;}
.bbs-basic-gallery-con19-list-con li .gallery-info-box .gal-category {display: inline-block; padding: 0 1.6rem; font-size: 1.4rem; line-height: 3rem; letter-spacing: -0.04em; font-weight: 600; color: #fff; background-color: var(--main-color); border-radius: 0.4rem; transition:var(--transition-custom);}
.bbs-basic-gallery-con19-list-con li.item02 .gallery-info-box .gal-category{background-color: var(--main-color2);}
.bbs-basic-gallery-con19-list-con li .gallery-info-box .gal-tit {margin-top: 2rem; width: 100%; font-size: 2.4rem; line-height: 1.3; letter-spacing: -0.04em; font-weight: 700; color: #000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display: block;}
.bbs-basic-gallery-con19-list-con li .gallery-info-box .gal-day {margin-top: 2rem; width: 100%; font-size: 1.6rem; line-height: 1.3; letter-spacing: -0.04em; font-weight: 500; color: #969696; display: block;}
.bbs-basic-gallery-con19-list-con li .gallery-thumb-box {position:relative; display:block; padding-top: 0; overflow: visible; z-index: 5;}
.bbs-basic-gallery-con19-list-con li .gallery-thumb-box .gallery-thumb {transition:var(--transition-custom); position: relative; display: block; width: 100%; padding-top: 62.5%;}
.bbs-basic-gallery-con19-list-con li .gallery-thumb-box img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; transition:var(--transition-custom);}
.bbs-basic-gallery-con19-list-con li > a .gallery-more-btn {position:absolute; left:50%; top:50%; color:#222; opacity:0; text-align:center; border-radius:50%; transform:translate(-50%, -50%); transition:var(--transition-custom); z-index:10; width: 60px; height: 60px; background: var(--main-color);}
.bbs-basic-gallery-con19-list-con li.item02 > a .gallery-more-btn{background: var(--main-color2);}
.bbs-basic-gallery-con19-list-con .custom-option-drop-list {border-radius: 15px;}
.bbs-basic-gallery-con19-list-con li > a .gallery-more-btn i {font-size:24px; line-height: 60px; color: #fff; transition:var(--transition-custom);}

/* hover */
@media all and (min-width:801px){
	.bbs-basic-gallery-con19-list-con li a:hover .gallery-thumb-box img {transform: scale(1.1) rotate(0.002deg);}
	.bbs-basic-gallery-con19-list-con li a:hover .gallery-more-btn{opacity:1.0;}
	.bbs-basic-gallery-con19-list-con li a:hover .gallery-more-btn i{transform:rotate(180deg)}
	.bbs-basic-gallery-con19-list-con li > a:hover {box-shadow: 10px 10px 40px #1C00000D;}
	.bbs-basic-gallery-con19-list-con li > a:hover .gallery-info-box .news-category {background-color: var(--main-color);}
	.bbs-basic-gallery-con19-list-con li.item02 > a:hover .gallery-info-box .news-category {background-color: var(--main-color2);}
	.bbs-basic-gallery-con19-list-con li > a:hover {background-color: #fff;}
	.bbs-basic-gallery-con19-list-con li > a:hover .gallery-content-box .inner {filter: blur(5px);}
	.bbs-basic-gallery-con19-list-con li > a:hover .gallery-info-box .gal-day {color: rgba(34, 34, 34, 0.5);}
	/* .bbs-basic-gallery-con19-list-con li > a:hover .gallery-info-box .gal-tit {color: var(--main-color);}
	.bbs-basic-gallery-con19-list-con li.item02 > a:hover .gallery-info-box .gal-tit {color: var(--main-color2);} */
	.bbs-basic-gallery-con19-list-con li > a:hover .gallery-thumb-box .gallery-thumb {filter: blur(20px);}
	
	.bbs-basic-gallery-con19-list-con li:nth-child(3n + 1) { transition-delay: 0s !important;}
	.bbs-basic-gallery-con19-list-con li:nth-child(3n + 2) { transition-delay: 0.1s !important; }
	.bbs-basic-gallery-con19-list-con li:nth-child(3n + 3) { transition-delay: 0.2s !important;}
}

@media all and (max-width:1280px){
	.bbs-basic-gallery-con19-list-con{margin: -2.5rem -1.5rem;}
	.bbs-basic-gallery-con19-list-con li{margin: 2.5rem 1.5rem; width: calc(33.33% - 3rem);}
}
@media all and (max-width: 800px) {
    .bbs-basic-gallery-con19-list-con {margin: -2.5rem 0;}
	.bbs-basic-gallery-con19-list-con li {margin: 2.5rem 0; width: 100%;}
	.bbs-basic-gallery-con19-list-con li:nth-child(2n + 1) { transition-delay: 0s !important;}
	.bbs-basic-gallery-con19-list-con li:nth-child(2n + 2) { transition-delay: 0.15s !important; }
    .bbs-basic-gallery-con19-list-con li .gallery-info-box {padding: 3rem 2.5rem 0 2.5rem; height: 18rem;}
	.bbs-basic-gallery-con19-list-con li .gallery-info-box .gal-category {padding: 0 1.6rem; font-size: 1.4rem; line-height: 3rem;}
	.bbs-basic-gallery-con19-list-con li .gallery-info-box .gal-tit {margin-top: 2rem; width: 100%; font-size: 2.4rem; line-height: 1.3;}
	.bbs-basic-gallery-con19-list-con li .gallery-info-box .gal-day {margin-top: 2rem; width: 100%; font-size: 1.6rem; line-height: 1.3;}
}


/* ****************** 06 Customer :: 01 홍보자료 ********************** */
.gallery-con20-list-con .bbs-thum-list{}
.gallery-con20-list-con .bbs-thum-list li{ border-radius:1rem; box-shadow:1.2rem 1.2rem 8rem rgba(0,0,0,0.1);}
.gallery-con20-list-con .bbs-thum-list li + li{margin-top: 2.4rem;}
.gallery-con20-list-con .bbs-thum-list li a{position:relative; display:flex; flex-direction:row-reverse; overflow:hidden; transition:var(--transition-custom); border-radius:1rem;}
.gallery-con20-list-con .bbs-thum-list li a:after {display: block; content:""; position:absolute; left:0; top:0; width: 100%; height: 100%; border:2px solid #000; opacity:0; border-radius:1rem; box-sizing:border-box; transition:var(--transition-custom);}
/* 리스트 :: 썸네일 */
.gallery-con20-list-con .bbs-thum-list li a .bbs-thumb-img{width:31.16%; display:inline-block; vertical-align:top; border-radius:0 1rem 1rem 0;}
.gallery-con20-list-con .bbs-thum-list li a .bbs-thumb-img span{display:block; position:relative; height:100%; }
.gallery-con20-list-con .bbs-thum-list li a .bbs-thumb-img img{position:absolute; top:0px; left:0px; width:100%; height:100%; object-fit:cover }
/* 리스트 :: no image */
.gallery-con20-list-con .bbs-thum-list li a .bbs-thumb-img.no-img span {border:1px solid #ddd;}
.gallery-con20-list-con .bbs-thum-list li a .bbs-thumb-img.no-img img {position: absolute; top: 50%; left: 50%; width: 54.375%; height: 45.56%; transform: translate(-50%,-50%);}
/* 리스트 :: 오른쪽정보 */
.gallery-con20-list-con .bbs-thumb-info-con{overflow:hidden; display:inline-block; vertical-align:top; width:calc(100% - 31.16%); height:100%; padding: 5rem; box-sizing:border-box;}
.gallery-con20-list-con .bbs-thumb-info-con .category{margin-bottom: 0; display:inline-block; color:var(--main-color); text-align:center; font-size:1.4rem; line-height: 1.3;  font-weight:700; letter-spacing: -0.04em; background-color: transparent; height: auto; padding: 0; min-width: auto;}
.gallery-con20-list-con .item02 .bbs-thumb-info-con .category{color:var(--main-color2);}
.gallery-con20-list-con .bbs-thumb-info-con h3{margin-top: 1.7rem; font-size:2.4rem; line-height: 1.3; letter-spacing:-0.04em; font-weight:700; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:var(--transition-custom);}
.gallery-con20-list-con .bbs-thumb-info-con .bbs-detail-txt{margin: 1.7rem 0 3.7rem; height: 3em; font-size:1.6rem; line-height: 1.5; letter-spacing: -0.04em; color:#666; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden;}
.gallery-con20-list-con .bbs-thum-list .tag-list {display:flex;}
.gallery-con20-list-con .bbs-thum-list .tag-list > li {margin-top: 0; box-shadow:none; padding: 0 1.2rem; font-size:1.4rem; line-height: 2.6rem; letter-spacing: -0.04em; font-weight: 500; color:#969696; border-radius:1.3rem; border:1px solid #969696; box-sizing: border-box;}
.gallery-con20-list-con .bbs-thum-list .tag-list > li:not(:last-child) {margin-right: 0.6rem;}
.gallery-con20-list-con .bbs-thum-list li a:hover:after{opacity:1;}

@media all and (max-width:1280px){
	.gallery-con20-list-con .bbs-thum-list li a .bbs-thumb-img {width: 40%;}
	.gallery-con20-list-con .bbs-thumb-info-con {width: calc(100% - 40%);}
	.gallery-con20-list-con .bbs-thum-list li a .bbs-thumb-img span {padding-top:68%;}
}
@media all and (max-width:800px){
	.gallery-con20-list-con .bbs-thum-list li + li{margin-top: 2rem;}
	.gallery-con20-list-con .bbs-thum-list li a{flex-wrap:wrap;}
	.gallery-con20-list-con .bbs-thumb-info-con {width: 100%; padding: 3rem 2.5rem;}
	.gallery-con20-list-con .bbs-thumb-info-con .category{font-size:1.4rem; line-height: 1.3;}
	.gallery-con20-list-con .bbs-thumb-info-con h3{margin-top: 2rem; font-size:2.4rem; line-height: 1.3;}
	.gallery-con20-list-con .bbs-thumb-info-con .bbs-detail-txt{margin: 2rem 0 4rem; height: 3em; font-size:1.6rem; line-height: 1.5;}
	.gallery-con20-list-con .bbs-thum-list .tag-list > li {padding: 0 1.2rem; font-size:1.4rem; line-height: 2.6rem;}
	.gallery-con20-list-con .bbs-thum-list .tag-list > li:not(:last-child) {margin-right: 0.6rem;}
	.gallery-con20-list-con .bbs-thum-list li a .bbs-thumb-img {width: 100%;}
	.gallery-con20-list-con .bbs-thum-list li a .bbs-thumb-img span {padding-top:60%;}
}



/* ****************** 06 Customer :: 02 견적문의 ********************** */
.inquiry-style09 {max-width: 1280px; margin: 0 auto; display: flex;}
.inquiry-style09 .inquiry-txt-con, 
.inquiry-style09 .bbs-write-con {width: 50%;}
.inquiry-style09 .inquiry-tit {font-size: 4rem; font-weight: 700; line-height: 1.45; letter-spacing: -0.04em; color: #000;}
.inquiry-style09 .inquiry-tit b{color: var(--main-color); font-weight: 700;}
.inquiry-style09 .inquiry-txt {margin-top: 2rem; font-size: 1.8rem; line-height: 1.6; font-weight: 700; letter-spacing: -0.04em; color: rgba(0,0,0,0.4);}

.inquiry-style09 .inquiry-essential-txt {font-size: 1.8rem; letter-spacing: -0.04em; font-weight: 600; color: #000;}
.inquiry-style09 .essential-icon {background-color: var(--main-color2); margin: 0 0.1em; margin-bottom: 1rem; display: inline-block; width: 0.6rem; height: 0.6rem; border-radius: 50%;}
.inquiry-style09 .bbs-write-tbl,
.inquiry-style09 .bbs-write-tbl th{border: 0; font-size: 1.8rem; letter-spacing: -0.04em; color: #000; padding: 0.7rem 0;}
.inquiry-style09 .bbs-write-tbl td{border: 0; padding: 0.7rem 0 0.7rem 1.5rem;}
.inquiry-style09 .bbs-write-tbl th.alignTop {padding-top: 1.5rem; vertical-align: top;}
.inquiry-style09 .bbs-write-tbl .write-input,
.inquiry-style09 .bbs-write-tbl .write-select,
.inquiry-style09 .bbs-write-tbl .write-textarea{height:5rem; width:100%; background-color:#f4f4f4; border:1px solid #f4f4f4; font-size:1.6rem; color: #666; vertical-align:middle; box-sizing:border-box; border-radius: 25px; padding: 0 2rem; text-indent: 0;}
.inquiry-style09 .bbs-write-tbl .write-textarea{height:20rem; resize:none; text-indent:0; padding:2rem 3rem;}
.inquiry-style09 .bbs-write-tbl .write-input:focus,
.inquiry-style09 .bbs-write-tbl .write-select:focus,
.inquiry-style09 .bbs-write-tbl .write-textarea:focus{border:1px solid #333; background-color:#fff; outline:none;}
.inquiry-style09 .bbs-write-tbl .write-input::placeholder,
.inquiry-style09 .bbs-write-tbl .write-textarea::placeholder{color: #969696;}
.inquiry-style09 .email-fieldset .write-input, 
.inquiry-style09 .email-fieldset .write-select{width:calc(33.33% - 15px) !important;}
.inquiry-style09 .bbs-write-tbl .cm-form-fieldset-box{max-width: none;}
/* 보안코드 */
.security-code-box{position: relative; padding: 0 2.5rem; height: 6rem; background-color: #f6f6f6; border: 0; border-radius: 0.5rem; box-sizing: border-box; display: flex; align-items: center;}
.security-code-box .security-code{width: 10rem; font-size: 1.6rem; letter-spacing: -0.015em; color: #000;}
.security-code-box .write-input{width: calc(100% - 10rem) !important; max-width: none; height: 4.5rem !important; background-color: #fff !important;}
.inquiry-style09 .security-code-box{border-radius: 30px;}

.inquiry-style09 .bbs-inquiry-agree-con{margin-bottom:5rem; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 3.5rem 0;}
.inquiry-style09 .bbs-write-tbl-box + .bbs-inquiry-agree-con{margin-top:5rem;}
.inquiry-style09 .inquiry-agreement-con{height:220px; overflow-y:auto; overflow-x:hidden; padding:2rem; background-color:#f6f6f6; box-sizing:border-box;}
.inquiry-style09 .bbs-inquiry-agree-con .agree-txt{display: flex; align-items: center; justify-content: space-between; position: relative; padding-top: 0; margin-top:0;}
.inquiry-style09 .bbs-inquiry-agree-con .agree-txt .more {display: flex; align-items: center; font-size: 1.4rem; font-weight: 700; line-height: 1em; letter-spacing: -0.04em; color: #969696; cursor: pointer;}
.inquiry-style09 .bbs-inquiry-agree-con .agree-txt .more i {font-size: 1.8rem; padding-left: 0.7rem; width: 1.8rem; height: 1.8rem; display: inline-block;}
.inquiry-style09 .bbs-inquiry-agree-con .agree-txt .more i::before {width: 1.8rem; height: 1.8rem; display: inline-block;}
.inquiry-style09 .bbs-inquiry-agree-con .agree-inner {margin-top: 3rem;}
.inquiry-style09 .bbs-inquiry-agree-con .agree-txt:first-child{margin-top:0}
.inquiry-style09 .bbs-inquiry-agree-con .agree-txt input{display:none;}
.inquiry-style09 .bbs-inquiry-agree-con .agree-txt label{position:relative; padding-left:3.4rem; font-size: 1.8rem; font-weight: 600; line-height: 1.5em; letter-spacing: -0.04em; color: #000; display: block;}
.inquiry-style09 .bbs-inquiry-agree-con .agree-txt > i {position: absolute; top: 0.5rem; right: 0; font-size: 1.8rem; color: #222;}
.inquiry-style09 .bbs-inquiry-agree-con .agree-txt label i{position:absolute; top: 0.2rem; left:0px; font-size:2.4rem; color:#ddd;}
.inquiry-style09 .bbs-inquiry-agree-con .agree-txt .more i.rotate::before {content: "\e945";}
.inquiry-style09 .bbs-inquiry-agree-con .agree-txt input:checked + label i{color:#000;}

.inquiry-style09 .cm-btn-controls{ justify-content:flex-start;}
.inquiry-style09 button.btn-style01{width: 24rem; height: 6rem; border: 0; font-size: 2rem; letter-spacing: -0.04em; font-weight: 600; color: #fff; margin: 0; background-color: var(--main-color); border: 2px solid var(--main-color); border-radius: 3rem; box-sizing: border-box; transition: var(--transition-custom); transition-property: background-color, color;}
.inquiry-style09 button.btn-style01:hover{background-color: #fff; color: var(--main-color);}

@media all and (max-width: 800px) {
	.inquiry-style09 {flex-direction: column;}
	.inquiry-style09 .inquiry-txt-con, .inquiry-style09 .bbs-write-con {width: 100%;}
	.inquiry-style09 .bbs-write-tbl th.alignTop {padding-top: 0.7rem;}
	.inquiry-style09 .bbs-write-tbl td{padding-left: 0;}
	.inquiry-style09 .inquiry-txt-con {margin-bottom: 6rem;}
	
	.inquiry-style09 .email-fieldset .write-input {width: calc(50% - 15px)!important;}
	.inquiry-style09 .email-fieldset .write-select {width: 100% !important;}
}