/*인사말*/
.greeting{position:relative; max-width:1200px}
.greeting .img{position:relative; height:324px; margin-top:110px; background:url(../img/bg_greeting.jpg) no-repeat 50%; background-size:cover;}
.greeting .img:before{content:''; display:block; position:absolute; bottom:0; left:135px; width:400px; height:400px; background:url(../img/bg_chairman.png) no-repeat;}
.greeting .tit{position:absolute; top:30px; right:100px; width:514px; height:314px; background:#4168ad}
.greeting .tit h3{position:relative; margin:0; padding:140px 20px 0 50px; color:#fff; font-size:22px; font-weight:100;  line-height:1.6; word-break:keep-all; box-sizing:border-box; text-align:left; letter-spacing:-1px}
.greeting .tit h3:before{content:''; display:block; position:absolute; top:-23px; left:50px; width:1px; height:144px; margin:0; background:#fff;}
.greeting .tit h3 span{display:block; font-weight:600;}
.greeting .colum { padding:50px 20px 70px 20px;  max-width:1100px; margin:0 auto}
.greeting .colum:after{clear:both; content:""; display:block;}
.greeting .colum .left{float:left; width:48%; text-align:justify; }
.greeting .colum .right{float:right; width:48%; text-align:justify; }
.greeting .sign {text-align:right; font-size:1.125em; font-weight:bold; color:#222; margin-top:60px; padding-right:20px;  background-repeat:no-repeat; background-position:right center; line-height:50px;}
.greeting .sign .name { font-size:24px}

@media (max-width: 980px){
   	.greeting .tit{position:relative; width:100%; height:auto; padding:0 50px 50px 0px; top:0; right:0;}
	.greeting .tit h3{font-size:22px; line-height:1.6em;}
	.greeting .tit h3 br{display:none;}
	.greeting .img { height:253px}
	.greeting .img:before{left:50%; width:300px; height:310px; margin-left:-150px; background-size:cover;}
	.greeting .colum .left { width:100%; clear:both}
	.greeting .colum .right { width:100%; padding-top:20px; clear:both}

}
/*인사말*/




/*그룹소개*/
.company_info  { width:100%; height:auto;  }
.company_info .img_page { width:100%; height:550px; background-image:url(../img/company_info_bg_company.jpg); background-position:center; background-repeat:no-repeat;} 
.company_info .txt_page { max-width:1200px; margin:0 auto; padding:20px}
.company_info .txt_page h2 { font-size: 42px; line-height: 1; font-weight: 600; margin-bottom: 44px; padding-top:100px; display: block; }
.company_info .txt_page p { font-size:16px; word-break:keep-all; line-height:1.8; color:#555; padding-bottom:15px}
.company_info .Ideology { width:100%; padding-bottom:100px;}
.company_info .Ideology .inner { max-width:1240px; margin:auto; clear:both;}
.company_info .Ideology .inner h2 {font-size: 36px;font-weight: bold;color: #000; letter-spacing:5px; text-align:center; padding:95px 0 50px 0}
.company_info .Ideology .inner .point{color: #06F;}
.company_info .Ideology .inner h2:after { content: " ";display: block; margin:20px auto; width:40px; height: 2px; background-color:#000; clear: both;}
.company_info .Ideology dl { float:left; width:33.3333%; padding:20px; border-right:1px solid #ddd}
.company_info .Ideology dl:last-child { border:0}
.company_info .Ideology dl .web_icon { padding:0 0 20px 0; text-align:center; color:#ff4200}
.company_info .Ideology dl dt { font-size:20px; height:60px; font-weight:bold; letter-spacing:5px; text-align:center} 
.company_info .Ideology dd { line-height:2.2; text-align:center; font-size:16px; color:#555}

.tl_title_box_wrap {width:100%; height:auto; padding:150px 20px; clear:both; background-image:url(../img/work_page_bg.jpg); background-position:center; background-repeat:no-repeat; background-size:cover}
.tl_title_box_wrap li {position:relative; width:23.5%; min-height:400px; background-color:#fff; margin-left:2%; float:left; cursor:pointer;  -webkit-transition: all 0.4s; transition: all 0.4s; background-position:center; background-size:cover; background-repeat:no-repeat}
.tl_title_box_wrap li .bg { background-color:#2c3856; color:#fff; opacity:0; position:absolute; width:100%; height:100%; top:0;left:0; z-index:1}
.tl_title_box_wrap li:hover .bg {opacity: 1; -webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out; }
.tl_title_box_wrap li:hover {-webkit-box-shadow:4px 4px 9px 0 rgba(0,0,0,.15);-ms-box-shadow:4px 4px 9px 0 rgba(0,0,0,.15);box-shadow:4px 4px 9px 0 rgba(0,0,0,.15);-webkit-transform:translateY(-25px);transform:translateY(-25px)}
.tl_title_box_wrap li .txt_wrap{width:100%;height:100%; position:absolute; top:0; left:0; box-sizing:border-box;overflow:hidden;padding:40px;color:#fff;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out; opacity:1; display:table; z-index:2;}
.tl_title_box_wrap li:hover .txt_wrap { opacity:1; color:#fff}
.tl_title_box_wrap li:hover .txt_wrap .cell I { color:#FFF}
.tl_title_box_wrap li:hover .txt_wrap .cell h2 { color:#FFF}
.tl_title_box_wrap li:hover .txt_wrap .cell p { color:#fff}
.tl_title_box_wrap li .txt_wrap .cell { text-align:center;width:100%;display: table-cell; vertical-align: middle;}
.tl_title_box_wrap li .txt_wrap .cell i { font-size:35px; padding-bottom:20px; color:#1a1a1a}
.tl_title_box_wrap li .txt_wrap .cell h2 { font-size:24px; color:#1a1a1a; margin:0; font-weight:bold;}
.tl_title_box_wrap li .txt_wrap .cell p { font-size:16px; color:#555; padding-top:50px; word-break:keep-all; line-height:1.6;}
.tl_title_box_wrap li:nth-child(4n+1) { margin-left:0}

@media (max-width: 960px){
	.company_info .work_page ul li { width:47%; margin-bottom:20px; margin-right: 0; margin-left: 2%;}
	.company_info .work_page ul li:last-child { margin-right:0}
	.company_info .work_page ul li:nth-child(2n+2) {margin-right:0;}
	.company_info .Ideology dl { width:100%; padding-bottom:30px; clear:both}
}
@media (max-width: 640px){
	.company_info .img_page  { background-size:cover; height:300px}
	.company_info .tl_title_box_wrap li { width:100%; margin-left:0; margin-bottom:3%;}
}
/*그룹소개*/





/*연혁*/
.history_area {position: relative;width: 100%;padding-top: 37px;}
.history_area .history_point {position: absolute;left: 50%;top: 0;margin-left: -5px;bottom: 20px;width:8px;background-color: #f6f6f6;overflow: hidden;}
/*.history_area .history_point span {position: absolute;display: block;top: 0;width: 100%;height: 200px; background-color:#039}*/
.history_area dl {width: 50%;padding-right: 94px;padding-left: 20px;box-sizing:border-box;}
.history_area div:nth-child(odd) dl {padding-right: 20px;padding-left: 94px;}
.history_area dt {margin-bottom: 20px;font-size: 46px;line-height:1.3;color: #555;font-weight: bold;}
.history_area dd strong {display: block;padding-bottom: 12px;font-size: 22px;line-height: 1.6;color: #000;font-weight: 600;}
.history_area dd p {display: block;}
.history_area dd .img_box {display: block;margin-top: 39px;}
.right {text-align: right;}
.left {text-align: left;}
.fr {float: right;}
.img_box img { max-width: 100%}
@media (max-width: 960px){
	.history_area .history_point {left: 10px;margin-left: 0;}
	.history_area dl {float: none !important;width: 100%;padding-right: 0;padding-left: 50px;text-align: left;}
	.history_area div:nth-child(odd) dl {/* padding-right: 0; */padding-left: 50px;}
	.history_area div + div {margin-top: 40px;}
	.history_area div:nth-child(2) {margin-top: 0;}
	.history_area dt {margin-bottom: 20px;font-size:30px;}
	.history_area dd p br {display: none;}
	.history_area dd .img_box {margin-top: 20px;}	
}
/*연혁*/





/*오시는 길*/
.map_area{position:relative; z-index:1}
.map_area .txt{position:absolute;bottom:-90px;left:50%;transform:translateX(-50%);width:1400px;z-index:100;}
.map_area .txt .txt_wrap {background-color:#006fce;box-shadow:3px 3px 3px rgba(0,0,0,0.2);padding:45px 0;}
.map_area .txt .logo{position:absolute; top:34px; left:0; border-right:1px solid #1a7dd3; text-align:center; width:315px; line-height:90px; height:90px;}
.map_area .txt .contact{display:block; color:#fff; font-weight:500; font-size:20px; letter-spacing:-1px; line-height:1.6; padding:0 0 0 405px;}
.map_area .txt .tx .tel{font-weight:300;}
.map_area .txt .bt{position:absolute;top:50%;right:40px;margin-top:-35px;display:block;border-radius:65px;border:3px solid #fff;color:#fff;font-size:20px;text-align:center;min-width:220px;line-height:60px;height:65px;}

.contact_address {width:100%;height:auto; line-height:1.7;}
.contact_address ul {max-width:1240px;clear: both;padding:0 20px 20px 0px;border-bottom:1px solid #ddd;}
.contact_address ul li {color: #555;margin-top: 5px;margin-bottom: 5px; font-size:16px}
.contact_traffic { max-width:1240px; margin:100px auto; padding:20px; letter-spacing:-0.8px;  clear:both;}
.contact_traffic:after {content: " ";visibility: hidden;display: block;height: 0;padding-bottom:50px;clear: both;}
.contact_traffic ul {border-bottom:1px solid #ddd; padding-bottom:25px}
.contact_traffic .bus {width:100%;}
.contact_traffic .subway {width:100%}
.contact_traffic ul li {color: #555; line-height:33px; font-size:16px}
.contact_traffic h3 { font-size:20px; font-weight:400; letter-spacing:-1px; color:#1a1a1a; padding-bottom:10px; margin-top:25px; text-align:left}



@media all and (max-width: 576px) { 
	.map_area .txt { position: relative; bottom: auto; left: auto; transform: translateX(0); margin-top: -30px; width: auto;}
	.map_area .txt .logo img { height:20px}
	.map_area .txt .contact { font-size: 13px; letter-spacing: 0; line-height: 180%; padding: 20px 0 0;text-align: center; clear:both}
	.map_area .txt .txt_wrap{border-radius: 0px 0px 20px 0px; margin: 0 15px; padding: 0 0 30px;}
	.map_area .txt .bt { position: static; border-radius: 65px;  border-width: 2px; font-size: 15px; margin: 25px auto 0; width: 150px; line-height: 40px; height: 40px;}
	.map_area .txt .logo { position: relative; display: block;  top: auto; left: auto; border-right: 0;  width: 100%; line-height: 70px;  height: 70px;}
}



@media all and (min-width: 577px) and (max-width:992px) {  
	.map_area .txt { position: relative; bottom: auto; left: auto; transform: translateX(0); margin-top: -30px; width: auto;}
	.map_area .txt .logo img { height:20px}
	.map_area .txt .contact { font-size: 13px; letter-spacing: 0; line-height: 180%; padding: 20px 0 0;text-align: center; clear:both}
	.map_area .txt .txt_wrap{border-radius: 0px 0px 20px 0px; margin: 0 15px; padding: 0 0 30px;}
	.map_area .txt .bt { position: static; border-radius: 65px;  border-width: 2px; font-size: 15px; margin: 25px auto 0; width: 150px; line-height: 40px; height: 40px;}
	.map_area .txt .logo { position: relative; display: block;  top: auto; left: auto; border-right: 0;  width: 100%; line-height: 70px;  height: 70px;}
}


@media all and (min-width: 993px) and (max-width:1200px) {  
	.map_area .txt {margin-top: -30px;width: 1024px;}
	.map_area .txt .txt_wrap{border-radius:0px 0px 20px 0px;margin:0 15px;padding:0 0 30px;}
	.map_area .txt .logo{display:block;position:relative;top:auto;left:auto;border-right:0; margin-left:0;width:100%;}
	.map_area .txt .logo:before{content:"";position:absolute;bottom:0;left:50%;margin-left:-88px;background-color:#1a7dd3;width:177px;height:1px;}
	.map_area .txt .contact {line-height:180%;padding:20px 0 0;text-align:center;}
	.map_area .txt .contact .tel{font-weight:300;}
	.map_area .txt .bt{position:static;border-radius:65px;margin:35px auto 0;width:150px;}
}

/*오시는 길*/








/* content01 */
.content01 .box { position: relative; padding-bottom:80px; display:block;}
.content01 .box .img_right { float:right}
.content01 .box .txt_wrap { position: absolute; right: 0; top:45px; background: #fff; padding:50px;  width: 60%;}
.content01 .box .txt_wrap .half-round-tit { display:inline-block;margin-bottom:20px}
.content01 .box .txt_wrap .half-round-tit strong {color:#1a1a1a;  font-size:22px; font-weight:500;  vertical-align: middle;  line-height:1.6; letter-spacing:0;}
.content01 .box .txt_wrap .half-round-tit span { display: inline-block; width:35px; height:35px; line-height:35px; text-align: center;  border-radius: 50%; vertical-align: middle; color: #fff; font-size:16px}
.content01 .box .txt_wrap .half-round-tit span {background:#8abd00; margin-right:10px; float:left}
.content01 .box .txt_wrap p {text-align: justify;}
.content01 .box .txt_wrap02 { position: absolute; left: 0; top:45px; background: #fff; width: 60%;}

@media screen and (max-width: 960px) {
	.content01 .box .img { text-align:center; display:block; float:none; clear:both}
	.content01 .box .img img { width:100%}
	.content01 .box .txt_wrap { width:100%; padding:20px; display:block; position:relative; clear:both}

}
/* content01 */







/* content02 */
.content02 ul li { width:50%; float:left}
.content02 ul li .profile { float:left; padding-bottom:50px; width:48%}
.content02 ul li .profile img { width:100%}
.content02 ul li dl { float:left; padding:0 40px; width:52% }
.content02 ul li dl dt { font-size:22px; font-weight:bold; text-align:left; padding-bottom:20px; color:#1a1a1a; letter-spacing:0}
.content02 ul li dl dt dd {  margin-left: 10px; font-size:17px; color:#444; line-height:1.75; letter-spacing:-0.02em; text-align:left; display:block; clear:both;  }

@media screen and (max-width: 1210px) {
    .content02 ul li { width:49%; margin-left:2%; margin-bottom:6%}
	.content02 ul li:nth-child(2n+1) { margin-left:0}
	.content02 ul li .profile { width:100%}
	.content02 ul li dl { width:100%; padding:0 20px}
}
@media screen and (max-width: 640px) {
	.content02 ul li { width:100%; margin-left:0}

}
/* content02 */





/* content03 */
.content03 li {width:31.3333%; margin-right:3%; min-height:300px;  float:left; text-align:justify;}
.content03 li:nth-child(3n+3){margin-right:0}
.content03 li .web_icon { width:100px; height:100px; margin-bottom:20px; background-color:#c7c7c7; color:#fff; display:table;  margin:0 auto}
.content03 li .web_icon i { text-align:center; font-size:40px; display:table-cell; vertical-align:middle; margin-bottom:20px}
.content03 li h2 {font-size:22px;color:#000;display:block;clear:both;padding-bottom:10px; margin-top:30px; letter-spacing:0; text-align:center}
.content03 li p { text-align:center; word-break:keep-all}
.content03 li .icon_img {text-align:center;padding-top:20px;display:block;}
@media screen and (max-width: 960px) {
	.content03 li { width:50%; margin-right:0}
	.content03 li p { max-width:300px; margin:0 auto}
}

@media screen and (max-width: 640px) {
	.content03 li { width:100%; margin-right:0}
	.content03 li p { max-width:300px; margin:0 auto}
}
/* content03 */




/* content_area04 */
.content04 .point { padding:0 20px 0 0}
.content04 .point p { font-size:22px; font-weight:bold; padding-left:30px; color:#1a1a1a; background-image:url(../img/title_icon.png); background-repeat:no-repeat; background-position:left center;}
.content04 .point h2 { font-size:28px; font-weight:100; color:#f66120; text-align:left; padding:10px 0 0;}
.content04 .colum { max-width:1400px;  margin:0 auto; padding: 30px 0 }
.content04 .colum .left { width:50%; float:left; border-right:1px solid #ddd; padding-right:50px}
.content04 .colum .left h2 { font-size:20px; color:#000; letter-spacing:0; padding-bottom:20px; font-weight:bold}
.content04 .colum .right { width:50%;  float:left; padding-left:50px; line-height:1.8; text-align:left}
.content04 .colum .right h2 { font-size:20px; color:#000; letter-spacing:0; padding-bottom:20px; font-weight:bold}
.content04 .img img { width:100%}
.content04 .content_sub_title { margin:0 auto; padding:30px 0 0}
.content04 .content_sub_title:after { content: " ";visibility: hidden;display: block; height: 0; padding-bottom:50px; clear: both;}
.content04 .content_sub_title .sub_title{float:left; display: block; line-height:1.8; width:25%; color:#1a1a1a; font-size:22px; letter-spacing:0; text-align:left; font-weight:bold; margin:0;  padding:0 0 0 30px; background-image:url(../img/title_icon.png); background-repeat:no-repeat; background-position:left center; box-sizing:border-box}
.content04 .content_sub_title .sub_txt {float:right; width:75%;}
.content04 .content_sub_title .sub_txt .h2 { font-size:20px; }
.content04 .content_sub_title .img { float:left; text-align:right; width:450px }
@media screen and (max-width: 960px) {
	.content04 .colum .left { width:100%; border:0; float:none; padding:0; clear:both}
	.content04 .colum .right { width:100%; padding:20px 0 0  }
	.content04 .content_sub_title .sub_title { width:100%; margin-bottom:20px; clear:both}
	.content04 .content_sub_title .sub_txt { float:left; width:100%}
}

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

}
/* content_area04 */







/* content_area05 */
.content05 .photo_box { margin-bottom:50px; background-color:#f9f9f9; clear:both}
.content05 .photo_box .img { max-width:50%; float:left;display:block}
.content05 .photo_box .img img { width:100%}
.content05 .photo_box .txt { max-width:50%; float:left; padding:50px; background-color:#f9f9f9; display:block}
.content05 .photo_box .txt h2 { font-size:24px; padding-top:50px; letter-spacing:0; font-weight:bold; text-align:left}
.content05 .photo_box .txt p { padding-top:30px; word-break:keep-all}
@media screen and (max-width: 960px) {
	.content05 .photo_box .img { max-width:100%; display:block}
	.content05 .photo_box .txt { max-width:100%;}
	.content05 .photo_box .txt h2 { font-size:24px; font-weight:bold}
}
/* content_area05 */






/* content_area06 */
.content06 .thumb_box  {width:31.3333%; margin-right:3%; display:block; float:left; }
@media screen and (min-width: 961px) {
    .content06 .thumb_box:nth-child(3n+3) { margin-right:0}
}
.content06 .thumb_box .img { width:100%; min-height:300px; background-image:url(../img/rnd03_thumb01.jpg); background-repeat:no-repeat; background-size:cover; clear:both; overflow:hidden; position:relative}
.content06 .thumb_box .txt { width:100%; padding:20px; text-align:left; clear:both}
.content06 .thumb_box .txt h2 { font-size:24px; text-align:center; letter-spacing:0; font-weight:bold}
.content06 .thumb_box .txt p { padding:20px 0px; text-align:center; }
@media screen and (max-width: 960px) {
    .content06 .thumb_box { width:49%; margin-right:2% }
	.content06 .thumb_box:nth-child(2n+2) { margin-right:0} 
}

@media screen and (max-width: 640px) {
    .content06 .thumb_box { width:100%; margin:0; clear:both; float:none}
}
/* content_area06 */



/****INDEX*******/

@font-face {
	font-family: 'Pretendard-Regular';
	src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}
:root {
	--swiper-theme-color:#007aff
}
:host {
	position:relative;
	display:block;
	margin-left:auto;
	margin-right:auto;
	z-index:1
}
.swiper {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	overflow:hidden;
	list-style:none;
	padding:0;
	z-index:1;
	display:block
}
.swiper-vertical>.swiper-wrapper {
	flex-direction:column
}
.swiper-wrapper {
	position:relative;
	width:100%;
	height:100%;
	z-index:1;
	display:flex;
	transition-property:transform;
	transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);
	box-sizing:content-box
}
.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
	transform:translateZ(0)
}
.swiper-horizontal {
	touch-action:pan-y
}
.swiper-vertical {
	touch-action:pan-x
}
.swiper-slide {
	flex-shrink:0;
	width:100%;
	height:100%;
	position:relative;
	transition-property:transform;
	display:block
}
.swiper-slide-invisible-blank {
	visibility:hidden
}
.swiper-autoheight,.swiper-autoheight .swiper-slide {
	height:auto
}
.swiper-autoheight .swiper-wrapper {
	align-items:flex-start;
	transition-property:transform,height
}
.swiper-backface-hidden .swiper-slide {
	transform:translateZ(0);
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective:1200px
}
.swiper-3d .swiper-wrapper {
	transform-style:preserve-3d
}
.swiper-3d {
	perspective:1200px
}
.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide {
	transform-style:preserve-3d
}
.swiper-css-mode>.swiper-wrapper {
	overflow:auto;
	scrollbar-width:none;
	-ms-overflow-style:none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display:none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align:start start
}
.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
	scroll-snap-type:x mandatory
}
.swiper-css-mode.swiper-vertical>.swiper-wrapper {
	scroll-snap-type:y mandatory
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
	scroll-snap-type:none
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align:none
}
.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
	content:"";
	flex-shrink:0;
	order:9999
}
.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
	scroll-snap-align:center center;
	scroll-snap-stop:always
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
	margin-inline-start:var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
	height:100%;
	min-height:1px;
	width:var(--swiper-centered-offset-after)
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
	margin-block-start:var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
	width:100%;
	min-width:1px;
	height:var(--swiper-centered-offset-after)
}
.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	pointer-events:none;
	z-index:10
}
.swiper-3d .swiper-slide-shadow {
	background:rgba(0,0,0,.15)
}
.swiper-3d .swiper-slide-shadow-left {
	background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}
.swiper-3d .swiper-slide-shadow-right {
	background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}
.swiper-3d .swiper-slide-shadow-top {
	background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}
.swiper-3d .swiper-slide-shadow-bottom {
	background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}
.swiper-lazy-preloader {
	width:42px;
	height:42px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-21px;
	margin-top:-21px;
	z-index:10;
	transform-origin:50%;
	box-sizing:border-box;
	border-radius:50%;
	border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
	border-top:4px solid transparent
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
	animation:swiper-preloader-spin 1s linear infinite
}
.swiper-lazy-preloader-white {
	--swiper-preloader-color:#fff
}
.swiper-lazy-preloader-black {
	--swiper-preloader-color:#000
}
@keyframes swiper-preloader-spin {
	0% {
		transform:rotate(0deg)
	}
	to {
		transform:rotate(1turn)
	}
}
:root {
	--swiper-navigation-size:44px
}
.swiper-button-next,.swiper-button-prev {
	position:absolute;
	top:var(--swiper-navigation-top-offset,50%);
	width:calc(var(--swiper-navigation-size) / 44 * 27);
	height:var(--swiper-navigation-size);
	margin-top:calc(0px - (var(--swiper-navigation-size) / 2));
	z-index:10;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--swiper-navigation-color,var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
	opacity:.35;
	cursor:auto;
	pointer-events:none
}
.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
	opacity:0;
	cursor:auto;
	pointer-events:none
}
.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
	display:none!important
}
.swiper-button-next svg,.swiper-button-prev svg {
	width:100%;
	height:100%;
	object-fit:contain;
	transform-origin:center
}
.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg {
	transform:rotate(180deg)
}
.swiper-button-prev,.swiper-rtl .swiper-button-next {
	left:var(--swiper-navigation-sides-offset,10px);
	right:auto
}
.swiper-button-lock {
	display:none
}
.swiper-button-next:after,.swiper-button-prev:after {
	font-family:swiper-icons;
	font-size:var(--swiper-navigation-size);
	text-transform:none!important;
	letter-spacing:0;
	font-variant:normal;
	line-height:1
}
.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
	content:"prev"
}
.swiper-button-next,.swiper-rtl .swiper-button-prev {
	right:var(--swiper-navigation-sides-offset,10px);
	left:auto
}
.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
	content: "next"
}
/* ! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com */
*,:after,:before {
	 box-sizing:border-box;
	 border:0 solid #e5e7eb
 }
:after,:before {
	--tw-content:""
}
:host,html {
	line-height:1.5;
	-webkit-text-size-adjust:100%;
	-moz-tab-size:4;
	tab-size:4;
	font-family: 'Pretendard-Regular';
	font-feature-settings:normal;
	font-variation-settings:normal;
	-webkit-tap-highlight-color:transparent
}
body {
	margin:0;
	line-height:inherit
}
hr {
	height:0;
	color:inherit;
	border-top-width:1px
}
abbr:where([title]) {
	text-decoration:underline dotted
}
h1,h2,h3,h4,h5,h6 {
	font-size:inherit;
	font-weight:inherit
}
a {
	color:inherit;
	text-decoration:inherit
}
b,strong {
	font-weight:bolder
}
code,kbd,pre,samp {
	font-family: 'Pretendard-Regular';
	font-feature-settings:normal;
	font-variation-settings:normal;
	font-size:1em
}
small {
	font-size:80%
}
sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sub {
	bottom:-.25em
}
sup {
	top:-.5em
}
table {
	text-indent:0;
	border-color:inherit;
	border-collapse:collapse
}
button,input,optgroup,select,textarea {
	font-family:inherit;
	font-feature-settings:inherit;
	font-variation-settings:inherit;
	font-size:100%;
	font-weight:inherit;
	line-height:inherit;
	letter-spacing:inherit;
	color:inherit;
	margin:0;
	padding:0
}
button,select {
	text-transform:none
}
button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]) {
	-webkit-appearance:button;
	background-color:transparent;
	background-image:none
}
:-moz-focusring {
	outline:auto
}
:-moz-ui-invalid {
	box-shadow:none
}
progress {
	vertical-align:baseline
}
::-webkit-inner-spin-button,::-webkit-outer-spin-button {
	height:auto
}
[type=search] {
	-webkit-appearance:textfield;
	outline-offset:-2px
}
::-webkit-search-decoration {
	-webkit-appearance:none
}
::-webkit-file-upload-button {
	-webkit-appearance:button;
	font:inherit
}
summary {
	display:list-item
}
blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
	margin:0
}
fieldset {
	margin:0
}
fieldset,legend {
	padding:0
}
menu,ol,ul {
	list-style:none;
	margin:0;
	padding:0
}
dialog {
	padding:0
}
textarea {
	resize:vertical
}
input::placeholder,textarea::placeholder {
	opacity:1;
	color:#9ca3af
}
[role=button],button {
	cursor:pointer
}
:disabled {
	cursor:default
}
audio,canvas,embed,iframe,img,object,svg,video {
	display:block;
	vertical-align:middle
}
img,video {
	max-width:100%;
	height:auto
}
[hidden] {
	display:none
}
*,:after,:before {
	--tw-border-spacing-x:0;
	--tw-border-spacing-y:0;
	--tw-translate-x:0;
	--tw-translate-y:0;
	--tw-rotate:0;
	--tw-skew-x:0;
	--tw-skew-y:0;
	--tw-scale-x:1;
	--tw-scale-y:1;
	--tw-pan-x:;
	--tw-pan-y:;
	--tw-pinch-zoom:;
	--tw-scroll-snap-strictness:proximity;
	--tw-gradient-from-position:;
	--tw-gradient-via-position:;
	--tw-gradient-to-position:;
	--tw-ordinal:;
	--tw-slashed-zero:;
	--tw-numeric-figure:;
	--tw-numeric-spacing:;
	--tw-numeric-fraction:;
	--tw-ring-inset:;
	--tw-ring-offset-width:0px;
	--tw-ring-offset-color:#fff;
	--tw-ring-color:rgba(59,130,246,.5);
	--tw-ring-offset-shadow:0 0 #0000;
	--tw-ring-shadow:0 0 #0000;
	--tw-shadow:0 0 #0000;
	--tw-shadow-colored:0 0 #0000;
	--tw-blur:;
	--tw-brightness:;
	--tw-contrast:;
	--tw-grayscale:;
	--tw-hue-rotate:;
	--tw-invert:;
	--tw-saturate:;
	--tw-sepia:;
	--tw-drop-shadow:;
	--tw-backdrop-blur:;
	--tw-backdrop-brightness:;
	--tw-backdrop-contrast:;
	--tw-backdrop-grayscale:;
	--tw-backdrop-hue-rotate:;
	--tw-backdrop-invert:;
	--tw-backdrop-opacity:;
	--tw-backdrop-saturate:;
	--tw-backdrop-sepia:;
	--tw-contain-size:;
	--tw-contain-layout:;
	--tw-contain-paint:;
	--tw-contain-style:
}
::backdrop {
	--tw-border-spacing-x:0;
	--tw-border-spacing-y:0;
	--tw-translate-x:0;
	--tw-translate-y:0;
	--tw-rotate:0;
	--tw-skew-x:0;
	--tw-skew-y:0;
	--tw-scale-x:1;
	--tw-scale-y:1;
	--tw-pan-x:;
	--tw-pan-y:;
	--tw-pinch-zoom:;
	--tw-scroll-snap-strictness:proximity;
	--tw-gradient-from-position:;
	--tw-gradient-via-position:;
	--tw-gradient-to-position:;
	--tw-ordinal:;
	--tw-slashed-zero:;
	--tw-numeric-figure:;
	--tw-numeric-spacing:;
	--tw-numeric-fraction:;
	--tw-ring-inset:;
	--tw-ring-offset-width:0px;
	--tw-ring-offset-color:#fff;
	--tw-ring-color:rgba(59,130,246,.5);
	--tw-ring-offset-shadow:0 0 #0000;
	--tw-ring-shadow:0 0 #0000;
	--tw-shadow:0 0 #0000;
	--tw-shadow-colored:0 0 #0000;
	--tw-blur:;
	--tw-brightness:;
	--tw-contrast:;
	--tw-grayscale:;
	--tw-hue-rotate:;
	--tw-invert:;
	--tw-saturate:;
	--tw-sepia:;
	--tw-drop-shadow:;
	--tw-backdrop-blur:;
	--tw-backdrop-brightness:;
	--tw-backdrop-contrast:;
	--tw-backdrop-grayscale:;
	--tw-backdrop-hue-rotate:;
	--tw-backdrop-invert:;
	--tw-backdrop-opacity:;
	--tw-backdrop-saturate:;
	--tw-backdrop-sepia:;
	--tw-contain-size:;
	--tw-contain-layout:;
	--tw-contain-paint:;
	--tw-contain-style:
}
.sr-only {
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	white-space:nowrap;
	border-width:0
}
.visible {
	visibility:visible
}
.invisible {
	visibility:hidden
}
.fixed {
	position:fixed
}
.absolute {
	position:absolute
}
.relative {
	position:relative
}
.sticky {
	position:sticky
}
.inset-0 {
	inset:0
}
.bottom-0 {
	bottom:0
}
.bottom-\[-10px\] {
	bottom:-10px
}
.bottom-\[-12px\] {
	bottom:-12px
}
.bottom-\[-183px\] {
	bottom:-183px
}
.bottom-\[-24px\] {
	bottom:-24px
}
.bottom-\[16px\] {
	bottom:16px
}
.bottom-\[40px\] {
	bottom:40px
}
.left-0 {
	left:0
}
.left-1\/2 {
	left:50%
}
.left-\[-14px\] {
	left:-14px
}
.left-\[30px\] {
	left:30px
}
.left-\[32\%\] {
	left:32%
}
.left-\[50\%\] {
	left:50%
}
.right-0 {
	right:0
}
.right-\[-14px\] {
	right:-14px
}
.right-\[16px\] {
	right:16px
}
.right-\[32\%\] {
	right:32%
}
.top-0 {
	top:0
}
.top-\[-44px\] {
	top:-44px
}
.top-\[-52px\] {
	top:-52px
}
.top-\[-64px\] {
	top:-64px
}
.top-\[-9999px\] {
	top:-9999px
}
.top-\[0px\] {
	top:0
}
.top-\[120px\] {
	top:120px
}
.top-\[12px\] {
	top:12px
}
.top-\[15px\] {
	top:15px
}
.top-\[16px\] {
	top:16px
}
.top-\[30\%\] {
	top:30%
}
.top-\[50\%\] {
	top:50%
}
.top-\[60px\] {
	top:60px
}
.top-\[70px\] {
	top:70px
}
.z-10 {
	z-index:10
}
.z-\[1000\] {
	z-index:1000
}
.z-\[1001\] {
	z-index:1001
}
.z-\[9998\] {
	z-index:9998
}
.z-\[9999\] {
	z-index:9999
}
.z-\[999\] {
	z-index:999
}
.m-0 {
	margin:0
}
.mx-auto {
	margin-left:auto;
	margin-right:auto
}
.my-\[16px\] {
	margin-top:16px;
	margin-bottom:16px
}
.my-\[200px\] {
	margin-top:200px;
	margin-bottom:200px
}
.my-\[20px\] {
	margin-top:20px;
	margin-bottom:20px
}
.my-\[24px\] {
	margin-top:24px;
	margin-bottom:24px
}
.my-\[80px\] {
	margin-top:80px;
	margin-bottom:80px
}
.my-auto {
	margin-top:auto;
	margin-bottom:auto
}
.mb-0 {
	margin-bottom:0
}
.mb-\[100px\] {
	margin-bottom:100px
}
.mb-\[10px\] {
	margin-bottom:10px
}
.mb-\[120px\] {
	margin-bottom:120px
}
.mb-\[12px\] {
	margin-bottom:12px
}
.mb-\[150px\] {
	margin-bottom:150px
}
.mb-\[160px\] {
	margin-bottom:160px
}
.mb-\[16px\] {
	margin-bottom:16px
}
.mb-\[180px\] {
	margin-bottom:180px
}
.mb-\[18px\] {
	margin-bottom:18px
}
.mb-\[202px\] {
	margin-bottom:202px
}
.mb-\[20px\] {
	margin-bottom:20px
}
.mb-\[24px\] {
	margin-bottom:24px
}
.mb-\[30px\] {
	margin-bottom:30px
}
.mb-\[40px\] {
	margin-bottom:40px
}
.mb-\[4px\] {
	margin-bottom:4px
}
.mb-\[56px\] {
	margin-bottom:56px
}
.mb-\[5px\] {
	margin-bottom:5px
}
.mb-\[60px\] {
	margin-bottom:60px
}
.mb-\[62px\] {
	margin-bottom:62px
}
.mb-\[6px\] {
	margin-bottom:6px
}
.mb-\[80px\] {
	margin-bottom:80px
}
.mb-\[8px\] {
	margin-bottom:8px
}
.ml-0 {
	margin-left:0
}
.ml-\[-10px\] {
	margin-left:-10px
}
.ml-\[10px\] {
	margin-left:10px
}
.ml-\[12px\] {
	margin-left:12px
}
.ml-\[16px\] {
	margin-left:16px
}
.ml-\[20px\] {
	margin-left:20px
}
.ml-\[2px\] {
	margin-left:2px
}
.ml-\[33px\] {
	margin-left:33px
}
.ml-\[40px\] {
	margin-left:40px
}
.ml-\[48px\] {
	margin-left:48px
}
.ml-\[4px\] {
	margin-left:4px
}
.ml-\[8px\] {
	margin-left:8px
}
.ml-auto {
	margin-left:auto
}
.mr-\[16px\] {
	margin-right:16px
}
.mr-\[20px\] {
	margin-right:20px
}
.mr-\[22px\] {
	margin-right:22px
}
.mr-\[4px\] {
	margin-right:4px
}
.mr-\[6px\] {
	margin-right:6px
}
.mr-\[8px\] {
	margin-right:8px
}
.mr-auto {
	margin-right:auto
}
.mt-\[100px\] {
	margin-top:100px
}
.mt-\[110px\] {
	margin-top:110px
}
.mt-\[120px\] {
	margin-top:120px
}
.mt-\[122px\] {
	margin-top:122px
}
.mt-\[12px\] {
	margin-top:12px
}
.mt-\[160px\] {
	margin-top:160px
}
.mt-\[165px\] {
	margin-top:165px
}
.mt-\[16px\] {
	margin-top:16px
}
.mt-\[18px\] {
	margin-top:18px
}
.mt-\[200px\] {
	margin-top:200px
}
.mt-\[20px\] {
	margin-top:20px
}
.mt-\[24px\] {
	margin-top:24px
}
.mt-\[30px\] {
	margin-top:30px
}
.mt-\[40px\] {
	margin-top:40px
}
.mt-\[4px\] {
	margin-top:4px
}
.mt-\[50px\] {
	margin-top:50px
}
.mt-\[56px\] {
	margin-top:56px
}
.mt-\[5px\] {
	margin-top:5px
}
.mt-\[6px\] {
	margin-top:6px
}
.mt-\[7px\] {
	margin-top:7px
}
.mt-\[80px\] {
	margin-top:80px
}
.mt-auto {
	margin-top:auto
}
.block {
	display:block
}
.flex {
	display:flex
}
.grid {
	display:grid
}
.contents {
	display:contents
}
.hidden {
	display:none
}
.aspect-\[10\/3\.49\] {
	aspect-ratio:10/3.49
}
.aspect-\[10\/3\.56\] {
	aspect-ratio:10/3.56
}
.aspect-\[10\/4\.15\] {
	aspect-ratio:10/4.15
}
.aspect-\[10\/5\.5\] {
	aspect-ratio:10/5.5
}
.aspect-\[10\/5\.63\] {
	aspect-ratio:10/5.63
}
.aspect-\[10\/6\] {
	aspect-ratio:10/6
}
.aspect-\[10\/7\] {
	aspect-ratio:10/7
}
.aspect-\[100\/100\] {
	aspect-ratio:100/100
}
.aspect-\[100\/155\] {
	aspect-ratio:100/155
}
.aspect-\[100\/33\.5\] {
	aspect-ratio:100/33.5
}
.aspect-\[100\/37\] {
	aspect-ratio:100/37
}
.aspect-\[100\/53\.57\] {
	aspect-ratio:100/53.57
}
.aspect-\[100\/53\] {
	aspect-ratio:100/53
}
.aspect-\[100\/56\.25\] {
	aspect-ratio:100/56.25
}
.aspect-\[100\/56\] {
	aspect-ratio:100/56
}
.aspect-\[100\/57\.7\] {
	aspect-ratio:100/57.7
}
.aspect-\[100\/58\] {
	aspect-ratio:100/58
}
.aspect-\[100\/62\.5\] {
	aspect-ratio:100/62.5
}
.aspect-\[100\/65\] {
	aspect-ratio:100/65
}
.aspect-\[100\/77\] {
	aspect-ratio:100/77
}
.aspect-\[1920\/292\] {
	aspect-ratio:1920/292
}
.aspect-\[1920\/803\] {
	aspect-ratio:1920/803
}
.aspect-\[20\/11\] {
	aspect-ratio:20/11
}
.aspect-\[3\/4\] {
	aspect-ratio:3/4
}
.aspect-\[360\/693\] {
	aspect-ratio:360/693
}
.aspect-\[768\/900\] {
	aspect-ratio:768/900
}
.h-0 {
	height:0
}
.h-\[100\%\] {
	height:100%
}
.h-\[100px\] {
	height:100px
}
.h-\[106px\] {
	height:106px
}
.h-\[120px\] {
	height:120px
}
.h-\[128px\] {
	height:128px
}
.h-\[156px\] {
	height:156px
}
.h-\[168px\] {
	height:168px
}
.h-\[16px\] {
	height:16px
}
.h-\[180px\] {
	height:180px
}
.h-\[192px\] {
	height:192px
}
.h-\[1px\] {
	height:1px
}
.h-\[200px\] {
	height:200px
}
.h-\[20px\] {
	height:20px
}
.h-\[228px\] {
	height:228px
}
.h-\[238px\] {
	height:238px
}
.h-\[24px\] {
	height:24px
}
.h-\[267px\] {
	height:267px
}
.h-\[292px\] {
	height:292px
}
.h-\[324px\] {
	height:324px
}
.h-\[32px\] {
	height:32px
}
.h-\[36px\] {
	height:36px
}
.h-\[386px\] {
	height:386px
}
.h-\[40px\] {
	height:40px
}
.h-\[425px\] {
	height:425px
}
.h-\[460px\] {
	height:460px
}
.h-\[524px\] {
	height:524px
}
.h-\[52px\] {
	height:52px
}
.h-\[56px\] {
	height:56px
}
.h-\[64px\] {
	height:64px
}
.h-\[70px\] {
	height:70px
}
.h-\[80px\] {
	height:80px
}
.h-\[90px\] {
	height:90px
}
.h-\[92px\] {
	height:92px
}
.h-auto {
	height:auto
}
.h-fit {
	height:fit-content
}
.h-full {
	height:100%
}
.max-h-0 {
	max-height:0
}
.max-h-\[120px\] {
	max-height:120px
}
.max-h-\[16px\] {
	max-height:16px
}
.max-h-\[32px\] {
	max-height:32px
}
.max-h-\[42px\] {
	max-height:42px
}
.max-h-\[50px\] {
	max-height:50px
}
.max-h-\[62px\] {
	max-height:62px
}
.max-h-screen {
	max-height:100vh
}
.min-h-\[100dvh\] {
	min-height:100dvh
}
.min-h-\[270px\] {
	min-height:270px
}
.min-h-\[32px\] {
	min-height:32px
}
.min-h-\[48px\] {
	min-height:48px
}
.min-h-\[590px\] {
	min-height:590px
}
.w-0 {
	width:0
}
.w-1\/2 {
	width:50%
}
.w-\[100\%\] {
	width:100%
}
.w-\[100px\] {
	width:100px
}
.w-\[106px\] {
	width:106px
}
.w-\[111px\] {
	width:111px
}
.w-\[1120px\] {
	width:1120px
}
.w-\[1200px\] {
	width:1200px
}
.w-\[132px\] {
	width:132px
}
.w-\[138px\] {
	width:138px
}
.w-\[140px\] {
	width:140px
}
.w-\[156px\] {
	width:156px
}
.w-\[168px\] {
	width:168px
}
.w-\[16px\] {
	width:16px
}
.w-\[180px\] {
	width:180px
}
.w-\[1px\] {
	width:1px
}
.w-\[200px\] {
	width:200px
}
.w-\[20vw\] {
	width:20vw
}
.w-\[22\%\] {
	width:22%
}
.w-\[236px\] {
	width:236px
}
.w-\[25px\] {
	width:25px
}
.w-\[276px\] {
	width:276px
}
.w-\[308px\] {
	width:308px
}
.w-\[32px\] {
	width:32px
}
.w-\[36\%\] {
	width:36%
}
.w-\[365px\] {
	width:365px
}
.w-\[40px\] {
	width:40px
}
.w-\[460px\] {
	width:460px
}
.w-\[537px\] {
	width:537px
}
.w-\[552px\] {
	width:552px
}
.w-\[588px\] {
	width:588px
}
.w-\[63\.7px\] {
	width:63.7px
}
.w-\[716px\] {
	width:716px
}
.w-\[761px\] {
	width:761px
}
.w-\[80px\] {
	width:80px
}
.w-\[90px\] {
	width:90px
}
.w-auto {
	width:auto
}
.w-fit {
	width:fit-content
}
.w-full {
	width:100%
}
.w-max {
	width:max-content
}
.w-screen {
	width:100vw
}
.min-w-\[32px\] {
	min-width:32px
}
.min-w-\[48px\] {
	min-width:48px
}
.max-w-\[100\%\] {
	max-width:100%
}
.max-w-\[1046px\] {
	max-width:1046px
}
.max-w-\[1120px\] {
	max-width:1120px
}
.max-w-\[1200px\] {
	max-width:1200px
}
.max-w-\[120px\] {
	max-width:120px
}
.max-w-\[16px\] {
	max-width:16px
}
.max-w-\[1920px\] {
	max-width:1920px
}
.max-w-\[312px\] {
	max-width:312px
}
.max-w-\[32px\] {
	max-width:32px
}
.max-w-\[42px\] {
	max-width:42px
}
.max-w-\[460px\] {
	max-width:460px
}
.max-w-\[50px\] {
	max-width:50px
}
.max-w-\[517px\] {
	max-width:517px
}
.max-w-\[540px\] {
	max-width:540px
}
.max-w-\[588px\] {
	max-width:588px
}
.max-w-\[600px\] {
	max-width:600px
}
.max-w-\[620px\] {
	max-width:620px
}
.max-w-\[62px\] {
	max-width:62px
}
.max-w-\[640px\] {
	max-width:640px
}
.max-w-\[795px\] {
	max-width:795px
}
.max-w-\[800px\] {
	max-width:800px
}
.max-w-\[840px\] {
	max-width:840px
}
.max-w-\[880px\] {
	max-width:880px
}
.max-w-\[886px\] {
	max-width:886px
}
.max-w-content-max-w {
	max-width:1120px
}
.max-w-max {
	max-width:max-content
}
.grow {
	flex-grow:1
}
.-translate-y-1\/2 {
	--tw-translate-y:-50%
}
.-translate-y-1\/2,.translate-x-\[-50\%\] {
	transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-x-\[-50\%\] {
	--tw-translate-x:-50%
}
.translate-x-\[50\%\] {
	--tw-translate-x:50%
}
.translate-x-\[50\%\],.translate-x-full {
	transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-x-full {
	--tw-translate-x:100%
}
.translate-y-\[-50\%\] {
	--tw-translate-y:-50%
}
.rotate-90,.translate-y-\[-50\%\] {
	transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rotate-90 {
	--tw-rotate:90deg
}
.transform {
	transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
@keyframes pulse {
	50% {
		opacity:.5
	}
}
.animate-pulse {
	animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite
}
.cursor-pointer {
	cursor:pointer
}
.resize {
	resize:both
}
.list-disc {
	list-style-type:disc
}
.grid-cols-1 {
	grid-template-columns:repeat(1,minmax(0,1fr))
}
.grid-cols-2 {
	grid-template-columns:repeat(2,minmax(0,1fr))
}
.grid-cols-3 {
	grid-template-columns:repeat(3,minmax(0,1fr))
}
.grid-cols-\[287px\2c 380px\2c 292px\] {
	grid-template-columns:287px 380px 292px
}
.grid-cols-\[99px\2c 1fr\] {
	grid-template-columns:99px 1fr
}
.flex-row {
	flex-direction:row
}
.flex-col {
	flex-direction:column
}
.flex-wrap {
	flex-wrap:wrap
}
.flex-nowrap {
	flex-wrap:nowrap
}
.items-start {
	align-items:flex-start
}
.items-end {
	align-items:flex-end
}
.items-center {
	align-items:center
}
.justify-start {
	justify-content:flex-start
}
.justify-end {
	justify-content:flex-end
}
.justify-center {
	justify-content:center
}
.justify-between {
	justify-content:space-between
}
.justify-around {
	justify-content:space-around
}
.gap-\[12px\] {
	gap:12px
}
.gap-\[16px\] {
	gap:16px
}
.gap-\[18px\] {
	gap:18px
}
.gap-\[20px\] {
	gap:20px
}
.gap-\[23px\] {
	gap:23px
}
.gap-\[24px\] {
	gap:24px
}
.gap-\[28px\] {
	gap:28px
}
.gap-\[2px\] {
	gap:2px
}
.gap-\[30px\] {
	gap:30px
}
.gap-\[32px\] {
	gap:32px
}
.gap-\[40px\] {
	gap:40px
}
.gap-\[4px\] {
	gap:4px
}
.gap-\[60px\] {
	gap:60px
}
.gap-\[66px\] {
	gap:66px
}
.gap-\[6px\] {
	gap:6px
}
.gap-\[70px\] {
	gap:70px
}
.gap-\[80px\] {
	gap:80px
}
.gap-\[8px\] {
	gap:8px
}
.gap-x-\[16px\] {
	column-gap:16px
}
.gap-y-\[8px\] {
	row-gap:8px
}
.overflow-auto {
	overflow:auto
}
.overflow-hidden {
	overflow:hidden
}
.overflow-visible {
	overflow:visible
}
.overflow-scroll {
	overflow:scroll
}
.whitespace-pre {
	white-space:pre
}
.whitespace-pre-line {
	white-space:pre-line
}
.whitespace-pre-wrap {
	white-space:pre-wrap
}
.break-keep {
	word-break:keep-all
}
.rounded {
	border-radius:.25rem
}
.rounded-\[10px\] {
	border-radius:10px
}
.rounded-\[12px\] {
	border-radius:12px
}
.rounded-\[20px\] {
	border-radius:20px
}
.rounded-\[30px\] {
	border-radius:30px
}
.rounded-\[6px\] {
	border-radius:6px
}
.rounded-full {
	border-radius:9999px
}
.rounded-b-\[20px\] {
	border-bottom-right-radius:20px;
	border-bottom-left-radius:20px
}
.rounded-t-\[10px\] {
	border-top-left-radius:10px;
	border-top-right-radius:10px
}
.rounded-t-\[12px\] {
	border-top-left-radius:12px;
	border-top-right-radius:12px
}
.rounded-t-\[16px\] {
	border-top-left-radius:16px;
	border-top-right-radius:16px
}
.rounded-t-\[20px\] {
	border-top-left-radius:20px;
	border-top-right-radius:20px
}
.border {
	border-width:1px
}
.border-\[10px\] {
	border-width:10px
}
.border-\[12px\] {
	border-width:12px
}
.border-\[1px\] {
	border-width:1px
}
.border-b-0 {
	border-bottom-width:0
}
.border-b-\[150px\] {
	border-bottom-width:150px
}
.border-l {
	border-left-width:1px
}
.border-l-0 {
	border-left-width:0
}
.border-l-\[14px\] {
	border-left-width:14px
}
.border-l-\[50vw\] {
	border-left-width:50vw
}
.border-r {
	border-right-width:1px
}
.border-r-\[14px\] {
	border-right-width:14px
}
.border-r-\[50vw\] {
	border-right-width:50vw
}
.border-t-\[1px\] {
	border-top-width:1px
}
.border-t-\[20px\] {
	border-top-width:20px
}
.border-solid {
	border-style:solid
}
.border-\[\#E8E8E8\] {
	--tw-border-opacity:1;
	border-color:rgb(232 232 232/var(--tw-border-opacity))
}
.border-gray-200 {
	--tw-border-opacity:1;
	border-color:rgb(218 224 234/var(--tw-border-opacity))
}
.border-gray-300 {
	--tw-border-opacity:1;
	border-color:rgb(201 209 219/var(--tw-border-opacity))
}
.border-gray-white {
	--tw-border-opacity:1;
	border-color:rgb(255 255 255/var(--tw-border-opacity))
}
.border-primary-100 {
	--tw-border-opacity:1;
	border-color:rgb(233 222 255/var(--tw-border-opacity))
}
.border-primary-300 {
	--tw-border-opacity:1;
	border-color:rgb(197 171 255/var(--tw-border-opacity))
}
.border-primary-500 {
	--tw-border-opacity:1;
	border-color:rgb(139 95 241/var(--tw-border-opacity))
}
.border-transparent {
	border-color:transparent
}
.border-b-gray-white {
	--tw-border-opacity:1;
	border-bottom-color:rgb(255 255 255/var(--tw-border-opacity))
}
.border-b-transparent {
	border-bottom-color:transparent
}
.border-l-primary-500 {
	--tw-border-opacity:1;
	border-left-color:rgb(139 95 241/var(--tw-border-opacity))
}
.border-l-transparent {
	border-left-color:transparent
}
.border-r-transparent {
	border-right-color:transparent
}
.border-t-\[\#CA86FC\] {
	--tw-border-opacity:1;
	border-top-color:rgb(202 134 252/var(--tw-border-opacity))
}
.border-t-gray-black {
	--tw-border-opacity:1;
	border-top-color:rgb(0 0 0/var(--tw-border-opacity))
}
.border-t-primary-100 {
	--tw-border-opacity:1;
	border-top-color:rgb(233 222 255/var(--tw-border-opacity))
}
.border-t-white {
	--tw-border-opacity:1;
	border-top-color:rgb(255 255 255/var(--tw-border-opacity))
}
.bg-\[\#8B5FF1\] {
	--tw-bg-opacity:1;
	background-color:rgb(139 95 241/var(--tw-bg-opacity))
}
.bg-\[\#E8E8E8\] {
	--tw-bg-opacity:1;
	background-color:rgb(232 232 232/var(--tw-bg-opacity))
}
.bg-\[\#EFEFEF\] {
	--tw-bg-opacity:1;
	background-color:rgb(239 239 239/var(--tw-bg-opacity))
}
.bg-\[\#FBF8FF\] {
	--tw-bg-opacity:1;
	background-color:rgb(251 248 255/var(--tw-bg-opacity))
}
.bg-\[\#FFFFFF\],.bg-\[\#ffffff\] {
	--tw-bg-opacity:1;
	background-color:rgb(255 255 255/var(--tw-bg-opacity))
}
.bg-black {
	--tw-bg-opacity:1;
	background-color:rgb(0 0 0/var(--tw-bg-opacity))
}
.bg-dim-w {
	background-color:#ffffff1f
}
.bg-gray-300 {
	--tw-bg-opacity:1;
	background-color:rgb(201 209 219/var(--tw-bg-opacity))
}
.bg-gray-400 {
	--tw-bg-opacity:1;
	background-color:rgb(148 163 184/var(--tw-bg-opacity))
}
.bg-gray-50 {
	--tw-bg-opacity:1;
	background-color:rgb(243 245 250/var(--tw-bg-opacity))
}
.bg-gray-500 {
	--tw-bg-opacity:1;
	background-color:rgb(100 116 139/var(--tw-bg-opacity))
}
.bg-gray-700 {
	--tw-bg-opacity:1;
	background-color:rgb(39 54 75/var(--tw-bg-opacity))
}
.bg-gray-800 {
	--tw-bg-opacity:1;
	background-color:rgb(30 42 59/var(--tw-bg-opacity))
}
.bg-gray-black {
	--tw-bg-opacity:1;
	background-color:rgb(55 0 69/var(--tw-bg-opacity))
}
.bg-gray-white {
	--tw-bg-opacity:1;
	background-color:rgb(255 255 255/var(--tw-bg-opacity))
}
.bg-primary-100 {
	--tw-bg-opacity:1;
	background-color:rgb(233 222 255/var(--tw-bg-opacity))
}
.bg-primary-25 {
	--tw-bg-opacity:1;
	background-color:rgb(251 248 255/var(--tw-bg-opacity))
}
.bg-primary-50 {
	--tw-bg-opacity:1;
	background-color:rgb(243 237 255/var(--tw-bg-opacity))
}
.bg-primary-500 {
	--tw-bg-opacity:1;
	background-color:rgb(139 95 241/var(--tw-bg-opacity))
}
.bg-transparent {
	background-color:transparent
}
.bg-white {
	--tw-bg-opacity:1;
	background-color:rgb(255 255 255/var(--tw-bg-opacity))
}
.bg-\[linear-gradient\(93deg\2c _\#8B5FF1_-35\.87\%\2c _\#CA86FC_120\%\2c _\#EDB5FC_158\.97\%\)\] {
	background-image:linear-gradient(93deg,#8b5ff1 -35.87%,#ca86fc 120%,#edb5fc 158.97%)
}
.object-cover {
	object-fit:cover
}
.p-0 {
	padding:0
}
.p-\[30px\] {
	padding:30px
}
.px-0 {
	padding-left:0;
	padding-right:0
}
.px-\[10px\] {
	padding-left:10px;
	padding-right:10px
}
.px-\[12px\] {
	padding-left:12px;
	padding-right:12px
}
.px-\[16px\] {
	padding-left:16px;
	padding-right:16px
}
.px-\[20px\] {
	padding-left:20px;
	padding-right:20px
}
.px-\[24px\] {
	padding-left:24px;
	padding-right:24px
}
.px-\[30px\] {
	padding-left:30px;
	padding-right:30px
}
.px-\[32px\] {
	padding-left:32px;
	padding-right:32px
}
.px-\[40px\] {
	padding-left:40px;
	padding-right:40px
}
.px-\[56px\] {
	padding-left:56px;
	padding-right:56px
}
.px-\[5px\] {
	padding-left:5px;
	padding-right:5px
}
.px-\[60px\] {
	padding-left:60px;
	padding-right:60px
}
.px-\[8px\] {
	padding-left:8px;
	padding-right:8px
}
.py-\[120px\] {
	padding-top:120px;
	padding-bottom:120px
}
.py-\[12px\] {
	padding-top:12px;
	padding-bottom:12px
}
.py-\[14px\] {
	padding-top:14px;
	padding-bottom:14px
}
.py-\[16px\] {
	padding-top:16px;
	padding-bottom:16px
}
.py-\[18px\] {
	padding-top:18px;
	padding-bottom:18px
}
.py-\[200px\] {
	padding-top:200px;
	padding-bottom:200px
}
.py-\[208px\] {
	padding-top:208px;
	padding-bottom:208px
}
.py-\[20px\] {
	padding-top:20px;
	padding-bottom:20px
}
.py-\[24px\] {
	padding-top:24px;
	padding-bottom:24px
}
.py-\[2px\] {
	padding-top:2px;
	padding-bottom:2px
}
.py-\[30px\] {
	padding-top:30px;
	padding-bottom:30px
}
.py-\[40px\] {
	padding-top:40px;
	padding-bottom:40px
}
.py-\[45px\] {
	padding-top:45px;
	padding-bottom:45px
}
.py-\[4px\] {
	padding-top:4px;
	padding-bottom:4px
}
.py-\[50px\] {
	padding-top:50px;
	padding-bottom:50px
}
.py-\[54px\] {
	padding-top:54px;
	padding-bottom:54px
}
.py-\[6px\] {
	padding-top:6px;
	padding-bottom:6px
}
.py-\[80px\] {
	padding-top:80px;
	padding-bottom:80px
}
.py-\[82px\] {
	padding-top:82px;
	padding-bottom:82px
}
.py-\[8px\] {
	padding-top:8px;
	padding-bottom:8px
}
.pb-\[100px\] {
	padding-bottom:100px
}
.pb-\[130px\] {
	padding-bottom:130px
}
.pb-\[15px\] {
	padding-bottom:15px
}
.pb-\[200px\] {
	padding-bottom:200px
}
.pb-\[20px\] {
	padding-bottom:20px
}
.pb-\[218px\] {
	padding-bottom:218px
}
.pb-\[24px\] {
	padding-bottom:24px
}
.pb-\[30px\] {
	padding-bottom:30px
}
.pb-\[36px\] {
	padding-bottom:36px
}
.pb-\[40px\] {
	padding-bottom:40px
}
.pb-\[56px\] {
	padding-bottom:56px
}
.pb-\[60px\] {
	padding-bottom:60px
}
.pb-\[80px\] {
	padding-bottom:80px
}
.pl-\[20px\] {
	padding-left:20px
}
.pl-\[40px\] {
	padding-left:40px
}
.pr-\[20px\] {
	padding-right:20px
}
.pt-\[11px\] {
	padding-top:11px
}
.pt-\[15px\] {
	padding-top:15px
}
.pt-\[16px\] {
	padding-top:16px
}
.pt-\[20px\] {
	padding-top:20px
}
.pt-\[24px\] {
	padding-top:24px
}
.pt-\[30px\] {
	padding-top:30px
}
.pt-\[40px\] {
	padding-top:40px
}
.pt-\[50px\] {
	padding-top:50px
}
.pt-\[80px\] {
	padding-top:80px
}
.text-left {
	text-align:left
}
.text-center {
	text-align:center
}
.text-right {
	text-align:right
}
.font-pretendard {
	font-family:var(--font-pretendard)
}
.text-\[12px\] {
	font-size:12px
}
.text-\[14px\] {
	font-size:14px
}
.text-\[15px\] {
	font-size:15px
}
.text-\[16px\] {
	font-size:16px
}
.font-\[300\] {
	font-weight:300
}
.font-\[400\] {
	font-weight:400
}
.font-\[600\] {
	font-weight:600
}
.font-bold {
	font-weight:700
}
.italic {
	font-style:italic
}
.text-\[\#000\] {
	--tw-text-opacity:1;
	color:rgb(0 0 0/var(--tw-text-opacity))
}
.text-\[\#333333\] {
	--tw-text-opacity:1;
	color:rgb(51 51 51/var(--tw-text-opacity))
}
.text-\[\#555555\] {
	--tw-text-opacity:1;
	color:rgb(85 85 85/var(--tw-text-opacity))
}
.text-\[\#605AE4\] {
	--tw-text-opacity:1;
	color:rgb(96 90 228/var(--tw-text-opacity))
}
.text-\[\#777777\] {
	--tw-text-opacity:1;
	color:rgb(119 119 119/var(--tw-text-opacity))
}
.text-\[\#8B5FF1\] {
	--tw-text-opacity:1;
	color:rgb(139 95 241/var(--tw-text-opacity))
}
.text-\[\#999999\] {
	--tw-text-opacity:1;
	color:rgb(153 153 153/var(--tw-text-opacity))
}
.text-\[\#ffffff\] {
	--tw-text-opacity:1;
	color:rgb(255 255 255/var(--tw-text-opacity))
}
.text-black {
	--tw-text-opacity:1;
	color:rgb(0 0 0/var(--tw-text-opacity))
}
.text-gray-100 {
	--tw-text-opacity:1;
	color:rgb(233 237 245/var(--tw-text-opacity))
}
.text-gray-300 {
	--tw-text-opacity:1;
	color:rgb(201 209 219/var(--tw-text-opacity))
}
.text-gray-400 {
	--tw-text-opacity:1;
	color:rgb(148 163 184/var(--tw-text-opacity))
}
.text-gray-500 {
	--tw-text-opacity:1;
	color:rgb(100 116 139/var(--tw-text-opacity))
}
.text-gray-600 {
	--tw-text-opacity:1;
	color:rgb(71 85 105/var(--tw-text-opacity))
}
.text-gray-700 {
	--tw-text-opacity:1;
	color:rgb(39 54 75/var(--tw-text-opacity))
}
.text-gray-black {
	--tw-text-opacity:1;
	color:rgb(0 0 0/var(--tw-text-opacity))
}
.text-gray-white {
	--tw-text-opacity:1;
	color:rgb(255 255 255/var(--tw-text-opacity))
}
.text-primary-300 {
	--tw-text-opacity:1;
	color:rgb(197 171 255/var(--tw-text-opacity))
}
.text-primary-400 {
	--tw-text-opacity:1;
	color:rgb(165 126 255/var(--tw-text-opacity))
}
.text-primary-500 {
	--tw-text-opacity:1;
	color:rgb(139 95 241/var(--tw-text-opacity))
}
.text-purple-500 {
	--tw-text-opacity:1;
	color:rgb(168 85 247/var(--tw-text-opacity))
}
.text-transparent {
	color:transparent
}
.text-white {
	--tw-text-opacity:1;
	color:rgb(255 255 255/var(--tw-text-opacity))
}
.underline {
	text-decoration-line:underline
}
.opacity-0 {
	opacity:0
}
.opacity-20 {
	opacity:.2
}
.shadow-\[0px_8px_20px_0px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] {
	--tw-shadow:0px 8px 20px 0px rgba(0,0,0,.08);
	--tw-shadow-colored:0px 8px 20px 0px var(--tw-shadow-color);
	box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.filter {
	filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.transition {
	transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
	transition-timing-function:cubic-bezier(.4,0,.2,1);
	transition-duration:.15s
}
.transition-all {
	transition-property:all;
	transition-timing-function:cubic-bezier(.4,0,.2,1);
	transition-duration:.15s
}
.transition-transform {
	transition-property:transform;
	transition-timing-function:cubic-bezier(.4,0,.2,1);
	transition-duration:.15s
}
.duration-300 {
	transition-duration:.3s
}
.duration-500 {
	transition-duration:.5s
}
.ease-in-out {
	transition-timing-function:cubic-bezier(.4,0,.2,1)
}
.typo-h0 {

	letter-spacing: -0.083em;
	font-size:60px;
	line-height:88px;
	font-weight:700
}
.typo-h1 {
	font-family: 'Pretendard-Regular' !important;
	font-size:52px;
	line-height:76px;
	font-weight:700
}
.typo-h2 {
	font-family: 'Pretendard-Regular' !important;
	font-size:40px;
	line-height:60px;
	font-weight:700
}
.typo-h3 {
	font-family: 'Pretendard-Regular' !important;
	font-size:32px;
	line-height:48px;
	font-weight:700
}
.typo-h4 {
	font-family: 'Pretendard-Regular' !important;
	font-size:28px;
	line-height:40px;
	font-weight:700
}
.typo-h5 {
	font-family: 'Pretendard-Regular' !important;
	font-size:24px;
	line-height:36px;
	font-weight:700
}
.typo-h6 {
	font-family: 'Pretendard-Regular' !important;
	font-size:20px;
	line-height:30px;
	font-weight:700
}
.typo-t1-500 {
	font-weight:500
}
.typo-t1-500,.typo-t1-600 {
	font-size:17px;
	line-height:26px
}
.typo-t1-600 {
	font-weight:600
}
.typo-t1-700 {
	font-size:17px;
	line-height:26px;
	font-weight:700
}
.typo-t2-500 {
	font-weight:500
}
.typo-t2-500,.typo-t2-600 {
	font-size:15px;
	line-height:24px
}
.typo-t2-600 {
	font-weight:600
}
.typo-t2-700 {
	font-size:15px;
	line-height:24px;
	font-weight:700
}
.typo-b1 {
	font-family: 'Pretendard-Regular' !important;
	font-size:24px;
	line-height:38px;
	font-weight:400
}
.typo-b2 {
	font-family: 'Pretendard-Regular' !important;
	font-size:20px;
	line-height:32px;
	font-weight:400
}
.typo-b3 {
	font-family: 'Pretendard-Regular' !important;
	font-size:17px;
	line-height:26px;
	font-weight:400
}
.typo-c1-400 {
	font-weight:400
}
.typo-c1-400,.typo-c1-500 {
	font-size:12px;
	line-height:18px
}
.typo-c1-500 {
	font-weight:500
}
.typo-c2-400 {
	font-weight:400
}
.typo-c2-400,.typo-c2-700 {
	font-size:11px;
	line-height:14px
}
.typo-btn0-700,.typo-c2-700 {
	font-weight:700
}
.typo-btn0-700 {
	font-size:20px;
	line-height:30px
}
.typo-btn1-500 {
	font-weight:500
}
.typo-btn1-500,.typo-btn1-700 {
	font-size:15px;
	line-height:24px
}
.typo-btn1-700 {
	font-weight:700
}
.typo-btn2-500,.typo-btn2-line {
	font-size:13px;
	line-height:20px;
	font-weight:500
}
.section {
	display:flex;
	justify-content:center
}
.section1_gradient_bg {
	background:linear-gradient(180deg,hsla(0,5%,9%,0),rgba(139,95,241,.2))
}
@media (max-width:767px) {
	.section1_gradient_bg {
		background:linear-gradient(180deg,transparent 0,rgba(139,95,241,.4) 100%),var(--Schemes-Scrim,#000)
	}
}
.section1_gradient_bg .badge {
	background:linear-gradient(90deg,#8b5ff1 -27.45%,#ca86fc 68.07%,#edb5fc 151.24%)
}
.section1_gradient_bg .gradient-text {
	background:linear-gradient(93deg,#8b5ff1 -35.82%,#ca86fc 90.01%,#edb5fc 181.13%);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}
.section2_gradient_bg {
	background:linear-gradient(180deg,transparent 61.57%,rgba(139,95,241,.2) 100%),var(--Schemes-Scrim,#000)
}
@media (max-width:767px) {
	.section2_gradient_bg {
		background:linear-gradient(180deg,transparent 61.57%,rgba(139,95,241,.2) 100%),linear-gradient(180deg,transparent 61.57%,rgba(139,95,241,.2) 100%),var(--Schemes-Scrim,#000)
	}
}
.section2_gradient_bg .up {
	background-repeat:no-repeat;
	z-index:0
}
@media (min-width:1200px) {
	.section2_gradient_bg .up {
		width:1200px;
		background-image:url(/page/img/PC_up_bg.svg)
	}
}
@media (max-width:1199px) {
	.up {
		width:768px;
		background-image:url(/page/img/Tab_up_bg.svg)
	}
}
@media (max-width:768px) {
	.up {
		width:360px;
		background-image:url(/page/img/Mo_up_bg.svg);
		z-index:0
	}
}
.section2_gradient_bg .down {
	background-repeat:no-repeat;
	z-index:0
}
@media (min-width:1200px) {
	.section2_gradient_bg .down {
		background-position-y:-100px;
		background-image:url(/page/img/PC_down_bg.svg)
	}
}
@media (max-width:1199px) {
	.down {
		background-image:url(/page/img/Tab_down_bg.svg)
	}
}
@media (max-width:768px) {
	.down {
		z-index:0;
		background-image:none
	}
}
.section2_gradient_bg .gradient-text {
	background:linear-gradient(315deg,#8b5ff1 7.36%,#ca86fc 81.92%,#edb5fc 120.55%);
	background-clip:text;
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}
.section2_gradient_bg .card {
	background:hsla(0,0%,100%,.08)
}
.section3_gradient_bg {
	background:linear-gradient(180deg,hsla(0,0%,100%,0) 62.04%,rgba(139,95,241,.12)),linear-gradient(0deg,hsla(0,0%,100%,0) 41.94%,rgba(139,95,241,.12)),#fff
}
.section4_gradient_bg {
	background:linear-gradient(0deg,transparent 50%,rgba(139,95,241,.2) 100%),var(--Schemes-Scrim,#000)
}
.section4_gradient_bg .badge {
	background:radial-gradient(478.95% 378.02% at 55.41% 50%,#9c65fb 0,#ca86fc 58%,#edb5fc 100%)
}
.section4_gradient_bg .gradient-text {
	background:linear-gradient(315deg,#8b5ff1 7.36%,#ca86fc 81.92%,#edb5fc 120.55%);
	background-clip:text;
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}
.main-section4-video-wrapper>div {
	height:auto!important
}
.section4_gradient_bg .section4_bar_gradient_bg {
	background:linear-gradient(129deg,#8b5ff1 27.78%,#ca86fc 105.66%,#edb5fc 130.93%)
}
.section5_gradient_bg {
	background:var(--Primary-25,#fbf8ff)
}
@media (min-width:769px) {
	.section5_review_3line {
		display:none
	}
	.section5_review_2line {
		display:block
	}
}
@media (max-width:768px) {
	.section5_review_3line {
		display:block
	}
	.section5_review_2line {
		display:none
	}
}
.main_page_tab_observer_scroll {
	::-webkit-scrollbar {
		display:none
	}
	-ms-overflow-style:none;
	scrollbar-width:none
}
.main-tab-item.tab_active {
	color:#8b5ff1;
	border-bottom:3px solid #8b5ff1
}
.main_section6_gradient_item_bg {
	background:linear-gradient(97deg,#8b5ff1 -28.14%,#ca86fc 79.36%,#edb5fc 216.14%)
}
.main_review_section_bg_gradient {
	background:linear-gradient(0deg,transparent 62.25%,rgba(139,95,241,.2) 99.97%),linear-gradient(180deg,transparent 43.5%,rgba(139,95,241,.2) 99.91%),var(--Schemes-Scrim,#000)
}
.main_review_section_swiper_wrapper .swiper-slide {
	background:linear-gradient(180deg,hsla(0,0%,100%,0) 26.72%,rgba(139,95,241,.2)),#fff
}
.main_review_section_swiper_wrapper .swiper-slide:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:.8;
	pointer-events:none
}
.main_review_section_swiper_wrapper .swiper-slide.swiper-slide-active:after {
	background-color:transparent;
	mix-blend-mode:normal
}
.main_tutor_section3_text_gradient {
	background:linear-gradient(93deg,#8b5ff1 -35.82%,#ca86fc 88.46%,#edb5fc 119.52%);
	background-clip:text;
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}
.main_tutor_section2_bg_gradient {
	background:linear-gradient(0deg,hsla(0,0%,100%,0) 50%,rgba(139,95,241,.2) 101.62%),linear-gradient(180deg,hsla(0,0%,100%,0) 44.48%,rgba(139,95,241,.12)),#fff
}
.main_tutor_section2_text_gradient {
	background:linear-gradient(93deg,#8b5ff1 -35.82%,#ca86fc 88.46%,#edb5fc 119.52%);
	background-clip:text;
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}
.main_curriculum_section1_bg_gradient {
	background:linear-gradient(0deg,hsla(0,0%,100%,0) 76.58%,rgba(139,95,241,.2)),linear-gradient(180deg,hsla(0,0%,100%,0) 83.2%,rgba(139,95,241,.12)),#fff
}
.main_curriculum_section1_item[data-active=false],.main_curriculum_section1_item[data-active=true] {
	@media (min-width:0px) and (max-width:767px) {
		padding-bottom:16px
	}
	@media (min-width:768px) {
		padding-bottom:30px
	}
}
.main_curriculum_section1_item[data-active=true] .main_tutor_section4_active_item {
	display:block;
	height:auto;
	overflow:hidden
}
.main_curriculum_section1_item[data-active=false] .main_tutor_section4_active_item {
	display:block;
	height:0;
	overflow:hidden
}
.step_gradient_bg {
	border-radius:999px;
	background:linear-gradient(93deg,#8b5ff1 -35.82%,#ca86fc 88.46%,#edb5fc 119.52%)
}
.step_item_icon {
	transition:transform .3s
}
.main_curriculum_section1_item[data-active=true] .step_item_icon {
	transform:rotate(180deg)
}
.hover\:bg-\[\#111\]:hover {
	--tw-bg-opacity:1;
	background-color:rgb(17 17 17/var(--tw-bg-opacity))
}
.active\:bg-\[\#222\]:active {
	--tw-bg-opacity:1;
	background-color:rgb(34 34 34/var(--tw-bg-opacity))
}
@media (min-width:0px) and (max-width:767px) {
	.mobile\:visible {
		visibility:visible
	}
	.mobile\:invisible {
		visibility:hidden
	}
	.mobile\:absolute {
		position:absolute
	}
	.mobile\:relative {
		position:relative
	}
	.mobile\:bottom-0 {
		bottom:0
	}
	.mobile\:bottom-\[12px\] {
		bottom:12px
	}
	.mobile\:top-0 {
		top:0
	}
	.mobile\:top-\[-42px\] {
		top:-42px
	}
	.mobile\:top-\[-9999px\] {
		top:-9999px
	}
	.mobile\:top-\[10px\] {
		top:10px
	}
	.mobile\:mx-\[-16px\] {
		margin-left:-16px;
		margin-right:-16px
	}
	.mobile\:my-\[120px\] {
		margin-top:120px;
		margin-bottom:120px
	}
	.mobile\:my-\[12px\] {
		margin-top:12px;
		margin-bottom:12px
	}
	.mobile\:my-\[160px\] {
		margin-top:160px;
		margin-bottom:160px
	}
	.mobile\:my-\[30px\] {
		margin-top:30px;
		margin-bottom:30px
	}
	.mobile\:my-\[60px\] {
		margin-top:60px;
		margin-bottom:60px
	}
	.mobile\:mb-0 {
		margin-bottom:0
	}
	.mobile\:mb-\[100px\] {
		margin-bottom:100px
	}
	.mobile\:mb-\[12px\] {
		margin-bottom:12px
	}
	.mobile\:mb-\[16px\] {
		margin-bottom:16px
	}
	.mobile\:mb-\[30px\] {
		margin-bottom:30px
	}
	.mobile\:mb-\[38px\] {
		margin-bottom:38px
	}
	.mobile\:mb-\[40px\] {
		margin-bottom:40px
	}
	.mobile\:mb-\[50px\] {
		margin-bottom:50px
	}
	.mobile\:mb-\[56px\] {
		margin-bottom:56px
	}
	.mobile\:mb-\[60px\] {
		margin-bottom:60px
	}
	.mobile\:mb-\[8px\] {
		margin-bottom:8px
	}
	.mobile\:ml-\[0px\] {
		margin-left:0
	}
	.mobile\:ml-\[10px\] {
		margin-left:10px
	}
	.mobile\:ml-\[12px\] {
		margin-left:12px
	}
	.mobile\:ml-\[14px\] {
		margin-left:14px
	}
	.mobile\:ml-\[36px\] {
		margin-left:36px
	}
	.mobile\:ml-\[40px\] {
		margin-left:40px
	}
	.mobile\:ml-auto {
		margin-left:auto
	}
	.mobile\:mr-\[12px\] {
		margin-right:12px
	}
	.mobile\:mr-\[14px\] {
		margin-right:14px
	}
	.mobile\:mr-auto {
		margin-right:auto
	}
	.mobile\:mt-0,.mobile\:mt-\[0px\] {
		margin-top:0
	}
	.mobile\:mt-\[100px\] {
		margin-top:100px
	}
	.mobile\:mt-\[12px\] {
		margin-top:12px
	}
	.mobile\:mt-\[160px\] {
		margin-top:160px
	}
	.mobile\:mt-\[20px\] {
		margin-top:20px
	}
	.mobile\:mt-\[30px\] {
		margin-top:0px
	}
	.mobile\:mt-\[40px\] {
		margin-top:40px
	}
	.mobile\:mt-\[56px\] {
		margin-top:56px
	}
	.mobile\:mt-\[60px\] {
		margin-top:60px
	}
	.mobile\:mt-\[6px\] {
		margin-top:6px
	}
	.mobile\:mt-\[80px\] {
		margin-top:80px
	}
	.mobile\:mt-\[90px\] {
		margin-top:90px
	}
	.mobile\:block {
		display:block
	}
	.mobile\:flex {
		display:flex
	}
	.mobile\:hidden {
		display:none
	}
	.mobile\:aspect-\[100\/55\] {
		aspect-ratio:100/55
	}
	.mobile\:aspect-\[100\/60\.97\] {
		aspect-ratio:100/60.97
	}
	.mobile\:aspect-\[100\/61\] {
		aspect-ratio:100/61
	}
	.mobile\:aspect-\[100\/68\] {
		aspect-ratio:100/68
	}
	.mobile\:aspect-\[328\/347\] {
		aspect-ratio:328/347
	}
	.mobile\:aspect-\[369\/120\] {
		aspect-ratio:369/120
	}
	.mobile\:h-0 {
		height:0
	}
	.mobile\:h-\[100px\] {
		height:100px
	}
	.mobile\:h-\[120px\] {
		height:120px
	}
	.mobile\:h-\[12px\] {
		height:12px
	}
	.mobile\:h-\[132px\] {
		height:132px
	}
	.mobile\:h-\[138px\] {
		height:138px
	}
	.mobile\:h-\[162px\] {
		height:162px
	}
	.mobile\:h-\[170px\] {
		height:170px
	}
	.mobile\:h-\[173px\] {
		height:173px
	}
	.mobile\:h-\[193px\] {
		height:193px
	}
	.mobile\:h-\[24px\] {
		height:24px
	}
	.mobile\:h-\[257px\] {
		height:257px
	}
	.mobile\:h-\[270px\] {
		height:270px
	}
	.mobile\:h-\[328px\] {
		height:328px
	}
	.mobile\:h-\[32px\] {
		height:32px
	}
	.mobile\:h-\[38px\] {
		height:38px
	}
	.mobile\:h-\[418px\] {
		height:418px
	}
	.mobile\:h-\[46px\] {
		height:46px
	}
	.mobile\:h-\[48px\] {
		height:48px
	}
	.mobile\:h-\[56px\] {
		height:56px
	}
	.mobile\:h-\[62px\] {
		height:62px
	}
	.mobile\:h-\[64px\] {
		height:64px
	}
	.mobile\:h-\[80px\] {
		height:80px
	}
	.mobile\:h-\[84px\] {
		height:84px
	}
	.mobile\:h-\[auto\] {
		height:auto
	}
	.mobile\:max-h-\[12px\] {
		max-height:12px
	}
	.mobile\:max-h-\[24px\] {
		max-height:24px
	}
	.mobile\:max-h-\[32px\] {
		max-height:32px
	}
	.mobile\:max-h-\[42px\] {
		max-height:42px
	}
	.mobile\:max-h-\[60px\] {
		max-height:60px
	}
	.mobile\:min-h-\[164px\] {
		min-height:164px
	}
	.mobile\:min-h-\[24px\] {
		min-height:24px
	}
	.mobile\:min-h-\[300px\] {
		min-height:300px
	}
	.mobile\:min-h-\[600px\] {
		min-height:600px
	}
	.mobile\:min-h-\[62px\] {
		min-height:62px
	}
	.mobile\:w-\[100px\] {
		width:100px
	}
	.mobile\:w-\[119px\] {
		width:119px
	}
	.mobile\:w-\[120px\] {
		width:120px
	}
	.mobile\:w-\[12px\] {
		width:12px
	}
	.mobile\:w-\[151px\] {
		width:151px
	}
	.mobile\:w-\[160px\] {
		width:160px
	}
	.mobile\:w-\[164px\] {
		width:164px
	}
	.mobile\:w-\[200px\] {
		width:200px
	}
	.mobile\:w-\[24px\] {
		width:24px
	}
	.mobile\:w-\[280px\] {
		width:280px
	}
	.mobile\:w-\[312px\] {
		width:312px
	}
	.mobile\:w-\[328px\] {
		width:328px
	}
	.mobile\:w-\[32px\] {
		width:32px
	}
	.mobile\:w-\[330px\] {
		width:330px
	}
	.mobile\:w-\[468px\] {
		width:468px
	}
	.mobile\:w-\[56px\] {
		width:56px
	}
	.mobile\:w-\[62px\] {
		width:62px
	}
	.mobile\:w-\[66px\] {
		width:66px
	}
	.mobile\:w-\[70\%\] {
		width:70%
	}
	.mobile\:w-\[80px\] {
		width:80px
	}
	.mobile\:w-\[82px\] {
		width:82px
	}
	.mobile\:w-\[87px\] {
		width:87px
	}
	.mobile\:w-\[90\%\] {
		width:90%
	}
	.mobile\:w-\[95px\] {
		width:95px
	}
	.mobile\:w-full {
		width:100%
	}
	.mobile\:min-w-\[24px\] {
		min-width:24px
	}
	.mobile\:min-w-\[62px\] {
		min-width:62px
	}
	.mobile\:max-w-\[100\%\] {
		max-width:100%
	}
	.mobile\:max-w-\[12px\] {
		max-width:12px
	}
	.mobile\:max-w-\[24px\] {
		max-width:24px
	}
	.mobile\:max-w-\[312px\] {
		max-width:312px
	}
	.mobile\:max-w-\[32px\] {
		max-width:32px
	}
	.mobile\:max-w-\[360px\] {
		max-width:360px
	}
	.mobile\:max-w-\[42px\] {
		max-width:42px
	}
	.mobile\:max-w-\[60px\] {
		max-width:60px
	}
	.mobile\:max-w-\[85\%\] {
		max-width:85%
	}
	.mobile\:grid-cols-1 {
		grid-template-columns:repeat(1,minmax(0,1fr))
	}
	.mobile\:flex-col {
		flex-direction:column
	}
	.mobile\:flex-wrap {
		flex-wrap:wrap
	}
	.mobile\:items-center {
		align-items:center
	}
	.mobile\:justify-normal {
		justify-content:normal
	}
	.mobile\:justify-center {
		justify-content:center
	}
	.mobile\:justify-between {
		justify-content:space-between
	}
	.mobile\:gap-\[0px\] {
		gap:0
	}
	.mobile\:gap-\[12px\] {
		gap:12px
	}
	.mobile\:gap-\[14px\] {
		gap:14px
	}
	.mobile\:gap-\[15px\] {
		gap:15px
	}
	.mobile\:gap-\[16px\] {
		gap:16px
	}
	.mobile\:gap-\[24px\] {
		gap:24px
	}
	.mobile\:gap-\[30px\] {
		gap:30px
	}
	.mobile\:gap-\[40px\] {
		gap:40px
	}
	.mobile\:gap-\[50px\] {
		gap:50px
	}
	.mobile\:gap-\[60px\] {
		gap:60px
	}
	.mobile\:gap-\[6px\] {
		gap:6px
	}
	.mobile\:gap-\[7px\] {
		gap:7px
	}
	.mobile\:gap-\[80px\] {
		gap:80px
	}
	.mobile\:gap-\[8px\] {
		gap:8px
	}
	.mobile\:gap-x-\[6px\] {
		column-gap:6px
	}
	.mobile\:whitespace-pre {
		white-space:pre
	}
	.mobile\:rounded-\[10px\] {
		border-radius:10px
	}
	.mobile\:rounded-\[20px\] {
		border-radius:20px
	}
	.mobile\:rounded-\[6px\] {
		border-radius:6px
	}
	.mobile\:rounded-none {
		border-radius:0
	}
	.mobile\:border-b-\[100px\] {
		border-bottom-width:100px
	}
	.mobile\:border-none {
		border-style:none
	}
	.mobile\:border-b-transparent {
		border-bottom-color:transparent
	}
	.mobile\:border-r-transparent {
		border-right-color:transparent
	}
	.mobile\:border-t-transparent {
		border-top-color:transparent
	}
	.mobile\:bg-\[\#f3edff\] {
		--tw-bg-opacity:1;
		background-color:rgb(243 237 255/var(--tw-bg-opacity))
	}
	.mobile\:px-\[0px\] {
		padding-left:0;
		padding-right:0
	}
	.mobile\:px-\[10px\] {
		padding-left:10px;
		padding-right:10px
	}
	.mobile\:px-\[12px\] {
		padding-left:12px;
		padding-right:12px
	}
	.mobile\:px-\[16px\] {
		padding-left:16px;
		padding-right:16px
	}
	.mobile\:px-\[26px\] {
		padding-left:26px;
		padding-right:26px
	}
	.mobile\:py-0 {
		padding-top:0;
		padding-bottom:0
	}
	.mobile\:py-\[100px\] {
		padding-top:100px;
		padding-bottom:100px
	}
	.mobile\:py-\[120px\] {
		padding-top:120px;
		padding-bottom:120px
	}
	.mobile\:py-\[12px\] {
		padding-top:12px;
		padding-bottom:12px
	}
	.mobile\:py-\[160px\] {
		padding-top:160px;
		padding-bottom:160px
	}
	.mobile\:py-\[16px\] {
		padding-top:16px;
		padding-bottom:16px
	}
	.mobile\:py-\[20px\] {
		padding-top:20px;
		padding-bottom:20px
	}
	.mobile\:py-\[22px\] {
		padding-top:22px;
		padding-bottom:22px
	}
	.mobile\:py-\[24px\] {
		padding-top:24px;
		padding-bottom:24px
	}
	.mobile\:py-\[30px\] {
		padding-top:30px;
		padding-bottom:30px
	}
	.mobile\:py-\[40px\] {
		padding-top:40px;
		padding-bottom:40px
	}
	.mobile\:py-\[4px\] {
		padding-top:4px;
		padding-bottom:4px
	}
	.mobile\:py-\[60px\] {
		padding-top:60px;
		padding-bottom:60px
	}
	.mobile\:py-\[80px\] {
		padding-top:80px;
		padding-bottom:80px
	}
	.mobile\:py-\[8px\] {
		padding-top:8px;
		padding-bottom:8px
	}
	.mobile\:pb-\[100px\] {
		padding-bottom:100px
	}
	.mobile\:pb-\[160px\] {
		padding-bottom:160px
	}
	.mobile\:pb-\[16px\] {
		padding-bottom:16px
	}
	.mobile\:pb-\[20px\] {
		padding-bottom:20px
	}
	.mobile\:pb-\[60px\] {
		padding-bottom:60px
	}
	.mobile\:pl-\[16px\] {
		padding-left:16px
	}
	.mobile\:pl-\[30px\] {
		padding-left:30px
	}
	.mobile\:pr-\[16px\] {
		padding-right:16px
	}
	.mobile\:pr-\[30px\] {
		padding-right:30px
	}
	.mobile\:pt-\[0px\] {
		padding-top:0
	}
	.mobile\:pt-\[100px\] {
		padding-top:100px
	}
	.mobile\:pt-\[16px\] {
		padding-top:16px
	}
	.mobile\:pt-\[24px\] {
		padding-top:24px
	}
	.mobile\:pt-\[30px\] {
		padding-top:30px
	}
	.mobile\:pt-\[40px\] {
		padding-top:40px
	}
	.mobile\:pt-\[56px\] {
		padding-top:56px
	}
	.mobile\:pt-\[60px\] {
		padding-top:60px
	}
	.mobile\:pt-\[84px\] {
		padding-top:84px
	}
	.mobile\:text-center {
		text-align:center
	}
	.mobile\:text-\[11px\] {
		font-size:11px
	}
	.mobile\:text-\[13px\] {
		font-size:13px
	}
	.mobile\:text-\[15px\] {
		font-size:15px
	}
	.mobile\:typo-h2 {
		font-family: 'Pretendard-Regular' !important;
		font-size:40px;
		line-height:60px;
		font-weight:700
	}
	.mobile\:typo-h3 {
		font-family: 'Pretendard-Regular' !important;
		font-size:32px;
		line-height:48px;
		font-weight:700
	}
	.mobile\:typo-h4 {
		font-family: 'Pretendard-Regular' !important;
		font-size:28px;
		line-height:40px;
		font-weight:700
	}
	.mobile\:typo-h5 {
		font-family: 'Pretendard-Regular' !important;
		font-size:24px;
		line-height:36px;
		font-weight:700
	}
	.mobile\:typo-h6 {
		font-family: 'Pretendard-Regular' !important;
		font-size:20px;
		line-height:30px;
		font-weight:700
	}
	.mobile\:typo-t1-700 {
		font-family: 'Pretendard-Regular' !important;
		font-size:17px;
		line-height:26px;
		font-weight:700
	}
	.mobile\:typo-t2-700 {
		font-family: 'Pretendard-Regular' !important;
		font-size:15px;
		line-height:24px;
		font-weight:700
	}
	.mobile\:typo-b3 {
		font-family: 'Pretendard-Regular' !important;
		font-size:17px;
		line-height:26px;
		font-weight:400
	}
	.mobile\:typo-c1-400 {
		font-size:12px;
		line-height:18px;
		font-weight:400
	}
	.mobile\:typo-c1-500 {
		font-family: 'Pretendard-Regular' !important;
		font-size:12px;
		line-height:18px;
		font-weight:500
	}
	.mobile\:typo-btn1-700 {
		font-family: 'Pretendard-Regular' !important;
		font-size:15px;
		line-height:24px;
		font-weight:700
	}
	.mobile\:typo-btn2-500 {
		font-family: 'Pretendard-Regular' !important;
		font-size:13px;
		line-height:20px;
		font-weight:500
	}
}
@media (min-width:768px) and (max-width:1199px) {
	.tablet\:left-\[-20px\] {
		left:-20px
	}
	.tablet\:left-\[32px\] {
		left:32px
	}
	.tablet\:right-\[-20px\] {
		right:-20px
	}
	.tablet\:right-\[32px\] {
		right:32px
	}
	.tablet\:my-\[160px\] {
		margin-top:160px;
		margin-bottom:160px
	}
	.tablet\:my-\[50px\] {
		margin-top:50px;
		margin-bottom:50px
	}
	.tablet\:mb-\[100px\] {
		margin-bottom:100px
	}
	.tablet\:mb-\[16px\] {
		margin-bottom:16px
	}
	.tablet\:mb-\[24px\] {
		margin-bottom:24px
	}
	.tablet\:mb-\[2px\] {
		margin-bottom:2px
	}
	.tablet\:mb-\[30px\] {
		margin-bottom:30px
	}
	.tablet\:mb-\[60px\] {
		margin-bottom:60px
	}
	.tablet\:mb-\[80px\] {
		margin-bottom:80px
	}
	.tablet\:mt-0 {
		margin-top:0
	}
	.tablet\:mt-\[120px\] {
		margin-top:120px
	}
	.tablet\:mt-\[160px\] {
		margin-top:160px
	}
	.tablet\:mt-\[60px\] {
		margin-top:60px
	}
	.tablet\:mt-\[80px\] {
		margin-top:80px
	}
	.tablet\:mt-\[82px\] {
		margin-top:82px
	}
	.tablet\:block {
		display:block
	}
	.tablet\:flex {
		display:flex
	}
	.tablet\:hidden {
		display:none
	}
	.tablet\:aspect-\[100\/50\] {
		aspect-ratio:100/50
	}
	.tablet\:aspect-\[100\/89\.4\] {
		aspect-ratio:100/89.4
	}
	.tablet\:aspect-\[768\/262\] {
		aspect-ratio:768/262
	}
	.tablet\:h-\[100px\] {
		height:100px
	}
	.tablet\:h-\[120px\] {
		height:120px
	}
	.tablet\:h-\[200px\] {
		height:200px
	}
	.tablet\:h-\[226px\] {
		height:226px
	}
	.tablet\:h-\[262px\] {
		height:262px
	}
	.tablet\:h-\[54px\] {
		height:54px
	}
	.tablet\:h-\[56px\] {
		height:56px
	}
	.tablet\:h-\[624px\] {
		height:624px
	}
	.tablet\:h-\[80px\] {
		height:80px
	}
	.tablet\:max-h-\[56px\] {
		max-height:56px
	}
	.tablet\:min-h-\[434px\] {
		min-height:434px
	}
	.tablet\:min-h-\[80px\] {
		min-height:80px
	}
	.tablet\:w-\[120px\] {
		width:120px
	}
	.tablet\:w-\[134px\] {
		width:134px
	}
	.tablet\:w-\[200px\] {
		width:200px
	}
	.tablet\:w-\[344px\] {
		width:344px
	}
	.tablet\:w-\[50\%\] {
		width:50%
	}
	.tablet\:w-\[56px\] {
		width:56px
	}
	.tablet\:w-\[624px\] {
		width:624px
	}
	.tablet\:w-\[704px\] {
		width:704px
	}
	.tablet\:w-\[75\%\] {
		width:75%
	}
	.tablet\:w-\[750px\] {
		width:750px
	}
	.tablet\:w-\[80px\] {
		width:80px
	}
	.tablet\:min-w-\[80px\] {
		min-width:80px
	}
	.tablet\:max-w-\[460px\] {
		max-width:460px
	}
	.tablet\:max-w-\[560px\] {
		max-width:560px
	}
	.tablet\:max-w-\[56px\] {
		max-width:56px
	}
	.tablet\:max-w-\[768px\] {
		max-width:768px
	}
	.tablet\:grid-cols-1 {
		grid-template-columns:repeat(1,minmax(0,1fr))
	}
	.tablet\:grid-cols-\[283px\2c 380px\] {
		grid-template-columns:283px 380px
	}
	.tablet\:flex-col {
		flex-direction:column
	}
	.tablet\:items-center {
		align-items:center
	}
	.tablet\:justify-between {
		justify-content:space-between
	}
	.tablet\:gap-\[120px\] {
		gap:120px
	}
	.tablet\:gap-\[12px\] {
		gap:12px
	}
	.tablet\:gap-\[14px\] {
		gap:14px
	}
	.tablet\:gap-\[24\.5px\] {
		gap:24.5px
	}
	.tablet\:gap-\[40px\] {
		gap:40px
	}
	.tablet\:gap-\[56px\] {
		gap:56px
	}
	.tablet\:gap-\[60px\] {
		gap:60px
	}
	.tablet\:gap-\[80px\] {
		gap:80px
	}
	.tablet\:rounded-\[20px\] {
		border-radius:20px
	}
	.tablet\:rounded-\[30px\] {
		border-radius:30px
	}
	.tablet\:border-l-\[20px\] {
		border-left-width:20px
	}
	.tablet\:border-r-\[20px\] {
		border-right-width:20px
	}
	.tablet\:border-t-\[28px\] {
		border-top-width:28px
	}
	.tablet\:px-\[0px\] {
		padding-left:0;
		padding-right:0
	}
	.tablet\:px-\[20px\] {
		padding-left:20px;
		padding-right:20px
	}
	.tablet\:px-\[32px\] {
		padding-left:32px;
		padding-right:32px
	}
	.tablet\:px-\[72px\] {
		padding-left:72px;
		padding-right:72px
	}
	.tablet\:py-\[100px\] {
		padding-top:100px;
		padding-bottom:100px
	}
	.tablet\:py-\[150px\] {
		padding-top:150px;
		padding-bottom:150px
	}
	.tablet\:py-\[160px\] {
		padding-top:160px;
		padding-bottom:160px
	}
	.tablet\:py-\[20px\] {
		padding-top:20px;
		padding-bottom:20px
	}
	.tablet\:py-\[30px\] {
		padding-top:30px;
		padding-bottom:30px
	}
	.tablet\:pb-\[160px\] {
		padding-bottom:160px
	}
	.tablet\:pb-\[304px\] {
		padding-bottom:304px
	}
	.tablet\:pb-\[30px\] {
		padding-bottom:30px
	}
	.tablet\:pb-\[40px\] {
		padding-bottom:40px
	}
	.tablet\:pl-\[28px\] {
		padding-left:28px
	}
	.tablet\:pr-\[20px\] {
		padding-right:20px
	}
	.tablet\:pr-\[60px\] {
		padding-right:60px
	}
	.tablet\:pt-\[100px\] {
		padding-top:100px
	}
	.tablet\:pt-\[160px\] {
		padding-top:160px
	}
	.tablet\:pt-\[40px\] {
		padding-top:40px
	}
	.tablet\:pt-\[70px\] {
		padding-top:70px
	}
	.tablet\:pt-\[90px\] {
		padding-top:90px
	}
	.tablet\:typo-h1 {
		font-size:52px;
		line-height:76px;
		font-weight:700
	}
	.tablet\:typo-h2 {
		font-size:40px;
		line-height:60px;
		font-weight:700
	}
	.tablet\:typo-h3 {
		font-size:32px;
		line-height:48px;
		font-weight:700
	}
	.tablet\:typo-h4 {
		font-size:28px;
		line-height:40px;
		font-weight:700
	}
	.tablet\:typo-h5 {
		font-size:24px;
		line-height:36px;
		font-weight:700
	}
	.tablet\:typo-b1 {
		font-size:24px;
		line-height:38px;
		font-weight:400
	}
	.tablet\:typo-b2 {
		font-size:20px;
		line-height:32px;
		font-weight:400
	}
	.tablet\:typo-btn0-700 {
		font-size:20px;
		line-height:30px;
		font-weight:700
	}
}
@media (min-width:1200px) {
	.pc\:left-\[-20px\] {
		left:-20px
	}
	.pc\:left-\[130px\] {
		left:130px
	}
	.pc\:right-\[-20px\] {
		right:-20px
	}
	.pc\:right-\[130px\] {
		right:130px
	}
	.pc\:my-\[56px\] {
		margin-top:56px;
		margin-bottom:56px
	}
	.pc\:mb-\[100px\] {
		margin-bottom:100px
	}
	.pc\:mb-\[120px\] {
		margin-bottom:120px
	}
	.pc\:mb-\[20px\] {
		margin-bottom:20px
	}
	.pc\:mb-\[80px\] {
		margin-bottom:80px
	}
	.pc\:ml-\[19vw\] {
		margin-left:19vw
	}
	.pc\:ml-\[20vw\] {
		margin-left:20vw
	}
	.pc\:mt-\[100px\] {
		margin-top:100px
	}
	.pc\:mt-\[120px\] {
		margin-top:120px
	}
	.pc\:mt-\[200px\] {
		margin-top:200px
	}
	.pc\:mt-\[80px\] {
		margin-top:80px
	}
	.pc\:mt-\[90px\] {
		margin-top:90px
	}
	.pc\:block {
		display:block
	}
	.pc\:flex {
		display:flex
	}
	.pc\:hidden {
		display:none
	}
	.pc\:aspect-\[100\/15\.2\] {
		aspect-ratio:100/15.2
	}
	.pc\:aspect-\[100\/56\.25\] {
		aspect-ratio:100/56.25
	}
	.pc\:h-\[100px\] {
		height:100px
	}
	.pc\:h-\[120px\] {
		height:120px
	}
	.pc\:h-\[520px\] {
		height:520px
	}
	.pc\:max-h-\[62px\] {
		max-height:62px
	}
	.pc\:min-h-\[120px\] {
		min-height:120px
	}
	.pc\:min-h-\[434px\] {
		min-height:434px
	}
	.pc\:w-\[100px\] {
		width:100px
	}
	.pc\:w-\[1120px\] {
		width:1120px
	}
	.pc\:w-\[120px\] {
		width:120px
	}
	.pc\:w-\[320px\] {
		width:320px
	}
	.pc\:w-\[47\.5\%\] {
		width:47.5%
	}
	.pc\:w-\[520px\] {
		width:520px
	}
	.pc\:min-w-\[120px\] {
		min-width:120px
	}
	.pc\:max-w-\[1190px\] {
		max-width:1190px
	}
	.pc\:max-w-\[460px\] {
		max-width:460px
	}
	.pc\:max-w-\[470px\] {
		max-width:470px
	}
	.pc\:max-w-\[510px\] {
		max-width:510px
	}
	.pc\:max-w-\[62px\] {
		max-width:62px
	}
	.pc\:flex-row {
		flex-direction:row
	}
	.pc\:items-center {
		align-items:center
	}
	.pc\:justify-center {
		justify-content:center
	}
	.pc\:justify-between {
		justify-content:space-between
	}
	.pc\:gap-0,.pc\:gap-\[0px\] {
		gap:0
	}
	.pc\:gap-\[120px\] {
		gap:120px
	}
	.pc\:gap-\[140px\] {
		gap:140px
	}
	.pc\:gap-\[16px\] {
		gap:16px
	}
	.pc\:gap-\[20px\] {
		gap:20px
	}
	.pc\:gap-\[28px\] {
		gap:28px
	}
	.pc\:gap-\[40px\] {
		gap:40px
	}
	.pc\:gap-\[80px\] {
		gap:80px
	}
	.pc\:rounded-\[20px\] {
		border-radius:20px
	}
	.pc\:rounded-\[30px\] {
		border-radius:30px
	}
	.pc\:border-b-\[150px\] {
		border-bottom-width:150px
	}
	.pc\:border-l-\[20px\] {
		border-left-width:20px
	}
	.pc\:border-r-\[20px\] {
		border-right-width:20px
	}
	.pc\:border-t-\[28px\] {
		border-top-width:28px
	}
	.pc\:p-0 {
		padding:0
	}
	.pc\:px-0 {
		padding-left:0;
		padding-right:0
	}
	.pc\:px-\[20px\] {
		padding-left:20px;
		padding-right:20px
	}
	.pc\:px-\[30px\] {
		padding-left:30px;
		padding-right:30px
	}
	.pc\:px-\[40px\] {
		padding-left:40px;
		padding-right:40px
	}
	.pc\:py-\[120px\] {
		padding-top:120px;
		padding-bottom:120px
	}
	.pc\:py-\[200px\] {
		padding-top:200px;
		padding-bottom:200px
	}
	.pc\:py-\[2px\] {
		padding-top:2px;
		padding-bottom:2px
	}
	.pc\:py-\[4px\] {
		padding-top:4px;
		padding-bottom:4px
	}
	.pc\:py-\[60px\] {
		padding-top:60px;
		padding-bottom:60px
	}
	.pc\:pb-\[10px\] {
		padding-bottom:10px
	}
	.pc\:pb-\[185px\] {
		padding-bottom:185px
	}
	.pc\:pb-\[200px\] {
		padding-bottom:200px
	}
	.pc\:pb-\[30px\] {
		padding-bottom:30px
	}
	.pc\:pr-\[40px\] {
		padding-right:40px
	}
	.pc\:pt-\[120px\] {
		padding-top:120px
	}
	.pc\:pt-\[12px\] {
		padding-top:12px
	}
	.pc\:pt-\[200px\] {
		padding-top:200px
	}
	.pc\:pt-\[30px\] {
		padding-top:30px
	}
	.pc\:pt-\[80px\] {
		padding-top:80px
	}
	.pc\:typo-h0 {
		font-family: 'Pretendard-Regular' !important;
		font-size:60px;
		line-height:88px;
		font-weight:700
	}
	.pc\:typo-h1 {
		font-family: 'Pretendard-Regular' !important;
		font-size:52px;
		line-height:76px;
		font-weight:700
	}
	.pc\:typo-h2 {
		font-family: 'Pretendard-Regular' !important;
		font-size:40px;
		line-height:60px;
		font-weight:700
	}
	.pc\:typo-h3 {
		font-family: 'Pretendard-Regular' !important;
		font-size:32px;
		line-height:48px;
		font-weight:700
	}
	.pc\:typo-h4 {
		font-family: 'Pretendard-Regular' !important;
		font-size:28px;
		line-height:40px;
		font-weight:700
	}
	.pc\:typo-b1 {
		font-family: 'Pretendard-Regular' !important;
		font-size:24px;
		line-height:38px;
		font-weight:400
	}
	.pc\:typo-b2 {
		font-family: 'Pretendard-Regular' !important;
		font-size:20px;
		line-height:32px;
		font-weight:400
	}
}
.subject_top_section_gradient {
	background:linear-gradient(180deg,hsla(0,0%,100%,0) 75.28%,rgba(139,95,241,.2) 100%),var(--Primary-25,#fbf8ff)
}
.subject_top_section_swiper_wrapper .swiper-slide {
	border-radius:20px;
	overflow:hidden;
	height:420px;
	filter:grayscale(1);
	background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));
	max-width:312px;
	@media (min-width:768px) {
		max-width:500px
	}
	@media (min-width:1200px) {
		max-width:380px
	}
}
.subject_top_section_swiper_wrapper:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:linear-gradient(270deg,hsla(0,0%,100%,0) 60.42%,rgba(251,248,255,.8)),linear-gradient(90deg,hsla(0,0%,100%,0) 57.11%,rgba(251,248,255,.8));
	z-index:999;
	pointer-events:none
}
@media only screen and (max-width:767px) {
	.subject_top_section_swiper_wrapper:before {
		content:none
	}
}
.subject_top_section_swiper_wrapper .swiper-slide.swiper-slide-active {
	max-width:312px;
	filter:grayscale(0);
	z-index:1000;
	@media (min-width:768px) {
		max-width:500px
	}
}
.subject_top_section_btn_wrapper {
	@media (max-width:767px) {
		width:calc(100% - 32px)
	}
}
/* ! section1 */.subject_bottom_section1_bg_gradient:not(.english_bg) {
					background:linear-gradient(0deg,hsla(0,0%,100%,0) 50%,rgba(139,95,241,.2) 101.62%),linear-gradient(180deg,hsla(0,0%,100%,0) 44.48%,rgba(139,95,241,.12)),#fff
				}
.subject_bottom_section1_bg_gradient.english_bg {
	@media (min-width:0px) and (max-width:1199px) {
		background:linear-gradient(0deg,hsla(0,0%,100%,0) 50%,rgba(139,95,241,.2) 101.62%),linear-gradient(180deg,hsla(0,0%,100%,0) 44.48%,rgba(139,95,241,.12)),#fff
	}
	@media (min-width:1200px) {
		background:#fff
	}
}
.subject_bottom_section3_bg_gradient {
	background:linear-gradient(0deg,hsla(0,0%,100%,0),rgba(139,95,241,.12)),#fff
}
/* ! section2 */.subject_bottom_section2_bg_gradient {
					background:linear-gradient(180deg,hsla(0,0%,100%,0) 43.5%,rgba(139,95,241,.2) 99.91%),var(--Schemes-Scrim,#000)
				}
.subject_bottom_section2_swiper_wrapper .swiper-slide {
	width:100%;
	height:100%;
	padding:24px 20px 36px;
	border-radius:20px;
	overflow:hidden;
	background:linear-gradient(180deg,hsla(0,0%,100%,0) 26.72%,rgba(139,95,241,.2)),#fff;
	position:relative;
	@media (max-width:767px) {
		max-width:312px;
		min-height:710px
	}
	@media (min-width:768px) and (max-width:1199px) {
		max-width:460px;
		min-height:768px
	}
	@media (min-width:1200px) {
		max-width:460px;
		min-height:768px
	}
}
.subject_bottom_section2_swiper_wrapper .swiper-slide:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:.8;
	pointer-events:none
}
.subject_bottom_section2_swiper_wrapper .swiper-slide.swiper-slide-active:after {
	background-color:transparent;
	mix-blend-mode:normal
}
/* ! section4 */.subject_bottom_section4_swiper_wrapper .swiper-slide:after {
					content:"";
					position:absolute;
					top:0;
					left:0;
					width:100%;
					height:100%;
					background-color:#000;
					opacity:.8;
					pointer-events:none
				}
.subject_bottom_section4_swiper_wrapper .swiper-slide.swiper-slide-active:after {
	background-color:transparent;
	mix-blend-mode:normal
}
/* ! Section1 */.subject_korean_section1_bg_gradient {
					background:linear-gradient(180deg,hsla(0,0%,100%,0) 40.01%,rgba(139,95,241,.16) 100%),var(--Schemes-Scrim,#000)
				}
.study_before_bar {
	border-radius:12px 12px 0 0;
	background:linear-gradient(180deg,#fff -28.7%,#dae0ea 40.08%,#c9d1db)
}
.study_before_bar.animation-active {
	animation:rise1 2s ease-in-out alternate;
	animation-fill-mode:forwards
}
.study_after_bar {
	background:linear-gradient(180deg,hsla(0,0%,100%,.8) -32.25%,#8b5ff1)
}
.study_after_bar.animation-active {
	animation:rise2 2s ease-in-out alternate;
	animation-fill-mode:forwards
}
@keyframes rise1 {
	0% {
		height:0
	}
	to {
		height:53%
	}
}
@keyframes rise2 {
	0% {
		height:0
	}
	to {
		height:83%
	}
}
.bar-animation-speech-bubble.animation-active {
	animation:zoomin .5s ease-in-out forwards
}
@keyframes zoomin {
	0% {
		transform:scale(0);
		opacity:0
	}
	to {
		transform:scale(1);
		opacity:1
	}
}
/* ! Section2 */.subject_korean_section2_bg_gradient {
					background:linear-gradient(180deg,hsla(0,0%,100%,0) 62.04%,rgba(139,95,241,.12)),linear-gradient(0deg,hsla(0,0%,100%,0) 41.94%,rgba(139,95,241,.12)),#fff
				}
.checklist-content-wrapper {
	background:linear-gradient(180deg,hsla(0,0%,100%,0),rgba(139,95,241,.12)),#fff
}
/* ! Section4 */.subject_korean_section4_bg_gradient {
					background:linear-gradient(180deg,hsla(0,0%,100%,0) 44.48%,rgba(139,95,241,.2) 100%),var(--Schemes-Scrim,#000)
				}
.subject_english_section2_bg_gradient {
	background:linear-gradient(180deg,hsla(0,0%,100%,0) 62.04%,rgba(139,95,241,.12)),linear-gradient(0deg,hsla(0,0%,100%,0) 41.94%,rgba(139,95,241,.12)),#fff
}
.subject_math_section3_top_bg_gradient {
	background:linear-gradient(0deg,hsla(0,0%,100%,0) 41.94%,rgba(139,95,241,.12)),#fff
}
.subject_math_section3_bottom_bg_gradient {
	background:linear-gradient(180deg,hsla(0,0%,100%,0) 62.04%,rgba(139,95,241,.12)),#fff
}
.subject_exploration_section1_bg_gradient {
	background:linear-gradient(180deg,hsla(0,0%,100%,0) 56.71%,rgba(139,95,241,.12))
}
@keyframes fadeIn {
	0% {
		opacity:0
	}
	to {
		opacity:1
	}
}
.exploration-section1-left-talk.animation-active,.exploration-section1-right-talk.animation-active {
	animation:fadeIn 1.5s forwards
}
/* ! section2 */.subject_exploration_section2_bg_gradient {
					background:linear-gradient(0deg,hsla(0,0%,100%,0) 0,rgba(139,95,241,.2) 100%),var(--Schemes-Scrim,#000)
				}
/* ! section3 */.subject_exploration_section3_bg_gradient {
					background:linear-gradient(180deg,hsla(0,0%,100%,0) 40.01%,rgba(139,95,241,.16) 100%),var(--Schemes-Scrim,#000)
				}
.subject_exploration_section3_swiper_wrapper .swiper-slide:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:.8;
	pointer-events:none
}
.subject_exploration_section3_swiper_wrapper .swiper-slide.swiper-slide-active:after {
	background-color:transparent;
	mix-blend-mode: normal
}
</style>