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

#middleArea {background-color: #fff; position: relative; z-index: 1;}

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

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; height:60px; margin-bottom:4.5rem; z-index: 9;}
.sub-tab-list-style {text-align: center; transition:var(--transition-custom2);}
.sub-tab-list-style ul {display: inline-flex; height: 60px; /* max-width: 1270px; width: 100%; */ padding: 5px; margin: 0 auto ;box-sizing: border-box; border-radius: 5rem; background-color: #F6F6F6;}
.sub-tab-list-style ul li{position:relative; width: 21rem; height: 100%; border-radius: 5rem;}
.sub-tab-list-style ul li a{display:flex; align-items: center; justify-content: center; height:100%; width:100%;}
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#888888; font-size:1.8rem; font-weight: 700; letter-spacing:-0.05em; text-align:center;}
.sub-tab-list-style ul li.selected{z-index:1; 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:0; left:0; width:100%; height:60px; z-index: 10;}
.scroll-up .sub-tab-list-style.top-fixed {top:var(--header-fixed-height);}

/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}

@media all and (min-width:1025px){
	/* .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%} */
}

/* -------- 공통 :: 타이틀 -------- */
.cm-tit-box {position: relative; text-align: center; margin-bottom: 7.5rem;}
.cm-tit-box .cm-sub-tit {display: block; font-size: 2.4rem; font-weight: 700; letter-spacing: 0em; /*letter-spacing: -0.025em;  */color: var(--main-color); line-height: 1.3; margin-bottom: 4rem;}
.cm-tit-box .cm-tit {font-size: 4rem; font-weight: 800; letter-spacing: -0.05em; color: #222; line-height: 1.5;} 
.cm-tit-box .cm-tit b {color: var(--main-color); font-weight: 700; letter-spacing: 0; padding-left: 3px; font-family: 'Montserrat';}
.cm-tit-box .cm-tit b.font-montserrat {letter-spacing: 0.01em;}
.cm-tit-box .cm-txt {font-size: 2.4rem; font-weight: 600; letter-spacing: -0.05em; color: #222222; line-height: 1.6; margin-top: 7rem;}
.cm-tit-box .cm-txt b {color: var(--main-color); font-weight: inherit}
.cm-tit-box .cm-txt02 {font-size: 2.8rem; font-weight: 600; letter-spacing: -0.05em; color: #222; line-height: 1.4; margin-top: 2rem;}

/* ******************  01.COMPANY ********************** */
/* About */
.intro-con01 {padding-bottom: 20rem;}
.intro-con01-img {position: relative; width: 100%; height: 0; padding-top: 36%;}
.intro-con01-img span {position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 3rem; overflow: hidden;}
.intro-con01-img span img {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.intro-con01 .txt-box {padding-top: 9rem; text-align: center;}
.intro-con01 .txt-box .txt01 {font-size: 2.8rem; font-weight: 600; letter-spacing: -0.05em; color: #222; line-height: 1.85; margin-bottom: 6rem;}
.intro-con01 .txt-box .txt01 b {color: var(--main-color); font-weight: inherit;}
.intro-con01 .txt-box .txt02 {font-size: 4rem; font-weight: 700; letter-spacing: -0.05em; color: #222; line-height: 1.8; padding-top: 0.5rem;}
.intro-con01 .txt-box .txt02 b {font-size: 6rem; font-weight: 800; line-height: 1.1;}

/* VISION */
.intro-con02 {position: relative; border-radius:10rem 10rem 0 0; background-color: #F3F3F3; padding: 16rem 0 35.5rem;}
.intro-con02 .cm-tit-box {margin-bottom: 7.5rem;}
.intro-con02 .cm-tit-box .cm-tit {font-weight: 700;}
.intro-con02 .cm-tit-box .cm-tit b {color: #000;}
.intro-con02 .cm-tit-box .cm-txt {font-size: 2rem; margin-top:4rem;}
.intro-vision-con {}
.intro-vision-top {text-align: center; margin-bottom: 19rem;}
.intro-vision-top img {max-width: 100%;}
.intro-vision-list {display: flex; flex-wrap: wrap; margin: 0 -1.65rem;}
.intro-vision-list li {position: relative; width: calc(25% - 3.3rem); margin: 0 1.65rem; background: #fff; border-radius: 30rem 30rem 3rem 3rem; padding:4.5rem 3rem 3.8rem;  box-sizing: border-box; text-align: center; transition: all 0.3s;}
.intro-vision-list li:before {position: absolute; top:-8rem; left: 50%; transform:translateX(-50%); font-size: 5rem; font-weight: 800; letter-spacing: -0.05em; color: #000; opacity: 0.5; font-family: var(--font-family2); transition: all 0.3s; }
.intro-vision-list li:first-child:before {content: 'L';}
.intro-vision-list li:nth-child(2):before {content: 'I';}
.intro-vision-list li:nth-child(3):before {content: 'F';}
.intro-vision-list li:last-child:before {content: 'E';}
.intro-vision-list li:after {position: absolute; content: ''; top: -0.75rem; left: 50%; transform:translateX(-50%); width: 1.3rem; height: 1.3rem; border-radius: 50%; border: 3px solid #fff; background-color: var(--main-color); }
.intro-vision-list li .icon-box {position: relative; width: 12.5rem; height: 12.5rem; margin: 0 auto 3rem; border-radius:50%; background-color:var(--main-color);}
.intro-vision-list li .icon-box img {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.intro-vision-list li dl dt {font-size: 2.2rem; font-weight: 700; letter-spacing: -0.05em; color: #222; line-height: 1.6;}
.intro-vision-list li dl dt b {color: var(--main-color); font-weight: inherit;}
.intro-vision-list li dl dd {font-size: 1.5rem; font-weight: 500; letter-spacing: -0.05em; color: #222;line-height: 1.6; margin-top: 1.5rem;}
.intro-vision-list li .arrow {display: block; width: 7rem; height: 1.9rem; margin:2.5rem auto;}
.intro-vision-list li .arrow img {max-width: 100%;}
.intro-vision-list li .red-txt {font-size: 1.8rem; font-weight: 700; letter-spacing: -0.05em; color: var(--main-color); line-height: 1.6;} 
.intro-vision-list li .vision-txt-tbl {text-align: left; margin: 1rem auto 0;}
.intro-vision-list li .vision-txt-tbl th, 
.intro-vision-list li .vision-txt-tbl td {font-size: 1.5rem; letter-spacing: -0.05em; font-weight: 400; color: #555555; line-height: 1.6;}
.intro-vision-list li .vision-txt-tbl th {font-weight: 600; color: #222222; padding-right: 1.5rem;}
.intro-vision-list li .logo-box {margin-top: 4rem; height: 5.6rem; display: flex; align-items: center; justify-content: center;}
.intro-vision-list li .logo-box img {max-width: 100%;}
.intro-vision-list li.active {box-shadow: 0 1rem 3rem rgba(0,0,0,0.15);}
.intro-vision-list li.active:before {opacity: 1;}

/* Mission */
.intro-mission-con .cm-tit-box {margin-bottom: 0; }
.intro-con03 {}
.intro-con03 .cm-tit-box .cm-sub-tit {margin-bottom: 3rem;}
.intro-con03 .cm-tit-box .cm-tit {color: #fff;}
.intro-con03 .cm-tit-box .cm-txt {color: rgba(255,255,255,0.8); font-size: 1.8rem; margin-top: 4rem;}
.intro-con03 {position: relative; z-index: 1; margin-top: -18.5rem; height: 150rem; overflow: hidden; border-radius:10rem 10rem 0 0; }
.intro-con03 .bg {position: absolute; width: 100%; height: 100%; top: 0; left: 0;  background: url(/images/content/mission_con_bg.jpg)no-repeat center/cover; overflow: hidden; z-index: -1;}
/* .intro-con03-inner {padding: 19rem 0 16rem;} */
.intro-con03-inner {position: relative; width: 100%; height: 100%; display: flex; flex-direction:column; justify-content: space-between; padding: 18rem 0 20rem; box-sizing: border-box; transition:var(--transition-custom2);}
.intro-con03.on .intro-con03-inner { backdrop-filter:blur(5px)}
.intro-con03-inner .inner-con {position: relative; width: 100%; text-align: center; box-sizing: border-box;}
.intro-value-con {opacity: 0;  -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0);transition:var(--transition-custom2);will-change: transform, opacity;}
.intro-value-con.on {opacity: 1; -webkit-transform: none; transform: none;}
.intro-value-list {display: flex; flex-wrap: wrap; margin: 0 -1.65rem;}
.intro-value-list li {width: calc(25% - 3.3rem); margin: 0 1.65rem; border-radius: 1.5rem; background: rgba(255,255,255,0.2); padding:6.5rem 2rem 6rem; box-sizing: border-box; transition:all 0.4s; /* box-shadow: 1rem 1rem 2.5rem rgba(255,255,255,0.25); */}
.intro-value-list li dl dt {position: relative; }
.intro-value-list li dl dt strong {position: relative; display: inline-block; font-size: 6.4rem; font-weight: 600; letter-spacing: -0.05em; color: #fff; line-height: 1.1; z-index: 2;}
/* .intro-value-list li dl dt strong:before {position: absolute; content: ''; width: 2.3rem; height: 2.3rem; border-radius: 2.3rem; background-color: var(--main-color); left: -0.5rem; top: 0.5rem; z-index: -1;} */
.intro-value-list li:nth-child(2) dl dt strong:before {left: 0;}
.intro-value-list li dl dd {font-size: 1.6rem; font-weight: 600; /* letter-spacing: -0.025em; */ color: rgba(255,255,255,0.6); line-height: 1.3; margin-top: 1.3rem;}
.intro-value-list li .txt-box {margin-top: 4rem;}
.intro-value-list li .txt-box strong {display: block; font-size: 2.2rem; font-weight: 700; letter-spacing: -0.05em; color: #fff; line-height: 1.2; margin-bottom: 2rem;}
.intro-value-list li .txt-box .txt {font-size: 1.7rem; font-weight: 600; letter-spacing: -0.05em; color: rgba(255,255,255,0.8); line-height: 1.47;}
.intro-value-list li.active {background-color: var(--main-color);}
/* History */
.intro-con04 {position: relative; padding: 15rem 0 13rem; background: url(/images/content/history_con_bg.jpg)no-repeat center/cover; box-sizing: border-box;}
.intro-con04 .cm-tit-box {text-align: left; margin-bottom: 5rem;}
.history-arrow {display: flex;}
.history-arrow .history-next-btn {margin-left: 2rem;}
.history-rolling-container{position:relative; padding-top: 15rem;}
.history-rolling-container .history-rolling-wrapper{overflow:visible;}
.history-rolling-con > .history-line{position:absolute; top:calc(7.6rem + 5px); left:0; width:100%; height:3px;     background: linear-gradient(90deg, #ddd, var(--main-color)); content:"";}
.history-rolling-con > .history-line .line{display:block; width:0; height:3px; background-color:var(--main-color); }
.history-item{/* width:37.5rem; */ position:relative; }
.history-item .history-line{position:absolute; top:calc(7.6rem + 5px); left:0; width:0; height:3px; display:none; background-color:#DDDDDD; transition:width 0.3s ease-in-out;}
.history-item .history-dot{position:relative; display:inline-block; width:13px; height:13px; box-sizing:border-box; background-color:var(--main-color); border-radius:50%; }
.history-item .year {display: block; font-size: 3.6rem; font-weight: 700; letter-spacing: -0.05em; color: #222; margin-bottom: 4rem; padding-left: 3.7rem; box-sizing: border-box;}
.history-item .history-month-box{margin-top:5rem;  padding-left: 3.7rem; box-sizing: border-box;}
.history-item .history-month-item {display: flex;}
.history-item .history-month-item + .history-month-item {margin-top: 1rem;}
.history-item .history-month-item .history-month {display: inline-block; width: 3.2rem; font-size: 1.4rem; font-weight: 700; letter-spacing: -0.05em; color: #888; line-height: 1.6;}
.history-item .history-month-item .history-detail-txt-con {width: calc(100% - 3.2rem); }
.history-item .history-month-item .history-detail-txt {font-size: 1.6rem; font-weight: 400; letter-spacing: -0.05em; color: #555; line-height: 1.5;}

/* CEO Message */
.intro-con05 {position: relative; padding: 15.5rem 0 14.5rem;}
.intro-con05:before {position: absolute; content: ''; width: 100%; height: 88rem; bottom: 0; left: 0; background-color: #F6F6F6; z-index: -1;}
.intro-con05 .intro-con05-inner {display: flex;}
.intro-con05 .left-con {width: calc(100% - 65rem); padding-right: 8rem; box-sizing: border-box;}
.intro-con05 .left-con .cm-tit-box {text-align: left;     margin-bottom: 6.5rem;}
.intro-con05 .left-con .cm-tit-box .cm-sub-tit {margin-bottom: 2.5rem;}
.intro-con05 .left-con .cm-tit-box .cm-txt {margin-top: 3.5rem;}
.intro-con05 .left-con .ceo-txt-bottom {padding-top: 4rem;}
.intro-con05 .left-con .ceo-txt-bottom .ceo-txt {font-size: 1.6rem; font-weight: 500; letter-spacing: -0.05em; color: #222; line-height: 1.625; margin-top: 2rem;}
.intro-con05 .left-con .ceo-txt-bottom .ceo-txt:first-of-type {margin-top: 0;}
.intro-con05 .left-con .ceo-txt-bottom .ceo-name {font-size: 2rem; font-weight: 500; color: #000; letter-spacing: -0.05em; margin-top: 3rem;}
.intro-con05 .left-con .ceo-txt-bottom .ceo-name span {display: inline-block; color: var(--main-color); margin-right: 0.4rem;}
.intro-con05 .left-con .ceo-txt-bottom .ceo-name strong {display: inline-block; font-size: 2.6rem; margin-left: 0.4rem;}
.intro-con05 .right-con {width: 60rem;}
.intro-con05 .right-con .ceo-img {position: relative; width: 100%; height: 0; padding-top: 121.66%; margin-top: 8rem;}
.intro-con05 .right-con .ceo-img span {display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 2rem; overflow: hidden; }
.intro-con05 .right-con .ceo-img img {position: absolute; width: fit-content; height: 100%; top: 0; left: 0;}

/* -------- 연혁 -------- */
.history-top-banner-con {position: relative; width: 100%; height: 0; padding-top: 44rem;}
.history-top-banner-con::before {position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: center / cover no-repeat url("/images/content/history_banner_bg.jpg"); border-radius: 3rem; z-index: -1;}
.history-top-banner-con .inner {width: 100%; padding: 0 8rem; box-sizing: border-box;}
.history-top-banner-con .banner-txt-box {max-width: 38rem; min-height: 36rem; background-color: var(--main-color); margin-top: -28rem; padding: 4rem 3.5rem; box-sizing: border-box;     border-radius: 1.5rem;}
.history-top-banner-con .banner-txt-box h4 {font-size: 2rem; font-weight: 600; letter-spacing: -0.025em; line-height: 1.4; color: #fff; padding-bottom: 2.5rem;}
.history-top-banner-con .banner-txt-box p {font-size: 2rem; font-weight: 600; letter-spacing: -0.05em; line-height: 1.5; color: #fff;}
.history-top-banner-con .banner-txt-box p b {font-size: 3.2rem; font-weight: 800;}

.company-history {position:relative; padding-top:20rem;}
.company-history-wrapper {position:relative; padding-bottom:16.8rem; *zoom:1;}
.company-history-wrapper:after{clear:both; display:block; content:"";}
.company-history-wrapper:before{position:absolute; top:3px; height:100%; width:2px; left:50%; margin-left:-1px; background-color:rgba(0,0,0,0.1); content:"";}
.company-history-wrapper:last-child {padding-bottom:0}
.company-history-wrapper:last-child:before{display:none;}
.company-history-wrap {position: relative;}
.company-history-info-box {display: flex; position:relative; width:100%; }
.company-history-info-box .history-img-wrap {width: 37.143%;}
.company-history-info-box .history-img-wrap .history-img {border-radius: 1.5rem;overflow: hidden;}
.company-history-info-box .history-img-wrap .history-img + .history-img {margin-top: 1.5rem;}
.company-history-info-box .history-img-wrap .history-img img {width: 100%;}
.company-history-info-box::before{ position:absolute; top:0; width:1rem; height:1rem;  background-color:#000; border:1.2rem solid #fff;  -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content:"";  transition:background 0.4s;}
/* History :: 정보 */
.company-history-info {width: 60%; box-sizing: border-box;}
.company-history-info .history-item{position:relative;  margin-bottom:3rem; word-break:keep-all}
.company-history-info .history-month{position:absolute; top:0px; font-size:1.8rem; line-height: 1.88;  letter-spacing: -0.05em; font-weight:700; color:#555;}
.company-history-info .history-txt{ position:relative; display:block; font-size:1.9rem; font-weight: 500;  line-height: 1.57; letter-spacing:-0.025em; color: #555; }
.company-history-info .history-txt b{ font-weight: 700;  color: #333; } 
.company-history-info .history-txt::before {position: absolute; content: ""; left: 0; top: 1.3915rem; width: 0.7rem; height: 0.2rem; background-color: rgba(21, 42, 82, 0.25);}
.company-history-info .history-month + .history-txt {margin-top:0}
.company-history-year { font-size: 8.5rem; letter-spacing: -0.025em; color:#222; font-weight: 600; transition: color 0.4s; padding-bottom: 3.5rem;}
/* On */
.company-history-wrapper.on .company-history-info-box::before {background-color: var(--main-color);}
.company-history-wrapper.on .company-history-year {color: var(--main-color);}

@media all and (min-width:801px){
	/* History :: 왼쪽 */
	.history-left .company-history-info-box {flex-direction: row-reverse;}
	.history-left .company-history-info-box::before,
	.history-left .company-history-info-box::after {left:50%; transform:translatex(-50%)}
	.history-left .company-history-info-box .history-img-wrap {text-align: right; padding-right: 6.5rem;}
	.history-left .company-history-info {text-align:right; padding-right: 23rem;}
	.history-left .company-history-info .history-item{margin: 0 0 3rem auto; padding-right: 5.5rem; }
	.history-left .company-history-info .history-month{right:0;}
	.history-left .company-history-info .history-txt{padding-right:1.8rem; }
	.history-left .company-history-info .history-txt::before{right:0;}
	.history-left .company-history-year {left:100%; padding-left:7.5rem;}
	.history-left .company-history-year:before{left:0}
	.history-left .company-history-info .history-txt::before {right: 0; left: auto;}
	/* History :: 오른쪽 */
	.history-right .company-history-info-box::before,
	.history-right .company-history-info-box::after {left:50%; transform:translatex(-50%)}
	.history-right .company-history-info-box .history-img-wrap {padding-left: 6.5rem;}
	.history-right .company-history-info {padding-left: 23rem;}
	.history-right .company-history-info .history-item{padding-left: 5.5rem;}
	.history-right .company-history-info .history-month{left:0;}
	.history-right .company-history-info .history-txt{padding-left:1.5rem; }
	.history-right .company-history-info .history-txt::before{left:0;}
	.history-right .company-history-list-wrap .company-history-year {right:100%; padding-right:7.5rem;}
	.history-right .company-history-list-wrap .company-history-year:before{right:0}
}
@media all and (max-width:1280px){
	.history-right .company-history-info {padding-left: 14rem;}
	.history-left .company-history-info {padding-right: 14rem;}

	.company-history-wrap::before {width: 25.5rem; height: 32.7rem;}
	.company-history-wrap::after {width: 25rem; height: 37.7rem;}
}
@media all and (max-width:800px){
	.history-top-banner-con {padding-top: 30rem; width: calc(100% + var(--area-padding) * 2); margin-left: -5vw;}
	.history-top-banner-con::before {border-radius: 0;}
	.history-top-banner-con .inner {padding: 0 var(--area-padding);}
	.history-top-banner-con .banner-txt-box {max-width: 34rem; min-height: 26rem; margin-top: -19rem; padding: 3rem; }
	.history-top-banner-con .banner-txt-box h4 {padding-bottom: 1.5rem;}
	.history-top-banner-con .banner-txt-box p {font-size: 1.8rem;}
	.history-top-banner-con .banner-txt-box p b {font-size: 2.8rem;}
	.company-history {padding-top:20rem;}
	/* History :: Layout */
	.company-history-wrapper {padding-bottom:6rem; padding-left: 0;}
	.company-history-wrap::before, .company-history-wrap::after {display: none;}
	.company-history-wrapper:before{display: none;}
	.company-history-wrapper:after {display: none;}
	.company-history-info-box{display: block;}
	.company-history-info-box .history-img {width: 100%;}
	.company-history-info-box .company-history-info {width: 100%; padding: 0 !important;}
	.company-history-info-box::before{display: none;}
	/* History :: 정보 */
	.company-history-year {font-size: 4.6rem; padding-bottom: 2rem;}
	.company-history-info {margin-top:3rem;}
	.company-history-info .history-item{font-size:13px; padding-left:4rem; margin-bottom: 1.5rem;}
	.company-history-info .history-month{left:0; top: -0.7rem; font-size: 2.2rem;}
	.company-history-info .history-txt:before{display:none;}
	.company-history-year{position:static; }
	.company-history-year::before{width:20px; left:0; }
}
@media all and (max-width:480px){
	.history-top-banner-con .banner-txt-box {max-width: none; width: 100%;}
}

/* ******************  02.BUSINESS ********************** */
.business-con01 {padding-bottom: 24rem;}
.business-con01 .cm-tit-box {margin-bottom: 10rem;}
.business-con01-schematic {margin-bottom: 24rem; text-align: center;}

.business-con01-slide .swiper-wrapper{transition-timing-function: linear !important;}
.business-con01-slide {height: 40rem;}
.business-con01-list{display: flex; flex-wrap: nowrap;}
.business-con01-list li.swiper-slide {width: auto !important;}
.business-con01-list li .img {position: relative; width: 100%; height: 100%; border-radius: 2rem; overflow: hidden;}
.business-con01-list li .img img {height: 100%;}
.business-con02-schematic {padding-bottom: 15rem;}
.business-con02-list {position: relative; display: flex; flex-wrap: wrap; margin:0 -3rem;}
.business-con02-list li {position: relative; width: calc(25% - 6rem); margin: 0 3rem;}
.business-con02-list li .icon-box {position: relative; width: 100%; height: 0; padding-top: 100%;}
.business-con02-list li .icon-box:before {position: absolute; content: ''; width: calc(100% + 6rem); left: 0; bottom: -4rem; height: 2px; background: #DDD; border-radius: 2px;}
.business-con02-list li .icon-box:after {position: absolute; content: ''; width: 8px; height: 8px; bottom: -4.3rem; background-color: #DDD; border-radius: 8px;}
.business-con02-list li:nth-child(2) .icon-box:after,
.business-con02-list li:nth-child(3) .icon-box:after {display: none;}
.business-con02-list li:nth-child(1) .icon-box:after {left: 2px;}
.business-con02-list li:nth-child(4) .icon-box:before {width: 100%;}
.business-con02-list li:nth-child(4) .icon-box:after {right: 2px;}
.business-con02-list li .icon-box span {position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block;}
.business-con02-list li .icon-box span img {max-width: 100%; max-height: 100%;}
.business-con02-list li .bottom-box {position: relative; padding-top: 9rem; text-align: center;}
.business-con02-list li .bottom-box:before {position: absolute; content: ''; width: 1.6rem; height: 1.6rem; border: 3px solid #fff; box-sizing: border-box; border-radius: 50%; left: 50%; top: 3.1rem; margin-left: -0.8rem; box-shadow:0.3rem 0.3rem 0.5rem rgba(0,0,0,0.25);}
.business-con02-list li:nth-child(1) .bottom-box:before {background-color: #04B084;}
.business-con02-list li:nth-child(2) .bottom-box:before {background-color: #00A8FF;}
.business-con02-list li:nth-child(3) .bottom-box:before {background-color: #2563EB;}
.business-con02-list li:nth-child(4) .bottom-box:before {background-color: #003A53;}
.business-con02-list li .bottom-box .arrow {display: block; width: 7rem; height: 1.9rem; margin:3rem auto 3.5rem;}
.business-con02-list li .bottom-box .arrow img {max-width: 100%;}
.business-con02-list li .bottom-box .red-txt {font-size: 2rem; font-weight: 700; letter-spacing: -0.05em; color: var(--main-color); line-height: 1.6;} 
.business-con02-list li .bottom-box .vision-txt-tbl {text-align: left; margin: 2rem auto 0;}
.business-con02-list li .bottom-box .vision-txt-tbl th, 
.business-con02-list li .bottom-box .vision-txt-tbl td {font-size: 1.5rem; letter-spacing: -0.05em; font-weight: 400; color: #555555; line-height: 1.6;}
.business-con02-list li .bottom-box .vision-txt-tbl th {font-weight: 600; color: #222222; padding-right: 1.5rem;}
.business-con02-list li .bottom-box .logo-box img {max-width: 100%;}

.business-tab-wrapper-style {display: none;}
#businessPlatform {position: relative;height: 100vh;overflow: hidden;}
.platform-con {position: relative;width: 100%;height: 100%;}
.platform-item-con {position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform-origin: top;}
.platform-item-con .bg {position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 10rem 10rem 0 0; overflow: hidden;}
.platform-item-con.platform01 .bg {background: url(/images/content/platform_01_bg.jpg)no-repeat center/cover;}
.platform-item-con.platform02 .bg {background: url(/images/content/platform_02_bg.jpg?ver=260128)no-repeat center/cover;}
.platform-item-con.platform03 .bg {background: url(/images/content/platform_03_bg.jpg?ver=260128)no-repeat center/cover;}
.platform-item-con.platform05 .bg {background: url(/images/content/platform_04_bg.jpg)no-repeat center/cover;}
.platform-item-con.platform04 .bg {background: url(/images/content/platform_05_bg.jpg)no-repeat center/cover;}
.platform-item-con.platform06 .bg {background: url(/images/content/platform_06_bg.jpg?ver=260128)no-repeat center/cover;}
.platform-item-con .inner-con-wrap {position: relative; width: 100%; height: 100%; display: flex; align-items: center; }
.platform-item-con .inner-con {display: flex; width: 100%; height: 100%;}
.platform-item-con .inner-con .left-con { width: 50%; height: 100%; padding-top: 15rem; box-sizing: border-box; padding-right: 15rem;}
.platform-item-con .inner-con .left-con .logo-box {height: 10rem;}
.platform-item-con .inner-con .left-con .logo-box img {max-height: 100%;}
.platform-item-con .inner-con .left-con .tit-box {position: relative; display:block; padding:1.5rem; max-width: 35.5rem; text-align: center;  border-radius: 3rem; background: rgba(255,255,255,0.2); box-shadow:0 0.4rem 1rem rgba(0,0,0,0.1); margin-bottom: 2.5rem; box-sizing: border-box; overflow: hidden;} 
.platform-item-con .inner-con .left-con .tit-box:before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: rgba(245,74,72,0.9); border-radius: 3rem; transition:var(--transition-custom2); transition-delay:0.2s;}
.platform-item-con.active-item .inner-con .left-con .tit-box:before {width: 100%;}

.platform-item-con .inner-con .left-con .tit-box span {position: relative; z-index: 1; display: inline-block; font-size:1.8rem; font-weight: 700; letter-spacing: -0.05em; color: #fff; line-height: 1.3;}
.platform-item-con .inner-con .left-con .txt-box {width: 100%; max-width: 44rem; border: 1px solid rgba(255,255,255,0.5); border-radius: 1.5rem; padding: 2rem; box-sizing: border-box; text-align: center; margin-bottom: 4rem;}
.platform-item-con .inner-con .left-con .txt-box .txt {font-size: 2.2rem; font-weight: 600; letter-spacing: -0.05em; color: #fff; line-height: 1.36;}
.platform-item-con .inner-con .left-con .count-item-list {display: flex; flex-wrap: wrap; margin: -0.5rem; padding-bottom: 5rem;}
.platform-item-con .count-item-list .count-item {width: 16rem; height: 11.5rem;  border: 1px solid rgba(255,255,255,0.5); border-radius: 1.5rem; box-sizing: border-box; margin: 0.5rem; display: flex; flex-direction: column; text-align: center; align-items: center; justify-content: center; padding: 0.5rem;}
.platform-item-con .count-item-list .count-item.half-item {width: 24.5rem;}
.platform-item-con .count-item-list .count-item .item-tit {font-size: 1.4rem; font-weight: 600; letter-spacing: -0.05em; color: #fff; line-height: 1.3; margin-bottom: 1rem;}
.platform-item-con .count-item-list .count-item .tit {font-size:1.9rem; font-weight: 600; letter-spacing: -0.05em; color: #fff; line-height: 1.36;}
.platform-item-con .count-item-list .count-item .tit.small {font-size: 1.7rem;}
.platform-item-con .number {position: relative; display: flex; align-items: center;}
.platform-item-con .count-num-box{display:flex; align-items:center; font-size:4.2rem}
.platform-item-con .count-num-box > p {color: #fff; font-size:4.2rem; line-height: 4.2rem; font-weight: 600; letter-spacing: -0.025em;} 
.platform-item-con .count-unit {position: relative; top: 0; font-size:3rem; letter-spacing:-0.025em; color:#fff; font-weight:700; margin-left: 0;}
.platform-item-con .count-num-item-wrap .count-num-item-box{height: 42rem;}
.platform-item-con .count-num-item-wrap .count-num-item-box .count-num-item {font-size:4.2rem; letter-spacing:-0.05em; color:#fff; font-weight:600; padding-right: 0.1rem;}
.platform-item-con .count-num-box.small {font-size: 3.2rem;}
.platform-item-con .count-num-box.small > p {font-size: 3.2rem; line-height: 3.2rem;}
.platform-item-con .count-unit.small   {font-size: 2.2rem}
.platform-item-con .small .count-num-item-wrap .count-num-item-box {height: 32rem;}
.platform-item-con .small .count-num-item-wrap .count-num-item-box .count-num-item {font-size: 3.2rem;}

.platform-item-con .inner-con .left-con .bottom-txt dt {font-size: 2rem; font-weight: 700; letter-spacing: -0.05em; color: #fff; line-height: 1.5; margin-bottom:1.5rem;}
.platform-item-con .inner-con .left-con .bottom-txt dd p {position: relative; padding-left: 1rem; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.05em; color: rgba(255,255,255,0.8); line-height:1.875; box-sizing: border-box;}
.platform-item-con .inner-con .left-con .bottom-txt dd p:before {position: absolute; content: '•'; left: -0.5rem; top: 0; }
.platform-item-con .inner-con .right-con {display: flex; align-items: center; width: 50%; height: 100%; padding-left: 28rem; box-sizing: border-box;}
.platform-item-con .right-con .txt-box .top-txt {margin-bottom: 1.5rem;}
.platform-item-con .right-con .txt-box .top-txt span {font-size: 2.4rem; font-weight: 700; letter-spacing: -0.05em; color: rgba(255,255,255,0.5); margin: 0 1.2rem; }
.platform-item-con .right-con .txt-box .top-txt span:first-of-type {margin-left: 0;}
.platform-item-con .right-con .txt-box .top-txt span.on {font-size: 3.4rem; color: var(--main-color);}
.platform-item-con .right-con .txt-box dl {margin-bottom: 3.5rem; letter-spacing: -0.02em; color: #fff;}
.platform-item-con .right-con .txt-box dl dt { display: inline-block; font-size: 1.8rem; font-weight: 600;}
.platform-item-con .right-con .txt-box dl dd { display: inline-block; font-size: 1.5rem; padding-left: 0.5rem; line-height: 1.3;}
.platform-item-con .right-con .txt-box .txt01 {font-size: 4.4rem; font-weight: 700; letter-spacing: -0.05em; color: #fff; line-height: 1.45; margin-bottom: 3rem}
.platform-item-con .right-con .txt-box .txt02 {font-size: 1.6rem; font-weight: 600; letter-spacing: -0.05em; color: #fff; line-height:1.625;}
.platform-item-con .right-con .txt-box .txt02 + .txt02 {margin-top: 0.5rem;}
.platform-item-con .right-con .txt-box .more-btn {width: 8rem; height: 8rem; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 1.5rem; font-weight: 700; letter-spacing: -0.05em; color: #fff; border: 1px solid rgba(255,255,255,0.6); border-radius: 50%; background-color: rgba(255,255,255,0.1); transition: all 0.4s; margin-top: 4.5rem;}
.platform-item-con .right-con .txt-box .more-btn:hover {background-color: var(--main-color); border-color: var(--main-color);}
.platform-item-con .right-con .icon-list {display: flex; flex-wrap: wrap; margin: -0.2rem; padding-top: 2.5rem; padding-right: 3rem;}
.platform-item-con .right-con .icon-list li {width:calc(20% - 0.4rem); margin: 0.2rem; border-radius: 1rem; background: #fff; padding:1.4rem 0.5rem 1.1rem; box-sizing: border-box; text-align: center; max-width: 7.5rem;}
.platform-item-con .right-con .icon-list li .icon {display: block; width: 2.5rem; margin: 0 auto 0.5rem;}
.platform-item-con .right-con .icon-list li .icon img {max-width: 100%;}
.platform-item-con .right-con .icon-list li strong {display: block; font-size: 1.2rem; font-weight: 600; letter-spacing: -0.05em; color: #222; line-height: 1.3;}
 
.platform-item-con.platform01 .inner-con .left-con {padding-top: 12rem;}
.platform-item-con.platform01 .inner-con .left-con .logo-box {margin-bottom: 6rem;}
.platform-item-con.platform02 .inner-con .left-con {padding-top: 7rem;}
.platform-item-con.platform02 .inner-con .left-con .logo-box {margin-bottom: 4.5rem;}
.platform-item-con.platform01 .inner-con .left-con .tit-box ,
.platform-item-con.platform02 .inner-con .left-con .tit-box ,
.platform-item-con.platform03 .inner-con .left-con .tit-box,
.platform-item-con.platform05 .inner-con .left-con .tit-box,
.platform-item-con.platform06 .inner-con .left-con .tit-box {max-width: 50rem;}
.platform-item-con.platform03 .inner-con .left-con .logo-box {margin-bottom: 10rem;}
.platform-item-con.platform05 .inner-con .left-con .logo-box {margin-bottom: 9.8rem;}
.platform-item-con.platform04 .inner-con .left-con {padding-top: 12rem;}
.platform-item-con.platform04 .inner-con .left-con .logo-box {margin-bottom: 14rem;}
.platform-item-con.platform06 .inner-con .left-con .logo-box {margin-bottom: 11rem;}
.platform-item-con.platform04 .inner-con .left-con .tit-box  {max-width: 33rem;}

.platform-img-con {position: absolute; width: 46rem; height: 100vh; top: 0; left: 50%; margin-left: -23rem; padding-bottom: 8rem; box-sizing: border-box; display: flex; align-items: end; justify-content: center;}
.platform-img-list {position: relative; width: 46rem; height: 69rem;}
.platform-img-list li {position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.platform-img-list li img {max-width: 100%; max-height: 100%;}



/* ******************  03.PR&MEDIA ********************** */
/* -------- Newsroom -------- */
.newsroom-con-top.display-m {display: none;}
.newsroom-con-top.display-pc {display: block;}
:root{
	--carousel-item-width: 100rem;
	--carousel-item-height: 58.7rem;
	
}
.newsroom-con-top {position: relative; width: 100%; height: 80rem; margin-bottom: 12rem;}
.newsroom-top-list {position: relative; width: 100%; height: 100%;} 
.newsroom-top-list li { position: absolute; top: 50%; width: var(--carousel-item-width); height: var(--carousel-item-height); opacity: 0; transform: translate(-50%, -50%); transition: all 0.3s ease-in-out; z-index: 0; }
.newsroom-top-list li.carousel-item-1,
.newsroom-top-list li.carousel-item-3,
.newsroom-top-list li.wating-item { width: calc(var(--carousel-item-width) * 1); height: calc(var(--carousel-item-height) * 1); opacity: 1; z-index: 2; }
.newsroom-top-list li.wating-item { opacity: 0; left: 50%; z-index: 1; }
.newsroom-top-list li.carousel-item-1 { left: 33.5%; }
.newsroom-top-list li.carousel-item-2 { left: 50%; width: calc(var(--carousel-item-width) * 1.2); height: calc(var(--carousel-item-height) * 1.2);  opacity: 1; z-index: 3;}
.newsroom-top-list li.carousel-item-3 { left: 66.5%;}
.newsroom-top-list li.carousel-item-1, 
.newsroom-top-list li.carousel-item-2, 
.newsroom-top-list li.carousel-item-3 {opacity: 1;display: initial;}
.newsroom-top-list li .inner {display: block; width: 100%; height: 100%; position: relative;}
.newsroom-top-list li .inner .bg-img {position: relative; width: 100%; height: 100%; border-radius: 3rem; overflow: hidden;}
.newsroom-top-list li .inner .bg-img span {display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.newsroom-top-list li .inner .bg-img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.6s;}
.newsroom-top-list li .inner .bg-img:before {position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.8); transition:all 0.4s; z-index: 1;}
.newsroom-top-list li .inner .info-con {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; display: flex; align-items: center; text-align: center; opacity: 0; transition:all 0.4s;}
.newsroom-top-list li .inner .info-con-inner {width: 100%; padding: 0 16rem; box-sizing: border-box;}
.newsroom-top-list li .inner .info-con-inner .date {display: block; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.02em; color: rgba(255,255,255,0.5); margin-bottom: 3rem;}
.newsroom-top-list li .inner .info-con-inner .tit {font-size: 4rem; font-weight: 600; letter-spacing: -0.02em; color: #fff; line-height: 1.4; }
.newsroom-top-list li .inner .info-con-inner .tit span {position: relative; top: 0.1rem;}
.newsroom-top-list li .inner .info-con-inner .more-btn {display: flex; align-items: center; justify-content: center; width: 11rem; height:11rem; border-radius: 50%;    background-color: rgba(255, 255, 255, 0.1);   border: 1px solid rgba(255, 255, 255, 0.6); margin: 3rem auto 0; -box-sizing: border-box;     transition: all 0.4s;}
.newsroom-top-list li .inner .info-con-inner .more-btn span {font-size: 1.5rem; font-weight: 700; color: #fff;}
.newsroom-top-list li .inner .info-con-inner .more-btn:hover {border-color: rgba(245,74,72,0.9); background-color: rgba(245,74,72,0.9);  box-shadow: 0.4rem 0.4rem 1rem rgba(0,0,0,0.25);}
.newsroom-top-list li.carousel-item-2  .inner .info-con {opacity: 1;}
.newsroom-top-list li.carousel-item-2 .inner .bg-img:before {background-color: rgba(0,0,0,0.4);}

.newsroom-con-top button.btn-next ,
.newsroom-con-top button.btn-prev { position: absolute; top: 50%; transform: translateY(-50%); font-size: 3.2rem; color: #fff; z-index: 5; opacity: 0.6; transition:all 0.4s;}
.newsroom-con-top button.btn-prev  {left: 20rem;}
.newsroom-con-top button.btn-next {right: 20rem;}
.newsroom-con-top button:hover {opacity: 1;}
.newsroom-top-dots {display: flex; align-items: center; justify-content: center;}
.newsroom-top-dots span {width: 1rem; height: 1rem; border-radius: 1rem; background-color: #888888; margin: 0 1rem; transition:all 0.4s ease-in-out;}
.newsroom-top-dots span.active {background-color: #222222; width: 3rem;}

.news-list {display: flex; flex-wrap: wrap; margin: -3rem;}
.news-list li {width: calc(33.33% - 6rem); margin: 3rem;}
.news-list li a {display: block;}
.news-list li a .img-box {position: relative; width: 100%; height: 0; padding-top: 58.69%;}
.news-list li a .img-box span {position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block; border-radius:1.5rem; overflow: hidden;}
.news-list li a .img-box span img {position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: all 0.5s;}
.news-list li a .info-box {padding: 3rem 0 1rem;}
.news-list li a .info-box .txt {font-size: 2.4rem; font-weight: 500; letter-spacing: -0.05em; color: #222222; line-height: 1.3; height: 2.7em; overflow:hidden;display:block;display: -webkit-box;   -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 2rem;}
.news-list li a .info-box .txt span {display: inline-block; color: var(--main-color); position: relative; top: 0.1rem;}
.news-list li a .info-box .date {display: block; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.02em; color: #888888;} 

/* -------- SNS -------- */
.sns-list {display: flex; flex-wrap: wrap; margin: -1.75rem -1.65rem;}
.sns-list li {width: calc(25% - 3.3rem); margin: 1.75rem 1.65rem;}
.sns-list li a {display: block;}
.sns-list li a .gallery-img-box {position: relative; text-align: center;}
.sns-list li a .gallery-img-box .img-wrap {position: relative; display: block;height: 0; padding-top: 100%; border-radius: 1.5rem; overflow: hidden;}
.sns-list li a .gallery-img-box .img-wrap img {position: absolute; top: 0px;right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%;}
.sns-list li a .gallery-img-box .broad-bg {position: absolute; width: 100%; height: 100%; left: 0;top: 0; border-radius: 1.5rem;  overflow: hidden;}
.sns-list li a .gallery-img-box .broad-bg > span {position: relative; display: block;  width: 0;height: 0;left: 50%;top: 50%;transform: translate(-50%, -50%); transition: all 0.3s;border-radius: 100%;  background-color: rgb(0, 0, 0, 0.7); }
.sns-list li a .gallery-img-box .broad-bg  .cover-info-txt-box {display: flex; flex-direction:column; justify-content: center; position: absolute;width: 100%;height: 100%;top: 0; left: 0; transition: all 0.3s 0.1s; border-radius: 1.5rem; opacity: 0; }
.sns-list li a .gallery-img-box .broad-bg .cover-info-logo {display: block; height: 3rem; margin-bottom: 2.5rem;}
.sns-list li a .gallery-img-box .broad-bg .cover-info-logo img {max-height: 100%;}
.sns-list li a .gallery-img-box .broad-bg .cover-info-txt {font-size: 1.8rem; font-weight: 500; letter-spacing: -0.05em; color: #fff; line-height: 1.5; overflow:hidden;display:block;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.sns-list li a .gallery-img-box .broad-bg .more-btn {display: block; width: 8rem; height: 8rem; border-radius: 50%; background-color: var(--main-color); line-height: 8rem; font-size: 1.5rem; font-weight: 700; color: #fff; margin: 3.5rem auto 0;}

.sns-list li a:hover .gallery-img-box .broad-bg > span {width: 160%;height: 160%;   transition-delay: 0.1s; }
.sns-list li a:hover .gallery-img-box .broad-bg  .cover-info-txt-box {opacity: 1;}

/* -------- Card News -------- */
.card-new-list {display: flex; flex-wrap: wrap; margin: -3rem -3.8rem;}
.card-new-list li {width: calc(33.33% - 7.6rem); margin: 3rem 3.8rem;}
.card-new-list a {display: block;}
.card-new-list a .img-box {position: relative; width: 100%; height: 0; padding-top: 58.69%;}
.card-new-list a .img-box span {position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block; border-radius:1.5rem; overflow: hidden;}
.card-new-list a .img-box span img {position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: all 0.5s;}
.card-new-list a .info-box {padding: 3rem 0 0;}
.card-new-list a .info-box .item-logo {height: 3rem; line-height: 3rem; margin-bottom: 2.5rem;}
.card-new-list a .info-box .item-logo img {max-height: 100%;}
.card-new-list a .info-box .txt {font-size: 2rem; font-weight: 500; letter-spacing: -0.05em; color: #222; line-height: 1.6; height: 5em; overflow:hidden;display:block;display: -webkit-box;   -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 2.5rem;}
.card-new-list a .info-box dl {display: flex; align-items: center;}
.card-new-list a .info-box dl dt {padding: 0.2rem 1.5rem; min-height: 3rem; display: inline-flex; align-items: center; background-color: var(--main-color); border-radius: 1.5rem; font-size: 1.5rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.2; color: #fff; margin-right: 1rem; box-sizing: border-box; white-space:nowrap}
.card-new-list a .info-box dl dd {font-size: 1.5rem; font-weight: 500; letter-spacing: -0.05em; color: rgba(85,85,85,0.6); line-height: 1.3;}

@media all and (min-width:801px){
	.card-new-list li a:hover .img-box span img {-webkit-transform: scale(1.1) rotate(0.002deg); 
		-moz-transform: scale(1.1) rotate(0.002deg);
		-ms-transform: scale(1.1) rotate(0.002deg);
		-o-transform: scale(1.1) rotate(0.002deg); 
		transform: scale(1.1) rotate(0.002deg);}
		
	.news-list a:hover .img-box span img {-webkit-transform: scale(1.1) rotate(0.002deg); 
		-moz-transform: scale(1.1) rotate(0.002deg);
		-ms-transform: scale(1.1) rotate(0.002deg);
		-o-transform: scale(1.1) rotate(0.002deg); 
		transform: scale(1.1) rotate(0.002deg);}
		
	.newsroom-top-list li:hover .inner .bg-img img {-webkit-transform: scale(1.1) rotate(0.002deg); 
		-moz-transform: scale(1.1) rotate(0.002deg);
		-ms-transform: scale(1.1) rotate(0.002deg);
		-o-transform: scale(1.1) rotate(0.002deg); 
		transform: scale(1.1) rotate(0.002deg);}
}


/* ******************  04.IR&INVEST ********************** */
/* .ir-page .sub-tab-list-style ul {max-width: 64rem;}
.ir-page .sub-tab-list-style ul li {width: 33.33%;} */
.ir-list-con {max-width: 1300px; margin: 0 auto;}
.pr-con-wrap {padding-bottom: 10rem;}
.bbs-list-style08 {}
.bbs-list-style08 .bbs-item > a{
	display:flex; align-items: center; position:relative; padding: 0; height:12rem; line-height: 12rem; box-sizing:border-box; border-bottom:1px solid #DDDDDD; background-color:#fff; 
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s
}
.bbs-list-style08 .bbs-item > a:before {position: absolute; content: ''; left: 0; bottom: 0; width: 0; height: 2px; background-color: var(--main-color); transition:all 0.5s ease-in-out}
.bbs-list-style08 .bbs-item .bbs-list-num {width: 14rem; text-align:center; font-size: 1.6rem; color:#888888; letter-spacing:-0.05em;}
.bbs-list-style08 .bbs-item .bbs-list-cate {width: 10rem;}
.bbs-list-style08 .bbs-item .bbs-list-cate span {display: flex; align-items: center; justify-content: center; width: 100%; height: 3.6rem; border-radius: 5rem; border: 2px solid var(--main-color); font-size: 1.6rem; font-weight: 700; letter-spacing: -0.05em; color: var(--main-color); }
.bbs-list-style08 .bbs-item .bbs-list-date{width:17.5rem; text-align:center; font-size: 1.6rem; color:#888888; letter-spacing:-0.05em; }
.bbs-list-style08 .bbs-item .bbs-list-info-con{width:calc(100% - 41.5rem); padding-left: 5rem; box-sizing: border-box;}
.bbs-list-style08 .bbs-item .bbs-subject-box{display:block; position:relative; padding:0 7.5rem 0 0; } 
.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:2.4rem; font-weight:700; vertical-align:middle; color:#222222; letter-spacing:-0.05em; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}

.bbs-list-style08 .bbs-item .bbs-right-info-con{position:absolute; right:6rem; text-align:right;}
.bbs-list-style08 .bbs-item .bbs-right-info-con .bbs-more-btn{display:block; color:#222222; font-size: 3.2rem; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}

@media all and (min-width:801px){
	.bbs-list-style08 .bbs-item:hover > a:before  {width: 100%;}
	.bbs-list-style08 .bbs-item:hover .bbs-right-info-con .bbs-more-btn {color: var(--main-color); transform:translateX(3rem)}
}
@media all and (max-width:800px){
	.pr-con-wrap {padding-bottom: 7rem;}
	
	/* 리스트형 게시판 :: 리스트 08 */
	.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-inline {display: inline-block; width: auto; margin-right: 1.5rem;}
	.bbs-list-style08 .bbs-item .bbs-list-num {text-align: left;}
	.bbs-list-style08 .bbs-item .bbs-list-cate {width: 8rem !important; margin-right: 1.5rem;}
	.bbs-list-style08 .bbs-item .bbs-list-date{ 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:1.8rem;}
	.bbs-list-style08 .bbs-item .bbs-list-info-con .notice-tit{height:20px; font-size:13px; line-height:20px; padding:0 10px;}
	.bbs-list-style08 .bbs-item .bbs-list-info-con .bbs-list-sub-txt{font-size:13px; }
	.bbs-list-style08 .bbs-item .bbs-right-info-con{top: 50%; right:15px;  transform:translateY(-50%)}
	.bbs-list-style08 .bbs-item .bbs-right-info-con .bbs-more-btn {font-size: 2.4rem;}

	.bbs-list-style08 .bbs-item .bbs-list-cate span {height: 3rem;}
}
@media all and (max-width:480px){
	/* 리스트형 게시판 :: 리스트 08 */
	.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-tit .category{display:block; font-size:13px; margin-bottom:10px;}
	.bbs-list-style08 .bbs-item .bbs-list-info-con .bbs-list-date-m{display:block; color:#888; font-size:12px; margin-top:10px;}
}

.ir-parter-con {padding: 15rem 0; background-color: #050505;}
.ir-parter-con  .main-tit-box .main-tit {font-size: 4rem; font-weight: 800;letter-spacing: -0.05em; color: #fff; line-height: 1.5; text-align: center;}
.ir-parter-con  .main-parter-list-con {margin-top: 10rem;}

@media all and (max-width:800px){
	.ir-parter-con  {padding: 10rem 0;}
	.ir-parter-con .main-tit-box .main-tit {font-size: 2.6rem;}
	.ir-parter-con  .main-parter-list-con {margin-top: 8rem;}
}

/* ******************  Investors & Partners ********************** */
.partners-top-con {position: relative; height: 100vh; background-color: #000;}
.partners-top-img {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.partners-top-img .img {display: block; position: absolute; top: 0; left: 0; height: 100%;}
.partners-top-img .img img {max-height: 100%;}
.partners-top-con .inner {position: relative; z-index: 1; }
.partners-top-con .partners-top-list {padding-top: 13.5rem; display: flex; }
.partners-top-con .partners-top-list + .partners-top-list {padding-top: 6rem;}
.partners-top-con .partners-top-list > li {}
.partners-top-con .partners-top-list > li:first-child {width: 26.7rem;}
.partners-top-con .partners-top-list > li:nth-child(2) {width: 33rem;}
.partners-top-con .partners-top-list > li dl dt {font-size: 1.8rem; font-weight: 600; letter-spacing: -0.05em; color: rgba(255,255,255,0.5); margin-bottom: 2rem;}
.partners-top-con .partners-top-list > li dl .no-count {font-size: 4.4rem; font-weight: 600; letter-spacing: -0.025em; color: #fff; line-height: 1.1;}
.partners-top-con .number {display: flex; align-items: end;}
.partners-top-con .count-num-box{display:flex; align-items:center; font-size:4.4rem}
.partners-top-con .count-num-box > p {color: #fff; font-size: 4.4rem; line-height: 4.4rem; font-weight: 600;letter-spacing: -0.025em;} 
.partners-top-con .count-unit {position: relative; top: 0;  font-size: 4rem; letter-spacing: -0.025em;color: #fff; font-weight: 600;  margin-left: 0; line-height: 1.1;}
.partners-top-con .count-num-item-wrap{height:1em; overflow:hidden;}
.partners-top-con .count-num-item-wrap .count-num-item-box{height:44rem;}
.partners-top-con .count-num-item-wrap .count-num-item-box .count-num-item {text-align: center; font-size: 4.4rem; letter-spacing: -0.025em;  color: #fff; font-weight: 600; line-height: 1em; padding-right: 0;}	 
.partners-top-con .animated .count-num-item-box{animation:count-up-ani 3s forwards;}
.partners-top-con .animated .count-num-item-box.down {animation:count-down-ani 3s forwards;}

.investors-con {padding: 20rem 0 23rem;}
.investors-con .cm-tit-box .cm-txt02 {margin-top: 6.5rem;}
.investors-list {display: flex; flex-wrap: wrap; justify-content: center; margin: -1.2rem; padding-top: 5.5rem;}
.investors-list li {width: calc(16.666% - 2.4rem); margin: 1.2rem;}
.investors-list li .logo-img {position: relative; width: 100%; height: 0; padding-top: 43.478%;}
.investors-list li .logo-img img {position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit:cover;} 
.investors-con-tit {padding-top: 10rem; text-align: center; font-size: 3.6rem; font-weight: 700; color: #101828; line-height: 1.2;}
.partners-con {position: relative; z-index: 1;}
.partners-tab-con {padding: 8rem 0;}
.partners-tab-tit {text-align: center; margin-bottom: 8rem;}
.partners-tab-tit .partners-tit-logo {display: block; margin-bottom: 3rem;}
.partners-tab-tit .partners-tit-logo img {max-width: 100%;}
.partners-tab-tit .partners-sub-tit {display: inline-block; padding: 1.3rem 5rem; border-radius: 6rem; font-size: 1.8rem; font-weight: 700; letter-spacing: -0.05em; color: #fff; line-height: 1.3;}
#partnersCon01 .partners-tab-tit .partners-sub-tit {background-color: #00A76C;}
#partnersCon02 .partners-tab-tit .partners-sub-tit {background-color: #00A8FF;}
#partnersCon03 .partners-tab-tit .partners-sub-tit {background-color: #2563EB;}
#partnersCon04 .partners-tab-tit .partners-sub-tit {background-color: #013E8A;}
#partnersCon05 .partners-tab-tit .partners-sub-tit {background-color: #307211;}

.partners-list {display: flex; flex-wrap: wrap; margin: -2rem -1.2rem;}
.partners-list li {width: calc(16.666% - 2.4rem); margin: 2rem 1.2rem; text-align: center;}
.partners-list li .partners-box {}
.partners-list li .partners-logo-box {position: relative; width: 100%; height: 0; padding-top: 43.478%; border-radius: 1.5rem; overflow: hidden;}
.partners-list li .partners-logo-box img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit:cover; mix-blend-mode: darken;} 
/* .partners-list li .partners-logo-box img:not(.no-mix) {mix-blend-mode: darken;} */
.partners-list li .partners-tit {display: inline-block; margin-top: 1.5rem; padding: 0.5rem 2.5rem; border-radius: 3rem; background-color: #f3f3f3; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.05em; color: #888; line-height: 1.3;}

#partnersCon01 .partners-list li .partners-logo-box {background-color: rgba(4,176,132,0.04);}
#partnersCon02 .partners-list li .partners-logo-box {background-color: rgba(0,168,255,0.04);}
#partnersCon03 .partners-list li .partners-logo-box {background-color: rgba(37,99,235,0.04);}
#partnersCon04 .partners-list li .partners-logo-box {background-color: rgba(1,62,138,0.04);}
#partnersCon05 .partners-list li .partners-logo-box {background-color: rgba(48,114,17,0.04);}

.partners-more-btn-box {position: relative; text-align: center; width: 100%; margin-top: 5rem;}
.partners-more-btn-box:before {position: absolute; content: ''; width: 100%; height: 1px; background-color: #DDDDDD; top: 50%; left: 0; margin-top: -0.5px;}
.partners-more-btn {position: relative; z-index: 1;width: 12.5rem; height: 5rem; display: flex; align-items: center; justify-content: center; border: 1px solid #ddd; border-radius: 5rem; font-size: 1.8rem; font-weight: 600; letter-spacing: -0.05em; color: #888; line-height: 1.2; background-color: #fff; margin: 0 auto;}
.partners-more-btn i {font-weight: 400; margin-left: 1rem;}
.partners-more-btn.open i {transform:rotate(180deg)}
@media all and (min-width:801px){
	.partners-list li:nth-child(n+13){display:none;}
}
.partners-list.open li{display:block;}
.partners-bnr-con {padding: 8rem 0 14rem;}
.partners-bnr-list {display: flex; flex-wrap: wrap; gap:3rem;}
.partners-bnr-item {display: flex; align-items: center; justify-content: space-between; border-radius: 1.5rem; overflow: hidden; box-sizing: border-box;}
.partners-bnr-item.half {width: calc(50% - 1.5rem); padding: 4.5rem 5rem; }
.partners-bnr-item.half.item01 {background-color: #DAE4F4;}
.partners-bnr-item.half.item02 {background-color: #F4DDE4;}
.partners-bnr-item.half .txt-box {padding: 0 5rem; width: calc(100% - 15rem); box-sizing: border-box;}
.partners-bnr-item.half .txt-box dt {font-size: 2.8rem; font-weight: 700; letter-spacing: -0.05em; color: #222; line-height: 1.2;}
.partners-bnr-item.half .txt-box dd {font-size: 1.8rem; font-weight: 400; letter-spacing: -0.05em; color: #555; line-height: 1.7; padding-top: 2.5rem;}
.partners-bnr-item.half .icon-box {width: 15rem;}
.partners-bnr-item.half .icon-box span {position: relative; display: block; width: 100%; height: 0; padding-top: 100%; border-radius: 50%;}
.partners-bnr-item.half .icon-box span:before {position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; border-radius: 50%; background: rgba(255,255,255,0.8); transform-origin:center; transition:all 0.4s ease-in-out;}
.partners-bnr-item.half .icon-box span img {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.partners-bnr-item.full {width: 100%; background: url(/images/content/partners_bnr_bg.jpg)no-repeat center/cover; padding: 8.5rem 10rem; }
.partners-bnr-item.full .txt-box .txt01 {font-size: 3.2rem; font-weight: 700; letter-spacing: -0.05em; color: #fff; line-height: 1.4;}
.partners-bnr-item.full .txt-box {width: calc(100% - 15rem);}
.partners-bnr-item.full .txt-box .txt01 b {color: var(--main-color); font-weight: 700;}
.partners-bnr-item.full .txt-box .txt02 {font-size: 1.8rem; font-weight: 400; letter-spacing: -0.05em; color: rgba(255,255,255,0.8); line-height: 1.7; padding-top: 2rem;}
.partners-bnr-item.full .partners-btn {position: relative; width: 15rem; height: 15rem; border-radius: 50%; display: flex; text-align: center; align-items: center; justify-content: center;}
.partners-bnr-item.full .partners-btn span {position: relative; z-index: 1;display: inline-block; font-size: 2.2rem; font-weight: 700; letter-spacing: -0.05em; color: #fff; line-height: 1.45;}
.partners-bnr-item.full .partners-btn:before {position: absolute; content: ''; width: 100%; height: 100%; border-radius: 50%; background-color: rgba(245,74,72,0.9); box-shadow:1rem 1rem 1rem rgba(0,0,0,0.25); backdrop-filter: blur(3px); transition:all 0.4s ease-in-out;}

@media all and (min-width:801px){
	.partners-bnr-item.half:hover .icon-box span:before {transform:scale(1.1)}
	.partners-bnr-item.full:hover .partners-btn:before {transform:scale(1.1)}
}