/* 공통 */
.section {
	display: block;
}

.titleFlex {display: flex; align-items: center; gap: .63rem;}
.titleFlex.flex-jc {justify-content: center;}
.titleFlex img {width: 2.25rem;}

.common_inner {width: 100%; max-width: 87.5rem; margin: 0 auto;}
@media screen and (max-width: 1600px) {
    .common_inner {max-width: calc(100% - 4rem);}
}
@media screen and (max-width: 1280px) {
    .common_inner {max-width: calc(100% - (1.62rem*2));}
}
@media screen and (max-width: 768px) {
    .common_inner {max-width: calc(100% - 2.5rem);}
}

.sub_visual_wrap {
	position: relative;
}

.sub_visual {
	width: 100%;
	height: 40.62rem;
	position: relative;
	background: url("/img/sub/sub_visual01.jpg") no-repeat center / cover;
}

.sub_visual.sw {
	background: url("/img/sub/sub_sw_visual.jpg") no-repeat center / cover;
}

.sub_visual.ed {
	background: url("/img/sub/sub_ed_visual.jpg") no-repeat center / cover;
}

.sub_visual.se {
	background: url("/img/sub/sub_se_visual.jpg") no-repeat center / cover;
}

.sub_visual:after {
	content: '';
	display: inline-block;
	width: 44.69rem;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
	opacity: 0.7;
}

.sub_visual.bg02 {
	background-image: url("/img/sub/sub_visual02.jpg");
}

.sub_visual.bg03 {
	background-image: url("/img/sub/sub_visual01.jpg");
}

.sub_vis_txt {
	max-width: 87.5rem;
	width: 100%;
	position: absolute;
	top: calc(50% + 2.38rem);
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	z-index: 1
}

.sub_vis_txt h2 {
	font-size: 3.56rem;
	line-height: 122%;
	font-weight: 800;
	margin-bottom: 1.5rem;
}

.sub_vis_txt em {
	font-size: 1.25rem;
	line-height: 145%;
	font-weight: 500;
}

.sub_title {
	padding-top: 3.31rem
}

/* sub_menu */
.sub_menu {
	height: 5.0rem;
	border-bottom: 0.06rem solid #E3E3E3;
	background: #FFF;
}

.sub_menu>ul {
	max-width: 87.5rem;
	margin: 0 auto;
	position: relative;
	display: flex;
	align-items: center;
	height: 100%;
	z-index: 10;
}

.sub_menu>ul>li {
	position: relative;
	height: 100%;
}

.sub_menu>ul>li:last-child:before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 0.06rem;
	height: 1.25rem;
	background: #E3E3E3;
}

.sub_menu>ul>li>a {
	display: flex;
	align-items: center;
	padding-left: 1.88rem;
	font-size: 1.25rem;
	height: 100%;
	font-weight: 500;
}

.sub_menu>ul>li.home {
	width: 5.0rem;
}

.sub_menu>ul>li.home>a {
	display: block;
	height: 100%;
	background: #003D8B url("/img/sub/home_ic.svg") no-repeat center / 1.88rem;
}

.sub_menu>ul>li.menu_btn {
	width: 18.12rem;
	background: url("/img/sub/sub_menu_arrow.svg") no-repeat right 1.56rem center / 1.25rem;
}

.sub_menu>ul>li.menu_btn.on {
	background-image: url("/img/sub/sub_menu_arrow_on.svg");
}

.sub_menu_txt {
	display: none;
	position: absolute;
	left: 0;
	width: 100%;
	background: #fff;
	border: 0.06rem solid #E3E3E3;
	z-index: 100;
}

.sub_menu_txt li {
	height: 4.38rem;
	border-bottom: 0.06rem solid #E3E3E3;
}

.sub_menu_txt li a {
	display: flex;
	align-items: center;
	padding: 0 1.88rem;
	font-size: 1.25rem;
	color: #8E8E8E;
	height: 100%;
	font-weight: 600;
}

.sub_menu_txt li a:hover {
	color: #fff;
	background: #003D8B;
}

.sub_menu_txt li:last-child {
	border-bottom: none;
}

/* sub_title */
.sub_title {

	text-align: center;
}

.sub_title em {
	font-size: 1.25rem;
	font-weight: 500;
}

.sub_title h3 {
	font-size: 2.81rem;
	padding-top: 0.75rem;
	font-weight: 700;
	padding-bottom: 5.0rem;
	font-family: 'NanumSquareRound', sans-serif !important;
}

.subMenu {
	width: 87.5rem;
	margin: 0 auto;
	box-shadow: 0.0rem 0.25rem 1.25rem 0.0rem #959DA526;
	border-radius: 3.125rem;
	overflow: hidden;
	margin-top: -2.1875rem;
	position: relative;
}

.en .subMenu .tit {display: none;}

.subMenu ul {
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--white);
	height: auto;
	overflow: hidden;
}

.subMenu li {
	width: 100%;
	text-align: center;
	height: 4.375rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.25rem;
	font-weight: 700;
	border-radius: 3.125rem;
	cursor: pointer;
}

