@import url('https://fonts.googleapis.com/css2?family=Sorts+Mill+Goudy:ital@0;1&display=swap');
	@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&display=swap');
	@import url('https://webfontworld.github.io/kopus/KoPubWorldDotum.css');

	@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;
	}

	/* font */
	.sorts-mill-goudy-regular {
	  font-family: "Sorts Mill Goudy", serif;
	  font-weight: 400;
	  font-style: normal;
	}

	.sorts-mill-goudy-regular-italic {
	  font-family: "Sorts Mill Goudy", serif;
	  font-weight: 400;
	  font-style: italic;
	}

	.noto-serif-kr-<uniquifier> {
	  font-family: "Noto Serif KR", serif;
	  font-optical-sizing: auto;
	  font-weight: <weight>;
	  font-style: normal;
	}
	.kopub {font-family: 'KoPubWorldDotum';}

	@keyframes sub-top-view-bg {
		0% {
			transform:perspective(466px) scale(1.1) rotate(.001deg);
			-webkit-transform:perspective(466px) scale(1.1) rotate(.001deg);
			-moz-transform:perspective(466px) scale(1.1) rotate(.001deg);
			-ms-transform:perspective(466px) scale(1.1) rotate(.001deg);
			-o-transform:perspective(466px) scale(1.1) rotate(.001deg);
		}
		100% {
			transform:perspective(466px) scale(1) rotate(.001deg); 
			-webkit-transform:perspective(466px) scale(1) rotate(.001deg);  
			-moz-transform:perspective(466px) scale(1) rotate(.001deg);  
			-ms-transform:perspective(466px) scale(1) rotate(.001deg);  
			-o-transform:perspective(466px) scale(1) rotate(.001deg);
		}
	}

	/* display:none */

	/* common */
	.pc_only {display: block;}
	.mo_only {display: none;}

	.section {position:relative;}
	.section .inner {width:1200px;margin:0 auto;}
	.section .inner.in1700 {width:1700px;margin:0 auto;}
	.section .inner.in1280 {width:1280px;margin:0 auto;}
	.section .inner.in1100 {width:1100px;margin:0 auto;}
	.section .inner.in1300 {width:1300px;margin:0 auto;}
	.section .inner.in1920 {width:100%;margin:0 auto;max-width:1920px;}

	.sub_text_box {text-align: center;}
	.sub_text_box p {font-family: 'Pretendard-Regular';color:#000;font-weight: 400;}
	.sub_text_box p.noto {font-family: "Noto Serif KR", serif;}
	.sub_text_box p.title {font-family: "Sorts Mill Goudy", serif;font-weight: 400;font-size: 25px;margin-bottom: 45px;}
	.sub_text_box p.title.fz30 {font-family: "Sorts Mill Goudy", serif;font-weight: 400;font-size:30px;margin-bottom: 15px;color:#fff;}
	.sub_text_box p.title.fz30.black {color:#000}
	.sub_text_box p.title.fz30 span {font-family: "Sorts Mill Goudy", serif ;font-style: italic;font-weight: 400;font-size:30px;color:#cc9b5f;}

	.sub_text_box p.sub_title {font-family: "Noto Serif KR", serif;font-weight: 500;font-size: 25px;line-height: 40px;color:#cc9b5f;margin-bottom: 65px;}
	.sub_text_box p.sub_title span {font-weight: 600;}
	.sub_text_box p.sub_title.bot {border-bottom:1px solid #c9c9c6;}
	.sub_text_box p.sub_title.fz30 {font-family: "Noto Serif KR", serif;font-weight: 400;font-size: 30px;line-height: 40px;color:#fff;margin-bottom:0;}
	.sub_text_box p.sub_title.fz30.black {color:#000}
	.sub_text_box p.desc {font-size: 18px;letter-spacing: -0.02em;line-height: 32px;}
	.sub_text_box p.sub_desc {font-size: 16px;letter-spacing: -0.02em;line-height: 32px;}
	.sub_text_box p.sub_desc span {font-weight: 500;}
	.sub_text_box p.sub_desc.mt30 {margin-top: 30px;}

	.sub_flex {display:flex;justify-content:space-between;align-items:center;}
	.sub_flex.flex_02 .sub_flex_left {order:2}
	.sub_flex.flex_02 .sub_flex_right {order:1;}
	
	.flex_ul ul {display:flex;justify-content:space-between;}
	.flex_ul ul li {text-align: center;}
	.flex_ul ul li .tag {padding:10px 25px;background:#cc9b5f;border-radius:20px;display:inline-block;color:#fff;font-size: 19px;font-weight: 400;margin:20px auto 0;}
	.flex_ul ul li .tag_info {font-size: 16px;font-weight: 400;margin-top: 20px;line-height: 28px;}
	.flex_ul ul li .info {font-size: 19px;font-weight: 400;margin-top: 30px;line-height: 30px;}
	
	.type01 li {width:600px;height:115px;background:#fff;border:0.5px solid #d7d7d7;border-radius:10px;text-align: center;display:flex;justify-content:center;align-items:center;flex-direction: column;margin-bottom: 14px;gap:15px}
	.type01 li:last-child {margin-bottom: 0;}
	.type01 li p.type {font-family: "Noto Serif KR", serif;color:#cc9b5f;font-size: 18px;line-height: 1;border-bottom:1px solid #cc9b5f;padding-bottom: 5px;font-weight: 500;}
	.type01 li p.type span {font-family: "Sorts Mill Goudy", serif;font-size: 28px;line-height: 18px;}
	.type01 li p.info {font-weight: 500;font-size: 16px;line-height: 28px;}


	/* section01 */
	#section01 {
		width: 100%;height: 466px;background: url('../sub/img/sub04_visual_bg.png')no-repeat center /cover;display:flex;justify-content:center;align-items:center;
		animation: sub-top-view-bg forwards 3s 0.5s ease-in-out;transform:scale(1.1)
	}

	/* section02 */
	#section02 {width: 100%;background: #f3f3ef;padding: 140px 0 0;}

	/* section03 */
	#section03 {width: 100%;background: #f3f3ef;padding:0px 0 150px;}
	
	.video_flex_box {}
	.video_flex_box ul {display:flex;justify-content:space-between;flex-wrap:wrap;}
	.video_flex_box ul li {padding-top: 270px;}
	.video_flex_box ul li.mb0 {margin-bottom: 0;}
	.video_flex_box ul li .video_area {width: 535px;height: 328px;background:url('../sub/img/sub_video_product_bg.png')no-repeat center /cover;position:relative;border-radius:10px;}
	.video_flex_box ul li.non_product .video_area {background:url('../sub/img/sub_video_img05_bg.png')no-repeat center /cover;}
	.sub_04 .video_flex_box ul li.non_product01 .video_area {background:url('../sub/img/sub_video_product_bg.png')no-repeat center /cover;}
	.sub_04 .video_flex_box ul li.non_product02 .video_area {background:url('../sub/img/sub_video_img4_02_bg.png')no-repeat center /cover;}
	.sub_04 .video_flex_box ul li.non_product03 .video_area {background:url('../sub/img/sub_video_product_bg.png')no-repeat center /cover;}
	.sub_04 .video_flex_box ul li.non_product04 .video_area {background:url('../sub/img/sub_video_img4_04_bg_n.png')no-repeat center /cover;}
	.sub_04 .video_flex_box ul li.non_product05 .video_area {background:url('../sub/img/sub_video_product_bg.png')no-repeat center /cover;}
	.sub_04 .video_flex_box ul li.non_product06 .video_area {background:url('../sub/img/sub_video_product_bg.png')no-repeat center /cover;}
	.sub_04 .video_flex_box ul li.non_product07 .video_area {background:url('../sub/img/sub_video_img4_07_bg.png')no-repeat center /cover;}
	.sub_04 .video_flex_box ul li.non_product08 .video_area {background:url('../sub/img/sub_video_img4_08_bg.png')no-repeat center /cover;}
	.sub_04 .video_flex_box ul li.non_product09 .video_area {background:url('../sub/img/sub_video_img4_09_bg.png')no-repeat center /cover;}
	.sub_04 .video_flex_box ul li.non_product10 .video_area {background:url('../sub/img/sub_video_img4_10_bg.png')no-repeat center /cover;}
	.video_flex_box ul li .video_area .play_icon {position:absolute;right:22px;top:18px;z-index:5;}
	.video_flex_box ul li .video_area .video_img {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;}
	.video_flex_box ul li .video_area .video_img.img01 {}
	.video_flex_box ul li .video_area .dim_overlay {display: none;position:relative;z-index:10;width:535px;height:328px;background:#000;}
	.video_flex_box ul li .video_area .dim_overlay.on {display: block;}
	.video_flex_box ul li .video_area .dim_overlay iframe {}
	.video_flex_box ul li .video_area .dim_overlay .play_btn {position:absolute;left:0;top:0;z-index:5;cursor:pointer;display: block;}
	.video_flex_box ul li .video_area .dim_overlay .play_btn.off {display: none;}
	.video_flex_box ul li .video_area .dim_overlay .play_btn img {}

	.video_flex_box ul li .text_area {text-align: center;margin: 50px auto 0;}
	.video_flex_box ul li .text_area p {}
	.video_flex_box ul li .text_area p.title {font-family: "Noto Serif KR", serif;font-size: 25px;line-height: 34px;color:#cc9b5f;font-weight: 500;}
	.video_flex_box ul li .text_area p.title_en {font-family: "Sorts Mill Goudy", serif;font-size: 20px;line-height: 34px;color:#595959;border-bottom:1px solid #cbcbc9;padding-bottom: 15px;width:400px;margin:5px auto 30px;}
	.video_flex_box ul li .text_area p.desc {font-family: 'Pretendard-Regular';font-size: 16px;line-height: 28px;color:#000;}

	/* section04 */
	#section04 {width: 100%;background: url('../sub/img/sub07_section05_bg.png')no-repeat center top;padding: 190px 0 330px;}
	#section04 .sub_text_box {}
	#section04 .sub_text_box .sub_title {margin-bottom: 25px;}
	#section04 .sub_text_box .sub_title_img {margin-bottom: 55px;}
	#section04 .sub_text_box .sub_desc.mt20 {margin-top: 30px;}
	#section04 .sub_cont_box {margin-top: 70px;}
	#section04 .sub_cont_box .flex_ul ul {justify-content:center;gap:55px}
	
	/* w1200 */
	@media(max-width:1200px){
		/* common */
		.section .inner {width:100%;padding:0 2.5000vw;}
		.section .inner.in1700 {width:100%;}
		.section .inner.in1280 {width:100%}
		.section .inner.in1100 {width:100%}
		.section .inner.in1300 {width:100%}
		.section .inner.in1920 {max-width:100%;}

		.sub_text_box p.title {font-size: 2.0833vw;margin-bottom: 3.7500vw;}
		.sub_text_box p.title.fz30 {font-size: 2.5000vw;margin-bottom: 1.2500vw;}
		.sub_text_box p.title.fz30 span {font-size: 2.5000vw;}

		.sub_text_box p.sub_title {font-size: 2.0833vw;line-height: 3.3333vw;margin-bottom: 5.4167vw;}
		.sub_text_box p.sub_title.bot {border-bottom:0.0833vw solid #c9c9c6;}
		.sub_text_box p.sub_title.fz30 {font-size: 2.5000vw;}

		.sub_text_box p.desc {font-size: 1.5000vw;line-height: 2.6667vw;}
		.sub_text_box p.sub_desc {font-size: 1.3333vw;line-height: 2.6667vw;}
		.sub_text_box p.sub_desc.mt30 {margin-top: 2.5000vw;}
		
		.flex_ul ul {}
		.flex_ul ul li {}
		.flex_ul ul li .tag {padding:0.8333vw 2.0833vw;border-radius:1.6667vw;font-size: 1.5833vw;margin:1.6667vw auto 0;}
		.flex_ul ul li .tag_info {font-size: 1.3333vw;margin-top: 1.6667vw;line-height: 2.3333vw;}
		.flex_ul ul li .info {font-size: 1.5833vw;margin-top: 2.5000vw;line-height: 2.5000vw;}
		
		.type01 li {width:50.0000vw;height:9.5833vw;border:0.0417vw solid #d7d7d7;border-radius:0.8333vw;margin-bottom: 1.1667vw;gap:1.2500vw}
		.type01 li:last-child {}
		.type01 li p.type {font-size: 1.5000vw;border-bottom:0.0833vw solid #cc9b5f;padding-bottom: 0.4167vw;}
		.type01 li p.type span {font-size: 2.3333vw;line-height: 1.5000vw;}
		.type01 li p.info {font-size: 1.3333vw;line-height: 2.3333vw;}
		
		/* section01 */
		#section01 {width: 100%;height: 38.8333vw;}

		/* section02 */
		#section02 {width: 100%;padding: 11.6667vw 0 0;}

		/* section03 */
		#section03 {width: 100%;padding:0.0000vw 0 12.5000vw;}
		
		.video_flex_box {}
		.video_flex_box ul {}
		.video_flex_box ul li {padding-top: 22.5000vw;}
		.video_flex_box ul li.mb0 {}
		.video_flex_box ul li .video_area {width: 44.5833vw;height: 27.3333vw;border-radius:0.8333vw;}
		.video_flex_box ul li.non_product .video_area {}
		.video_flex_box ul li .video_area .play_icon {right:1.8333vw;top:1.5000vw;}
		.video_flex_box ul li .video_area .video_img {}
		.video_flex_box ul li .video_area .video_img.img01 {}
		.video_flex_box ul li .video_area .dim_overlay {width:44.5833vw;height:27.3333vw;}
		.video_flex_box ul li .video_area .dim_overlay.on {}
		.video_flex_box ul li .video_area .dim_overlay iframe {}
		.video_flex_box ul li .video_area .dim_overlay .play_btn {}
		.video_flex_box ul li .video_area .dim_overlay .play_btn.off {}
		.video_flex_box ul li .video_area .dim_overlay .play_btn img {}

		.video_flex_box ul li .text_area {margin: 4.1667vw auto 0;}
		.video_flex_box ul li .text_area p {}
		.video_flex_box ul li .text_area p.title {font-size: 2.0833vw;line-height: 2.8333vw;}
		.video_flex_box ul li .text_area p.title_en {font-size: 1.6667vw;line-height: 2.8333vw;border-bottom:0.0833vw solid #cbcbc9;padding-bottom: 1.2500vw;width:33.3333vw;margin:0.4167vw auto 2.5000vw;}
		.video_flex_box ul li .text_area p.desc {font-size: 1.3333vw;line-height: 2.3333vw;}
		
		/* section04 */
		#section04 {padding: 15.8333vw 0 27.5000vw;}
		#section04 .sub_text_box {}
		#section04 .sub_text_box .sub_title {margin-bottom: 2.0833vw;}
		#section04 .sub_text_box .sub_title_img {margin-bottom: 4.5833vw;}
		#section04 .sub_text_box .sub_desc.mt20 {margin-top: 2.5000vw;}
		#section04 .sub_cont_box {margin-top: 5.8333vw;}
		#section04 .sub_cont_box .flex_ul ul {gap:4.5833vw}

	}	

	/* w768 */
	@media(max-width:768px){
		.pc_only {display: none;}
		.mo_only {display: block;}

		/* common */
		.section .inner {width:100%;padding:0 7.8125vw;}

		.sub_text_box p.title {font-size: 6.2500vw;margin-bottom: 5.8594vw;}
		.sub_text_box p.title.fz30 {font-size: 6.9010vw;margin-bottom: 1.9531vw;}
		.sub_text_box p.title.fz30 span {font-size: 6.9010vw;}

		.sub_text_box p.sub_title {font-size: 4.1667vw;line-height: 6.2500vw;margin-bottom: 6.5104vw;}
		.sub_text_box p.sub_title.bot {border-bottom:0.1302vw solid #c9c9c6;}
		.sub_text_box p.sub_title.fz30 {font-size: 4.8177vw;}

		.sub_text_box p.desc {font-size: 3.1250vw;line-height: 4.9479vw;} /*  21px 37px */
		.sub_text_box p.sub_desc {font-size: 2.7344vw;line-height: 4.8177vw;}
		.sub_text_box p.sub_desc.mt30 {margin-top: 3.9063vw;}

		.flex_ul ul li .tag {padding:1.3021vw 3.2552vw;border-radius:2.6042vw;font-size: 2.4740vw;margin:2.6042vw auto 0;}
		.flex_ul ul li .tag_info {font-size: 2.0833vw;margin-top: 2.6042vw;line-height: 3.6458vw;}
		.flex_ul ul li .info {font-size: 2.4740vw;margin-top: 3.9063vw;line-height: 3.9063vw;}
		
		.type01 li {width:78.1250vw;height:14.9740vw;border:0.1302vw solid #d7d7d7;border-radius:1.3021vw;margin-bottom: 1.8229vw;gap:1.9531vw}
		.type01 li:last-child {}
		.type01 li p.type {font-size: 2.3438vw;border-bottom:0.1302vw solid #cc9b5f;padding-bottom: 0.6510vw;}
		.type01 li p.type span {font-size: 3.6458vw;line-height: 2.3438vw;}
		.type01 li p.info {font-size: 2.0833vw;line-height: 3.6458vw;}
		
		/* section01 */
		#section01 {width: 100%;height: 100vh;}

		/* section02 */
		#section02 {width: 100%;padding: 15.6250vw 0 0;}

		/* section03 */
		#section03 {width: 100%;padding:0.0000vw 0 15.6250vw;}
		#section03 .inner {padding:0 3.9063vw;}
		#section03 .swiper-scrollbar {bottom:0;}
		#section03 .swiper-scrollbar .swiper-scrollbar-drag {background:#dd9c5b;}
		.video_flex_box {overflow:hidden;position:relative;}
		.video_flex_box ul {flex-wrap:nowrap;padding:3.9063vw 0 10.4167vw}
		.video_flex_box ul li {padding-top: 0;width:100%;}
		.video_flex_box ul li .video_area {width: 69.6615vw;height: 42.7083vw;border-radius:1.3021vw;margin:0 auto;}
		.video_flex_box ul li .video_area .play_icon {right:2.8646vw;top:2.3438vw;}
		.video_flex_box ul li .video_area .dim_overlay {width:69.6615vw;height:42.7083vw;}

		.video_flex_box ul li .text_area {margin: 6.5104vw auto 0;}
		.video_flex_box ul li .text_area p {}
		.video_flex_box ul li .text_area p.title {font-size: 3.2552vw;line-height: 4.4271vw;}
		.video_flex_box ul li .text_area p.title_en {font-size: 2.6042vw;line-height: 4.4271vw;border-bottom:0.1302vw solid #cbcbc9;padding-bottom: 1.9531vw;width:52.0833vw;margin:0.6510vw auto 3.9063vw;}
		.video_flex_box ul li .text_area p.desc {font-size: 2.0833vw;line-height: 3.6458vw;}
		
		/* section04 */
		#section04 {padding: 15.6250vw 0 15.6250vw;background: url('../sub/img/m/sub07_section05_bg_m.png')no-repeat center top/contain;}
		#section04 .sub_text_box .sub_title {margin-bottom: 3.2552vw;}
		#section04 .sub_text_box .sub_title_img {margin-bottom: 7.1615vw;}
		#section04 .sub_text_box .sub_title_img img {width: 28.6458vw;}

		#section04 .sub_text_box .sub_desc.mt20 {margin-top: 3.9063vw;}
		#section04 .sub_text_box p.sub_desc {letter-spacing:-0.05em;}
		#section04 .sub_cont_box {margin-top: 9.1146vw;}
		#section04 .sub_cont_box .flex_ul ul {gap:7.1615vw;flex-wrap:wrap;}
		
	}

	/* w480 */
	@media(max-width:480px){
		/* common */
		.section .inner {width:100%;padding:0 6.2500vw;}

		.sub_text_box p.title {font-size: 7.5000vw;margin-bottom: 9.3750vw;}
		.sub_text_box p.title.fz30 {font-size: 7.5000vw;margin-bottom: 3.1250vw;}
		.sub_text_box p.title.fz30 span {font-size: 7.5000vw;}

		.sub_text_box p.sub_title {font-size: 4.5833vw;line-height: 6.8750vw;margin-bottom: 8.3333vw;letter-spacing: -0.02em;}
		.sub_text_box p.sub_title.bot {border-bottom:0.2083vw solid #c9c9c6;}
		.sub_text_box p.sub_title.fz30 {font-size: 5.6250vw;}

		.sub_text_box p.desc {font-size: 3.7500vw;line-height: 6.6667vw;} /*  4.3750vw 7.7083vw */
		.sub_text_box p.sub_desc {font-size: 3.3333vw;line-height: 6.6667vw;}
		.sub_text_box p.sub_desc.mt30 {margin-top: 6.2500vw;}

		.flex_ul ul li .tag {padding:2.0833vw 5.2083vw;border-radius:4.1667vw;font-size: 3.9583vw;margin:4.1667vw auto 0;}
		.flex_ul ul li .tag_info {font-size: 3.3333vw;margin-top: 4.1667vw;line-height: 5.8333vw;}
		.flex_ul ul li .info {font-size: 3.9583vw;margin-top: 6.2500vw;line-height: 6.2500vw;}
		
		.type01 li {width:125.0000vw;height:23.9583vw;border:0.2083vw solid #d7d7d7;border-radius:2.0833vw;margin-bottom: 2.9167vw;gap:3.1250vw}
		.type01 li:last-child {}
		.type01 li p.type {font-size: 3.7500vw;border-bottom:0.2083vw solid #cc9b5f;padding-bottom: 1.0417vw;}
		.type01 li p.type span {font-size: 5.8333vw;line-height: 3.7500vw;}
		.type01 li p.info {font-size: 3.3333vw;line-height: 5.8333vw;}
		
		/* section01 */
		#section01 {}

		/* section02 */
		#section02 {width: 100%;padding: 20.8333vw 0 0;}

		/* section03 */
		#section03 {width: 100%;padding:0.0000vw 0 20.8333vw;}
		#section03 .inner {padding:0 6.2500vw;}
		.video_flex_box ul {flex-wrap:nowrap;padding:9.7917vw 0 12.5000vw}
		.video_flex_box ul li {padding-top: 0;width:100%;}
		.video_flex_box ul li .video_area {width: 85.4167vw;height: 53.5417vw;border-radius:3.3333vw;margin:0 auto;}
		.video_flex_box ul li.non_product .video_area {}
		.video_flex_box ul li .video_area .play_icon {right:7.0833vw;top:5.8333vw;}

		.video_flex_box ul li .video_area .video_img.img01 {width: 33.3333vw;}
		.video_flex_box ul li .video_area .video_img.img03 {width: 33.3333vw;}
		.video_flex_box ul li .video_area .video_img.img06 {width: 25.0000vw;}

		.video_flex_box ul li .video_area .dim_overlay {width:85.4167vw;height:53.5417vw;border-radius:3.3333vw;margin:0 auto;}
		.video_flex_box ul li .video_area .dim_overlay .play_btn img {width: 85.4167vw;height:53.5417vw;}

		.video_flex_box ul li .text_area {margin: 12.5000vw auto 0;}
		.video_flex_box ul li .text_area p.title {font-size: 5.0000vw;line-height: 7.5000vw;}
		.video_flex_box ul li .text_area p.title_en {font-size: 4.1667vw;line-height: 6.2500vw;border-bottom:0.4167vw solid #cbcbc9;padding-bottom: 4.7917vw;width:75%;margin:1.6667vw auto 6.2500vw;}
		.video_flex_box ul li .text_area p.desc {font-size: 3.7500vw;line-height: 7.5000vw;word-break:keep-all;}
		.video_flex_box ul li .text_area p.desc br {display: none;}
		
		/* section04 */
		#section04 {padding: 20.8333vw 0 20.8333vw;}
		#section04 .sub_text_box .sub_title {margin-bottom: 5.2083vw;}
		#section04 .sub_text_box .sub_title_img {margin-bottom: 11.4583vw;}
		#section04 .sub_text_box .sub_title_img img {width: 45.8333vw;}

		#section04 .sub_text_box .sub_desc.mt20 {margin-top: 6.2500vw;}
		#section04 .sub_text_box p.sub_desc {letter-spacing:-0.05em;}
		#section04 .sub_cont_box {margin-top: 14.5833vw;}
		#section04 .sub_cont_box .flex_ul ul {gap:11.4583vw;flex-wrap:wrap;}

	}