html, body {width:100%;padding:0;line-height:1.3;font-weight:400;font-family:'Pretendard', sans-serif;background:#000000;overflow-x:hidden;}
.container {letter-spacing:-0.026vw;}
.container * {box-sizing:border-box;}
.contentwrap {position:relative;width:100%;max-width:100vw;margin:0 auto;}

.section {position:relative;z-index:2;}
.section .title {font-size:3.75vw;font-weight:700;line-height:1.5;text-transform:uppercase;font-family:'Poppins','Pretendard', sans-serif;}
.section .title.fix {position:absolute;top:4.167vw;left:13.333vw;}
.section .title.stroke {-webkit-text-stroke:0.052vw #fff;}
.section .subtxt {font-size:1.458vw;color:#555555;line-height:1.46;}
.section .lt_div {position:relative;z-index:2;padding:6.25vw 13.333vw 0;}
.section .lt_div2 {position:relative;z-index:2;padding:6.25vw 8.333vw 0;}

.section.intro {z-index:1;width:100%;height:39.167vw;}
.section.intro .scene_text {position:absolute;z-index:10;top:0;left:0;width:42.708vw;height:43.75vw;color:#ffffff;
	display:flex;align-items:center;flex-wrap:nowrap;flex-direction:row;
	background: rgba(0, 0, 0, 0.40);
	backdrop-filter:blur(1.823vw);
}
.section.intro .scene_text .typo {padding:0 0 2.083vw 13.021vw;}
.section.intro .scene_text .typo p {font-size:2.083vw;line-height:1.4;}
.section.intro .scene_text .typo p:nth-child(2) {margin-top:0.938vw;font-size:4.583vw;font-weight:700;line-height:1.25}
.section.intro .scene_text .typo p:nth-child(2) span {display:block;font-size:3.021vw;}
.section.intro .scene_text .typo p:nth-child(3) {margin-top:1.667vw;font-size:1.25vw;}
.section.intro .scene_intro {width:100%;height:100vh;}
.section.intro .scene_intro .bg {position:fixed;z-index:0;margin:auto;top:0;left:0;width:100%;height:auto;}

.section .ub_works {padding:5.208vw 13.542vw;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;}
.section .ub_works .area_m .mother {display:inline-block;text-align:center;}
.section .ub_works .area_m .mother > div {width:23.438vw;height:15vw;border-radius:1.667vw;background:#fff;overflow:hidden;}
.section .ub_works .area_m .mother > div img {object-fit:cover;}
.section .ub_works .area_m span {margin-top:1.875vw;font-size:1.458vw;}
.section .ub_works .area_m span br {display:none;}
.section .ub_works .area_m p {font-size:3.75vw;font-weight:700;line-height:1.5;}
.section .ub_works .area_s .panel {display:flex;width:31.25vw;padding:2.083vw;color:#000;text-align:center;font-family:'Pretendard';line-height:1.5;flex-direction:column;align-items:center;border-radius:1.667vw;background:#FFF;
	box-shadow:0vw 0.208vw 1.25vw 0vw rgba(0, 0, 0, 0.12);
}
.section .ub_works .area_s .panel ~ .panel {margin-top:1.667vw;}
.section .ub_works .area_s .panel p {margin:1.458vw 0 1.042vw;font-size:2.083vw;font-weight:700;}
.section .ub_works .area_s .panel span {position:relative;padding-left:0.781vw;font-size:1.146vw;color:#555555;}
.section .ub_works .area_s .panel span:before {content:'•';position:absolute;left:0;color:#cdcdcd;}
.section .ub_works .area_s .panel span ~ span {margin-top:0.521vw;}
.section .ub_works .area_s .panel span.nd {padding-left:0;}
.section .ub_works .area_s .panel span.nd:before {content:''}

.section .card_box {position:absolute;z-index:2;width:52.083vw;height:auto;padding:4.167vw 4.167vw 4.375vw;border-radius:1.667vw;color:#ffffff;opacity:1;
	left:23.56vw;bottom:15.624vw;
	background:rgba(50,50,50,0.7);
	backdrop-filter:blur(0.2vw);
   -webkit-backdrop-filter:blur(0.2vw);
}
.section .card_box .head {margin-bottom:1.042vw;text-align:center;font-weight:800;font-size:3.75vw;font-family:'Poppins','Pretendard', sans-serif;}
.section .card_box .cont {font-size:1.25vw;line-height:1.5;word-break:keep-all;word-wrap:break-word;}
.section .card_box .cont p ~ p {margin-top:0.833vw;}

.section.overview {width:100%;height:70.417vw;}
.section.overview .scene {position:relative;z-index:10;width:100%;border-radius:4.583vw 4.583vw 0 0;overflow:hidden;}
.section.overview .card_box {margin-left:0.417vw;}
.section.overview .scene .bg {height:75vw;}

@media screen and (max-width:720px) {
	.container {letter-spacing:-0.078vw;}
	.section .title {font-size:6.666vw;}
	.section .title.fix {z-index:2;top:11.875vw;left:6.25vw;}
	.section .title.stroke {-webkit-text-stroke:0.1vw #fff;}
	.section .lt_div {padding:16.666vw 5.555vw 8vw;}
	.section .lt_div2 {padding:16.666vw 5.555vw 8vw;}
	
	.section.intro {z-index:1;width:100%;height:auto;}
	.section.intro .scene {height:auto;padding-top:54.441vw;}
	.section.intro .scene_text {position:relative;z-index:10;width:calc(100vw - 11.11vw);height:auto;margin:0 auto 14vw;padding:11.11vw 8.333vw;color:#ffffff;border-radius:6.25vw;
		display:flex;align-items:center;flex-wrap:nowrap;flex-direction:row;
		background: rgba(0, 0, 0, 0.40);
		backdrop-filter:blur(8vw);
	}
	.section.intro .scene_text .typo {padding:0;}
	.section.intro .scene_text .typo p {line-height:1.4;}
	.section.intro .scene_text .typo p:nth-child(1) {margin:0;font-size:6.485vw;}
	.section.intro .scene_text .typo p:nth-child(2) {margin:3.125vw 0;font-size:10vw;}
	.section.intro .scene_text .typo p:nth-child(2) span {font-size:7.025vw;display:block;}
	.section.intro .scene_text .typo p:nth-child(3) {margin:0;font-size:4.323vw;}
	.section.intro .scene_text .typo p:nth-child(1) br {display:none;}
	.section.intro .scene_text .typo p em {display:block;}
	.section.intro .scene_intro {height:auto;}
	.section.intro .scene_intro .bg {position:absolute;top:0;left:auto;right:0;width:auto;height:72.8vw;
		clip:rect(0px, 266.65vw, 72.218vw, 0px);
	}
	
	.section.overview {height:auto !important;}
	.section.overview .scene {border-radius:7.5vw 7.5vw 0 0;}
	.section.overview .scene .bg {display:block;position:relative;width:auto;height:133.325vw;left:50%;transform:translateX(-50%);}
	.section.overview .card_box {position:static;width:100%;margin:-15.937vw 0 0;left:0;padding:16.666vw 5.555vw;transform:translateX(0);border-radius:0;background:#000;}
	.section.overview .card_box .head {font-size:8.888vw;text-align:left;}
	.section.overview .card_box .cont {margin-top:5.469vw;font-size:4.444vw;line-height:1.5;}
	.section .card_box .cont p ~ p {margin-top:4.688vw;} 
	
	.section .ub_works {padding:11.11vw 5.555vw;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;}
	.section .ub_works .area_m {margin-bottom:8.375vw;}
	.section .ub_works .area_m .mother {display:block;}
	.section .ub_works .area_m .mother > div {margin:auto;width:62.5vw;height:40vw;border-radius:5vw;}
	.section .ub_works .area_m .mother > div img {object-fit:cover;}
	.section .ub_works .area_m span {margin-top:5.625vw;font-size:5vw;}
	.section .ub_works .area_m span br {display:block;}
	.section .ub_works .area_m p {font-size:8.888vw;font-weight:700;line-height:1.3;}
	.section .ub_works .area_m p em {display:block;}
	.section .ub_works .area_s .panel {width:88.883vw;padding:5.555vw 5.555vw 9.563vw;color:#000;border-radius:10vw;
		box-shadow: 0px 0.556vw 3.333vw 0px rgba(0, 0, 0, 0.12);
	}
	.section .ub_works .area_s .panel ~ .panel {margin-top:7.5vw;}
	.section .ub_works .area_s .panel p {width:88%;margin:8.438vw 0 5vw;font-size:6.666vw;line-height:1.4;word-break:keep-all;word-wrap:break-word;}
	.section .ub_works .area_s .panel p em {display:block;}
	.section .ub_works .area_s .panel span {width:88%;padding-left:4.4vw;font-size:4.444vw;text-align:left;line-height:1.4;word-break:keep-all;word-wrap:break-word;}
	.section .ub_works .area_s .panel span br {display:none;}
	.section .ub_works .area_s .panel span:before {content:'•';font-size:7.188vw;top:-2.8vw;}
	.section .ub_works .area_s .panel span ~ span {margin-top:2.813vw;}
	.section .ub_works .area_s .panel span em {display:block;}
}

/* sub01 u+bizmarket START */
.sub01 .section.s2 {width:100%;height:70.417vw;}
.sub01 .section.s2 .scene {position:relative;z-index:10;width:100%;border-radius:4.583vw 4.583vw 0 0;overflow:hidden;}
.sub01 .section.s2 .scene .bg {height:75vw;}

.sub01 .section.s3 {width:100%;height:auto;}
.sub01 .section.s3 .scene {position:relative;z-index:10;width:100%;height:auto;border-radius:4.583vw 4.583vw 0 0;overflow:hidden;
	background:#4B49A8 url(images/sub/sub01_section03_bg.png) no-repeat center bottom;
	background-size:auto 16.301vw;
}
.sub01 .section.s3 .scene .ub_works {color:#fff;}
.sub01 .section.s3 .scene .ub_works .mother img {width:23.438vw;height:auto;}
.sub01 .section.s3 .scene .ub_works .panel:nth-child(1) img {width:25vw;height:auto;}
.sub01 .section.s3 .scene .ub_works .panel:nth-child(2) img {width:25vw;height:auto;}

.sub01 .section.s4 {width:100%;height:auto;background:#4B49A8;}
.sub01 .section.s4 .scene {position:relative;z-index:10;width:100%;height:auto;border-radius:4.583vw 4.583vw 0 0;overflow:hidden;}
.sub01 .section.s4 .scene > div {background:#fff;}
.sub01 .section.s4 .scene .ub_works span {color:#555555;}
.sub01 .section.s4 .scene .ub_works p {color:#000;}
.sub01 .section.s4 .scene .ub_works .mother img {width:23.438vw;height:auto;}
.sub01 .section.s4 .scene .ub_works .panel:nth-child(1) img {width:25vw;height:auto;}
.sub01 .section.s4 .scene .ub_works .panel:nth-child(2) img {width:25vw;height:auto;}

.sub01 .section.s5 {width:100%;height:auto;background:#fff}
.sub01 .section.s5 .scene {position:relative;z-index:10;width:100%;height:auto;background:#000;border-radius:4.583vw 4.583vw 0 0;overflow:hidden;
	background:#EDF2FC url(images/sub/sub01_section05_bg.png) no-repeat center bottom;
	background-size:auto 16.301vw;
}
.sub01 .section.s5 .scene .ub_works span {color:#555555;}
.sub01 .section.s5 .scene .ub_works p {color:#000;}
.sub01 .section.s5 .scene .ub_works .mother img {width:23.438vw;height:auto;}
.sub01 .section.s5 .scene .ub_works .panel:nth-child(1) img {width:25.521vw;height:auto;}
.sub01 .section.s5 .scene .ub_works .panel:nth-child(2) img {width:25vw;height:auto;}

.sub01 .section.s6 {width:100%;height:74.995vw;background:#EDF2FC}
.sub01 .section.s6 .scene {position:relative;z-index:10;width:100%;border-radius:4.583vw 4.583vw 0 0;overflow:hidden;}
.sub01 .section.s6 .scene .bg {height:75vw;}

@media screen and (max-width:720px) {
	.sub01 .section.s2 {width:100%;height:142.5vw;background:#000;}
	.sub01 .section.s2 .scene {width:100%;border-radius:7.5vw 7.5vw 0 0;overflow:hidden;}
	.sub01 .section.s2 .scene .bg {position:relative;height:150vw;left:-38%;}
	 
	.sub01 .section.s3 {width:100%;height:auto;}
	.sub01 .section.s3 .scene {width:100%;height:auto;background:#4B49A8;border-radius:7.5vw 7.5vw 0 0;}
	.sub01 .section.s3 .scene .ub_works .mother img {width:62.5vw;height:auto;}
	.sub01 .section.s3 .scene .ub_works .panel:nth-child(1) img {width:75.656vw;}
	.sub01 .section.s3 .scene .ub_works .panel:nth-child(2) img {width:75.656vw;}
	
	.sub01 .section.s4 {width:100%;height:auto;background:#4B49A8;}
	.sub01 .section.s4 .scene {width:100%;height:auto;background:#fff;border-radius:7.5vw 7.5vw 0 0;}
	.sub01 .section.s4 .scene > div {height:auto;}
	.sub01 .section.s4 .scene .ub_works .area_m {order:-1;}
	.sub01 .section.s4 .scene .ub_works .mother img {width:62.5vw;height:auto;}
	.sub01 .section.s4 .scene .ub_works .panel:nth-child(1) img {width:75.656vw;}
	.sub01 .section.s4 .scene .ub_works .panel:nth-child(2) img {width:75.656vw;}
	
	.sub01 .section.s5 {width:100%;height:auto;background:#fff;}
	.sub01 .section.s5 .scene {width:100%;height:auto;background:#EDF2FC;border-radius:7.5vw 7.5vw 0 0;}
	.sub01 .section.s5 .scene > div {height:auto;}
	.sub01 .section.s5 .scene .ub_works .mother img {width:62.5vw;height:auto;}
	.sub01 .section.s5 .scene .ub_works .panel {padding-top:8.125vw;}
	.sub01 .section.s5 .scene .ub_works .panel:nth-child(1) img {width:75.656vw;border-radius:5vw;}
	.sub01 .section.s5 .scene .ub_works .panel:nth-child(2) img {width:75.656vw;border-radius:5vw;}

	.sub01 .section.s6 {width:100%;height:133.325vw;background:#EDF2FC;}
	.sub01 .section.s6 .scene {width:100%;border-radius:7.5vw 7.5vw 0 0;}
	.sub01 .section.s6 .scene .bg {position:relative;left:-39%;height:133.325vw;object-fit:cover;}
}
/* sub01 u+bizmarket END */

/* sub02 u+store START */
.sub02 .section.s2 {width:100%;height:57.809vw;}
.sub02 .section.s2 .scene {position:relative;z-index:10;width:100%;border-radius:4.583vw 4.583vw 0 0;overflow:hidden;}
.sub02 .section.s2 .scene .bg {height:57.809vw;}

.sub02 .section.s3 {width:100%;height:39.167vw;}
.sub02 .section.s3 .scene {position:relative;z-index:10;width:100%;height:39.167vw;padding:7.292vw 0 0;text-align:center;background:#ffffff;overflow:hidden;}
.sub02 .section.s3 .scene .tit {font-size:2.5vw;font-weight:700;line-height:1.4;}
.sub02 .section.s3 .scene .cont_boxs {margin-top:2.344vw;}
.sub02 .section.s3 .scene .cont_boxs .box {display:inline-block;width:23.802vw;height:15.26vw;padding:1.667vw 1.563vw;margin:0 0.26vw;text-align:left;border-radius:1.042vw;background-repeat:no-repeat;background-size:cover;}
.sub02 .section.s3 .scene .cont_boxs .box:nth-child(1) {background-image:url(images/sub/sub02_section03_img01.png);}
.sub02 .section.s3 .scene .cont_boxs .box:nth-child(2) {background-image:url(images/sub/sub02_section03_img02.png);}
.sub02 .section.s3 .scene .cont_boxs .box:nth-child(3) {background-image:url(images/sub/sub02_section03_img03.png);}
.sub02 .section.s3 .scene .cont_boxs .box p {font-size:0.938vw;line-height:1.5}
.sub02 .section.s3 .scene .cont_boxs .box p:first-of-type {margin-bottom:0.6vw;font-size:1.458vw;font-weight:700;}

.sub02 .section.s4 {width:100%;height:39.063vw;}
.sub02 .section.s4 .scene {position:relative;z-index:10;width:100%;height:43.646vw;padding:4.271vw 0 0;text-align:center;overflow:hidden;
	background:linear-gradient(to right, #282828 0%,#161616 100%);
}
.sub02 .section.s4 .scene .tit {font-size:2.5vw;font-weight:700;line-height:1.4;color:#fff;}
.sub02 .section.s4 .scene .back {position:absolute;left:0;top:0;right:0;bottom:0;z-index:-1;}
.sub02 .section.s4 .scene .back .lgpage {width:10.417vw;height:auto;position:absolute;z-index:2;left:44.479vw;top:15.521vw;}
.sub02 .section.s4 .scene .back .hand {width:35.417vw;height:auto;position:absolute;z-index:1;left:32.24vw;bottom:4.583vw;}
.sub02 .section.s4 .scene .back .bg {width:100%;height:auto;}

.sub02 .section.s5 {width:100%;height:77.969vw;}
.sub02 .section.s5 .scene {position:relative;z-index:10;width:100%;border-radius:4.583vw 4.583vw 0 0;overflow:hidden;}
.sub02 .section.s5 .scene .bg {height:77.969vw;}

@media screen and (max-width:720px) {
	.sub02 .section.s1 .scene .bg {left:30%;}
	
	.sub02 .section.s2 {width:100%;height:83.328vw;background:#000;}
	.sub02 .section.s2 .scene {width:100%;border-radius:7.5vw 7.5vw 0 0;}
	.sub02 .section.s2 .scene .bg {position:relative;height:83.328vw;left:-22%;}
	
	.sub02 .section.s3 {width:100%;height:auto;}
	.sub02 .section.s3 .scene {width:100%;height:auto;padding:15.625vw 0 7.813vw;border-radius:7.5vw 7.5vw 0 0;}
	.sub02 .section.s3 .scene .tit {font-size:7.777vw;line-height:1.4;}
	.sub02 .section.s3 .scene .cont_boxs {padding:5.555vw;}
	.sub02 .section.s3 .scene .cont_boxs .box {display:block;width:100%;height:56.941vw;padding:7.188vw 6.563vw;border-radius:6.25vw}
	.sub02 .section.s3 .scene .cont_boxs .box ~ .box {margin-top:4.375vw;}
	.sub02 .section.s3 .scene .cont_boxs .box p {font-size:4.444vw;line-height:1.4;}
	.sub02 .section.s3 .scene .cont_boxs .box p:first-of-type {margin-bottom:2vw;font-size:5.555vw;}
	.sub02 .section.s3 .scene .cont_boxs .box p em {display:block;}
	
	.sub02 .section.s4 {width:100%;height:172.188vw;background:#000;}
	.sub02 .section.s4 .scene {width:100%;height:181.25vw;padding:18.75vw 9.375vw;border-radius:0;}
	.sub02 .section.s4 .scene .tit {font-size:7.777vw;}
	.sub02 .section.s4 .scene .back .lgpage {width:43.125vw;left:29.688vw;top:74.688vw;}
	.sub02 .section.s4 .scene .back .hand {width:146.875vw;left:-20.937vw;bottom:9.063vw;}
	.sub02 .section.s4 .scene .back .bg {width:100%;height:181.25vw;object-fit:cover;}
	
	.sub02 .section.s5 {width:100%;height:164.375vw;}
	.sub02 .section.s5 .scene {width:100%;height:164.375vw;border-radius:7.5vw 7.5vw 0 0;background:#DFDFDF;}
	.sub02 .section.s5 .scene .bg {position:absolute;left:-45%;bottom:0;height:130.547vw;object-fit:cover;}
}
 /* sub02 u+store END */

/* sub03 lg webhard START */
.sub03 .section.s2 {width:100%;height:71.719vw;}
.sub03 .section.s2 .scene {position:relative;z-index:10;width:100%;height:71.719vw;padding:7.292vw 0 0;text-align:center;background:#00245A;border-radius:4.583vw 4.583vw 0 0;overflow:hidden;}
.sub03 .section.s2 .scene .title {color:#fff;-webkit-text-stroke:0vw #fff;}
.sub03 .section.s2 .scene .back {position:absolute;left:0;top:0;right:0;bottom:0;z-index:-1;}
.sub03 .section.s2 .scene .back .laptop1 {width:52.865vw;height:auto;position:absolute;z-index:1;left:13.542vw;top:13.229vw;}
.sub03 .section.s2 .scene .back .laptop2 {width:38.333vw;height:auto;position:absolute;z-index:2;left:43.854vw;top:17.396vw;}
.sub03 .section.s2 .scene .back .laptop3 {width:15.677vw;height:auto;position:absolute;z-index:3;left:69.375vw;top:17.396vw;}
.sub03 .section.s2 .scene .back .bg {position:absolute;left:0;bottom:0;width:100%;height:auto;}

.sub03 .section.s2 .scene .cont_boxs {position:absolute;width:100%;bottom:7.813vw;left:0;}
.sub03 .section.s2 .scene .cont_boxs .box {display:inline-block;width:17.135vw;height:15.521vw;padding:1.667vw 1.563vw;margin:0 0.729vw;line-height:1.5;text-align:center;border-radius:2.083vw;
	background-color:#fff;background-repeat:no-repeat;background-position:center 1.667vw;background-size:5.26vw auto;
}
.sub03 .section.s2 .scene .cont_boxs .box:nth-child(1) {background-image:url(images/sub/sub03_section02_icon01.png);}
.sub03 .section.s2 .scene .cont_boxs .box:nth-child(2) {background-image:url(images/sub/sub03_section02_icon02.png);}
.sub03 .section.s2 .scene .cont_boxs .box:nth-child(3) {background-image:url(images/sub/sub03_section02_icon03.png);}
.sub03 .section.s2 .scene .cont_boxs .box:nth-child(4) {background-image:url(images/sub/sub03_section02_icon04.png);}
.sub03 .section.s2 .scene .cont_boxs .box p {font-size:1.146vw;}
.sub03 .section.s2 .scene .cont_boxs .box p:first-of-type {margin:5.313vw 0 0.833vw;font-size:1.667vw;font-weight:700;}

.sub03 .section.s3 {width:100%;height:77.135vw;}
.sub03 .section.s3 .scene {position:relative;z-index:10;width:100%;height:77.135vw;background:#7476B2;overflow:hidden;}
.sub03 .section.s3 .scene .bg {height:77.135vw;}

.sub03 .section.s4 {width:100%;height:56.25vw;}
.sub03 .section.s4 .scene {position:relative;z-index:10;width:100%;height:56.25vw;background:#fff;overflow:hidden;}
.sub03 .section.s4 .scene .lt_div .txt1 {margin-top:6.25vw;font-size:2.5vw;font-weight:700;}
.sub03 .section.s4 .scene .lt_div .txt2 {margin-top:1.667vw;font-size:1.458vw;color:#555;}
.sub03 .section.s4 .scene .mobile1 {width:54.479vw;height:auto;position:absolute;z-index:1;right:6.458vw;top:10.469vw;}
.sub03 .section.s4 .scene .bg {position:absolute;left:0;bottom:0;width:100%;height:auto;}

@media screen and (max-width:720px) {
	.sub03 .section.intro .scene_intro .bg {height:86vw;right:-8vw;}
	
	.sub03 .section.s2 {width:100%;height:189.988vw;background:#000;}
	.sub03 .section.s2 .scene {width:100%;height:189.988vw;border-radius:7.5vw 7.5vw 0 0;}
	.sub03 .section.s2 .scene .back .laptop1 {width:65.551vw;height:auto;left:5.555vw;top:28.776vw;}
	.sub03 .section.s2 .scene .back .laptop2 {width:47.497vw;height:auto;left:37.498vw;top:33.776vw;}
	.sub03 .section.s2 .scene .back .laptop3 {width:19.443vw;height:auto;left:74.717vw;top:33.776vw;}
	.sub03 .section.s2 .scene .back .bg {left:0;bottom:7.5vw;width:auto;height:50vw;}
	.sub03 .section.s2 .scene .cont_boxs {bottom:14vw;padding:0 0;}
	.sub03 .section.s2 .scene .cont_boxs .box {width:42.22vw;height:43.331vw;margin:2.3vw 2.1vw;padding:2vw;border-radius:6.666vw;background-position:center 4.6vw;background-size:15.555vw auto;}
	.sub03 .section.s2 .scene .cont_boxs .box p {font-size:3.333vw;}
	.sub03 .section.s2 .scene .cont_boxs .box p:first-of-type {margin:18vw 0 2vw;font-size:4.444vw;}
	
	.sub03 .section.s3 {width:100%;height:111vw;background:#000;}
	.sub03 .section.s3 .scene {width:100%;height:125vw;}
	.sub03 .section.s3 .scene .bg {position:relative;height:111.104vw;left:-22%;}
	
	.sub03 .section.s4 {width:100%;height:199.432vw;}
	.sub03 .section.s4 .scene {width:100%;height:199.432vw;}
	.sub03 .section.s4 .scene .lt_div .txt1 {margin-top:6.666vw;font-size:8.888vw;}
	.sub03 .section.s4 .scene .lt_div .txt2 {margin-top:4.444vw;font-size:4.444vw;line-height:1.5}
	.sub03 .section.s4 .scene .lt_div .txt2 br {display:none;}
	.sub03 .section.s4 .scene .lt_div .txt2 em {display:block;}
	.sub03 .section.s4 .scene .mobile1 {width:138.88vw;left:-19.999vw;top:93.883vw;}
	.sub03 .section.s4 .scene .bg {left:-85%;bottom:0;width:auto;height:44.442vw;}
}
/* sub03 lg webhard END */

/* sub04 HMP Portal START */
.sub04 .section.s1 {height:74.995vw;}
.sub04 .section.s1 .scene {height:74.995vw;}
.sub04 .section.s1 .card_box {bottom:11.041vw}

.sub04 .section.s2 {width:100%;height:77.135vw;}
.sub04 .section.s2 .scene {position:relative;z-index:10;width:100%;height:77.135vw;background:#D1DDEF;overflow:hidden;}
.sub04 .section.s2 .scene .bg {height:77.135vw;}

.sub04 .section.s3 {width:100%;height:100vh;}
.sub04 .section.s3 .scene {position:relative;z-index:10;width:100%;height:100vh;min-height:63.225vw;background:#000;overflow:hidden;display:flex;align-items:center;}
.sub04 .section.s3 .scene .bg {position:absolute;left:0;bottom:0;width:100%;height:auto;}
.sub04 .section.s3 .scene .title {color:#ffffff;}
.sub04 .section.s3 .scene .lt_div2 {padding:0 8.333vw;}
.sub04 .section.s3 .scene .promotion_slide {margin-top:6vh}
.sub04 .section.s3 .scene .promotion_slide .slide {position:static;white-space:nowrap;}
.sub04 .section.s3 .scene .promotion_slide .slide > div {display:inline-block;margin-right:1.25vw;}
.sub04 .section.s3 .scene .promotion_slide .slide img {width:26.563vw;height:auto;border-radius:1.042vw;overflow:hidden;}
.sub04 .section.s3 .scene .promotion_slide .slick-list {position:static;}
.sub04 .section.s3 .scene .promotion_slide .slick-dots {display:inline-block;position:absolute;left:50%;bottom:-2.396vw;transform:translateX(-50%)}
.sub04 .section.s3 .scene .promotion_slide .slick-dots li {width:auto;}
.sub04 .section.s3 .scene .promotion_slide .slick-dots li button {display:inline-block;width:0.625vw;height:0.625vw;background:#555555;border-radius:0.32vw;vertical-align:middle;transition:all 400ms;}
.sub04 .section.s3 .scene .promotion_slide .slick-dots li button:before {display:none;}
.sub04 .section.s3 .scene .promotion_slide .slick-dots li.slick-active button {width:3.333vw;height:0.833vw;background:#fff;border-radius:0.417vw;}

.sub04 .section.s4 {width:100%;height:62.5vw;}
.sub04 .section.s4 .scene {position:relative;z-index:10;width:100%;height:62.5vw;background:#fff;overflow:hidden;}
.sub04 .section.s4 .scene .cardstory_slide {margin-top:1.875vw;pointer-events:none;}
.sub04 .section.s4 .scene .cardstory_slide .slide {white-space:nowrap;}
.sub04 .section.s4 .scene .cardstory_slide .slide ul {white-space:nowrap;}
.sub04 .section.s4 .scene .cardstory_slide .slide ul li {display:inline-block !important;width:25vw;height:18.75vw;padding-right:1.771vw;}
.sub04 .section.s4 .scene .cardstory_slide .slide ul li img {width:100%;height:100%;}
.sub04 .section.s4 .scene .cardstory_slide .slide.s2 {margin-top:4.167vw;}

.sub04 .section.s5 {width:100%;height:70.833vw;background:#fff;}
.sub04 .section.s5 .scene {position:relative;z-index:10;width:100%;border-radius:4.583vw 4.583vw 0 0;overflow:hidden;}
.sub04 .section.s5 .scene .bg {height:75vw;}

@media screen and (min-width:1920px) {
	.sub04 .section.s3 .scene {min-height:50vw;}
	.sub04 .section.s3 .scene .promotion_slide {margin-top:4vh}
	.sub04 .section.s3 .scene .promotion_slide .slide > div {display:inline-block;margin-right:1.4vw;}
	.sub04 .section.s3 .scene .promotion_slide .slide img {width:21vw;height:auto;border-radius:0.8vw;}
}
@media screen and (max-width:720px) {
	.sub04 .section.intro .scene_intro .bg {right:0;}
	
	.sub04 .section.s1 {height:auto;}
	.sub04 .section.s1 .scene {height:auto;}
	
	.sub04 .section.s2 {width:100%;height:104.438vw;background:#000;}
	.sub04 .section.s2 .scene {width:100%;height:111.104vw;border-radius:6.25vw 6.25vw 0 0;}
	.sub04 .section.s2 .scene .bg {position:relative;height:111.104vw;left:-22%;}
	
	.sub04 .section.s3 {width:100%;height:100vh;background:#000;}
	.sub04 .section.s3 .scene {width:100%;height:100vh;min-height:178.877vw;}
	.sub04 .section.s3 .scene .lt_div2 {padding:0 5.555vw;}
	.sub04 .section.s3 .scene .promotion_slide {margin-top:4vh;}
	.sub04 .section.s3 .scene .promotion_slide .slide {width:100vw;white-space:nowrap;}
	.sub04 .section.s3 .scene .promotion_slide .slide > div {margin-right:6.666vw;}
	.sub04 .section.s3 .scene .promotion_slide .slide img {width:77.773vw;border-radius:6.25vw;}
	.sub04 .section.s3 .scene .promotion_slide .slick-dots {bottom:3.125vw;}
	.sub04 .section.s3 .scene .promotion_slide .slick-dots li button {width:2.5vw;height:2.5vw;border-radius:1.25vw;}
	.sub04 .section.s3 .scene .promotion_slide .slick-dots li.slick-active button {width:12.5vw;height:4.375vw;border-radius:2.188vw;}
	.sub04 .section.s3 .scene .bg {left:0;bottom:0;width:auto;height:50vw;}
	
	.sub04 .section.s4 {width:100%;height:178.125vw;}
	.sub04 .section.s4 .scene {width:100%;height:178.125vw;}
	.sub04 .section.s4 .scene .cardstory_slide {margin-top:0}
	.sub04 .section.s4 .scene .cardstory_slide .slide ul li {width:75vw;height:56.25vw;padding-right:5.313vw;}
	.sub04 .section.s4 .scene .cardstory_slide .slide ul li img {width:100%;height:100%;}
	.sub04 .section.s4 .scene .cardstory_slide .slide.s2 {margin-top:9.375vw;}
	
	.sub04 .section.s5 {width:100%;height:133.325vw;background:#fff;}
	.sub04 .section.s5 .scene {width:100%;height:133.325vw;border-radius:6.25vw 6.25vw 0 0;}
	.sub04 .section.s5 .scene .bg {position:relative;height:133.325vw;left:-38%;}
}
/* sub04 HMP Portal END */

/* sub05 HMP Mall START */
.sub05 .section.s2 {width:100%;height:58.333vw;}
.sub05 .section.s2 .scene {position:relative;z-index:10;width:100%;height:62.5vw;background:#E0F1FF;border-radius:4.583vw 4.583vw 0 0;overflow:hidden;}
.sub05 .section.s2 .scene .mobile {width:45.99vw;height:auto;position:absolute;z-index:2;left:26.979vw;top:10.156vw;}
.sub05 .section.s2 .scene .bg {position:absolute;left:0;bottom:0;width:100%;height:auto;}

.sub05 .section.s3 {width:100%;height:72.917vw;}
.sub05 .section.s3 .scene {position:relative;z-index:10;width:100%;height:72.917vw;border-radius:4.583vw 4.583vw 0 0;background:#000;overflow:hidden;}
.sub05 .section.s3 .scene .txt {position:absolute;z-index:2;left:13.541vw;top:6.979vw;color:#fff;font-size:1.458vw;line-height:1.5;word-break:keep-all;word-wrap:break-word;}
.sub05 .section.s3 .scene .hmp_slide .slide img {width:100%;}
.sub05 .section.s3 .scene .nav {padding:4.271vw 13.541vw;position:absolute;width:100%;height:15.104vw;left:0;bottom:0;font-family:'Poppins','Pretendard', sans-serif;
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 26%,rgba(0,0,0,0.74) 44%,rgba(0,0,0,0.74) 100%);
}
.sub05 .section.s3 .scene .nav .item {width:23%;display:inline-flex;justify-content:center;align-items:center;flex-wrap:nowrap;flex-direction:row;}
.sub05 .section.s3 .scene .nav .item a {display:block;height:6.302vw;padding:0;font-size:1.458vw;color:#ABABAB;}
.sub05 .section.s3 .scene .nav .item a span {font-weight:300;}
.sub05 .section.s3 .scene .nav .item a p {margin-top:0.625vw;font-weight:700;}
.sub05 .section.s3 .scene .nav .item.active a {color:#ffffff;}

@media screen and (max-width:720px) {
	.sub05 .section.intro .scene_intro .bg {height:80vw;top:-7vw;right:-1.2vw;clip:rect(0px, 266.65vw, 79.218vw, 0px);}
	
	.sub05 .section.s1 .scene .bg {height:110vw}
	.sub05 .section.s1 .scene .card_box {margin-top:0;}
	
	.sub05 .section.s2 {width:100%;height:160vw;background:#000;}
	.sub05 .section.s2 .scene {width:100%;height:160vw;border-radius:0;}
	.sub05 .section.s2 .scene .title {top:16vw;}
	.sub05 .section.s2 .scene .mobile {width:99.994vw;left:-11.11vw;top:35.553vw;}
	.sub05 .section.s2 .scene .bg {left:-13%;bottom:-7vw;width:auto;height:43vw;}
	
	.sub05 .section.s3 {width:100%;height:197.813vw;background:#E0F1FF;}
	.sub05 .section.s3 .scene {width:100%;height:197.813vw;border-radius:7.5vw 7.5vw 0 0;}
	.sub05 .section.s3 .scene .txt {width:100%;padding:0 5.555vw;left:0;top:16.666vw;font-size:4.444vw;}
	.sub05 .section.s3 .scene .txt br {display:none;}
	.sub05 .section.s3 .scene .hmp_slide {height:125vw;margin-top:48.75vw;}
	.sub05 .section.s3 .scene .hmp_slide .slide {background:transparent;}
	.sub05 .section.s3 .scene .hmp_slide.nav {width:100%;height:120vw;top:0;bottom:auto;background:linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(41,137,216,0) 20%,rgba(41,137,216,0) 70%,rgba(0,0,0,1) 94%,rgba(0,0,0,1) 100%);}
	.sub05 .section.s3 .scene .hmp_slide .slide img {position:relative;width:auto;height:111.104vw;left:-17vw;}
	
	.sub05 .section.s3 .scene .nav {padding:111.104vw 0 0;pointer-events:none;}
	.sub05 .section.s3 .scene .nav .item {width:50%;}
	.sub05 .section.s3 .scene .nav .item a {display:block;width:44.063vw;height:21.469vw;padding:0 6.25vw 0;font-size:4.375vw;color:#ABABAB;}
	.sub05 .section.s3 .scene .nav .item a span {font-size:5vw;font-weight:300;}
	.sub05 .section.s3 .scene .nav .item a p {font-size:5vw;margin-top:1.875vw;font-weight:700;}
	.sub05 .section.s3 .scene .nav .item.slick-current a {color:#ffffff;}
}
/* sub05 HMP Mall END */

/* sub06 POPKON TICKET START */
.sub06 .section.s2 {width:100%;height:70.417vw;}
.sub06 .section.s2 .scene {position:relative;z-index:10;width:100%;border-radius:4.583vw 4.583vw 0 0;overflow:hidden;}
.sub06 .section.s2 .scene .bg {height:75vw;}

.sub06 .section.s3 {width:100%;height:45.417vw;}
.sub06 .section.s3 .scene {position:relative;z-index:10;width:100%;overflow:hidden;}
.sub06 .section.s3 .scene .bg {height:50vw;}

.sub06 .section.s3 .scene .ub_works {color:#fff;}
.sub06 .section.s3 .scene .ub_works .mother img {width:23.438vw;height:auto;}
.sub06 .section.s3 .scene .ub_works .panel:nth-child(1) img {width:25vw;height:auto;}
.sub06 .section.s3 .scene .ub_works .panel:nth-child(2) img {width:25vw;height:auto;}

.sub06 .section.s4 {width:100%;height:auto;background:#4B49A8;}
.sub06 .section.s4 .scene {position:relative;z-index:10;width:100%;height:auto;overflow:hidden;}
.sub06 .section.s4 .scene > div {background:#fff;}
.sub06 .section.s4 .scene .ub_works span {color:#555555;}
.sub06 .section.s4 .scene .ub_works p {color:#000;}
.sub06 .section.s4 .scene .ub_works .mother img {width:23.438vw;height:auto;}
.sub06 .section.s4 .scene .ub_works .panel:nth-child(1) img {width:25vw;height:auto;}
.sub06 .section.s4 .scene .ub_works .panel:nth-child(2) img {width:25vw;height:auto;}

.sub06 .section.s4 {width:100%;height:45.417vw;}
.sub06 .section.s4 .scene {position:relative;z-index:10;width:100%;overflow:hidden;}
.sub06 .section.s4 .scene .bg {height:50vw;}

.sub06 .section.s5 {width:100%;height:auto;background:#fff}
.sub06 .section.s5 .scene {position:relative;z-index:10;width:100%;height:auto;background:#000;border-radius:4.583vw 4.583vw 0 0;overflow:hidden;
	background:#EDF2FC url(images/sub/sub01_section05_bg.png) no-repeat center bottom;
	background-size:auto 16.301vw;
}
.sub06 .section.s5 .scene .ub_works span {color:#555555;}
.sub06 .section.s5 .scene .ub_works p {color:#000;}
.sub06 .section.s5 .scene .ub_works .mother img {width:23.438vw;height:auto;}
.sub06 .section.s5 .scene .ub_works .panel:nth-child(1) img {width:25.521vw;height:auto;}
.sub06 .section.s5 .scene .ub_works .panel:nth-child(2) img {width:25vw;height:auto;}

.sub06 .section.s5 {width:100%;height:70.833vw;background:#fff;}
.sub06 .section.s5 .scene {position:relative;z-index:10;width:100%;border-radius:4.583vw 4.583vw 0 0;overflow:hidden;}
.sub06 .section.s5 .scene .bg {height:75vw;}

.sub06 .section.s6 {width:100%;height:74.995vw;background:#EDF2FC}
.sub06 .section.s6 .scene {position:relative;z-index:10;width:100%;border-radius:4.583vw 4.583vw 0 0;overflow:hidden;}
.sub06 .section.s6 .scene .bg {height:75vw;}

@media screen and (max-width:720px) {
	.sub06 .section.intro .scene_intro .bg {height:80vw;top:-7vw;right:-1.2vw;clip:rect(0px, 266.65vw, 79.218vw, 0px);}

	.sub06 .section.s2 {width:100%;height:93.328vw;background:#000;}
	.sub06 .section.s2 .scene {width:100%;border-radius:7.5vw 7.5vw 0 0;}
	.sub06 .section.s2 .scene .bg {position:relative;height:93.328vw;left:-10%;}
	 
	.sub06 .section.s3 {width:100%;height:43.328vw;background:#fff;}
	.sub06 .section.s3 .scene {width:100%;}
	.sub06 .section.s3 .scene .bg {position:relative;height:57.328vw;left:-10%;}
	 
	/* .sub06 .section.s3 {width:100%;height:auto;} */
	/* .sub06 .section.s3 .scene {width:100%;height:auto;background:#4B49A8;border-radius:7.5vw 7.5vw 0 0;} */
	.sub06 .section.s3 .scene .ub_works .mother img {width:62.5vw;height:auto;}
	.sub06 .section.s3 .scene .ub_works .panel:nth-child(1) img {width:75.656vw;}
	.sub06 .section.s3 .scene .ub_works .panel:nth-child(2) img {width:75.656vw;}
	
	/* .sub06 .section.s4 {width:100%;height:auto;background:#4B49A8;} */
	/* .sub06 .section.s4 .scene {width:100%;height:auto;background:#fff;border-radius:7.5vw 7.5vw 0 0;} */
	/* .sub06 .section.s4 .scene > div {height:auto;} */
	.sub06 .section.s4 .scene .ub_works .area_m {order:-1;}
	.sub06 .section.s4 .scene .ub_works .mother img {width:62.5vw;height:auto;}
	.sub06 .section.s4 .scene .ub_works .panel:nth-child(1) img {width:75.656vw;}
	.sub06 .section.s4 .scene .ub_works .panel:nth-child(2) img {width:75.656vw;}

	.sub06 .section.s4 {width:100%;height:38.328vw;background:#fff;}
	.sub06 .section.s4 .scene {width:100%;}
	.sub06 .section.s4 .scene .bg {position:relative;height:43.328vw;left:0%;}

	.sub06 .section.s5 {width:100%;height:auto;background:#fff;}
	.sub06 .section.s5 .scene {width:100%;height:auto;background:#EDF2FC;border-radius:7.5vw 7.5vw 0 0;}
	.sub06 .section.s5 .scene > div {height:auto;}
	.sub06 .section.s5 .scene .ub_works .mother img {width:62.5vw;height:auto;}
	.sub06 .section.s5 .scene .ub_works .panel {padding-top:8.125vw;}
	.sub06 .section.s5 .scene .ub_works .panel:nth-child(1) img {width:75.656vw;border-radius:5vw;}
	.sub06 .section.s5 .scene .ub_works .panel:nth-child(2) img {width:75.656vw;border-radius:5vw;}

	.sub06 .section.s5 {width:100%;height:133.325vw;background:#fff;}
	.sub06 .section.s5 .scene {width:100%;height:133.325vw;border-radius:6.25vw 6.25vw 0 0;}
	.sub06 .section.s5 .scene .bg {position:relative;height:133.325vw;left:-42%;}

	.sub06 .section.s6 {width:100%;height:133.325vw;background:#EDF2FC;}
	.sub06 .section.s6 .scene {width:100%;border-radius:7.5vw 7.5vw 0 0;}
	.sub06 .section.s6 .scene .bg {position:relative;left:-39%;height:133.325vw;object-fit:cover;}
}
/* sub06 POPKON TICKET END */