.subMenu li a {
	color: #6D6D6D;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.en .subMenu li a {line-height: 1.3;}

.subMenu li.active {
	background: #40A7FF;
	color: var(--white)
}

.subMenu li.active a {
	color: var(--white)
}

.textSizeLg {
	font-size: 2.8125rem;
	font-weight: 800;
	font-family: 'NanumSquareRound', sans-serif !important;
}

.textSizeMd {
	font-size: 2.25rem;
	font-weight: 700;
}


.textSizeSm {
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 145%
}

.textSizeXs {
	font-size: 1.125rem;
	font-weight: 400;
}

/*브랜드소개*/
.brandSection01Img {
	width: 21.875rem;
	margin-bottom: 3.625rem
}

.brandSection02 p.textSizeSm {
	color: #6d6d6d;
	word-break: keep-all;
}

.subInner {
	padding-bottom: 7.5rem;
}

.brandSection02 {
	background: #F9F9F9;
	padding-top: 7.5rem;
	position: relative;
	padding-bottom: 22.9375rem
}

.brandSection02:after {
	content: '';
	display: block;
	width: 100%;
	height: 10.375rem;
	background: url('/img/sub/minerva_bg_img.svg') no-repeat center center / 100% 10.375rem;
	position: absolute;
	top: calc(50% - 8.4375rem);
	left: 50%;
	transform: translate(-50%, -50%)
}

.brandSection01 .bs02Img01 {
	height: 1.6875rem;
	margin-bottom: 2.5rem;
}

.brandSection01 .textSizeMd {
	margin-bottom: 5.625rem;
	font-family: 'NanumSquareRound', sans-serif !important;
    word-break: keep-all;
}

.brandSection01 .bs02Img02 {
	height: 5.5rem;
	margin-bottom: 5.4375rem
}

.brandSection01 .textSizeXs {
	color: #6D6D6D;
	line-height: 156%;
	word-break: keep-all;
}

.en .brandSection01 .textSizeXs {line-height: 1.35;}

.brandSection02CardWrap {
	position: absolute;
	bottom: -20.8125rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1
}

.brandSection02CardWrap .textSizeMd {
	padding-left: 7.5rem;
}

.brandSection02CardWrap ul {
	display: flex;
	justify-content: center;
	align-items: start;
	gap: 2.5rem;
	width: 102.5rem;
	height: auto;
}

.brandSection02CardWrap ul li {
	width: calc(100% / 4);
	box-shadow: 0.0rem 0.4375rem 1.875rem 0.0rem #64646F1A;
	border-radius: 1.875rem;
	overflow: hidden;
    cursor: pointer;
}

.brandSection02CardImg {
	height: 18.9375rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.brandSection02CardText {
	padding: 2.5rem;
	height: 12.3125rem;
	background: #fff;
}

.brandSection02CardText p:first-child {
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 1.0rem;
}

.brandSection03 {
	padding-top: 26.5rem
}

.brandSection03Cont {
	max-width: 87.5rem;
	display: flex;
	flex-wrap: wrap;
}

.brandSection03Cont>div {
	display: flex;
	justify-content: start;
	align-items: start;
	/* float: left; */
	padding: 5.0rem 0 0 3.125rem;
	margin: 0 1.875rem 1.875rem 0;
	width: calc(100% / 2 - 0.9375rem);
	background: #F9F9F9;
	border-radius: 3.125rem;
	overflow: hidden;
	height: 17.0625rem;
	position: relative;
	cursor: pointer;
}

.brandSection03Cont>div:after {
	content: '';
	display: block;
	width: 5.3125rem;
	height: 5.3125rem;
	position: absolute;
	top: 2.5rem;
	right: 2.5rem;
	background-size: contain !important;
}

.brandSection03Cont>div:nth-child(even) {
	margin-right: 0
}

.brandSection03Cont>div:nth-child(2n+1) {
	clear: both;
}

.brandSection03Cont p:nth-child(1) {
	font-size: 1.75rem;
	font-weight: 600;
	line-height: 133%;
	margin-bottom: 1.25rem;
	/* font-family: 'NanumSquareRound', sans-serif !important; */
}

.brandSection03Cont p {
	font-family: 'Pretendard', sans-serif;
}

.brandSection03Cont p:nth-child(2) {
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 156%;
	color: #6D6D6D;
}

.brandSection03Cont>div:hover {
	background: linear-gradient(87.25deg, rgba(228, 104, 98, 0.8) -1.56%, rgba(173, 114, 253, 0.9) 27.79%, rgba(89, 120, 255, 0.9) 59.66%, #29C4A8 91.53%);
	color: var(--white)
}

.brandSection03Cont>div:hover p:nth-child(2) {
	color: var(--white);
}

.brandSection03Inner01:after {
	background: url('/img/sub/brand_card_icon01.svg') no-repeat center center / 5.3125rem 5.3125rem;
}

.brandSection03Inner02:after {
	background: url('/img/sub/brand_card_icon02.svg') no-repeat center center / 5.3125rem 5.3125rem;
}

.brandSection03Inner03:after {
	background: url('/img/sub/brand_card_icon03.svg') no-repeat center center / 5.3125rem 5.3125rem;
}

.brandSection03Inner04:after {
	background: url('/img/sub/brand_card_icon04.svg') no-repeat center center / 5.3125rem 5.3125rem;
}

.brandSection03Inner05:after {
	background: url('/img/sub/brand_card_icon05.svg') no-repeat center center / 5.3125rem 5.3125rem;
}

.brandSection03Inner06:after {
	background: url('/img/sub/brand_card_icon06.svg') no-repeat center center / 5.3125rem 5.3125rem;
}

.brandSection03Inner01:hover:after {
	background: url('/img/sub/brand_card_icon01_hover.svg') no-repeat center center / 5.3125rem 5.3125rem;
}

.brandSection03Inner02:hover:after {
	background: url('/img/sub/brand_card_icon02_hover.svg') no-repeat center center / 5.3125rem 5.3125rem;
}

.brandSection03Inner03:hover:after {
	background: url('/img/sub/brand_card_icon03_hover.svg') no-repeat center center / 5.3125rem 5.3125rem;
}

.brandSection03Inner04:hover:after {
	background: url('/img/sub/brand_card_icon04_hover.svg') no-repeat center center / 5.3125rem 5.3125rem;
}

.brandSection03Inner05:hover:after {
	background: url('/img/sub/brand_card_icon05_hover.svg') no-repeat center center / 5.3125rem 5.3125rem;
}

.brandSection03Inner06:hover:after {
	background: url('/img/sub/brand_card_icon06_hover.svg') no-repeat center center / 5.3125rem 5.3125rem;
}

.sub_inner {
	width: 100%
}

/*sub common*/
.subSecTextXLg {
	font-size: 2.8125rem;
	word-break: keep-all;
}

.subSecTextLg {
	font-size: 2.25rem;
    font-weight: 700;
}

.subSecTextMd {
	font-size: 1.5rem;
    font-weight: 700; line-height: 1.4;
    letter-spacing: -0.0125rem;
}

.subSecTextSm {
	font-size: 1.25rem;
}

.subSecTextXs {
	font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.0125rem;
    word-break: keep-all;
}

.fontW400 {
	font-weight: 400
}

.fontW500 {
	font-weight: 500
}

.fontW600 {
	font-weight: 600
}

.fontW700 {
	font-weight: 700
}

.fontW800 {
	font-weight: 800
}

.m-auto {
	margin: 0 auto
}

.grayColor {
	color: #6D6D6D
}
p.grayColor{line-height:122%; line-height: 1.5; font-weight: 400; letter-spacing: -0.0125rem;}
.en p.grayColor {line-height: 1.3; word-break: keep-all;}

.grayBg {
	background: #F9F9F9
}
.lineHeight130{line-height:130%}
.lineHeight140{line-height:140%}
.lineHeight145{line-height:145%}
.lineHeight156{line-height:156%}
/*sw 솔루션*/
.subTopCont {
	text-align: center;
}

.subSection {
	padding: 7.5rem 0
}
.subSection > .subSecTextLg.NanumSquare {font-weight:700;line-height:122%}
.bundleSection01 {
	padding: 0 1.25rem !important
}

.subTopCont .subSecTextXLg {
	margin-bottom: 2rem
}

.subTopCont .subSecTextSm {
	margin-bottom: 3.62rem;
    line-height: 1.45;
    word-break: keep-all;
}

.subTopCont .subTopContImg {
	margin-bottom:8.19rem
}

.subTopCont .bundleTopImgSize {
	width: 16.18rem;
	height: 10.25rem;
}

.bundleSection02 {position:relative;overflow:hidden;}
.bundleSection02Bg:after {content:'';display:inline-block;width:122rem;height:21.93rem;background:url('/img/sub/bundle_section02_bg.png') no-repeat center center / contain;position:absolute;top:39.94rem;left:50%;transform:translateX(-50%)}
.bundleSection02 p{margin-bottom:2.5rem}
.en .bundleSection02 p {word-break: keep-all; line-height: 1.3;}
.bundleSection02Img {width:62.5rem;height:25rem;margin-bottom:2.5rem;}
.bundleSection02ImgLogo {padding: 2.64rem 0;}
.bundleSection02ImgLogo img{width:31.25rem;height:5.423rem;}
.subSectionInner {width:87.5rem;margin:0 auto;}
.bundleSection03 .subSecTextLg, .bundleSection04 .subSecTextLg {margin-bottom:2.5rem; font-weight: 700; line-height: 1.2;}
.bundleSection03 ul{display:flex;justify-content: space-between;gap:1.88rem;margin-bottom:1.88rem;}
.bundleSection03 li{width:calc(100% / 2);display:flex;justify-content: start;align-items: start;background:#F9F9F9;font-size:1.75rem;font-weight:600;line-height:133%;border-radius:1.87rem;padding:5rem 3.12rem;position:relative; letter-spacing: -0.025rem;}
.bundleSection03 li:hover{background: linear-gradient(87.25deg, rgba(228, 104, 98, 0.8) -1.56%, rgba(173, 114, 253, 0.9) 27.79%, rgba(89, 120, 255, 0.9) 59.66%, #29C4A8 91.53%);color: var(--white)}
.bundleSection03 li:after {content:'';display:inline-block;width:5rem;height:5rem;position:absolute;top:3.125rem;right:2.5rem;}
.bundleSection03 ul:nth-child(2) li:nth-child(1):after {background:url('/img/sub/bundle_icon01.svg') no-repeat center center / cover}
.bundleSection03 ul:nth-child(2) li:nth-child(2):after {background:url('/img/sub/bundle_icon02.svg') no-repeat center center / cover}
.bundleSection03 ul:nth-child(3) li:nth-child(1):after {background:url('/img/sub/bundle_icon03.svg') no-repeat center center / cover}
.bundleSection03 ul:nth-child(3) li:nth-child(2):after {background:url('/img/sub/bundle_icon04.svg') no-repeat center center / cover}
.bundleSection03 ul:nth-child(4) li:nth-child(1):after {background:url('/img/sub/bundle_icon05.svg') no-repeat center center / cover}
.bundleSection03 ul:nth-child(4) li:nth-child(2):after {background:url('/img/sub/bundle_icon06.svg') no-repeat center center / cover}
.bundleSection03 ul:nth-child(5) li:nth-child(1):after {background:url('/img/sub/bundle_icon07.svg') no-repeat center center / cover}
.bundleSection03 ul:nth-child(5) li:nth-child(2):after {background:url('/img/sub/bundle_icon08.svg') no-repeat center center / cover}
.bundleSection03 ul:nth-child(6) li:nth-child(1):after {background:url('/img/sub/bundle_icon09.svg') no-repeat center center / cover}
.bundleSection03 ul:nth-child(6) li:nth-child(2):after {background:url('/img/sub/bundle_icon10.svg') no-repeat center center / cover}
.bundleSection03 ul:nth-child(7) li:nth-child(1):after {background:url('/img/sub/bundle_icon11.svg') no-repeat center center / cover}
.bundleSection03 ul:nth-child(2) li:nth-child(1):hover:after {background:url('/img/sub/bundle_icon01_hover.svg') no-repeat center center / cover}
.bundleSection03 ul:nth-child(2) li:nth-child(2):hover:after {background:url('/img/sub/bundle_icon02_hover.svg') no-repeat center center / cover}
.bundleSection03 ul:nth-child(3) li:nth-child(1):hover:after {background:url('/img/sub/bundle_icon03_hover.svg') no-repeat center center / cover}
.bundleSection03 ul:nth-child(3) li:nth-child(2):hover:after {background:url('/img/sub/bundle_icon04_hover.svg') no-repeat center center / cover}
.bundleSection03 ul:nth-child(4) li:nth-child(1):hover:after {background:url('/img/sub/bundle_icon05_hover.svg') no-repeat center center / cover}
.bundleSection03 ul:nth-child(4) li:nth-child(2):hover:after {background:url('/img/sub/bundle_icon06_hover.svg') no-repeat center center / cover}
.bundleSection03 ul:nth-child(5) li:nth-child(1):hover:after {background:url('/img/sub/bundle_icon07_hover.svg') no-repeat center center / cover}
.bundleSection03 ul:nth-child(5) li:nth-child(2):hover:after {background:url('/img/sub/bundle_icon08_hover.svg') no-repeat center center / cover}
.bundleSection03 ul:nth-child(6) li:nth-child(1):hover:after {background:url('/img/sub/bundle_icon09_hover.svg') no-repeat center center / cover}
.bundleSection03 ul:nth-child(6) li:nth-child(2):hover:after {background:url('/img/sub/bundle_icon10_hover.svg') no-repeat center center / cover}
.bundleSection03 ul:nth-child(7) li:nth-child(1):hover:after {background:url('/img/sub/bundle_icon11_hover.svg') no-repeat center center / cover}

.numBadge {padding:0.5rem 1.5rem;font-size:1rem;font-weight:600;letter-spacing: -0.025rem;color:#fff;background:#ED803D;border-radius:1.87rem;margin-right:1.25rem;}
.bundelGuide > .flexCenterCenter {margin-bottom:1.88rem;}
.bundelGuide > .flexCenterCenter p{margin-bottom:0}
.bundelGuide > p {margin-bottom:2.5rem; letter-spacing: -0.0125rem;}
.en .bundelGuide > p {word-break: keep-all;}
.subWhiteBox {padding:4.38rem;border-radius:1.875rem;background:#fff;width:100%;margin-bottom:3.75rem;}
.subWhiteBox img {height:30rem;}
.orangeColor {color:#EF8454}
.bundleSection05 .rainbowBtn {margin-top:7.5rem}
.subInner .rainbowBtn {width:auto;}
.subInner .rainbowBtn p {width:10.37rem;white-space: nowrap;text-align:left;/* font-family: 'NanumSquareRound', sans-serif !important; */letter-spacing: -0.025rem;}
.bundleSlide .swiper-slide {width:12.5rem;margin-right:1.88rem;}
.bundleSlide .swiper-wrapper {transition-timing-function: linear;}
.bundleSlideBox01 {margin-top:7.5rem}

/*마음e*/
.heartTopImgSize {width:26.93rem;height:10.31rem}
.whiteShadow {background:#fff;border-radius:1.87rem;box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08);overflow:hidden;}
.textBadge {font-size:1.37rem;border-radius: 31.25rem;color:#fff;line-height:133%;font-weight:600;display:inline-flex;justify-content: center;align-items: center;padding:0.34rem 1.56rem; letter-spacing: -0.025rem;}
.heart02Cont {gap:2.5rem;width:88.7rem;margin:0 auto;}
.heart02Cont li {width:calc(100% / 3);padding:3.1rem 0}
.heart02Cont li img {height:5.2rem;margin-bottom:2rem;}
.heart02Cont .textBadge {background: #F65590; margin-bottom: 1.25rem;}
.mb0{margin-bottom:0}
.heart03Cont {width:100rem;gap:1.67rem;padding-bottom:5.62rem;}
.heartSection03 .subSectionInner {position:relative;}
.heartSection03 .subSecTextLg {margin-bottom:2.5rem}
.heart03Cont li {width:calc(100% / 4);height:31.1rem}
.en .heart03Cont li {height: 33.1rem;}
.heart03ContImg {height:18.75rem;overflow:hidden;}
.heart03Cont {margin-top:2.5rem;margin-left:-6.25rem;}
.heart03ContText {padding:2.5rem}
.heart03ContText .subSecTextMd {margin-bottom:1rem;line-height:145%}
.heart03ContV2 p:first-child{color:#000 !important; font-size: 1.5rem !important; margin-bottom: 1rem !important; line-height: 1.56 !important;}
.en .heart03ContV2 p:first-child {line-height: 1.2 !important;word-break: keep-all;}
.toggleContInner {padding:2.5rem;border-radius: 1.875rem;position:relative;cursor:pointer;}
.toggleContInner .subSecTextSm{margin-top:1rem;}
.toggleContInner:after {content:'';display:block;width:2.5rem;height:2.5rem;top:2.5rem;right:2.5rem;position:absolute;border-radius:50%;background:#D9D9D9 url('/img/sub/updown_arrow_bk.svg') no-repeat center center / 1.5rem 1.5rem}
.toggleContInner.active:after{background:#F65590 url('/img/sub/updown_arrow_wh.svg') no-repeat center center / 1.5rem 1.5rem;}
.toggleContInner {margin-bottom:1.25rem;}
.toggleContInner:last-child{margin-bottom:7.5rem}
.toggleContInner .subSecTextSm {display:none;}
.toggleContInner.active {background:#FFEAF2;}
/* .toggleContInner.active .subSecTextSm {display:block;} */
.blueBg {background:#40A7FF !important}
/*테크*/
.techTopImgSize {width:22.06rem;height:5.25rem}
.pb5-6 {padding-bottom:5.62rem}
.pb0{padding-bottom:0 !important}
.subInner .whiteBox {width:87.5rem;padding:3.19rem 3.69rem;background:#fff;margin:0 auto;border-radius: 3.125rem;}
.techSection01Cont > div{margin-bottom:1.25rem;}
.techSection01Cont .flexCenterCenter {gap:1rem}
.techSection01Cont .flexCenterCenter div {display:flex;justify-content: center;align-items: center;}
.techSection01Cont .flexCenterCenter div p{margin-bottom:0}
.techSection01Cont .flexCenterCenter div:nth-child(1){width:50%;padding:2.5rem;height:6.25rem;}
.techSection01Cont .flexCenterCenter div:nth-child(2){width:2.75rem}
.techSection01Cont .flexCenterCenter div:nth-child(3){width:50%;padding:2.5rem;height:6.25rem;}
.techSection01InnerTop div{font-size:1.87rem;font-weight:800;color:#fff;border-radius: 31.25rem;}
.techSection01InnerTop div:nth-child(1){background:#8E8E8E;border:1px solid #E7E7E7;}
.techSection01InnerTop div:nth-child(3){background:#40A7FF;border:1px solid transparent;}
.techSection01Inner div {border-radius: 1.875rem;font-size:1.37rem;font-weight: 500;line-height: 145%;}
.techSection01Inner div:nth-child(1){background: #FFF;border: 1px solid var(--Neutral-400, #E7E7E7);}
.techSection01Inner div:nth-child(3){background: #F1F9FF;border: 1px solid var(--Neutral-400, #E7E7E7);}
.techSection01Inner:hover div:nth-child(1){border: 1px solid var(--Neutral-400, #8E8E8E);}
.techSection01Inner:hover div:nth-child(3){background: #F2F9FF;border: 1px solid var(--Neutral-400, #40A7FF);color:#00AAFD}
.techSection02 {margin-top:3.5rem;margin-bottom:7.5rem;gap:2.19rem}
.techSection02 .heart03ContImg {height:21.87rem}
.heart03ContText p:first-child{font-size:1.75rem;color:#40A7FF;margin-bottom:1.25rem; letter-spacing: -0.0125rem; line-height: 1.4;}
.techSection02 .whiteShadow{height:37.5rem;}
.techStepBox {margin-bottom:7.5rem}
.techStepBoxCont {position:relative;overflow:unset;display:inline-flex;width:14.31rem;height:14.31rem;border-radius:1.65rem;justify-content: center;align-items: start;margin-right:3rem;margin-top:1.87rem;padding-top:3.63rem;text-align:center;}
.techStepBoxCont:after {content:'';display:inline-block;width:2.75rem;height:2.75rem;position:absolute;top:50%;transform:translateY(-50%);right:-3.1rem;background:url('/img/sub/blue_arrow_right.svg') no-repeat center center / cover}
.techStepBoxCont p:first-child{width:2.20rem;height:2.20rem;background:#40A7FF;border-radius:50%;display:inline-flex;justify-content: center;align-items: center;color:#fff;font-size:1.10rem;margin-bottom:1.1rem}
.techStepBoxCont p:last-child{font-size:1.31rem;line-height:140%;font-weight:700;font-family: 'NanumSquareRound', sans-serif !important; letter-spacing: -0.011rem;}
.techStepBoxCont:nth-child(1), .techStepBoxCont:nth-child(2), .techStepBoxCont:nth-child(3), .techStepBoxCont:nth-child(4), .techStepBoxCont:nth-child(5){margin-top:0}
.techStepBoxCont:last-child:after{display:none;}
.techStepBoxCont.active, .campStep .techStepBoxCont:hover {background: linear-gradient(140deg, #40A7FF 15.83%, #3AD0D8 103.42%), #40A7FF;}
.techStepBoxCont.active p:first-child, .campStep .techStepBoxCont:hover  p:first-child{color:#40A7FF;background:#fff;}
.techStepBoxCont.active p:last-child, .campStep .techStepBoxCont:hover  p:last-child {color:#fff;}

/*메타*/
.metaTopImgSize {width:18.82rem;height:10.93rem}
.metaSection01 {padding-top:0}
.metaSection01 {width:87.5rem;margin:0 auto;}
.metaTabCont, .metaTabCont02 {text-align: center;margin:2.5rem 0}
.metaTabCont ul, .metaTabCont02 ul{margin:0 auto;display:flex;justify-content: space-between;align-items: center;gap:0.94rem;width:55rem;}
.metaTabCont li, .metaTabCont02 li{cursor:pointer;font-size:1.37rem;font-weight:600;color:#BEBEBE;border:1px solid #BEBEBE;padding:0.66rem 1.56rem;white-space: nowrap;border-radius: 31.25rem;}
.metaTabCont li.active, .metaTabCont02 li.active{background:#BC87EA;color:#fff;border:1px solid #BC87EA}
.metaTabContBoxIn{display:none !important;border-radius: 1.875rem;background: #FCF9FF;padding:2.81rem;display:flex;justify-content: space-between;align-items: start;}
.metaSection01 .metaTabContBoxIn > div:first-child{padding-top:7.63rem}
.metaTabContBoxIn .subSecTextLg {margin-bottom:2.5rem;font-weight:700;font-family: 'NanumSquareRound', sans-serif !important; word-break: keep-all;}
.metaTabContBoxInImg {width:47.5rem;height:30rem;border-radius:1.875rem;overflow:hidden;filter: drop-shadow(0 6.167px 26.429px rgba(100, 100, 111, 0.10));}
.metaSection02Cont {border-radius:1.875rem;overflow:hidden;filter: drop-shadow(0 6.167px 26.429px rgba(100, 100, 111, 0.10));}
.metaTabContBoxIn.active{display:flex !important;}
.purpleColor {color:#BC87EA}
.metaSection02Cont {width:87.5rem;margin:0 auto;gap:1.88rem;margin-bottom:7.5rem;padding-top:2.5rem;}
.metaWidth {width: 19.43rem !important}

/*교육 콘텐츠*/
.campSection01 {padding-bottom:19.44rem;}
.campSection02 {padding-top:20.56rem;position:relative; margin-top: 20rem;}
.campSection02Cont {width:87.5rem;margin:0 auto;}
.campSection02Top {width:87.5rem;height:31.25rem;color:#fff;padding:4.06rem 5rem;position:absolute;top:-14.44rem;left:50%;transform:translateX(-50%)}
.campSection02Top {background:url('/img/sub/camp_section01_img.jpg') no-repeat center center / cover;border-radius: 1.875rem;overflow:hidden;}
.campSection02Top .subSecTextLg{margin-bottom:1.88rem;}
.campTopList {padding-top:1.56rem;margin-top:1.56rem;width:62.56rem;border-top:1px solid rgba(255,255,255,.5)}
.campTopList li {margin-bottom:0.38rem;font-size:1.25rem;font-weight:500}
.campTopList li:last-child {margin-bottom:0}
.campTopList li p {font-weight:700;width:5.75rem;text-align:right;position:relative;margin-right:0.3rem}
.campTopList li p:after {content:'';display:block;width:5px;height:5px;border-radius:50%;background:#fff;position:absolute;top:50%;left:0.3rem;transform:translateY(-50%);}
.campSection02Sec {gap:1.88rem;margin-bottom:7.5rem;}
.campSection02Sec > div {width:100%}
.campSecTop {height:5rem;border-radius: 31.25rem;margin-bottom:0.94rem;border:1px solid #E7E7E7;display:flex;justify-content: center;align-items: center;font-size:1.87rem;font-weight:800;font-family: 'NanumSquareRound', sans-serif !important;color:#fff;}
.campSection02Sec > div:nth-child(1) .campSecTop {background:#40A7FF}
.campSection02Sec > div:nth-child(2) .campSecTop {background:#00CDC3}
.campSection02Sec > div:nth-child(3) .campSecTop {background:#FFCC5C}
.campSecCont {height:23.12rem;border:1px solid #e7e7e7;padding:1.88rem;background:#fff;border-radius: 1.875rem;}
.campSecCont li {display:flex;font-size:1.18rem;line-height:145%;letter-spacing: -0.012rem;justify-content: start;align-items: start;padding-bottom:0.94rem;}
.campSecCont p {width:6.25rem;font-weight: 600;}
.campSecCont_en p {width:9.25rem !important;}
.campSecCont li > div{max-width:calc(100% - 6.25rem)}
.grayDot {width:1.88rem;height:1.88rem;position:relative;display:inline-block;}
.grayDot:after {content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#6d6d6d;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.campSecCont span {font-weight: 400;color:#6d6d6d;}

.campSecCont span.textIn {padding-left: 1.375rem; text-indent: -1.5rem; display: block;}

.campSecCont .flexStartStart span:last-child {width:calc(100% - 1.88rem)}
.campTab li.active {background:#40A7FF;border:1px solid #40A7FF}
.campTab02 li.active {background:#00CDC3;border:1px solid #00CDC3}
.campTab03 li.active {background:#F0B024;border:1px solid #F0B024}
.campTabCont .metaTabContBoxIn {background:#F9F9F9;align-items: center;}
.campTabCont li {display:flex;justify-content: start;align-items: center;margin-bottom:0.3rem;color:#6D6D6D}
.campTabCont .grayDot {width:0.94rem;height:0.94rem;}
.campTabCont .grayDot:after {width:3px;height:3px;}
.metaTabContBoxInImg.tabSlideBox {width:37.5rem}
.metaTabContBoxInImg.tabSlideBox .swiper{padding:0}
.slideArrowWrap {padding-top:2.5rem !important; word-break: keep-all;}
.slideArrowWrap .swiper-button-prev{padding-top:0 !important}
.slideArrowWrap .swiper-button-prev:hover, .slideArrowWrap .swiper-button-next:hover{background:#40A7FF}
.slideArrowWrap .swiper-nav-btns {display:flex;justify-content: start;align-items: center;}
.campTabCont .metaTabContBoxIn {display:flex !important;opacity: 0;pointer-events: none;position:absolute;top:0;left:0;width:100%}
.campTabCont .metaTabContBoxIn.active {opacity: 1;pointer-events: unset;}
.campTabCont {height:39.62rem;position:relative;}
.campTabCont .subSecTextXs {height:9.37rem}
.campTabCont li {font-size:1.12rem;}
.campSection03 {padding-top:0}
.campStep {margin-top:2.5rem;}
.campStep .techStepBoxCont {width:27.7rem;margin-right:1.88rem;border-radius: 1.875rem;}
.campStep .techStepBoxCont:nth-child(3){margin-right:0}
.campStep .techStepBoxCont:after {display:none;}
.campStep .techStepBoxCont:nth-child(4), .campStep .techStepBoxCont:nth-child(5){margin-top:1.88rem;}
.pt7-5{padding-top:7.5rem}
.campVideo {width:37.5rem;overflow:hidden}
.campVideo img {width:100%}
.hAuto{height:auto !important;}
.playBtn {cursor:pointer;margin-top:3.75rem;padding:0 3.01rem 0 1.25rem;font-size:1rem;font-weight:600;background:#F9F9F9 url('/img/sub/play_bk.svg') no-repeat center right 1.25rem / 1.25rem 1.25rem;width:9.57rem;height:2.5rem;border:1px solid #000;border-radius:25.68rem;display:inline-flex;justify-content: center;align-items: center;white-space: nowrap;}
.playBtn:hover {color:#fff;background:#000 url('/img/sub/play_wh.svg') no-repeat center right 1.25rem / 1.25rem 1.25rem;}
.grayColor a {color:#6d6d6d}
.campSection04 {margin-top:2.5rem;}
/* .campSection04 p.grayColor {margin-top:1.25rem;} */

.popupBox {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}
.popupBox.active {display:block;}
.popupInner {width:80rem;height:47rem;background:#fff;border-radius: 1.875rem;z-index: 1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content: center;align-items: center;padding-top:2rem;}
.popupCont {width:90%;height:90%;border-radius: 1.875rem;overflow:hidden;}
.popupBox .popupBg {cursor:pointer;background:rgba(0,0,0,0.4);position:absolute;top:0;left:0;width:100%;height:100%}
.popupClose {cursor:pointer;width:2.5rem;height:2.5rem;border-radius:50%;background:#fff url('/img/close_bk.svg') no-repeat center center / 1.5rem 1.5rem;position:absolute;top:1.25rem;right:1.25rem}

/*경진대회*/
.tourna01Top {background:url('/img/sub/tourna_section01_img.png') no-repeat center center / cover}
.tournaStep .techStepBoxCont{margin-top:0;width:calc(100% / 4 - 1.3rem);margin-right:1.5rem}
.tournaStep .techStepBoxCont:nth-child(3){margin-right:1.5rem}
.tournaStep .techStepBoxCont:nth-child(4){margin-right:0}
.tournaStep .techStepBoxCont p:first-child{background:#00CDC3}
.tournaStep .techStepBoxCont:hover {background: linear-gradient(135deg, #3AD0D8 26.57%, #FFCC5C 106.99%), #40A7FF;}
.greenBg {background:#00CDC3 !important;}
.tournaHistorySlide .swiper-slide{width:23.75rem;margin-right:1.88rem}
.tournaHistoryImg {height:18.75rem;}
.tournaHistorySlide {margin-top:2.5rem;}
.tournaHistoryText {padding-top:2.5rem;}
.tournaHistoryText .subSecTextMd{color:#00CDC3;padding-bottom:1rem;font-weight: 700;}
.tournaHistoryText li{position:relative;padding-left:2rem;padding-bottom:0.6rem;color:#6D6D6D;}
.tournaHistoryText li:after {content:'';display:inline-block;width:3px;height:3px;background:#6d6d6d;position:absolute;top:0.5rem;left:1rem;border-radius:50%}
.tournaHistorySlide .swiper-wrapper{transition-timing-function: linear !important;}
.textLeft {text-align:left !important;}

.marquee-swiper {
	display:inline-flex
}

.marquee-swiper.noclick {
    user-select: none
}

.marquee-swiper.noclick a {
    pointer-events: none
}
/*esg*/
.esgSection01 {gap:1.88rem;margin-top:2.5rem;margin-bottom:7.5rem}
.esgSection01 li{width:calc(100% / 3);}
.esgSection01 p {color:#000 !important}
.esgSection01 .heart03ContImg {height:21.87rem;}
.esgSection01 .heart03ContText{height:calc(100% - 21.87rem)}
.esgSection01 li {height:36.25rem}
.blueBadge {font-size:1rem !important;display:inline-block;font-weight:600;line-height:150%;background:#40A7FF;border-radius: 1.875rem;padding:0.5rem 1.25rem}
p.blueBadge {color:#fff !important;}
.esgSection03ImgBox {gap:1.88rem;margin-bottom:1.88rem}
.esgSection03ImgBox > div {border-radius:1.90rem;overflow:hidden;}
.pb2-5{padding-bottom:2.5rem}
.pt7-5{padding-top:7.5rem;}
.mt0{margin-top:0 !important}
.pt0{padding-top:0 !important}
.pb0{padding-bottom:0 !important}
.mb0{margin-bottom:0 !important}
.pb4 {padding-bottom:4rem;}
.pointerNone{pointer-events: none;}

/*steam*/
.steamTopImgSize {width:21.87rem;height:7.71rem;margin-bottom:0 !important}
.steam01Cont {gap:2.5rem;width:100rem;margin:0 auto;}
.steam01Cont li {width:18.12rem}
.steamBoxTit{font-size:1.75rem;font-weight:600;letter-spacing: -0.025rem;padding-top:1.25rem;margin-bottom:0.25rem !important}
.steamTab ul{width:44.6rem;}
.steamCont{height: auto;}
.steamCont .metaTabContBoxIn {display:none !important; opacity: 1; position: initial;}
.steamCont .metaTabContBoxIn.active{display: block !important;}
.steamTabImgBox {width:31.25rem;height:25rem;border:1px solid #D9D9D9;border-radius: 1.59131rem;overflow:hidden;background:#fff;}
.steamCont .numBadge {display:inline-block;margin-bottom:1.25rem;background:#40A7FF}
.steamSecCont {background:transparent;padding:0;border:0;width:calc(100% - 31.25rem);height:auto;}
.steamSecCont p {width:4.25rem;letter-spacing: -0.025rem;color:#000;margin-right:1.25rem;}
.steamSecCont li {font-size:1.25rem;align-items: start;}
.steamSecCont .grayDot {width:1rem;height:1rem;margin-top:0.3rem;}
.steamSecCont .grayDot:after {width:0.37rem;height:0.37rem;left:0;transform:translateY(-50%)}
.steamTabContImg {width:100%;height:100%;display:flex;justify-content: center;align-items: center;}
.steamSecCont strong {color:#000;font-weight:600}
.steamSecCont .flexStartStart span:last-child{width:calc(100% - 1rem)}
.steamStepBox {margin-bottom:0; display: flex; flex-wrap: wrap;}
.steamStepBox .techStepBoxCont {width:19.37rem;height: auto;/* height:21.88rem; */padding:3.62rem 2rem}
.steamStepBox .techStepBoxCont:nth-child(4){margin-right:0}
.steamStepBox .techStepBoxCont .subSecTextMd {margin-bottom:0.62rem}
.steamStepBox .techStepBoxCont .subSecTextSm {color:#6D6D6D;}
.en .steamStepBox .techStepBoxCont .subSecTextSm {word-break: keep-all; line-height: 1.3;}
.steamStepBox .techStepBoxCont.active, .steamStepBox .techStepBoxCont.active .subSecTextSm{color:#fff;}
.steamStepBox .techStepBoxCont p:first-child{margin-bottom:0.62rem}
.steamSection04 {padding:0 4.37rem;}
.steamSection04 .numBadge {background:#40A7FF}
.steamSection04 .subSecTextMd {color:#40A7FF; font-weight: 800;}
.steamSection04Text {margin-bottom:0.75rem;}
.steamSection04 .esgSection03ImgBox > div {border-radius: 0 !important;}
.steamSection04 .subSecTextSm {color:#6d6d6d;margin-bottom:2.5rem}
.steamSection04Img {width:37.5rem;height:20.62rem;border-radius:1.87rem;}
.steamSection04ImgBox {gap:3.75rem;margin-bottom:3.75rem;}

/*pbl*/
.pblSubTitle{font-size:2rem;font-weight:400;margin-bottom:2rem;}
.pblStepBox .techStepBoxCont{height:14.63rem;}
.blueText {font-size:1.75rem;color:#40A7FF;font-weight:700;margin-bottom:1.25rem;}
.pblTab ul{width:63.88rem}
.pblTab02 ul{width:23rem}

/*traning*/
.traTopImgSize {width:22.5rem;height:32.08rem;margin-bottom:0 !important}
.traSection01 {position:relative;}
.traSection01:after {content: '';display: block;width: 100%;height: 10.375rem;background: url('/img/sub/minerva_bg_img.svg') no-repeat center center / 100% 10.375rem;position: absolute;top:24rem;left: 50%;transform: translateX(-50%);z-index:-1}
.traSection01Sec .campSecCont{height:8rem;}
.traSection01Sec .campSecCont p{width:100%;text-align:center;font-weight:700;font-family: 'NanumSquareRound', sans-serif !important;line-height:140%}
.traSection04 {display: flex;justify-content: space-between;gap:2.5rem}
.traSection04 .whiteShadow{width:100%;padding:3.62rem 2rem }
.traSection04 .whiteShadow .traSection04Img {height:6.97rem;}
.traSection04 .whiteShadow p.subSecTextMd {margin:0.62rem 0;font-family: 'NanumSquareRound', sans-serif !important;}
.traTextBox {width:50rem}
.traTextBox .whiteShadow{padding:1.25rem 2rem;margin-bottom:1.88rem;border-radius: 1.25rem;display:flex;justify-content: start;align-items: center;}
.traTextBox .whiteShadow:last-child{margin-bottom:0}
.traTextBox .whiteShadow span {width:2.20rem;height:2.20rem;margin-right:1rem;background:#40A7FF;border-radius: 0.3125rem;display:inline-flex;justify-content: center;align-items: center;color:#fff;font-size:1.10rem;font-weight:600}
.traTextBox .whiteShadow p {font-size:1.5rem;font-weight:700;font-family: 'NanumSquareRound', sans-serif !important;line-height:140%}

/*textbook*/
.textBookTab ul{width:36.38rem;}
.textBookCont .flexStartBetween .subSecTextLg {margin-bottom:1.88rem;}
.textBookCont .flexStartBetween .steamSecCont p {width:100%}
.textBookCont .flexStartBetween .steamSecCont .numBadge {display:inline-block;width:auto;color:#fff;}
.textBookCont .steamSecCont .flexStartStart {margin-bottom:0.5rem;}
.textBookCont .steamSecCont .flexStartStart:last-child{margin-bottom:0}
.textBookCont .slideArrowWrap {padding-top:1.88rem;}
.textBookCont .steamTabImgBox {width:42.89rem;height:28.9rem;border:0;background:transparent}
.textSlideImgBox .swiper-slide {width:20.56rem !important;height:28.9rem;border-radius: 1.75rem;overflow:hidden;}
.textBookSecCont {width:calc(100% - 42.89rem)}
.fullSlideTop {margin-bottom:1.88rem}
.fullSlideBox{margin-bottom:3.75rem;}
.fullSlideBox .subSecTextSm {margin-bottom:2.5rem; word-break: keep-all;}
.fullSlideWhiteBox {padding:4.38rem;border-radius:1.87rem;height:38.75rem;background:#fff;position:relative;}
.textSlideArrowWrap{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9}
.textSlideArrowWrap .swiper-nav-btns .swiper-button-next:hover, .textSlideArrowWrap .swiper-nav-btns .swiper-button-prev:hover{background:#40A7FF}
.fullSlideWhiteBox .swiper{width:37.43rem;height:30.06rem;}

.fullSlideWhiteBox .swiper-pagination {position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 2.5rem auto 0;}
.fullSlideWhiteBox .swiper-pagination .swiper-pagination-bullet { width: 0.6250rem; height: 0.6250rem; background: #e6e6e6; margin: 0 0.3125rem; opacity: 1 }
.fullSlideWhiteBox .swiper-pagination .swiper-pagination-bullet-active { width: 1.5625rem; border-radius: 0.6250rem; background: #40A7FF; }

.textSlideArrowWrap .swiper-button-prev {left:4.38rem;}
.textSlideArrowWrap .swiper-button-next {position:absolute;left:auto;right:4.38rem;top:0;margin-right:0}
.fullSlideTop .numBadge {background:#40A7FF}
.swipe_ic{display: none;}

.textbook_sec07 .subSecTextMd {margin-top: 0 !important;}


.bundleTabContBox .subWhiteBox {display: none !important; box-shadow: 0 6.167px 26.429px 0 rgba(100, 100, 111, 0.10);}
.bundleTabContBox .subWhiteBox.active {display: flex !important; align-items: center; gap: 3.13rem;}
.bundleTabContBox .subWhiteBox .img {width: 37.5rem;}
.bundleTabContBox .subWhiteBox .img img {width: 100%; height: auto;}
.bundleTabContBox .subWhiteBox .txt {width: calc(100% - 37.5rem - 3.13rem);}
.bundleTabContBox .subWhiteBox .txt * {margin-top: 1.875rem; word-break: keep-all;}
.bundleTabContBox .subWhiteBox .txt img {width: 9.37rem; height: auto; margin-top: 0;}

.bundleSection04 p {text-align: center; margin-bottom: 2.5rem;}
.bundleSection04 .subWhiteBox {padding: 6.75rem 7.87rem; width: fit-content; margin: 0 auto;}
.bundleSection04 .subWhiteBox img {width: 46.6875rem; height: auto;}



@media all and (max-width:1640px) {
    .heart03Cont {width: 100%; margin-left: 0;}
    .heart03Cont li {height: 28.1rem;}
    .heart03ContImg {height: auto;}
}

@media all and (max-width:1600px) {
	.brandSection02:after {
		top: calc(50% - 10.4375rem)
	}

	.brandSection02CardWrap ul {
		gap: 1.25rem;
		width: calc(100vw - 2.5rem)
	}

	.brandSection01 .textSizeMd {
		margin-bottom: 2.5rem
	}

	.brandSection02CardWrap .textSizeMd {
		margin-bottom: 1.25rem
	}

	.brandSection02CardWrap .textSizeMd {
		padding: 0
	}

	/* .subInner>div {
		width: calc(100vw - 2.5rem)
	} */

	.sub_wrap .mb-40 {
		margin-bottom: 1.25rem
	}

	.brandSection03Cont>div {
		width: calc(50% - (1.25rem / 2));
		margin: 0 1.25rem 1.25rem 0;
	}
    
    .steam01Cont {width: calc(100% - 4rem);}
    .steam01Cont .heart02Cont:first-child {width: 60%;}
    .steam01Cont .heart02Cont:last-child {width: 40%;}
    .steam01Cont .heart02Cont:first-child > li {width: calc(100%/3);}
    .steam01Cont .heart02Cont:last-child > li {width: calc(100%/2);}
    .steamStepBox .techStepBoxCont {width: calc(100%/4 - 2.5rem);}
    .steamSection04 {padding: 0;}
    .steamSection04 .esgSection03ImgBox > div {width: calc(50% - 2rem);}
    .steamSection04Img {width: 100%; height: auto;}
    .steamSection04Img img {width: 100%;}
}

@media all and (max-width:1440px) {
    .campSection02Top,
    .campSection02Cont,
    .metaSection01,
    .metaSection02Cont,
    .sub_vis_txt,
    .subMenu,
    .subSectionInner {width: calc(100% - 4rem);}
    .bundleSection03 li br.pc,
    .subSection > .subSecTextLg.NanumSquare br.pc,
    .bundleSection02 p br.pc {display: block !important;}

    .subInner .whiteBox,
    .flexCenterBetween {width: calc(100% - 4rem);}
    .heart03Cont {width: 100%;}

    .heart03ContText {padding: 2.5rem 1.8rem;}
    .heart03ContText .subSecTextXs br {display: none !important;}

    .heartSection03 .techSection02 {width: 100%;}
    .techSection02 .whiteShadow {width: calc(50% - 5rem);}
    .techStepBoxCont {width: calc(100%/5 - 3.2rem);}

    .esgSection01,
    .training_sec04 {width: 100%;}
    .training_sec04 .traImgBox {width: 40%;}
    .training_sec04 .traTextBox {width: 55%;}

    .campStep .techStepBoxCont {width: calc(100% / 3 - 1.4rem);}

    /* .campSection02Sec > div {width: calc(100%/3 - 1.2rem);} */
}

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

    .subTopCont .subSecTextSm br.pc {display: block !important;}

	.subMenu,
	.sub_vis_txt {
		width: calc(100vw - 2rem)
	}

	.brandSection02CardImg {
		height: 15rem
	}

	.brandSection02CardImg img {
		height:9.62rem;width:auto;max-width:17.5rem
	}

	.brandSection03 {padding-top:0 !important}
	.brandSection03Cont {
		width: 100%
	}

	.brandSection03Cont>div {
		padding: 5.0rem 0 0 2.5rem;
	}

	.brandSection03Cont>div:after {
		width: 3.5rem;
		height: 3.5rem;
		right: 1.5rem;
	}
	/* .sub_vis_txt {
		left: 1.25rem
	} */

	.subCont .subInner {
		padding: 7.5rem 0
	}

	.subCont .subInner:first-child {
		padding-top: 0
	}

	.brandSection02:after {
		top: 22rem;
		background-size: 118rem;
		height: 10.5rem;
	}

	.brandSection01 .bs02Img02 {
		margin-bottom: 5.1rem
	}

	.textSizeXs {
		font-size: 1.2rem
	}

	.brandSection01 {
		padding-bottom: 5.75rem;
		margin-bottom: 0;
		background: #fff;
		position: relative;
		overflow-x: hidden;
	}

	.brandSection02:before {
		content: '';
		display: block;
		width: 100%;
		height: 61.25rem;
		background: #f9f9f9;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%)
	}

	.brandSection02CardWrap ul {
		width: auto;
		justify-content: start;
	}

	.brandSection02CardWrap ul li {
		width: 23.8rem;
		min-width: 23.8rem;
		border-radius: 1.87rem;
	}

	.brandSection02CardImg {
		height: 18.7rem;
		width: 100%
	}

	.brandSection02CardWrap ul {
		gap: 2.5rem
	}

	.brandSection02CardWrap {
		padding-top: 10.43rem;
		bottom: auto;
		top: auto;
		left: auto;
		transform: unset;
		width: 100% !important;
		position: relative
	}

	.brandSection01 .textSizeMd {
		padding-left: 0;
		margin-bottom: 5.19rem
	}

	.brandSection02CardWrap>div {
		overflow-x: scroll;
		overflow-y: hidden;
		padding-bottom: 1.25rem;
		margin-left: -1.25rem;
		padding-left: 1.25rem;
		width: calc(100% + 2.5rem)
	}

	.brandSection03 {
		padding-top: 0;
		padding-bottom: 7rem;
	}

	.brandSection03Cont>div {
		padding: 4.0rem 0 0 1.5rem;
		border-radius:1.875rem;
	}

	.brandSection03Cont>div:after,
	.brandSection03Cont>div:hover:after {
		width: 3rem;
		height: 3rem;
	}

	.subInner>div {
		width: 100%
	}

	.brandSection02CardWrap .textSizeMd {
		margin-bottom: 0
	}

	.brandSection02CardWrap>div {
		padding-top: 1.25rem
	}

	.subCont .subInner {padding:7.5rem 1.25rem;}
	/*서브 추가*/
	.subSection {padding:7.5rem 1.25rem;}
	.campTabCont .metaTabContBoxIn {display:block !important;}
	.steamCont .metaTabContBoxIn{display: none !important;}
	.metaSection01 .metaTabContBoxIn > div:first-child {padding-top:0}
	.metaTabContBoxInImg {width:100%;display:flex;justify-content: center;/* margin-top:2.81rem; */}
	.metaSection02Cont{width:100%}
	.metaSection01 {padding-top:0}
	.subSectionInner{width:100%}
	.bundleSection05{padding-bottom:0}
	.bundleSection02Img {width:100%}
	.heart02Cont {width:100%;gap:1.88rem;}
	.heart02Cont li p.subSecTextMd {font-size:1.25rem;}
	.heart03Cont {width:100%;margin-left:0;display:block !important}
    .heart03ContImg {}
	.heart03Cont li {width:calc(100% / 2 - 1.1rem);display:inline-block;margin-right:1.88rem;margin-bottom:1.88rem; height: auto; border-radius: 3rem;}
	.heart03Cont li:nth-child(2n){margin-right:0}
	.heart03ContImg img{width:100%}
	.subInner .whiteBox {width:100%}
	.techSection02 .heart03ContImg {height: auto;}
	.techSection02 .whiteShadow {height:auto;}
	.heart03ContText {height:11rem;padding:1.88rem;}
    .techSection02 .whiteShadow .heart03ContText {height: 17.5rem;}
	.techStepBoxCont {width:calc(100% / 3 - 3.2rem);height:auto;padding-bottom:3.75rem;}
	.techStepBoxCont p:last-child {height:3.5rem;}
	.metaTabCont ul, .metaTabCont02 ul {width:fit-content}
	.metaTabCont, .metaTabCont02 {overflow-x:scroll;}
	.metaSection02Cont {gap:1.25rem;}
	.campSection02TopInner {width:100%;height:100%;overflow-y:scroll;}
	.campSection02TopInner::-webkit-scrollbar {background:rgba(255,255,255,.3);width:6px;border-radius:10px;}
	.campSection02TopInner::-webkit-scrollbar-thumb {background:#fff;border-radius:10px;}
	.campSection02Top {top:-14.44rem;width:calc(100% - 2.5rem);padding:3.13rem 1.88rem 3.13rem 3.13rem;background:url('/img/sub/camp_section01_img.jpg') no-repeat center right -5rem / cover}
	.campSection01 {padding-bottom:19.44rem !important;}
	.campSection01 .subSecTextSm{margin-bottom:0}
	.campSection02 {padding-top:0; margin-top: 0;}
	.campSection02Cont {width:100%;padding-top:20.56rem;}
	.campSection02TopInner .subSecTextSm, .campTopList {max-width:35.18rem}

	.img_wrap{overflow-x: auto; position: relative;}
	.swipe_ic{display: none; width: 6.25rem; aspect-ratio: 1/1; background: url(/img/sub/swipe_ic.svg) no-repeat center / contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 5;}
	.swipe_ic.on{display: block;}
	.campSection02Sec > div {min-width:27.87rem;}
	.subSectionInner .slideArrowWrap {position:absolute;top:auto;bottom:34.5rem;right:2.5rem;padding-top:0 !important}
	.playBtn {position:absolute;top:7.5rem;bottom:auto;right:2.5rem;padding-top:0 !important}
	.subSectionInner .slideArrowWrap .swiper-button-next {margin-right:0}
	.metaTabContBoxIn {padding:2.5rem}
	.metaTabContBoxInImg.tabSlideBox {width:100%}
	.metaTabContBoxInImg.tabSlideBox .swiper-slide img{border-radius: 1.90956rem;overflow: hidden;}
	.moCampTabCont .subSecTextXs {height:auto;min-height:8rem;}
	.metaTabContBoxInImg.tabSlideBox .swiper {width:37.5rem}
	.metaTabContBoxInImg.tabSlideBox .swiper .swiper-slide {width:37.5rem !important}
	.campTabCont .subSecTextXs {height:auto;}
	.heartSection03 .metaTabContBox.campTabCont{height:auto;background:#F9F9F9;border-radius:1.875rem}
	.campTabCont {height:auto;}
	.campTabCont .metaTabContBoxIn:first-child{position:relative;}
	.campVideo {width:100%;margin:4.38rem auto 0;height:auto;}
	.campStep .techStepBoxCont {width:calc(100% / 2 - 1.1rem);margin-right:1.88rem !important; min-height: 9rem; padding: 1.25rem .5rem;}
    .campStep .techStepBoxCont p {word-break: keep-all;}
	.campStep .techStepBoxCont:nth-child(2n){margin-right:0 !important}
    .metaTabContBoxIn .subSecTextLg {word-break: keep-all;}
	/* .campTabCont .metaTabContBoxIn .subSecTextLg br {display: none;} */

	.popupInner {width:57rem;height:34rem;}
	.tourna01Top {background:url('/img/sub/tourna_section01_img.png') no-repeat center right -5rem / cover}
	.subSection.heartSection03.campSection03.grayBg{padding-top:0}
	.esgStep .techStepBoxCont.whiteShadow{width:calc(100% / 3 - 1.4rem);margin-right:1.88rem !important}
	.esgStep .techStepBoxCont.whiteShadow:nth-child(3){margin-right:0 !important}
	.esgSection01 .heart03ContImg {height:auto;}
	.esgSection01 li {height:auto;}
	.steamCont .metaTabContBoxIn .flexStartBetween{display:block;}
	.steamSecCont {width:100%}
	.metaTabContBox.campTabCont.steamCont{height:auto;}
	.steamTabImgBox {width:37.5rem;margin:0 auto;}
	.steamStepBox .techStepBoxCont {width:calc(100% / 2 - 3.5rem);margin-bottom:3rem;}
	.steamStepBox .techStepBoxCont:nth-child(3), .steamStepBox .techStepBoxCont:nth-child(4){margin-bottom:0}
	.steamProgram {padding-top:0}
	.steamSection04 {padding: 0}
	.steamSection04ImgBox > div {border-radius:0}
	.steamSection04Img {width:100%;height:auto;}
	.subSection.heartSection03.pb0{padding-bottom:7.5rem !important;}
	.traTextBox {width:36rem;margin-left:1.88rem}
	.steamMoContWrap {display:block !important;width:100%}
	.steamMoCont:last-child{width:32.7rem;margin-top:1.88rem}
	.steamMoCont {width:50rem;}
	.steam01Cont li {width:100%}
	.moCampSection03 {padding-top:0 !important}
    .metaSection01 .metaTabContBoxIn {flex-direction: column-reverse; align-items: flex-start; gap: 2.81rem;}
	.metaSection01 .metaTabContBoxIn.active{display:flex !important;}
	.bundleSection03 li:after {width:3rem;height:3rem;right:1.5rem;top:2.5rem}
	.bundleSection03 li{padding:4.0rem 0 0 1.5rem;height:13.0625rem;}

    
    
    .steam01Cont .heart02Cont:first-child {width: 100%;}
    .steam01Cont .heart02Cont:last-child {width: 100%; justify-content: center; gap: 2rem;}
    .steam01Cont .heart02Cont:first-child > li {width: calc(100%/3);}
    .steam01Cont .heart02Cont:last-child > li {width: calc(100%/3);}
    .steamStepBox .techStepBoxCont {width: calc(100%/2 - 3.2rem);}
    .steamSection04 {padding: 0;}
    .steamSection04 .esgSection03ImgBox > div {width: calc(50% - 2rem);}
    .steamSection04Img {width: 100%; height: auto;}
    .steamSection04Img img {width: 100%;}
    
    .applyCont {padding: 0 1.25rem;}

    
    .bundleTabContBox .subWhiteBox.active {gap: 2rem;}
    .bundleTabContBox .subWhiteBox .img {width: 34.5rem;}
    .bundleTabContBox .subWhiteBox .txt {width: calc(100% - 34.5rem - 2rem);}
}

@media screen and (max-width:1024px) {
    .en .subMenu {position: relative; overflow: revert;}
    .en .subMenu .tit {display: flex; align-items: center; justify-content: space-between; font-size: 0.80356rem; font-weight: 700; color: #6D6D6D; letter-spacing: -0.01606rem; width: 100%; height: 3.1rem; padding: 0 1.21rem; background: #fff; border-radius: 2.00894rem;}
    .en .subMenu .tit img {width: 1.5rem;}
    .en .subMenu .tit.on img {transform: rotate(180deg);}
    .en .subMenu ul {position: absolute; top: calc(100% + .71rem); left: 0; width: 100%; background: #fff; border-radius: 1.25rem; padding: 1.25rem 0; display: none; z-index: 10; box-shadow: 0 2.571px 12.857px 0 rgba(149, 157, 165, 0.15);}
    .en .subMenu ul li {height: auto;}
    .en .subMenu ul a {display: block; width: 100%; font-size: 0.875rem; font-weight: 500; letter-spacing: -0.01606rem; line-height: 2; padding: 0 1.44rem; text-align: left;}
    .en .subMenu ul li.active {background: #fff;}
    .en .subMenu ul li.active a {color: #40A7FF;}
    
    .applyCont {padding: 0 1.25rem 7.5rem;}
    

    .campSecCont span.textIn {padding-left: .9375rem; text-indent: -1.0625rem;}

    
    .bundleTabContBox .subWhiteBox.active {gap: 3rem; flex-direction: column; align-items: flex-start;}
    .bundleTabContBox .subWhiteBox .img {width: 100%;}
    .bundleTabContBox .subWhiteBox .txt {width: 100%;}
}
@media screen and (max-width:1140px) {
    .techSection02 .whiteShadow .heart03ContText p.grayColor br {display: none !important;}
    
}

@media (min-width:769px) and (max-width:930px) {
	.subInner {padding-bottom:0}
	.bundleSection05{padding-bottom:5rem;}
    .bundleSection02Img {height: auto;}
    .bundleSection02Bg:after {width:100rem;height:11.93rem;top:44rem;}
	p.grayColor{line-height:145%}
	.heart02ContMo.heart02Cont{display:block !important;}
	.heart02ContMo.heart02Cont li{width:100%;margin-bottom:1.88rem;}
	.heart02ContMo.heart02Cont li:last-child{margin-bottom:0}
	.techSection01Cont .flexCenterCenter div:nth-child(3) {padding:1.5rem;}
	.subInner .whiteBox {padding:2.5rem;}
	.techMo .swipe_ic.mobMo {display:none !important;}
	.techSection01Cont .flexCenterCenter{gap:0.62rem}
	.techSection02 {gap:1.5rem}
	.techSection02 li:nth-child(2) img {width:6rem}
	/* .heart03ContText {height:17rem} */
	.campLetter {letter-spacing: -0.5px;}
	.campStep .techStepBoxCont {padding-left:0.62rem;padding-right:0.62rem;}
	.heart03ContText {padding:1.25rem;}
	.steamMoCont {width:100%}
	.steamSection04ImgBox {gap:1.88rem}
	.steamSection04Mo .esgSection03ImgBox > div{overflow:unset;}
	.steamSection04Mo .numBadge {padding:0.5rem 0.62rem;margin-right:1.25rem}
	.steamSection04Mo .subSecTextMd {font-size:1.4rem}
	.steamSection04Mo .subSecTextSm {font-size:1.15rem}
	.steamSection04Mo {padding-bottom:5rem;}
	.subSectionInner .slideArrowWrap {top:calc(50% + 3.5rem);bottom:auto;right:0;width:100%;}
	.subInner .swiper-nav-btns .swiper-button-next, .subInner .swiper-nav-btns .swiper-button-prev{width:2.75rem;height:2.75rem;}
	.subInner .swiper-nav-btns .swiper-button-next{right:1rem}
	.subInner .swiper-nav-btns .swiper-button-prev{left:1rem}
	.subInner .slideArrowWrap .swiper-nav-btns{justify-content: space-between;}
	.campSection02Top {background:url('/img/sub/camp_section01_img_mo.png') no-repeat center center / cover}
	.tourna01Top {background:url('/img/sub/tourna_section01_img_mo.png') no-repeat center center / cover !important}
	.playBtn {top:10rem;}

    
    
    .subTopCont .subSecTextSm br.pc,
    .bundleSection03 li br.pc,
    .subSection > .subSecTextLg.NanumSquare br.pc,
    .bundleSection02 p br.pc {display: none !important;}

}

@media screen and (max-width:768px) {

    .titleFlex {gap: .55rem;}
    .titleFlex img {width: 1.85rem;}

	/* .en .subMenu ul {flex-wrap: wrap;}
	.en .subMenu ul li {width: 50%;} */
    
    .subTopCont .subSecTextSm br.pc,
    .bundleSection03 li br.pc,
    .subSection > .subSecTextLg.NanumSquare br.pc,
    .bundleSection02 p br.pc {display: none !important;}


	p.grayColor{line-height:145%}
	.swipe_ic.mobMo {display:none !important;}
	.swipe_ic.mobMo.on {display:block !important;}
	.sub_visual:after {
		display: none
	}

	.sub_visual {
		height: 21.87rem;
		background-image: url("/img/sub/sub_visual01_m.jpg")
	}

	.sub_vis_txt {
		top: 8.5rem;
		transform: translateX(-50%);
	}

	.sub_vis_txt h2 {
		font-size: 1.87rem;
	}

	.sub_vis_txt em {
		font-size: 1rem;
	}

	.subMenu {
		width: calc(100vw - 2.5rem);
		margin-top: -1.5rem
	}


	.subMenu li {
		height: 2.79rem;
		font-size: 0.8rem
	}

	.sub_title {
		padding-top: 2.51rem;
	}

	.sub_title em {
		font-size: 0.87rem
	}

	.sub_title h3 {
		font-size: 1.5rem;
		padding-bottom: 2.5rem;
	}

	.subInner {
		padding: 0 1.25rem
	}

	.brandSection01Img {
		width: 15rem;
	}

	.textSizeLg {
		font-size: 1.5rem;
	}

	.mb-32 {
		margin-bottom: 2rem
	}

	.textSizeSm {
		font-size: 0.875rem;
	}

	.brandSection01 {
		padding-bottom: 7.5rem;
	}

	.brandSection01 {
		padding: 0 1.25rem 4.31rem 1.25rem !important;
		margin-bottom: 0;
		background: #fff;
	}

	.brandSection02:before {
		content: '';
		background: #F9F9F9;
		height: 43.5rem;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
		display: block;
		z-index: 0
	}

	.brandSection02:after {
		top: 14rem;
		height: 5.75rem;
		background-size: 62rem 100rem
	}

	.textSizeMd {
		font-size: 1.37rem
	}

	.brandSection01 .textSizeMd {
		margin-bottom: 3.12rem
	}

	.brandSection01 .bs02Img02 {
		height: 2.71rem;
		margin-bottom: 3.12rem
	}

	.brandSection02CardWrap {
		position: relative;
		transform: unset;
		top: auto;
		bottom: auto;
		left: auto;
		margin-top: 4.31rem;
		padding-top: 0
	}

	.brandSection01 .textSizeMd {
		padding-bottom: 3.13rem;
		margin-bottom: 0
	}

	.brandSection02CardImg {
		height: 8.97rem;
	}

	.brandSection02CardWrap ul li {
		width: 11.25rem;
		min-width: 11.10rem;
		border-radius: 0.88rem;
	}

	.brandSection02CardImg {
		height: 8.97rem;
	}

	.brandSection02CardWrap ul {
		gap: 0.7rem
	}

	.brandSection02CardText {
		padding: 1.18rem 1rem;
		height: 6.95rem;
	}

    .en .brandSection02CardText {height: 9.95rem;}

	.brandSection02CardWrap .textSizeMd {
		padding-bottom: 0
	}

	.brandSection02CardText p:first-child {
		font-size: 1rem;
		margin-bottom: 0.47rem;
	}

	.brandSection02CardImg img {
		width: auto;height:4.1rem;max-width: 7.8rem;
	}

	.brandSection01 .textSizeXs {
		font-size: 0.875rem;
		letter-spacing: -0.004rem;
	}

	.textSizeXs {
		font-size: 0.89rem
	}

	.brandSection03 {
		padding-top: 0;
		padding-bottom: 5rem;
	}

	.brandSection03Cont>div {
		width: 100%;
		padding: 1.97rem 1.87rem;
		height: auto;
		min-height: 9.37rem;
		margin: 0 0 1.12rem 0;
		border-radius: 1.34375rem;
	}

	.brandSection03Cont p:nth-child(1) {
		font-size: 1.25rem;
		margin-bottom: 0.88rem;
	}

	.brandSection03Cont p:nth-child(2) {
		font-size: 0.93rem
	}

    .en .brandSection03Cont p:nth-child(2) {word-break: keep-all;}

	.brandSection03Cont>div:after,
	.brandSection03Cont>div:hover:after {
		right: 1.99131rem;
		top: 1.9375rem;
		width: 3.25rem;
		height: 3.25rem;
	}

	.subSecTextXLg{font-size:1.5rem;}
	.subSecTextLg{font-size:1.25rem;}
	.subSecTextMd{font-size:0.93rem;}
	.subSecTextSm{font-size:0.875rem;}
	.subSecTextXs{font-size:0.81rem;}


	.campSecTop {font-size:0.875rem;}
	.campSecCont li {font-size:0.75rem;}
	.rainbowBtn {font-size:0.875rem !important;}
    .subInner .rainbowBtn{height:2.7rem !important;font-size:0.87rem !important;border-radius:0.44rem !important}
	.subInner .rainbowBtn p {width:6.62rem !important;}
	.techStepBoxCont p:last-child {font-size:0.8125rem}
	.subSection{padding:5rem 1.25rem}
	.subTopCont .subSecTextSm {margin-bottom:3.4rem;}
	.subTopContImg {height:10rem !important;width:auto;;margin-bottom:5rem !important;/* max-width: 12rem;; */ max-width: 15.5rem;}
    .heartTopImgSize { max-width: 22.5rem;}
    .techTopImgSize { max-width: 19.5rem;}
	.subTopContImg img {height:100%}

    .subTopCont .bundleTopImgSize {width: 100%; max-width: 13rem;}

	.bundleSection02 p{margin-bottom:1.5rem}
	.bundleSection02Img {height:auto;}
	.bundleSection02ImgLogo img {height:2.71rem;}
	.bundleSection02Bg:after{width:62rem;height:7rem;top:auto;bottom:4.5rem;;}
	.sub_wrap > .subInner{padding:0 !important}
	.bundleSection02ImgLogo{padding-bottom:0}
	.bundleSection03 ul{display:block;margin-bottom:1.25rem}
	.bundleSection03 li {width:100%;margin-bottom:1.25rem;padding:1.97rem;font-size:1.25rem;height:8rem;border-radius:1.04rem}
	.bundleSection03 li:after{height:3.75rem;width:3.75rem;top:1.97rem;right:1.97rem;}
	.subWhiteBox {padding:1.25rem;}
	.subWhiteBox img {height:auto;}
	.numBadge {margin-right:0.87rem}
	.bundleSection03 .subSecTextLg, .bundleSection04 .subSecTextLg {margin-bottom:2rem}
	.bundelGuide > p{margin-bottom:1.25rem}
	.bundleSection04 .subWhiteBox:last-child{margin-bottom:0}
	.bundleSlide .swiper-slide {width:6.25rem;margin-right:0.87rem}
	.bundleSlideBox01, .bundleSection05 .rainbowBtn{margin-top: 5rem;;}
    .bundleSection03 .img_wrap {overflow-x: auto; position: relative;}
    .bundleSection03 .img_wrap img {width: 200%; max-width: none;}
	
	.subWhiteBox {border-radius:1.04rem}
	.heart02Cont li img {height:2.5rem;margin-bottom:1.25rem}
	.heart02Cont li p.subSecTextMd {font-size:0.93rem}
	.textBadge, .numBadge {font-size:0.75rem;padding:0.32rem 1.25rem;}
	.heart02Cont {gap:1.25rem;display:block !important;}
	.heart02Cont li {width:100%;margin-bottom:1.25rem;padding:2.5rem 0}
	.heart02Cont li:last-child{margin-bottom:0}
	.bundleSection02 p.textBadge {margin-bottom:1.25rem}
	.heart03Cont {padding-bottom:5rem;}
	.heart03Cont li {width:100%;margin-right:0;margin-bottom:1.25rem;height:auto; border-radius: 1.5rem;}
	.heart03Cont li:last-child{margin-bottom:0}
    .en .heart03Cont li {height: auto;}
	.heart03ContImg{height:10rem;}
	.heart03ContImg img {margin-top:-30px;}
	.heart03ContText p:first-child {font-size:0.93rem !important;}
	.blueBadge{padding:0.3rem 1.25rem;}
	.heart03ContText{height:auto;padding:1.25rem;}
	.heart03ContText br {display:none;}
	.whiteShadow {border-radius:1.04rem}
	.toggleContInner {padding:1.25rem 1rem;border-radius:1.04rem}
	.toggleContInner:after {width:1.5rem;height:1.5rem;top:1.1rem;right:0.5rem;}
	.heartSection03 .subSecTextLg {margin-bottom:2rem}
	.toggleContInner:last-child {margin-bottom:5rem}
	.subInner .whiteBox {padding:1.25rem;border-radius:1.04rem}
	.techSection01InnerTop div {font-size:1.25rem;}
	.techSection01Inner div {font-size:0.875rem;}
	.techSection01Cont .flexCenterCenter div:nth-child(1), .techSection01Cont .flexCenterCenter div:nth-child(3) {height:3.1rem;padding:1.25rem}
	.en .techSection01Cont .flexCenterCenter div:nth-child(1), 
    .en .techSection01Cont .flexCenterCenter div:nth-child(3) {height:4.1rem;}
	.en .techSection01Cont .flexCenterCenter div:nth-child(1) p, 
    .en .techSection01Cont .flexCenterCenter div:nth-child(3) p {line-height: 1.2;}

	.techSection01Cont .flexCenterCenter div:nth-child(2) {width:1.35rem;}
	.techSection01Cont {width:45rem !important}
	.pb5-6 {padding-bottom:5rem;}
	.techSection02 {display:block !important;margin:1.25rem 0 5rem 0;text-align:center;}
	.techSection02 li{margin-bottom:1.25rem;}
	.techSection02 li .heart03ContText{text-align: left;}
	.techSection02 li:nth-child(2) img{height:3rem}
	.techStepBoxCont {width:calc(100% / 2 - 1.25rem);padding:1.25rem 0;margin-bottom:0.94rem;margin-top:0;margin-right:0 !important}
	.techStepBoxCont:nth-child(2n){margin-right:0 !important}
	.techStepBoxCont:after {width:1.88rem;height:1.88rem;right:-2rem;}
	.techStepBoxCont p:first-child {width:2rem;height:2rem;font-size:0.875rem;}
	.techStepBox{margin-bottom:5rem}
	.metaSection01 {padding-top:0}
	.metaTabCont li, .metaTabCont02 li {font-size:1rem;padding:0.64rem 1.25rem}
	.metaTabCont, .metaTabCont02 {margin:2rem 0}
	.metaTabContBoxIn {padding:1.25rem;border-radius: 1.04rem;}
	.metaTabContBoxIn .subSecTextLg {margin-bottom:1.25rem;}
	.metaTabContBoxInImg {/* margin-top:2rem; */height:auto;border-radius: 1.04rem;}
    .metaSection01 .metaTabContBoxIn {gap: 2rem;}
	.metaSection02Cont {padding-top:2rem;margin-bottom:5rem;border-radius:0}
	.metaWidth {width:auto !important;}
	.metaWidth p{margin-right: 0.64rem;;}
	.campSection02Top {height:20rem;border-radius:1.04rem;top:-19.44rem;padding:1.25rem;background:url('/img/sub/camp_section01_img_mo.png') no-repeat center center / cover}
	.tourna01Top {background:url('/img/sub/tourna_section01_img_mo.png') no-repeat center center / cover !important}
	.campTopList li {font-size:0.81rem;align-items:start}
	.campTopList li p {width:4rem;text-align: left;padding-left:18px;}
	.campTopList li span {width:calc(100% - 4rem);}
	.campSection02TopInner .subSecTextSm, .campTopList {max-width: unset;}
	.campTopList {width:100%}
	.campSection02Top .subSecTextLg {margin-bottom:1.25rem;}
	.campSection02Cont {padding-top:0;}
	.campSecTop{height:4rem;}
	.campSection02Sec {gap:1.25rem;margin-bottom:5rem;}
	.campSection02Sec > div {min-width: 22rem;;}
	.campSecCont p {width:4rem;}
	.grayDot {width:1.25rem;height:1.25rem;}
	.grayDot:after {width: 3px;height: 3px;;}
	.campTabCont li {font-size:0.9rem;}
	.metaTabContBoxInImg.tabSlideBox .swiper .swiper-slide {width:100% !important}
	.moCampTabCont .subSecTextXs {min-height:5rem;}
	.subSectionInner .slideArrowWrap {top:calc(50% + 3.5rem);bottom:auto;right:0;width:100%;}
	.subInner .swiper-nav-btns .swiper-button-next, .subInner .swiper-nav-btns .swiper-button-prev{width:2.75rem;height:2.75rem;}
	.subInner .swiper-nav-btns .swiper-button-next{right:0}
	.subInner .swiper-nav-btns .swiper-button-prev{left:0}
	.subInner .slideArrowWrap .swiper-nav-btns{justify-content: space-between;}
	.campStep{margin-top:2rem;}
	.campStep .techStepBoxCont {margin-bottom:0;border-radius: 1.04rem !important;margin-right:1.12rem !important;width:calc(100% / 2 - 0.7rem);}
	.pt7-5 {padding-top:5rem;}
	.campVideo {width:100%;margin-top:4rem;clear:both;}
	.playBtn{position:relative;top:auto;right:auto;float:right;margin-top:1rem;height:2rem;width:8rem;background-position: center right 0.8rem;padding-left:1.75rem}
	.popupInner {width:90%;height:14rem;border-radius: 1.04rem;}
	.popupCont {border-radius: 1.04rem;}
	.popupClose {width:2rem;height:2rem;top:0;right:0}
	.tourna01Top {background:url('/img/sub/tourna_section01_img.png') no-repeat center center / cover}
	.tournaHistorySlide .swiper-slide {width:11.75rem;margin-right:1.25rem;}
	.tournaHistoryImg {height: auto;}
	.tournaHistoryText {padding-top:1.25rem;}
	.tournaHistoryText li {padding-left:1rem;}
	.tournaHistoryText li:after {left:0;}
	.esgStep .techStepBoxCont.whiteShadow {width:100%;margin-right:0 !important;margin-bottom:1.25rem;}
	.esgStep .techStepBoxCont.whiteShadow:last-child {margin-bottom:0}
	.techStepBoxCont p:last-child {height:auto;margin-bottom:0}
	.esgSection01 {display:block !important;margin-bottom:5rem;}
	.esgSection01 li {width:100%;margin-bottom:1.25rem;}
	.esgSection03ImgBox {display:block !important;margin-bottom:1.25rem;}
	.esgSection03ImgBox >div:first-child {margin-bottom:1.25rem;}
	.esgSection03ImgBox >div{border-radius: 1.04rem;}
	.steamTopImgSize {margin-bottom:0 !important;}
	.steamMoCont {width: 100%;}
	.steamBoxTit {font-size:1.5rem;}
	.steamMoCont:last-child {width:100%;margin-top: 1.25rem;}
	.steamMoContWrap {padding-bottom:0}
	.steamSecCont .grayDot:after {width:3px !important;height:3px !important;}
	.steamTabImgBox {width:100%;height:auto;}
	.steamSecCont{margin-bottom:1.25rem;height: auto;}
	.steamStepBox .techStepBoxCont {width:100%;margin-bottom:2.5rem !important;height:auto;padding:2rem 1.25rem;}
	.steamStepBox .techStepBoxCont:last-child {margin-bottom:0 !important;}
	.pblSection .techStepBoxCont:after {top:auto;bottom:-2.2rem;left:50%;transform:translateX(-50%) rotate(90deg);}
	.esgSection03ImgBox >div {border-radius:0}
	.steamSection04 .subSecTextSm {margin-bottom:1.25rem;}
	.esgSection03ImgBox >div:first-child {margin-bottom:2.5rem}
	.steamSection04{padding-bottom:5rem;}
	.steamSection04Mo .steamSection04Img img {width:100%}
	.pblSubTitle {font-size:1.5rem;}
	.pblSection .techStepBox{margin-bottom:0 !important}
	.subSection.heartSection03.pb0 {padding-bottom:5rem !important}
	.subTopContImg.traTopImgSize {height:12rem !important;margin-bottom:0 !important;}
	.traSection01:after {width:60rem;height:10rem;top:15rem;}
	.traSectionMo {display:block !important;}
	.traTextBox{margin-left:0 !important;width: 100%;margin-top:1.25rem;}
	.traTextBox .whiteShadow p {font-size:0.94rem;}
	.traTextBox .whiteShadow span {width:2rem;height:2rem;margin-right:0.87rem;}
	.traTextBox .whiteShadow {padding:1.25rem;margin-bottom:1.25rem;border-radius: 1.04rem;}
	.traSection04{display: block;}
	.traSection04 .whiteShadow {padding:2rem 1.25rem;margin-bottom:1.25rem}
	.traSection04 .whiteShadow .traSection04Img {height:4.97rem}
	.traSection04 .whiteShadow .traSection04Img img {height:100%;}
	.textBookCont .steamTabImgBox {width:100%;height:auto;}
	.textBookCont .steamTabContImg {width:100%;height:auto;}
	.textSlideImgBox .swiper-slide {width:calc(100% / 2 - 0.3rem) !important;height: auto;border:1px slid #D9D9D9;border-radius: 1.04rem;}
	.textSlideImgBox .swiper-slide img {transform:scale(1.1)}
	.textSlideImgBox {border-radius:0}
	.fullSlideWhiteBox {padding:1.25rem;height:auto;border-radius:1.04rem;}
	.fullSlideWhiteBox .swiper {width:100%;height:auto;}

    .fullSlideWhiteBox .swiper-pagination {margin: 1rem auto 0;}
    .fullSlideWhiteBox .swiper-pagination .swiper-pagination-bullet { width: 0.49rem; height: 0.49rem; margin: 0 0.3125rem;}
    .fullSlideWhiteBox .swiper-pagination .swiper-pagination-bullet-active { width: 1.01rem; border-radius: 0.49rem;}

	.campSecCont li > div{width:100%;max-width: unset;}
	.textBookFLexMo {display:block !important;text-align: center;}
	.textBookFLexMo .subSecTextLg{margin-bottom:2rem;}
	.traSection01Sec .campSecCont {height:6.5rem}
	.trainingMo {display:flex !important;}
	.trainingMo.esgSection03ImgBox >div:first-child{margin-bottom:0}
	.trainingMo.esgSection03ImgBox {margin-bottom:.86rem; gap: .86rem;}
    .trainingMo.esgSection03ImgBox > div {width: calc(50% - .43rem);}
	.traImgBox {text-align: center;}
	.metaSection02ContMo{overflow-x:scroll;}
	.metaSection02Cont {min-width:38rem}
	.metaSection02Cont > div{width:12rem}
	.metaSection02Cont > div img {width: 100%;}
	.campSecCont {height:17.12rem}

    .techSection02 .whiteShadow {width: 100%;}
    .techSection02 .whiteShadow .heart03ContText {height: auto;}

    .steamSection04ImgBox {margin-bottom: 2.5rem;}
    .steamSection04 .esgSection03ImgBox > div,
    .steam01Cont .heart02Cont:last-child > li,
    .steam01Cont .heart02Cont:first-child > li {width: 100%;}

    .pb2-5 {padding-bottom: 2rem;}
    .subSecTextXs.pb2-5 {padding-bottom: 2rem; margin-top: -1rem; word-break: keep-all;}
    .techStepBox.steamStepBox {margin-bottom: 0;}
    .heartSection03 .subSecTextLg,
    .bundleSection02 p {margin-bottom: 1rem;}
    .bundleSection02 p + p {margin-bottom: 2rem; word-break: keep-all;}
    .bundleSection02 p + p br.mobMo {display: none !important;}

    .steamSection03 .campSecCont {height: auto;}
    .steamSection03 .steamSecCont li {flex-direction: column; align-items: flex-start; gap: .5rem;}
    .subTopCont .subSecTextSm br.brMob {display: none !important;}

    
    .training_sec04 .traImgBox {width: 100%;}
    .training_sec04 .traTextBox {width: 100%;}
    .subTopCont  .training_sec01_img {height: auto !important; width: 100%; max-width: 16rem;}

    .training_sec02 .img_wrap {overflow: hidden;}
    .training_sec02 .img_wrap .flexStartBetween {flex-direction: column; align-items: flex-start;}
    .training_sec02 .img_wrap .flexStartBetween > div {width: 100%; min-width: 100%;}
    .training_sec02 .campSecTop {font-size: 1.2rem;}
    .training_sec02 .img_wrap .campSecCont {height: auto;}

    .textbook_sec07 .subSecTextLg.pb2-5 {padding-bottom: 1rem;}

    .esgStep p:last-child {font-size: 0.81rem;}
    .esgSection01 + div .subSecTextXs.pb2-5 {margin-top: 0;}
    .heart_sec03 p:first-child {margin-bottom: .2rem !important;}

    

    .bundleTabContBox .subWhiteBox.active {gap: 2rem; flex-direction: column; align-items: flex-start;}
    .bundleTabContBox .subWhiteBox .img {width: 100%;}
    .bundleTabContBox .subWhiteBox .txt {width: 100%;}
    .bundleTabContBox .subWhiteBox .txt * {margin-top: 1rem;}
    .bundleTabContBox .subWhiteBox .txt img {width: 5.37rem; height: auto; margin-top: 0;}

    .bundleSection04 p {margin-bottom: 1rem;}
    .bundleSection04 .subWhiteBox {padding: 2rem;}
    .bundleSection04 .subWhiteBox img {width: 100%;}
}